-
+
diff --git a/core/module/theme/theme.php b/core/module/theme/theme.php
index 4bd06014..18be280e 100644
--- a/core/module/theme/theme.php
+++ b/core/module/theme/theme.php
@@ -119,7 +119,7 @@ class theme extends common
];
public static $headerFeatures = [
'wallpaper' => 'Couleur unie ou papier-peint',
- 'feature' => 'Contenu personnalisé'
+ 'feature' => 'Contenu HTML'
];
public static $imagePositions = [
'top left' => 'En haut à gauche',
@@ -253,7 +253,6 @@ class theme extends common
'backgroundColor' => $this->getInput('adminBackgroundColor'),
'colorTitle' => $this->getInput('adminColorTitle'),
'colorText' => $this->getInput('adminColorText'),
- 'colorButtonText' => $this->getInput('adminColorButtonText'),
'backgroundColorButton' => $this->getInput('adminColorButton'),
'backgroundColorButtonGrey' => $this->getInput('adminColorGrey'),
'backgroundColorButtonRed' => $this->getInput('adminColorRed'),
@@ -658,8 +657,8 @@ class theme extends common
// Soumission du formulaire
if ($this->isPost()) {
// Type d'import en ligne ou local
- $type = $this->getInput('fontAddFontImported', helper::FILTER_BOOLEAN) ? 'imported' : 'files';
- $typeFlip = $type === 'files' ? 'imported' : 'files';
+ $type = $this->getInput('fontAddUrl', helper::FILTER_BOOLEAN) ? 'imported' : 'files';
+ $type === 'files' ? 'imported' : 'files';
$ressource = $type === 'imported' ? $this->getInput('fontAddUrl', null) : $this->getInput('fontAddFile', null);
if (!empty($ressource)) {
$fontId = $this->getInput('fontAddFontId', null, true);
@@ -670,8 +669,8 @@ class theme extends common
$fontFamilyName = str_replace('"', '\'', $fontFamilyName);
// Supprime la fonte si elle existe dans le type inverse
- if (is_array($this->getData(['fonts', $typeFlip, $fontId]))) {
- $this->deleteData(['fonts', $typeFlip, $fontId]);
+ if (is_array($this->getData(['fonts', $type, $fontId]))) {
+ $this->deleteData(['fonts', $type, $fontId]);
}
// Stocker la fonte
$this->setData([
@@ -724,8 +723,7 @@ class theme extends common
// Soumission du formulaire
if ($this->isPost()) {
// Type d'import en ligne ou local
- $type = $this->getInput('fontEditFontImported', helper::FILTER_BOOLEAN) ? 'imported' : 'files';
- $typeFlip = $type === 'files' ? 'imported' : 'files';
+ $type = $this->getInput('fontEditUrl', helper::FILTER_BOOLEAN) ? 'imported' : 'files';
$ressource = $type === 'imported' ? $this->getInput('fontEditUrl', null) : $this->getInput('fontEditFile', null);
$fontId = $this->getInput('fontEditFontId', null, true);
$fontName = $this->getInput('fontEditFontName', null, true);
@@ -735,9 +733,10 @@ class theme extends common
$fontFamilyName = str_replace('"', '\'', $fontFamilyName);
// Supprime la fonte si elle existe dans le type inverse
- if (is_array($this->getData(['fonts', $typeFlip, $fontId]))) {
- $this->deleteData(['fonts', $typeFlip, $fontId]);
+ if (is_array($this->getData(['fonts', $type, $fontId]))) {
+ $this->deleteData(['fonts', $type, $fontId]);
}
+
// Stocker les fontes
$this->setData([
'fonts',
diff --git a/core/module/theme/view/admin/admin.js.php b/core/module/theme/view/admin/admin.js.php
index 29d2e564..ecb7b5aa 100644
--- a/core/module/theme/view/admin/admin.js.php
+++ b/core/module/theme/view/admin/admin.js.php
@@ -9,4 +9,19 @@
* @license CC Attribution-NonCommercial-NoDerivatives 4.0 International
* @link http://zwiicms.fr/
*/
-$("input, select").on("change",(function(){var titleFont=$("#adminFontTitle").val(),textFont=$("#adminFontText").val(),css="@import url('https://fonts.cdnfonts.com/css/"+titleFont+"');",css="@import url('https://fonts.cdnfonts.com/css/"+textFont+"');",colors,css="#site{background-color:"+(colors=core.colorVariants($("#adminBackgroundColor").val())).normal+";}",colors,colors,colors,colors;css+="body, .row > div {font:"+$("#adminFontTextSize").val()+" '"+textFont+"', sans-serif;}",css+="body h1, h2, h3, h4, h5, h6 {font-family:'"+titleFont+"', sans-serif; color:"+$("#adminColorTitle").val()+";}",css+="body:not(.editorWysiwyg),span .zwiico-help {color:"+$("#adminColorText").val()+";}",css+="input[type='checkbox']:checked + label::before,.speechBubble{ background-color:"+(colors=core.colorVariants($("#adminColorButton").val())).normal+"; color:"+$("#adminColorButtonText").val()+";}",css+=".speechBubble::before {border-color:"+colors.normal+" transparent transparent transparent;}",css+=".button {background-color:"+colors.normal+";color:"+colors.text+";}.button:hover {background-color:"+colors.darken+";color:"+colors.text+";}.button:active {background-color:"+colors.veryDarken+";color:"+colors.text+";}",css+=".button.buttonGrey {background-color: "+(colors=core.colorVariants($("#adminColorGrey").val())).normal+";color:"+colors.text+";}.button.buttonGrey:hover {background-color:"+colors.darken+";color:"+colors.text+"}.button.buttonGrey:active {background-color:"+colors.veryDarken+";color:"+colors.text+";}",css+=".button.buttonRed {background-color: "+(colors=core.colorVariants($("#adminColorRed").val())).normal+";color:"+colors.text+";}.button.buttonRed:hover {background-color:"+colors.darken+";color:"+colors.text+"}.button.buttonRed:active {background-color:"+colors.veryDarken+";color:"+colors.text+"}",css+=".button.buttonGreen, button[type=submit] {background-color: "+(colors=core.colorVariants($("#adminColorGreen").val())).normal+";color: ;color:"+colors.text+"}.button.buttonGreen:hover, button[type=submit]:hover {background-color: "+colors.darken+";color:"+colors.text+";}.button.buttonGreen:active, button[type=submit]:active {background-color:"+colors.veryDarken+";color:"+colors.text+"}";var colors=core.colorVariants($("#adminBackGroundBlockColor").val());css+=".block {border: 1px solid "+$("#adminBorderBlockColor").val()+";}.block h4 {background-color: "+colors.normal+";color:"+colors.text+";}",css+="input[type=email],input[type=text],input[type=password],select:not(#bar select),textarea:not(.editorWysiwyg),.inputFile{background-color: "+colors.normal+";color:"+colors.text+";border: 1px solid "+$("#adminBorderBlockColor").val()+";}",$("#themePreview").remove(),$("\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');
- this.lowerCanvasEl.style = 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
- */
- _setBrushStyles: function() {
- var ctx = this.canvas.contextTop;
- 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,
-
- /**
- * Constructor
- * @param {fabric.Canvas} canvas
- * @return {fabric.PencilBrush} Instance of a pencil brush
- */
- initialize: function(canvas) {
- this.canvas = canvas;
- this._points = [];
- },
-
- /**
- * 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._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;
- }
- 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.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;
- }
- this._points.push(point);
- return true;
- },
-
- /**
- * Clear points array and set contextTop canvas style.
- * @private
- */
- _reset: function() {
- this._points = [];
- this._setBrushStyles();
- this._setShadow();
- },
-
- /**
- * @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
- */
- _render: function() {
- var ctx = this.canvas.contextTop, i, len,
- 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) {
- 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
- */
- getPattern: function() {
- return this.canvas.contextTop.createPattern(this.source || this.getPatternSrc(), 'repeat');
- },
-
- /**
- * Sets brush styles
- */
- _setBrushStyles: function() {
- this.callSuper('_setBrushStyles');
- this.canvas.contextTop.strokeStyle = this.getPattern();
- },
-
- /**
- * 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
- * @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
- *
- * the following events are deprecated:
- * @fires object:rotated at the end of a rotation transform
- * @fires object:scaled at the end of a scale transform
- * @fires object:moved at the end of translation transform
- * @fires object:skewed at the end of a skew transform
- */
- 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 rotation point
- * @type String
- * @default
- */
- rotationCursor: '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: [],
-
- /**
- * 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);
- }
- 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,
- // added for backward compatibility
- // deprecated
- updated: added[0] || removed[0],
- target: this._activeObject,
- });
- }
- else if (objects.length > 0) {
- this.fire('selection:created', {
- e: e,
- selected: added,
- target: this._activeObject,
- });
- }
- 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._simpleEventHandler.bind(this, 'drop');
- 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);
- },
-
- /**
- * @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)
- );
- }
- }
- if (target) {
- if (target.selectable && target !== this._activeObject && target.activeOn === 'up') {
- this.setActiveObject(target, e);
- shouldRender = true;
- }
- else {
- var corner = target._findTargetCorner(
- this.getPointer(e, true),
- fabric.util.isTouchEvent(e)
- );
- var control = target.controls[corner],
- mouseUpHandler = control && control.getMouseUpHandler(e, target, control);
- if (mouseUpHandler) {
- var pointer = this.getPointer(e);
- mouseUpHandler(e, transform, pointer.x, pointer.y);
- }
- }
- target.isMoving = false;
- }
- 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,
- eventName,
- 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())) {
- if (transform.actionPerformed) {
- // this is not friendly to the new control api.
- // is deprecated.
- eventName = this._addEventOptions(options, transform);
- this._fire(eventName, options);
- }
- this._fire('modified', options);
- }
- },
-
- /**
- * Mutate option object in order to add by property and give back the event name.
- * @private
- * @deprecated since 4.2.0
- * @param {Object} options to mutate
- * @param {Object} transform to inspect action from
- */
- _addEventOptions: function(options, transform) {
- // we can probably add more details at low cost
- // scale change, rotation changes, translation changes
- var eventName, by;
- switch (transform.action) {
- case 'scaleX':
- eventName = 'scaled';
- by = 'x';
- break;
- case 'scaleY':
- eventName = 'scaled';
- by = 'y';
- break;
- case 'skewX':
- eventName = 'skewed';
- by = 'x';
- break;
- case 'skewY':
- eventName = 'skewed';
- by = 'y';
- break;
- case 'scale':
- eventName = 'scaled';
- by = 'equally';
- break;
- case 'rotate':
- eventName = 'rotated';
- break;
- case 'drag':
- eventName = 'moved';
- break;
- }
- options.by = by;
- return eventName;
- },
-
- /**
- * @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.
- * 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
- */
- drawClipPathOnCache: function(ctx) {
- var path = this.clipPath;
- ctx.save();
- // DEBUG: uncomment this line, comment the following
- // ctx.globalAlpha = 0.4
- if (path.inverted) {
- ctx.globalCompositeOperation = 'destination-out';
- }
- else {
- ctx.globalCompositeOperation = 'destination-in';
- }
- //ctx.scale(1 / 2, 1 / 2);
- if (path.absolutePositioned) {
- var m = fabric.util.invertTransform(this.calcTransformMatrix());
- ctx.transform(m[0], m[1], m[2], m[3], m[4], m[5]);
- }
- path.transform(ctx);
- ctx.scale(1 / path.zoomX, 1 / path.zoomY);
- ctx.drawImage(path._cacheCanvas, -path.cacheTranslationX, -path.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.fill = originalFill;
- this.stroke = originalStroke;
- },
-
- _drawClipPath: function(ctx) {
- var path = this.clipPath;
- if (!path) { return; }
- // needed to setup a couple of variables
- // path canvas gets overridden with this one.
- // TODO find a better solution?
- path.canvas = this.canvas;
- path.shouldCache();
- path._transformDone = true;
- path.renderCache({ forClipping: true });
- this.drawClipPathOnCache(ctx);
- },
-
- /**
- * 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
- * @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;
- }
- ctx.rotate(degreesToRadians(options.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;
- }
- }
- });
-
- 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;
-
- 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.enlivenObjects([object.clipPath], function(enlivedProps) {
- object.clipPath = enlivedProps[0];
- 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;
-})( true ? exports : 0);
-
-
-(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 and calcCoords.
- * @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);
- },
-
- /**
- * Calculates and returns the .coords of an object.
- * unused by the library, only for the end dev.
- * @return {Object} Object with tl, tr, br, bl ....
- * @chainable
- * @deprecated
- */
- calcCoords: function(absolute) {
- // this is a compatibility function to avoid removing calcCoords now.
- if (absolute) {
- return this.calcACoords();
- }
- return this.calcOCoords();
- },
-
- 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/kangax/fabric.js/wiki/When-to-call-setCoords|When-to-call-setCoords}
- * @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
- * @deprecated since 3.4.0, please use fabric.util._calcDimensionsTransformMatrix
- * not including or including flipX, flipY to emulate the flipping boolean
- * @return {Object} .x width dimension
- * @return {Object} .y height dimension
- */
- _calcDimensionsTransformMatrix: function(skewX, skewY, flipping) {
- return util.calcDimensionsMatrix({
- skewX: skewX,
- skewY: skewY,
- scaleX: this.scaleX * (flipping && this.flipX ? -1 : 1),
- scaleY: this.scaleY * (flipping && this.flipY ? -1 : 1)
- });
- },
-
- /*
- * 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.Canvas} thisArg
- * @chainable
- */
- fxCenterObjectH: function (object, callbacks) {
- callbacks = callbacks || { };
-
- var empty = function() { },
- onComplete = callbacks.onComplete || empty,
- onChange = callbacks.onChange || empty,
- _this = this;
-
- fabric.util.animate({
- 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();
- }
- });
-
- return this;
- },
-
- /**
- * 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.Canvas} thisArg
- * @chainable
- */
- fxCenterObjectV: function (object, callbacks) {
- callbacks = callbacks || { };
-
- var empty = function() { },
- onComplete = callbacks.onComplete || empty,
- onChange = callbacks.onChange || empty,
- _this = this;
-
- fabric.util.animate({
- 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();
- }
- });
-
- return this;
- },
-
- /**
- * 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.Canvas} thisArg
- * @chainable
- */
- fxRemove: function (object, callbacks) {
- callbacks = callbacks || { };
-
- var empty = function() { },
- onComplete = callbacks.onComplete || empty,
- onChange = callbacks.onChange || empty,
- _this = this;
-
- fabric.util.animate({
- 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 this;
- }
-});
-
-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}
- * @chainable
- *
- * 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;
- 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;
- this._animate(prop, arguments[0][prop], arguments[1], skipCallbacks);
- }
- }
- else {
- this._animate.apply(this, arguments);
- }
- return this;
- },
-
- /**
- * @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 = {
- 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));
- }
- };
-
- }
-
-})( true ? exports : 0);
-
-
-(function(global) {
-
- 'use strict';
-
- var fabric = global.fabric || (global.fabric = { }),
- pi = Math.PI;
-
- 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,
-
- /**
- * Start angle of the circle, moving clockwise
- * deprecated type, this should be in degree, this was an oversight.
- * probably will change to degrees in next major version
- * @type Number
- * @default 0
- */
- startAngle: 0,
-
- /**
- * End angle of the circle
- * deprecated type, this should be in degree, this was an oversight.
- * probably will change to degrees in next major version
- * @type Number
- * @default 2Pi
- */
- endAngle: pi * 2,
-
- 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) % ( 2 * pi);
-
- if (angle === 0) {
- svgString = [
- ' \n'
- ];
- }
- else {
- var startX = fabric.util.cos(this.startAngle) * this.radius,
- startY = fabric.util.sin(this.startAngle) * this.radius,
- endX = fabric.util.cos(this.endAngle) * this.radius,
- endY = fabric.util.sin(this.endAngle) * this.radius,
- largeFlag = angle > pi ? '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,
- this.startAngle,
- 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);
- };
-
-})( true ? exports : 0);
-
-
-(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);
- };
-
-})( true ? exports : 0);
-
-
-(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);
- };
-
-})( true ? exports : 0);
-
-
-(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);
- };
-
-})( true ? exports : 0);
-
-
-(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;
-
- 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,
-
- 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);
- },
-
- _setPositionDimensions: function(options) {
- var calcDim = this._calcDimensions(options), correctLeftTop;
- this.width = calcDim.width;
- this.height = calcDim.height;
- if (!options.fromSVG) {
- correctLeftTop = this.translateToGivenOrigin(
- { x: calcDim.left - this.strokeWidth / 2, y: calcDim.top - this.strokeWidth / 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,
- y: calcDim.top + this.height / 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.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');
- };
-
-})( true ? exports : 0);
-
-
-(function(global) {
-
- 'use strict';
-
- var fabric = global.fabric || (global.fabric = { });
-
- 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
- * @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');
- };
-
-})( true ? exports : 0);
-
-
-(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,
- _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 = options || { };
- this.callSuper('initialize', options);
- if (!path) {
- path = [];
- }
-
- var fromArray = _toString.call(path) === '[object Array]';
-
- this.path = fabric.util.makePathSimpler(
- fromArray ? path : fabric.util.parsePath(path)
- );
-
- if (!this.path) {
- return;
- }
- 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_ */
-
-})( true ? exports : 0);
-
-
-(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);
- },
-
- /**
- * 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;
- },
-
- /**
- * Realises the transform from this group onto the supplied object
- * i.e. it tells you what would happen if the supplied object was in
- * the group, and then the group was destroyed. It mutates the supplied
- * object.
- * Warning: this method is not useful anymore, it has been kept to no break the api.
- * is not used in the fabricJS codebase
- * this method will be reduced to using the utility.
- * @private
- * @deprecated
- * @param {fabric.Object} object
- * @param {Array} parentMatrix parent transformation
- * @return {fabric.Object} transformedObject
- */
- realizeTransform: function(object, parentMatrix) {
- fabric.util.addTransformToObject(object, parentMatrix);
- return object;
- },
-
- /**
- * 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();
- },
-
- /**
- * 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) {
- fabric.util.enlivenObjects([object.clipPath], function(enlivedClipPath) {
- var options = fabric.util.object.clone(object, true);
- options.clipPath = enlivedClipPath[0];
- delete options.objects;
- callback && callback(new fabric.Group(enlivenedObjects, options, true));
- });
- });
- };
-
-})( true ? exports : 0);
-
-
-(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));
- });
- };
-
-})( true ? exports : 0);
-
-
-(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.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.enlivenObjects([object.clipPath], function(enlivedProps) {
- object.clipPath = enlivedProps[0];
- 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_ */
-
-})( true ? exports : 0);
-
-
-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() {
- this.rotate(this._getAngleValueForStraighten());
- return this;
- },
-
- /**
- * 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
- * @chainable
- */
- fxStraighten: function(callbacks) {
- callbacks = callbacks || { };
-
- var empty = function() { },
- onComplete = callbacks.onComplete || empty,
- onChange = callbacks.onChange || empty,
- _this = this;
-
- fabric.util.animate({
- startValue: this.get('angle'),
- endValue: this._getAngleValueForStraighten(),
- duration: this.FX_DURATION,
- onChange: function(value) {
- _this.rotate(value);
- onChange();
- },
- onComplete: function() {
- _this.setCoords();
- onComplete();
- },
- });
-
- return this;
- }
-});
-
-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
- * @chainable
- */
- fxStraightenObject: function (object) {
- object.fxStraighten({
- onChange: this.requestRenderAllBound
- });
- return this;
- }
-});
-
-
-(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, manly for non webgl scenario
- * to save some calculation
- */
- 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;
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
- }
-})( true ? exports : 0);
-
-
-(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.
- **/
- color: '#F95C63',
-
- /**
- * Blend mode for the filter: one of multiply, add, diff, screen, subtract,
- * darken, lighten, overlay, exclusion, tint.
- **/
- mode: 'multiply',
-
- /**
- * alpha value. represent the strength of the blend color operation.
- **/
- 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;
-
-})( true ? exports : 0);
-
-
-(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, add, diff, screen, subtract,
- * darken, lighten, overlay, exclusion, tint.
- **/
- 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));
- });
- };
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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.
- */
- 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;
-
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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;
- };
-})( true ? exports : 0);
-
-
-(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;
-
-})( true ? exports : 0);
-
-
-(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').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'
- ],
-
- /**
- * @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',
-
- /**
- * @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
- * @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 = 'alphabetic';
- 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;
-
- ctx.save();
- top -= lineHeight * this._fontSizeFraction / this.lineHeight;
- if (shortCut) {
- // render all the line in one pass without checking
- // drawingLeft = isLtr ? left : left - this.getLineWidth(lineIndex);
- ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');
- ctx.direction = isLtr ? 'ltr' : 'rtl';
- ctx.textAlign = isLtr ? 'left' : 'right';
- 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;
- ctx.canvas.setAttribute('dir', isLtr ? 'ltr' : 'rtl');
- ctx.direction = isLtr ? 'ltr' : 'rtl';
- ctx.textAlign = isLtr ? 'left' : 'right';
- 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]) {
- return this.__lineWidths[lineIndex];
- }
-
- var width, line = this._textLines[lineIndex], lineInfo;
-
- if (line === '') {
- width = 0;
- }
- else {
- lineInfo = this.measureLine(lineIndex);
- 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);
-
-})( true ? exports : 0);
-
-
-(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.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;
- }
- 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 = 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
- */
- _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.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 = 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);
- },
-
- /**
- * 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)
- };
- },
-
- /**
- * Returns styles-string for svg-export
- * @param {Boolean} skipShadow a boolean to skip shadow filter output
- * @return {String}
- */
- 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, {
-
- /**
- * 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 = wrapped.concat(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.
- * @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;
- },
-
- /**
- * 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;
- }
-
- 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;
- },
-
- /**
- * 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
- * @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');
- };
-})( true ? exports : 0);
-
-
-(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',
- });
- }
-})();
-
-
-
-/***/ }),
-
-/***/ 3053:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/* eslint-disable complexity */
-/**
- * @fileoverview Returns the first index at which a given element can be found in the array.
- * @author NHN FE Development Lab
- */
-
-
-
-var isArray = __webpack_require__(602);
-
-/**
- * @module array
- */
-
-/**
- * Returns the first index at which a given element can be found in the array
- * from start index(default 0), or -1 if it is not present.
- * It compares searchElement to elements of the Array using strict equality
- * (the same method used by the ===, or triple-equals, operator).
- * @param {*} searchElement Element to locate in the array
- * @param {Array} array Array that will be traversed.
- * @param {number} startIndex Start index in array for searching (default 0)
- * @returns {number} the First index at which a given element, or -1 if it is not present
- * @memberof module:array
- * @example
- * // ES6
- * import inArray from 'tui-code-snippet/array/inArray';
- *
- * // CommonJS
- * const inArray = require('tui-code-snippet/array/inArray');
- *
- * const arr = ['one', 'two', 'three', 'four'];
- * const idx1 = inArray('one', arr, 3); // -1
- * const idx2 = inArray('one', arr); // 0
- */
-function inArray(searchElement, array, startIndex) {
- var i;
- var length;
- startIndex = startIndex || 0;
-
- if (!isArray(array)) {
- return -1;
- }
-
- if (Array.prototype.indexOf) {
- return Array.prototype.indexOf.call(array, searchElement, startIndex);
- }
-
- length = array.length;
- for (i = startIndex; startIndex >= 0 && i < length; i += 1) {
- if (array[i] === searchElement) {
- return i;
- }
- }
-
- return -1;
-}
-
-module.exports = inArray;
-
-
-/***/ }),
-
-/***/ 8592:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview Execute the provided callback once for each property of object(or element of array) which actually exist.
- * @author NHN FE Development Lab
- */
-
-
-
-var isArray = __webpack_require__(602);
-var forEachArray = __webpack_require__(6092);
-var forEachOwnProperties = __webpack_require__(5573);
-
-/**
- * @module collection
- */
-
-/**
- * Execute the provided callback once for each property of object(or element of array) which actually exist.
- * If the object is Array-like object(ex-arguments object), It needs to transform to Array.(see 'ex2' of example).
- * If the callback function returns false, the loop will be stopped.
- * Callback function(iteratee) is invoked with three arguments:
- * 1) The value of the property(or The value of the element)
- * 2) The name of the property(or The index of the element)
- * 3) The object being traversed
- * @param {Object} obj The object that will be traversed
- * @param {function} iteratee Callback function
- * @param {Object} [context] Context(this) of callback function
- * @memberof module:collection
- * @example
- * // ES6
- * import forEach from 'tui-code-snippet/collection/forEach';
- *
- * // CommonJS
- * const forEach = require('tui-code-snippet/collection/forEach');
- *
- * let sum = 0;
- *
- * forEach([1,2,3], function(value){
- * sum += value;
- * });
- * alert(sum); // 6
- *
- * // In case of Array-like object
- * const array = Array.prototype.slice.call(arrayLike); // change to array
- * forEach(array, function(value){
- * sum += value;
- * });
- */
-function forEach(obj, iteratee, context) {
- if (isArray(obj)) {
- forEachArray(obj, iteratee, context);
- } else {
- forEachOwnProperties(obj, iteratee, context);
- }
-}
-
-module.exports = forEach;
-
-
-/***/ }),
-
-/***/ 6092:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Execute the provided callback once for each element present in the array(or Array-like object) in ascending order.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Execute the provided callback once for each element present
- * in the array(or Array-like object) in ascending order.
- * If the callback function returns false, the loop will be stopped.
- * Callback function(iteratee) is invoked with three arguments:
- * 1) The value of the element
- * 2) The index of the element
- * 3) The array(or Array-like object) being traversed
- * @param {Array|Arguments|NodeList} arr The array(or Array-like object) that will be traversed
- * @param {function} iteratee Callback function
- * @param {Object} [context] Context(this) of callback function
- * @memberof module:collection
- * @example
- * // ES6
- * import forEachArray from 'tui-code-snippet/collection/forEachArray';
- *
- * // CommonJS
- * const forEachArray = require('tui-code-snippet/collection/forEachArray');
- *
- * let sum = 0;
- *
- * forEachArray([1,2,3], function(value){
- * sum += value;
- * });
- * alert(sum); // 6
- */
-function forEachArray(arr, iteratee, context) {
- var index = 0;
- var len = arr.length;
-
- context = context || null;
-
- for (; index < len; index += 1) {
- if (iteratee.call(context, arr[index], index, arr) === false) {
- break;
- }
- }
-}
-
-module.exports = forEachArray;
-
-
-/***/ }),
-
-/***/ 5573:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Execute the provided callback once for each property of object which actually exist.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Execute the provided callback once for each property of object which actually exist.
- * If the callback function returns false, the loop will be stopped.
- * Callback function(iteratee) is invoked with three arguments:
- * 1) The value of the property
- * 2) The name of the property
- * 3) The object being traversed
- * @param {Object} obj The object that will be traversed
- * @param {function} iteratee Callback function
- * @param {Object} [context] Context(this) of callback function
- * @memberof module:collection
- * @example
- * // ES6
- * import forEachOwnProperties from 'tui-code-snippet/collection/forEachOwnProperties';
- *
- * // CommonJS
- * const forEachOwnProperties = require('tui-code-snippet/collection/forEachOwnProperties');
- *
- * let sum = 0;
- *
- * forEachOwnProperties({a:1,b:2,c:3}, function(value){
- * sum += value;
- * });
- * alert(sum); // 6
- */
-function forEachOwnProperties(obj, iteratee, context) {
- var key;
-
- context = context || null;
-
- for (key in obj) {
- if (obj.hasOwnProperty(key)) {
- if (iteratee.call(context, obj[key], key, obj) === false) {
- break;
- }
- }
- }
-}
-
-module.exports = forEachOwnProperties;
-
-
-/***/ }),
-
-/***/ 9052:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview This module provides some functions for custom events. And it is implemented in the observer design pattern.
- * @author NHN FE Development Lab
- */
-
-
-
-var extend = __webpack_require__(961);
-var isExisty = __webpack_require__(9886);
-var isString = __webpack_require__(2560);
-var isObject = __webpack_require__(5393);
-var isArray = __webpack_require__(602);
-var isFunction = __webpack_require__(5183);
-var forEach = __webpack_require__(8592);
-
-var R_EVENTNAME_SPLIT = /\s+/g;
-
-/**
- * @class
- * @example
- * // ES6
- * import CustomEvents from 'tui-code-snippet/customEvents/customEvents';
- *
- * // CommonJS
- * const CustomEvents = require('tui-code-snippet/customEvents/customEvents');
- */
-function CustomEvents() {
- /**
- * @type {HandlerItem[]}
- */
- this.events = null;
-
- /**
- * only for checking specific context event was binded
- * @type {object[]}
- */
- this.contexts = null;
-}
-
-/**
- * Mixin custom events feature to specific constructor
- * @param {function} func - constructor
- * @example
- * //ES6
- * import CustomEvents from 'tui-code-snippet/customEvents/customEvents';
- *
- * // CommonJS
- * const CustomEvents = require('tui-code-snippet/customEvents/customEvents');
- *
- * function Model() {
- * this.name = '';
- * }
- * CustomEvents.mixin(Model);
- *
- * const model = new Model();
- * model.on('change', function() { this.name = 'model'; }, this);
- * model.fire('change');
- * alert(model.name); // 'model';
- */
-CustomEvents.mixin = function(func) {
- extend(func.prototype, CustomEvents.prototype);
-};
-
-/**
- * Get HandlerItem object
- * @param {function} handler - handler function
- * @param {object} [context] - context for handler
- * @returns {HandlerItem} HandlerItem object
- * @private
- */
-CustomEvents.prototype._getHandlerItem = function(handler, context) {
- var item = {handler: handler};
-
- if (context) {
- item.context = context;
- }
-
- return item;
-};
-
-/**
- * Get event object safely
- * @param {string} [eventName] - create sub event map if not exist.
- * @returns {(object|array)} event object. if you supplied `eventName`
- * parameter then make new array and return it
- * @private
- */
-CustomEvents.prototype._safeEvent = function(eventName) {
- var events = this.events;
- var byName;
-
- if (!events) {
- events = this.events = {};
- }
-
- if (eventName) {
- byName = events[eventName];
-
- if (!byName) {
- byName = [];
- events[eventName] = byName;
- }
-
- events = byName;
- }
-
- return events;
-};
-
-/**
- * Get context array safely
- * @returns {array} context array
- * @private
- */
-CustomEvents.prototype._safeContext = function() {
- var context = this.contexts;
-
- if (!context) {
- context = this.contexts = [];
- }
-
- return context;
-};
-
-/**
- * Get index of context
- * @param {object} ctx - context that used for bind custom event
- * @returns {number} index of context
- * @private
- */
-CustomEvents.prototype._indexOfContext = function(ctx) {
- var context = this._safeContext();
- var index = 0;
-
- while (context[index]) {
- if (ctx === context[index][0]) {
- return index;
- }
-
- index += 1;
- }
-
- return -1;
-};
-
-/**
- * Memorize supplied context for recognize supplied object is context or
- * name: handler pair object when off()
- * @param {object} ctx - context object to memorize
- * @private
- */
-CustomEvents.prototype._memorizeContext = function(ctx) {
- var context, index;
-
- if (!isExisty(ctx)) {
- return;
- }
-
- context = this._safeContext();
- index = this._indexOfContext(ctx);
-
- if (index > -1) {
- context[index][1] += 1;
- } else {
- context.push([ctx, 1]);
- }
-};
-
-/**
- * Forget supplied context object
- * @param {object} ctx - context object to forget
- * @private
- */
-CustomEvents.prototype._forgetContext = function(ctx) {
- var context, contextIndex;
-
- if (!isExisty(ctx)) {
- return;
- }
-
- context = this._safeContext();
- contextIndex = this._indexOfContext(ctx);
-
- if (contextIndex > -1) {
- context[contextIndex][1] -= 1;
-
- if (context[contextIndex][1] <= 0) {
- context.splice(contextIndex, 1);
- }
- }
-};
-
-/**
- * Bind event handler
- * @param {(string|{name:string, handler:function})} eventName - custom
- * event name or an object {eventName: handler}
- * @param {(function|object)} [handler] - handler function or context
- * @param {object} [context] - context for binding
- * @private
- */
-CustomEvents.prototype._bindEvent = function(eventName, handler, context) {
- var events = this._safeEvent(eventName);
- this._memorizeContext(context);
- events.push(this._getHandlerItem(handler, context));
-};
-
-/**
- * Bind event handlers
- * @param {(string|{name:string, handler:function})} eventName - custom
- * event name or an object {eventName: handler}
- * @param {(function|object)} [handler] - handler function or context
- * @param {object} [context] - context for binding
- * //-- #1. Get Module --//
- * // ES6
- * import CustomEvents from 'tui-code-snippet/customEvents/customEvents';
- *
- * // CommonJS
- * const CustomEvents = require('tui-code-snippet/customEvents/customEvents');
- *
- * //-- #2. Use method --//
- * // # 2.1 Basic Usage
- * CustomEvents.on('onload', handler);
- *
- * // # 2.2 With context
- * CustomEvents.on('onload', handler, myObj);
- *
- * // # 2.3 Bind by object that name, handler pairs
- * CustomEvents.on({
- * 'play': handler,
- * 'pause': handler2
- * });
- *
- * // # 2.4 Bind by object that name, handler pairs with context object
- * CustomEvents.on({
- * 'play': handler
- * }, myObj);
- */
-CustomEvents.prototype.on = function(eventName, handler, context) {
- var self = this;
-
- if (isString(eventName)) {
- // [syntax 1, 2]
- eventName = eventName.split(R_EVENTNAME_SPLIT);
- forEach(eventName, function(name) {
- self._bindEvent(name, handler, context);
- });
- } else if (isObject(eventName)) {
- // [syntax 3, 4]
- context = handler;
- forEach(eventName, function(func, name) {
- self.on(name, func, context);
- });
- }
-};
-
-/**
- * Bind one-shot event handlers
- * @param {(string|{name:string,handler:function})} eventName - custom
- * event name or an object {eventName: handler}
- * @param {function|object} [handler] - handler function or context
- * @param {object} [context] - context for binding
- */
-CustomEvents.prototype.once = function(eventName, handler, context) {
- var self = this;
-
- if (isObject(eventName)) {
- context = handler;
- forEach(eventName, function(func, name) {
- self.once(name, func, context);
- });
-
- return;
- }
-
- function onceHandler() { // eslint-disable-line require-jsdoc
- handler.apply(context, arguments);
- self.off(eventName, onceHandler, context);
- }
-
- this.on(eventName, onceHandler, context);
-};
-
-/**
- * Splice supplied array by callback result
- * @param {array} arr - array to splice
- * @param {function} predicate - function return boolean
- * @private
- */
-CustomEvents.prototype._spliceMatches = function(arr, predicate) {
- var i = 0;
- var len;
-
- if (!isArray(arr)) {
- return;
- }
-
- for (len = arr.length; i < len; i += 1) {
- if (predicate(arr[i]) === true) {
- arr.splice(i, 1);
- len -= 1;
- i -= 1;
- }
- }
-};
-
-/**
- * Get matcher for unbind specific handler events
- * @param {function} handler - handler function
- * @returns {function} handler matcher
- * @private
- */
-CustomEvents.prototype._matchHandler = function(handler) {
- var self = this;
-
- return function(item) {
- var needRemove = handler === item.handler;
-
- if (needRemove) {
- self._forgetContext(item.context);
- }
-
- return needRemove;
- };
-};
-
-/**
- * Get matcher for unbind specific context events
- * @param {object} context - context
- * @returns {function} object matcher
- * @private
- */
-CustomEvents.prototype._matchContext = function(context) {
- var self = this;
-
- return function(item) {
- var needRemove = context === item.context;
-
- if (needRemove) {
- self._forgetContext(item.context);
- }
-
- return needRemove;
- };
-};
-
-/**
- * Get matcher for unbind specific hander, context pair events
- * @param {function} handler - handler function
- * @param {object} context - context
- * @returns {function} handler, context matcher
- * @private
- */
-CustomEvents.prototype._matchHandlerAndContext = function(handler, context) {
- var self = this;
-
- return function(item) {
- var matchHandler = (handler === item.handler);
- var matchContext = (context === item.context);
- var needRemove = (matchHandler && matchContext);
-
- if (needRemove) {
- self._forgetContext(item.context);
- }
-
- return needRemove;
- };
-};
-
-/**
- * Unbind event by event name
- * @param {string} eventName - custom event name to unbind
- * @param {function} [handler] - handler function
- * @private
- */
-CustomEvents.prototype._offByEventName = function(eventName, handler) {
- var self = this;
- var andByHandler = isFunction(handler);
- var matchHandler = self._matchHandler(handler);
-
- eventName = eventName.split(R_EVENTNAME_SPLIT);
-
- forEach(eventName, function(name) {
- var handlerItems = self._safeEvent(name);
-
- if (andByHandler) {
- self._spliceMatches(handlerItems, matchHandler);
- } else {
- forEach(handlerItems, function(item) {
- self._forgetContext(item.context);
- });
-
- self.events[name] = [];
- }
- });
-};
-
-/**
- * Unbind event by handler function
- * @param {function} handler - handler function
- * @private
- */
-CustomEvents.prototype._offByHandler = function(handler) {
- var self = this;
- var matchHandler = this._matchHandler(handler);
-
- forEach(this._safeEvent(), function(handlerItems) {
- self._spliceMatches(handlerItems, matchHandler);
- });
-};
-
-/**
- * Unbind event by object(name: handler pair object or context object)
- * @param {object} obj - context or {name: handler} pair object
- * @param {function} handler - handler function
- * @private
- */
-CustomEvents.prototype._offByObject = function(obj, handler) {
- var self = this;
- var matchFunc;
-
- if (this._indexOfContext(obj) < 0) {
- forEach(obj, function(func, name) {
- self.off(name, func);
- });
- } else if (isString(handler)) {
- matchFunc = this._matchContext(obj);
-
- self._spliceMatches(this._safeEvent(handler), matchFunc);
- } else if (isFunction(handler)) {
- matchFunc = this._matchHandlerAndContext(handler, obj);
-
- forEach(this._safeEvent(), function(handlerItems) {
- self._spliceMatches(handlerItems, matchFunc);
- });
- } else {
- matchFunc = this._matchContext(obj);
-
- forEach(this._safeEvent(), function(handlerItems) {
- self._spliceMatches(handlerItems, matchFunc);
- });
- }
-};
-
-/**
- * Unbind custom events
- * @param {(string|object|function)} eventName - event name or context or
- * {name: handler} pair object or handler function
- * @param {(function)} handler - handler function
- * @example
- * //-- #1. Get Module --//
- * // ES6
- * import CustomEvents from 'tui-code-snippet/customEvents/customEvents';
- *
- * // CommonJS
- * const CustomEvents = require('tui-code-snippet/customEvents/customEvents');
- *
- * //-- #2. Use method --//
- * // # 2.1 off by event name
- * CustomEvents.off('onload');
- *
- * // # 2.2 off by event name and handler
- * CustomEvents.off('play', handler);
- *
- * // # 2.3 off by handler
- * CustomEvents.off(handler);
- *
- * // # 2.4 off by context
- * CustomEvents.off(myObj);
- *
- * // # 2.5 off by context and handler
- * CustomEvents.off(myObj, handler);
- *
- * // # 2.6 off by context and event name
- * CustomEvents.off(myObj, 'onload');
- *
- * // # 2.7 off by an Object. that is {eventName: handler}
- * CustomEvents.off({
- * 'play': handler,
- * 'pause': handler2
- * });
- *
- * // # 2.8 off the all events
- * CustomEvents.off();
- */
-CustomEvents.prototype.off = function(eventName, handler) {
- if (isString(eventName)) {
- // [syntax 1, 2]
- this._offByEventName(eventName, handler);
- } else if (!arguments.length) {
- // [syntax 8]
- this.events = {};
- this.contexts = [];
- } else if (isFunction(eventName)) {
- // [syntax 3]
- this._offByHandler(eventName);
- } else if (isObject(eventName)) {
- // [syntax 4, 5, 6]
- this._offByObject(eventName, handler);
- }
-};
-
-/**
- * Fire custom event
- * @param {string} eventName - name of custom event
- */
-CustomEvents.prototype.fire = function(eventName) { // eslint-disable-line
- this.invoke.apply(this, arguments);
-};
-
-/**
- * Fire a event and returns the result of operation 'boolean AND' with all
- * listener's results.
- *
- * So, It is different from {@link CustomEvents#fire}.
- *
- * In service code, use this as a before event in component level usually
- * for notifying that the event is cancelable.
- * @param {string} eventName - Custom event name
- * @param {...*} data - Data for event
- * @returns {boolean} The result of operation 'boolean AND'
- * @example
- * const map = new Map();
- * map.on({
- * 'beforeZoom': function() {
- * // It should cancel the 'zoom' event by some conditions.
- * if (that.disabled && this.getState()) {
- * return false;
- * }
- * return true;
- * }
- * });
- *
- * if (this.invoke('beforeZoom')) { // check the result of 'beforeZoom'
- * // if true,
- * // doSomething
- * }
- */
-CustomEvents.prototype.invoke = function(eventName) {
- var events, args, index, item;
-
- if (!this.hasListener(eventName)) {
- return true;
- }
-
- events = this._safeEvent(eventName);
- args = Array.prototype.slice.call(arguments, 1);
- index = 0;
-
- while (events[index]) {
- item = events[index];
-
- if (item.handler.apply(item.context, args) === false) {
- return false;
- }
-
- index += 1;
- }
-
- return true;
-};
-
-/**
- * Return whether at least one of the handlers is registered in the given
- * event name.
- * @param {string} eventName - Custom event name
- * @returns {boolean} Is there at least one handler in event name?
- */
-CustomEvents.prototype.hasListener = function(eventName) {
- return this.getListenerLength(eventName) > 0;
-};
-
-/**
- * Return a count of events registered.
- * @param {string} eventName - Custom event name
- * @returns {number} number of event
- */
-CustomEvents.prototype.getListenerLength = function(eventName) {
- var events = this._safeEvent(eventName);
-
- return events.length;
-};
-
-module.exports = CustomEvents;
-
-
-/***/ }),
-
-/***/ 961:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Extend the target object from other objects.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * @module object
- */
-
-/**
- * Extend the target object from other objects.
- * @param {object} target - Object that will be extended
- * @param {...object} objects - Objects as sources
- * @returns {object} Extended object
- * @memberof module:object
- */
-function extend(target, objects) { // eslint-disable-line no-unused-vars
- var hasOwnProp = Object.prototype.hasOwnProperty;
- var source, prop, i, len;
-
- for (i = 1, len = arguments.length; i < len; i += 1) {
- source = arguments[i];
- for (prop in source) {
- if (hasOwnProp.call(source, prop)) {
- target[prop] = source[prop];
- }
- }
- }
-
- return target;
-}
-
-module.exports = extend;
-
-
-/***/ }),
-
-/***/ 1610:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview Retrieve a nested item from the given object/array.
- * @author NHN FE Development Lab
- */
-
-
-
-var isUndefined = __webpack_require__(5695);
-var isNull = __webpack_require__(3778);
-
-/**
- * Retrieve a nested item from the given object/array.
- * @param {object|Array} obj - Object for retrieving
- * @param {...string|number} paths - Paths of property
- * @returns {*} Value
- * @memberof module:object
- * @example
- * // ES6
- * import pick from 'tui-code-snippet/object/pick';
- *
- * // CommonJS
- * const pick = require('tui-code-snippet/object/pick');
- *
- * cosnt obj = {
- * 'key1': 1,
- * 'nested' : {
- * 'key1': 11,
- * 'nested': {
- * 'key1': 21
- * }
- * }
- * };
- * pick(obj, 'nested', 'nested', 'key1'); // 21
- * pick(obj, 'nested', 'nested', 'key2'); // undefined
- *
- * const arr = ['a', 'b', 'c'];
- * pick(arr, 1); // 'b'
- */
-function pick(obj, paths) { // eslint-disable-line no-unused-vars
- var args = arguments;
- var target = args[0];
- var i = 1;
- var length = args.length;
-
- for (; i < length; i += 1) {
- if (isUndefined(target) ||
- isNull(target)) {
- return;
- }
-
- target = target[args[i]];
- }
-
- return target; // eslint-disable-line consistent-return
-}
-
-module.exports = pick;
-
-
-/***/ }),
-
-/***/ 4564:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview Request image ping.
- * @author NHN FE Development Lab
- */
-
-
-
-var forEachOwnProperties = __webpack_require__(5573);
-
-/**
- * @module request
- */
-
-/**
- * Request image ping.
- * @param {String} url url for ping request
- * @param {Object} trackingInfo infos for make query string
- * @returns {HTMLElement}
- * @memberof module:request
- * @example
- * // ES6
- * import imagePing from 'tui-code-snippet/request/imagePing';
- *
- * // CommonJS
- * const imagePing = require('tui-code-snippet/request/imagePing');
- *
- * imagePing('https://www.google-analytics.com/collect', {
- * v: 1,
- * t: 'event',
- * tid: 'trackingid',
- * cid: 'cid',
- * dp: 'dp',
- * dh: 'dh'
- * });
- */
-function imagePing(url, trackingInfo) {
- var trackingElement = document.createElement('img');
- var queryString = '';
- forEachOwnProperties(trackingInfo, function(value, key) {
- queryString += '&' + key + '=' + value;
- });
- queryString = queryString.substring(1);
-
- trackingElement.src = url + '?' + queryString;
-
- trackingElement.style.display = 'none';
- document.body.appendChild(trackingElement);
- document.body.removeChild(trackingElement);
-
- return trackingElement;
-}
-
-module.exports = imagePing;
-
-
-/***/ }),
-
-/***/ 4729:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview Send hostname on DOMContentLoaded.
- * @author NHN FE Development Lab
- */
-
-
-
-var isUndefined = __webpack_require__(5695);
-var imagePing = __webpack_require__(4564);
-
-var ms7days = 7 * 24 * 60 * 60 * 1000;
-
-/**
- * Check if the date has passed 7 days
- * @param {number} date - milliseconds
- * @returns {boolean}
- * @private
- */
-function isExpired(date) {
- var now = new Date().getTime();
-
- return now - date > ms7days;
-}
-
-/**
- * Send hostname on DOMContentLoaded.
- * To prevent hostname set tui.usageStatistics to false.
- * @param {string} appName - application name
- * @param {string} trackingId - GA tracking ID
- * @ignore
- */
-function sendHostname(appName, trackingId) {
- var url = 'https://www.google-analytics.com/collect';
- var hostname = location.hostname;
- var hitType = 'event';
- var eventCategory = 'use';
- var applicationKeyForStorage = 'TOAST UI ' + appName + ' for ' + hostname + ': Statistics';
- var date = window.localStorage.getItem(applicationKeyForStorage);
-
- // skip if the flag is defined and is set to false explicitly
- if (!isUndefined(window.tui) && window.tui.usageStatistics === false) {
- return;
- }
-
- // skip if not pass seven days old
- if (date && !isExpired(date)) {
- return;
- }
-
- window.localStorage.setItem(applicationKeyForStorage, new Date().getTime());
-
- setTimeout(function() {
- if (document.readyState === 'interactive' || document.readyState === 'complete') {
- imagePing(url, {
- v: 1,
- t: hitType,
- tid: trackingId,
- cid: hostname,
- dp: hostname,
- dh: appName,
- el: appName,
- ec: eventCategory
- });
- }
- }, 1000);
-}
-
-module.exports = sendHostname;
-
-
-/***/ }),
-
-/***/ 602:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is an instance of Array or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is an instance of Array or not.
- * If the given variable is an instance of Array, return true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is array instance?
- * @memberof module:type
- */
-function isArray(obj) {
- return obj instanceof Array;
-}
-
-module.exports = isArray;
-
-
-/***/ }),
-
-/***/ 9886:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is existing or not.
- * @author NHN FE Development Lab
- */
-
-
-
-var isUndefined = __webpack_require__(5695);
-var isNull = __webpack_require__(3778);
-
-/**
- * Check whether the given variable is existing or not.
- * If the given variable is not null and not undefined, returns true.
- * @param {*} param - Target for checking
- * @returns {boolean} Is existy?
- * @memberof module:type
- * @example
- * // ES6
- * import isExisty from 'tui-code-snippet/type/isExisty');
- *
- * // CommonJS
- * const isExisty = require('tui-code-snippet/type/isExisty');
- *
- * isExisty(''); //true
- * isExisty(0); //true
- * isExisty([]); //true
- * isExisty({}); //true
- * isExisty(null); //false
- * isExisty(undefined); //false
-*/
-function isExisty(param) {
- return !isUndefined(param) && !isNull(param);
-}
-
-module.exports = isExisty;
-
-
-/***/ }),
-
-/***/ 5183:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is a function or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is a function or not.
- * If the given variable is a function, return true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is function?
- * @memberof module:type
- */
-function isFunction(obj) {
- return obj instanceof Function;
-}
-
-module.exports = isFunction;
-
-
-/***/ }),
-
-/***/ 3778:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is null or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is null or not.
- * If the given variable(arguments[0]) is null, returns true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is null?
- * @memberof module:type
- */
-function isNull(obj) {
- return obj === null;
-}
-
-module.exports = isNull;
-
-
-/***/ }),
-
-/***/ 5393:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is an object or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is an object or not.
- * If the given variable is an object, return true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is object?
- * @memberof module:type
- */
-function isObject(obj) {
- return obj === Object(obj);
-}
-
-module.exports = isObject;
-
-
-/***/ }),
-
-/***/ 2560:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is a string or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is a string or not.
- * If the given variable is a string, return true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is string?
- * @memberof module:type
- */
-function isString(obj) {
- return typeof obj === 'string' || obj instanceof String;
-}
-
-module.exports = isString;
-
-
-/***/ }),
-
-/***/ 5695:
-/***/ (function(module) {
-
-"use strict";
-/**
- * @fileoverview Check whether the given variable is undefined or not.
- * @author NHN FE Development Lab
- */
-
-
-
-/**
- * Check whether the given variable is undefined or not.
- * If the given variable is undefined, returns true.
- * @param {*} obj - Target for checking
- * @returns {boolean} Is undefined?
- * @memberof module:type
- */
-function isUndefined(obj) {
- return obj === undefined; // eslint-disable-line no-undefined
-}
-
-module.exports = isUndefined;
-
-
-/***/ }),
-
-/***/ 4426:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(4486);
-
-/***/ }),
-
-/***/ 9406:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(4877);
-
-/***/ }),
-
-/***/ 789:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(7178);
-
-/***/ }),
-
-/***/ 381:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(5603);
-
-/***/ }),
-
-/***/ 7636:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(1206);
-
-/***/ }),
-
-/***/ 1899:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(6174);
-
-/***/ }),
-
-/***/ 899:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(57);
-
-/***/ }),
-
-/***/ 8005:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(4741);
-
-/***/ }),
-
-/***/ 6562:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(8368);
-
-/***/ }),
-
-/***/ 9131:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(3739);
-
-/***/ }),
-
-/***/ 4383:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(172);
-
-/***/ }),
-
-/***/ 6065:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(4963);
-
-/***/ }),
-
-/***/ 1734:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(7820);
-
-/***/ }),
-
-/***/ 2461:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(5636);
-
-/***/ }),
-
-/***/ 5214:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(5059);
-
-/***/ }),
-
-/***/ 6397:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(3969);
-
-/***/ }),
-
-/***/ 8189:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(6618);
-
-/***/ }),
-
-/***/ 9146:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(5279);
-
-/***/ }),
-
-/***/ 4496:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(9562);
-
-/***/ }),
-
-/***/ 3972:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(652);
-
-/***/ }),
-
-/***/ 7172:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(2813);
-
-/***/ }),
-
-/***/ 1845:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(8664);
-
-/***/ }),
-
-/***/ 662:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(1457);
-
-/***/ }),
-
-/***/ 711:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(2937);
-
-/***/ }),
-
-/***/ 6623:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(9297);
-
-/***/ }),
-
-/***/ 7077:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(8026);
-
-/***/ }),
-
-/***/ 9856:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(2044);
-
-/***/ }),
-
-/***/ 4230:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(2214);
-
-/***/ }),
-
-/***/ 184:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(9256);
-
-/***/ }),
-
-/***/ 3742:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-module.exports = __webpack_require__(5659);
-
-/***/ }),
-
-/***/ 1801:
-/***/ (function(module) {
-
-var DIVISOR = {
- rect: 1,
- circle: 2,
- triangle: 1
-};
-var DIMENSION_KEYS = {
- rect: {
- w: 'width',
- h: 'height'
- },
- circle: {
- w: 'rx',
- h: 'ry'
- },
- triangle: {
- w: 'width',
- h: 'height'
- }
-};
-/**
- * Set the start point value to the shape object
- * @param {fabric.Object} shape - Shape object
- * @ignore
- */
-
-function setStartPoint(shape) {
- var originX = shape.originX,
- originY = shape.originY;
- var originKey = originX.substring(0, 1) + originY.substring(0, 1);
- shape.startPoint = shape.origins[originKey];
-}
-/**
- * Get the positions of ratated origin by the pointer value
- * @param {{x: number, y: number}} origin - Origin value
- * @param {{x: number, y: number}} pointer - Pointer value
- * @param {number} angle - Rotating angle
- * @returns {Object} Postions of origin
- * @ignore
- */
-
-
-function getPositionsOfRotatedOrigin(origin, pointer, angle) {
- var sx = origin.x;
- var sy = origin.y;
- var px = pointer.x;
- var py = pointer.y;
- var r = angle * Math.PI / 180;
- var rx = (px - sx) * Math.cos(r) - (py - sy) * Math.sin(r) + sx;
- var ry = (px - sx) * Math.sin(r) + (py - sy) * Math.cos(r) + sy;
- return {
- originX: sx > rx ? 'right' : 'left',
- originY: sy > ry ? 'bottom' : 'top'
- };
-}
-/**
- * Whether the shape has the center origin or not
- * @param {fabric.Object} shape - Shape object
- * @returns {boolean} State
- * @ignore
- */
-
-
-function hasCenterOrigin(shape) {
- return shape.originX === 'center' && shape.originY === 'center';
-}
-/**
- * Adjust the origin of shape by the start point
- * @param {{x: number, y: number}} pointer - Pointer value
- * @param {fabric.Object} shape - Shape object
- * @ignore
- */
-
-
-function adjustOriginByStartPoint(pointer, shape) {
- var centerPoint = shape.getPointByOrigin('center', 'center');
- var angle = -shape.angle;
- var originPositions = getPositionsOfRotatedOrigin(centerPoint, pointer, angle);
- var originX = originPositions.originX,
- originY = originPositions.originY;
- var origin = shape.getPointByOrigin(originX, originY);
- var left = shape.left - (centerPoint.x - origin.x);
- var top = shape.top - (centerPoint.y - origin.y);
- shape.set({
- originX: originX,
- originY: originY,
- left: left,
- top: top
- });
- shape.setCoords();
-}
-/**
- * Adjust the origin of shape by the moving pointer value
- * @param {{x: number, y: number}} pointer - Pointer value
- * @param {fabric.Object} shape - Shape object
- * @ignore
- */
-
-
-function adjustOriginByMovingPointer(pointer, shape) {
- var origin = shape.startPoint;
- var angle = -shape.angle;
- var originPositions = getPositionsOfRotatedOrigin(origin, pointer, angle);
- var originX = originPositions.originX,
- originY = originPositions.originY;
- shape.setPositionByOrigin(origin, originX, originY);
- shape.setCoords();
-}
-/**
- * Adjust the dimension of shape on firing scaling event
- * @param {fabric.Object} shape - Shape object
- * @ignore
- */
-
-
-function adjustDimensionOnScaling(shape) {
- var type = shape.type,
- scaleX = shape.scaleX,
- scaleY = shape.scaleY;
- var dimensionKeys = DIMENSION_KEYS[type];
- var width = shape[dimensionKeys.w] * scaleX;
- var height = shape[dimensionKeys.h] * scaleY;
-
- if (shape.isRegular) {
- var maxScale = Math.max(scaleX, scaleY);
- width = shape[dimensionKeys.w] * maxScale;
- height = shape[dimensionKeys.h] * maxScale;
- }
-
- var options = {
- hasControls: false,
- hasBorders: false,
- scaleX: 1,
- scaleY: 1
- };
- options[dimensionKeys.w] = width;
- options[dimensionKeys.h] = height;
- shape.set(options);
-}
-/**
- * Adjust the dimension of shape on firing mouse move event
- * @param {{x: number, y: number}} pointer - Pointer value
- * @param {fabric.Object} shape - Shape object
- * @ignore
- */
-
-
-function adjustDimensionOnMouseMove(pointer, shape) {
- var type = shape.type,
- strokeWidth = shape.strokeWidth,
- origin = shape.startPoint;
- var divisor = DIVISOR[type];
- var dimensionKeys = DIMENSION_KEYS[type];
- var isTriangle = !!(shape.type === 'triangle');
- var options = {};
- var width = Math.abs(origin.x - pointer.x) / divisor;
- var height = Math.abs(origin.y - pointer.y) / divisor;
-
- if (width > strokeWidth) {
- width -= strokeWidth / divisor;
- }
-
- if (height > strokeWidth) {
- height -= strokeWidth / divisor;
- }
-
- if (shape.isRegular) {
- width = height = Math.max(width, height);
-
- if (isTriangle) {
- height = Math.sqrt(3) / 2 * width;
- }
- }
-
- options[dimensionKeys.w] = width;
- options[dimensionKeys.h] = height;
- shape.set(options);
-}
-
-module.exports = {
- /**
- * Set each origin value to shape
- * @param {fabric.Object} shape - Shape object
- */
- setOrigins: function setOrigins(shape) {
- var leftTopPoint = shape.getPointByOrigin('left', 'top');
- var rightTopPoint = shape.getPointByOrigin('right', 'top');
- var rightBottomPoint = shape.getPointByOrigin('right', 'bottom');
- var leftBottomPoint = shape.getPointByOrigin('left', 'bottom');
- shape.origins = {
- lt: leftTopPoint,
- rt: rightTopPoint,
- rb: rightBottomPoint,
- lb: leftBottomPoint
- };
- },
-
- /**
- * Resize the shape
- * @param {fabric.Object} shape - Shape object
- * @param {{x: number, y: number}} pointer - Mouse pointer values on canvas
- * @param {boolean} isScaling - Whether the resizing action is scaling or not
- */
- resize: function resize(shape, pointer, isScaling) {
- if (hasCenterOrigin(shape)) {
- adjustOriginByStartPoint(pointer, shape);
- setStartPoint(shape);
- }
-
- if (isScaling) {
- adjustDimensionOnScaling(shape, pointer);
- } else {
- adjustDimensionOnMouseMove(pointer, shape);
- }
-
- adjustOriginByMovingPointer(pointer, shape);
- },
-
- /**
- * Adjust the origin position of shape to center
- * @param {fabric.Object} shape - Shape object
- */
- adjustOriginToCenter: function adjustOriginToCenter(shape) {
- var centerPoint = shape.getPointByOrigin('center', 'center');
- var originX = shape.originX,
- originY = shape.originY;
- var origin = shape.getPointByOrigin(originX, originY);
- var left = shape.left + (centerPoint.x - origin.x);
- var top = shape.top + (centerPoint.y - origin.y);
- shape.set({
- hasControls: true,
- hasBorders: true,
- originX: 'center',
- originY: 'center',
- left: left,
- top: top
- });
- shape.setCoords(); // For left, top properties
- }
-};
-
-/***/ }),
-
-/***/ 2221:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(5454);
-__webpack_require__(9173);
-var path = __webpack_require__(7545);
-
-module.exports = path.Array.from;
-
-
-/***/ }),
-
-/***/ 5078:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(8118);
-var path = __webpack_require__(7545);
-
-module.exports = path.Array.isArray;
-
-
-/***/ }),
-
-/***/ 6135:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(9106);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').concat;
-
-
-/***/ }),
-
-/***/ 9510:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(1710);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').fill;
-
-
-/***/ }),
-
-/***/ 3971:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(3436);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').filter;
-
-
-/***/ }),
-
-/***/ 98:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(9823);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').forEach;
-
-
-/***/ }),
-
-/***/ 2089:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(2276);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').indexOf;
-
-
-/***/ }),
-
-/***/ 6209:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(3838);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').map;
-
-
-/***/ }),
-
-/***/ 2671:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(5818);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').slice;
-
-
-/***/ }),
-
-/***/ 1375:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(2178);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Array').splice;
-
-
-/***/ }),
-
-/***/ 3528:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(665);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('Function').bind;
-
-
-/***/ }),
-
-/***/ 5739:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(8939);
-__webpack_require__(5454);
-var getIteratorMethod = __webpack_require__(8703);
-
-module.exports = getIteratorMethod;
-
-
-/***/ }),
-
-/***/ 278:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var bind = __webpack_require__(3528);
-
-var FunctionPrototype = Function.prototype;
-
-module.exports = function (it) {
- var own = it.bind;
- return it === FunctionPrototype || (it instanceof Function && own === FunctionPrototype.bind) ? bind : own;
-};
-
-
-/***/ }),
-
-/***/ 1484:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var concat = __webpack_require__(6135);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.concat;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.concat) ? concat : own;
-};
-
-
-/***/ }),
-
-/***/ 7731:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fill = __webpack_require__(9510);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.fill;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.fill) ? fill : own;
-};
-
-
-/***/ }),
-
-/***/ 3669:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var filter = __webpack_require__(3971);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.filter;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.filter) ? filter : own;
-};
-
-
-/***/ }),
-
-/***/ 2604:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var indexOf = __webpack_require__(2089);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.indexOf;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.indexOf) ? indexOf : own;
-};
-
-
-/***/ }),
-
-/***/ 263:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var map = __webpack_require__(6209);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.map;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.map) ? map : own;
-};
-
-
-/***/ }),
-
-/***/ 7663:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var slice = __webpack_require__(2671);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.slice;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.slice) ? slice : own;
-};
-
-
-/***/ }),
-
-/***/ 5063:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var splice = __webpack_require__(1375);
-
-var ArrayPrototype = Array.prototype;
-
-module.exports = function (it) {
- var own = it.splice;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.splice) ? splice : own;
-};
-
-
-/***/ }),
-
-/***/ 6813:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var trim = __webpack_require__(3842);
-
-var StringPrototype = String.prototype;
-
-module.exports = function (it) {
- var own = it.trim;
- return typeof it === 'string' || it === StringPrototype
- || (it instanceof String && own === StringPrototype.trim) ? trim : own;
-};
-
-
-/***/ }),
-
-/***/ 6285:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(2666);
-var path = __webpack_require__(7545);
-
-module.exports = path.Number.parseInt;
-
-
-/***/ }),
-
-/***/ 3213:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(3113);
-var path = __webpack_require__(7545);
-
-var Object = path.Object;
-
-module.exports = function create(P, D) {
- return Object.create(P, D);
-};
-
-
-/***/ }),
-
-/***/ 3512:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(297);
-var path = __webpack_require__(7545);
-
-var Object = path.Object;
-
-var defineProperty = module.exports = function defineProperty(it, key, desc) {
- return Object.defineProperty(it, key, desc);
-};
-
-if (Object.defineProperty.sham) defineProperty.sham = true;
-
-
-/***/ }),
-
-/***/ 8168:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(9234);
-var path = __webpack_require__(7545);
-
-module.exports = path.Object.getPrototypeOf;
-
-
-/***/ }),
-
-/***/ 8651:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(2647);
-var path = __webpack_require__(7545);
-
-module.exports = path.Object.keys;
-
-
-/***/ }),
-
-/***/ 3083:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(3222);
-var path = __webpack_require__(7545);
-
-module.exports = path.Object.setPrototypeOf;
-
-
-/***/ }),
-
-/***/ 2987:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(4859);
-var path = __webpack_require__(7545);
-
-module.exports = path.parseFloat;
-
-
-/***/ }),
-
-/***/ 2239:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(5706);
-var path = __webpack_require__(7545);
-
-module.exports = path.parseInt;
-
-
-/***/ }),
-
-/***/ 3154:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(4242);
-__webpack_require__(8939);
-__webpack_require__(6663);
-__webpack_require__(9021);
-__webpack_require__(7884);
-__webpack_require__(8885);
-__webpack_require__(1868);
-__webpack_require__(5454);
-var path = __webpack_require__(7545);
-
-module.exports = path.Promise;
-
-
-/***/ }),
-
-/***/ 6577:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(5397);
-var path = __webpack_require__(7545);
-
-module.exports = path.Reflect.construct;
-
-
-/***/ }),
-
-/***/ 3842:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(957);
-var entryVirtual = __webpack_require__(5607);
-
-module.exports = entryVirtual('String').trim;
-
-
-/***/ }),
-
-/***/ 5008:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(9106);
-__webpack_require__(6663);
-__webpack_require__(6187);
-__webpack_require__(9781);
-__webpack_require__(492);
-__webpack_require__(6681);
-__webpack_require__(9594);
-__webpack_require__(3665);
-__webpack_require__(9017);
-__webpack_require__(1250);
-__webpack_require__(9786);
-__webpack_require__(503);
-__webpack_require__(6565);
-__webpack_require__(9322);
-__webpack_require__(3610);
-__webpack_require__(6886);
-__webpack_require__(3514);
-__webpack_require__(8671);
-__webpack_require__(8556);
-__webpack_require__(1367);
-var path = __webpack_require__(7545);
-
-module.exports = path.Symbol;
-
-
-/***/ }),
-
-/***/ 994:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(8939);
-__webpack_require__(6663);
-__webpack_require__(5454);
-__webpack_require__(3665);
-var WrappedWellKnownSymbolModule = __webpack_require__(9207);
-
-module.exports = WrappedWellKnownSymbolModule.f('iterator');
-
-
-/***/ }),
-
-/***/ 2813:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3822);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 8664:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(1434);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 1457:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(7710);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 2937:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(4741);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 9297:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(4963);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 8026:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(7820);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 2044:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(8980);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 2214:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(6672);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 9256:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(2285);
-__webpack_require__(177);
-__webpack_require__(9031);
-__webpack_require__(6658);
-__webpack_require__(1875);
-__webpack_require__(8658);
-// TODO: Remove from `core-js@4`
-__webpack_require__(4592);
-// TODO: Remove from `core-js@4`
-__webpack_require__(6680);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5659:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(8535);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 6235:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-var tryToString = __webpack_require__(9288);
-
-// `Assert: IsCallable(argument) is true`
-module.exports = function (argument) {
- if (isCallable(argument)) return argument;
- throw TypeError(tryToString(argument) + ' is not a function');
-};
-
-
-/***/ }),
-
-/***/ 1404:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isConstructor = __webpack_require__(2091);
-var tryToString = __webpack_require__(9288);
-
-// `Assert: IsConstructor(argument) is true`
-module.exports = function (argument) {
- if (isConstructor(argument)) return argument;
- throw TypeError(tryToString(argument) + ' is not a constructor');
-};
-
-
-/***/ }),
-
-/***/ 7757:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-
-module.exports = function (argument) {
- if (typeof argument === 'object' || isCallable(argument)) return argument;
- throw TypeError("Can't set " + String(argument) + ' as a prototype');
-};
-
-
-/***/ }),
-
-/***/ 7423:
-/***/ (function(module) {
-
-module.exports = function () { /* empty */ };
-
-
-/***/ }),
-
-/***/ 6961:
-/***/ (function(module) {
-
-module.exports = function (it, Constructor, name) {
- if (it instanceof Constructor) return it;
- throw TypeError('Incorrect ' + (name ? name + ' ' : '') + 'invocation');
-};
-
-
-/***/ }),
-
-/***/ 1138:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isObject = __webpack_require__(5744);
-
-// `Assert: Type(argument) is Object`
-module.exports = function (argument) {
- if (isObject(argument)) return argument;
- throw TypeError(String(argument) + ' is not an object');
-};
-
-
-/***/ }),
-
-/***/ 2724:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var toObject = __webpack_require__(1795);
-var toAbsoluteIndex = __webpack_require__(7739);
-var lengthOfArrayLike = __webpack_require__(4104);
-
-// `Array.prototype.fill` method implementation
-// https://tc39.es/ecma262/#sec-array.prototype.fill
-module.exports = function fill(value /* , start = 0, end = @length */) {
- var O = toObject(this);
- var length = lengthOfArrayLike(O);
- var argumentsLength = arguments.length;
- var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);
- var end = argumentsLength > 2 ? arguments[2] : undefined;
- var endPos = end === undefined ? length : toAbsoluteIndex(end, length);
- while (endPos > index) O[index++] = value;
- return O;
-};
-
-
-/***/ }),
-
-/***/ 7397:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $forEach = __webpack_require__(454).forEach;
-var arrayMethodIsStrict = __webpack_require__(424);
-
-var STRICT_METHOD = arrayMethodIsStrict('forEach');
-
-// `Array.prototype.forEach` method implementation
-// https://tc39.es/ecma262/#sec-array.prototype.foreach
-module.exports = !STRICT_METHOD ? function forEach(callbackfn /* , thisArg */) {
- return $forEach(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
-// eslint-disable-next-line es/no-array-prototype-foreach -- safe
-} : [].forEach;
-
-
-/***/ }),
-
-/***/ 841:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var bind = __webpack_require__(8043);
-var toObject = __webpack_require__(1795);
-var callWithSafeIterationClosing = __webpack_require__(1635);
-var isArrayIteratorMethod = __webpack_require__(6109);
-var isConstructor = __webpack_require__(2091);
-var lengthOfArrayLike = __webpack_require__(4104);
-var createProperty = __webpack_require__(9361);
-var getIterator = __webpack_require__(1669);
-var getIteratorMethod = __webpack_require__(8703);
-
-// `Array.from` method implementation
-// https://tc39.es/ecma262/#sec-array.from
-module.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undefined */) {
- var O = toObject(arrayLike);
- var IS_CONSTRUCTOR = isConstructor(this);
- var argumentsLength = arguments.length;
- var mapfn = argumentsLength > 1 ? arguments[1] : undefined;
- var mapping = mapfn !== undefined;
- if (mapping) mapfn = bind(mapfn, argumentsLength > 2 ? arguments[2] : undefined, 2);
- var iteratorMethod = getIteratorMethod(O);
- var index = 0;
- var length, result, step, iterator, next, value;
- // if the target is not iterable or it's an array with the default iterator - use a simple case
- if (iteratorMethod && !(this == Array && isArrayIteratorMethod(iteratorMethod))) {
- iterator = getIterator(O, iteratorMethod);
- next = iterator.next;
- result = IS_CONSTRUCTOR ? new this() : [];
- for (;!(step = next.call(iterator)).done; index++) {
- value = mapping ? callWithSafeIterationClosing(iterator, mapfn, [step.value, index], true) : step.value;
- createProperty(result, index, value);
- }
- } else {
- length = lengthOfArrayLike(O);
- result = IS_CONSTRUCTOR ? new this(length) : Array(length);
- for (;length > index; index++) {
- value = mapping ? mapfn(O[index], index) : O[index];
- createProperty(result, index, value);
- }
- }
- result.length = index;
- return result;
-};
-
-
-/***/ }),
-
-/***/ 8180:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toIndexedObject = __webpack_require__(101);
-var toAbsoluteIndex = __webpack_require__(7739);
-var lengthOfArrayLike = __webpack_require__(4104);
-
-// `Array.prototype.{ indexOf, includes }` methods implementation
-var createMethod = function (IS_INCLUDES) {
- return function ($this, el, fromIndex) {
- var O = toIndexedObject($this);
- var length = lengthOfArrayLike(O);
- var index = toAbsoluteIndex(fromIndex, length);
- var value;
- // Array#includes uses SameValueZero equality algorithm
- // eslint-disable-next-line no-self-compare -- NaN check
- if (IS_INCLUDES && el != el) while (length > index) {
- value = O[index++];
- // eslint-disable-next-line no-self-compare -- NaN check
- if (value != value) return true;
- // Array#indexOf ignores holes, Array#includes - not
- } else for (;length > index; index++) {
- if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
- } return !IS_INCLUDES && -1;
- };
-};
-
-module.exports = {
- // `Array.prototype.includes` method
- // https://tc39.es/ecma262/#sec-array.prototype.includes
- includes: createMethod(true),
- // `Array.prototype.indexOf` method
- // https://tc39.es/ecma262/#sec-array.prototype.indexof
- indexOf: createMethod(false)
-};
-
-
-/***/ }),
-
-/***/ 454:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var bind = __webpack_require__(8043);
-var IndexedObject = __webpack_require__(2202);
-var toObject = __webpack_require__(1795);
-var lengthOfArrayLike = __webpack_require__(4104);
-var arraySpeciesCreate = __webpack_require__(1321);
-
-var push = [].push;
-
-// `Array.prototype.{ forEach, map, filter, some, every, find, findIndex, filterReject }` methods implementation
-var createMethod = function (TYPE) {
- var IS_MAP = TYPE == 1;
- var IS_FILTER = TYPE == 2;
- var IS_SOME = TYPE == 3;
- var IS_EVERY = TYPE == 4;
- var IS_FIND_INDEX = TYPE == 6;
- var IS_FILTER_REJECT = TYPE == 7;
- var NO_HOLES = TYPE == 5 || IS_FIND_INDEX;
- return function ($this, callbackfn, that, specificCreate) {
- var O = toObject($this);
- var self = IndexedObject(O);
- var boundFunction = bind(callbackfn, that, 3);
- var length = lengthOfArrayLike(self);
- var index = 0;
- var create = specificCreate || arraySpeciesCreate;
- var target = IS_MAP ? create($this, length) : IS_FILTER || IS_FILTER_REJECT ? create($this, 0) : undefined;
- var value, result;
- for (;length > index; index++) if (NO_HOLES || index in self) {
- value = self[index];
- result = boundFunction(value, index, O);
- if (TYPE) {
- if (IS_MAP) target[index] = result; // map
- else if (result) switch (TYPE) {
- case 3: return true; // some
- case 5: return value; // find
- case 6: return index; // findIndex
- case 2: push.call(target, value); // filter
- } else switch (TYPE) {
- case 4: return false; // every
- case 7: push.call(target, value); // filterReject
- }
- }
- }
- return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : target;
- };
-};
-
-module.exports = {
- // `Array.prototype.forEach` method
- // https://tc39.es/ecma262/#sec-array.prototype.foreach
- forEach: createMethod(0),
- // `Array.prototype.map` method
- // https://tc39.es/ecma262/#sec-array.prototype.map
- map: createMethod(1),
- // `Array.prototype.filter` method
- // https://tc39.es/ecma262/#sec-array.prototype.filter
- filter: createMethod(2),
- // `Array.prototype.some` method
- // https://tc39.es/ecma262/#sec-array.prototype.some
- some: createMethod(3),
- // `Array.prototype.every` method
- // https://tc39.es/ecma262/#sec-array.prototype.every
- every: createMethod(4),
- // `Array.prototype.find` method
- // https://tc39.es/ecma262/#sec-array.prototype.find
- find: createMethod(5),
- // `Array.prototype.findIndex` method
- // https://tc39.es/ecma262/#sec-array.prototype.findIndex
- findIndex: createMethod(6),
- // `Array.prototype.filterReject` method
- // https://github.com/tc39/proposal-array-filtering
- filterReject: createMethod(7)
-};
-
-
-/***/ }),
-
-/***/ 242:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-var wellKnownSymbol = __webpack_require__(8182);
-var V8_VERSION = __webpack_require__(4218);
-
-var SPECIES = wellKnownSymbol('species');
-
-module.exports = function (METHOD_NAME) {
- // We can't use this feature detection in V8 since it causes
- // deoptimization and serious performance degradation
- // https://github.com/zloirock/core-js/issues/677
- return V8_VERSION >= 51 || !fails(function () {
- var array = [];
- var constructor = array.constructor = {};
- constructor[SPECIES] = function () {
- return { foo: 1 };
- };
- return array[METHOD_NAME](Boolean).foo !== 1;
- });
-};
-
-
-/***/ }),
-
-/***/ 424:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var fails = __webpack_require__(6192);
-
-module.exports = function (METHOD_NAME, argument) {
- var method = [][METHOD_NAME];
- return !!method && fails(function () {
- // eslint-disable-next-line no-useless-call,no-throw-literal -- required for testing
- method.call(null, argument || function () { throw 1; }, 1);
- });
-};
-
-
-/***/ }),
-
-/***/ 3712:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isArray = __webpack_require__(4770);
-var isConstructor = __webpack_require__(2091);
-var isObject = __webpack_require__(5744);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var SPECIES = wellKnownSymbol('species');
-
-// a part of `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-module.exports = function (originalArray) {
- var C;
- if (isArray(originalArray)) {
- C = originalArray.constructor;
- // cross-realm fallback
- if (isConstructor(C) && (C === Array || isArray(C.prototype))) C = undefined;
- else if (isObject(C)) {
- C = C[SPECIES];
- if (C === null) C = undefined;
- }
- } return C === undefined ? Array : C;
-};
-
-
-/***/ }),
-
-/***/ 1321:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var arraySpeciesConstructor = __webpack_require__(3712);
-
-// `ArraySpeciesCreate` abstract operation
-// https://tc39.es/ecma262/#sec-arrayspeciescreate
-module.exports = function (originalArray, length) {
- return new (arraySpeciesConstructor(originalArray))(length === 0 ? 0 : length);
-};
-
-
-/***/ }),
-
-/***/ 1635:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var anObject = __webpack_require__(1138);
-var iteratorClose = __webpack_require__(6639);
-
-// call something on iterator step with safe closing on error
-module.exports = function (iterator, fn, value, ENTRIES) {
- try {
- return ENTRIES ? fn(anObject(value)[0], value[1]) : fn(value);
- } catch (error) {
- iteratorClose(iterator, 'throw', error);
- }
-};
-
-
-/***/ }),
-
-/***/ 9770:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var wellKnownSymbol = __webpack_require__(8182);
-
-var ITERATOR = wellKnownSymbol('iterator');
-var SAFE_CLOSING = false;
-
-try {
- var called = 0;
- var iteratorWithReturn = {
- next: function () {
- return { done: !!called++ };
- },
- 'return': function () {
- SAFE_CLOSING = true;
- }
- };
- iteratorWithReturn[ITERATOR] = function () {
- return this;
- };
- // eslint-disable-next-line es/no-array-from, no-throw-literal -- required for testing
- Array.from(iteratorWithReturn, function () { throw 2; });
-} catch (error) { /* empty */ }
-
-module.exports = function (exec, SKIP_CLOSING) {
- if (!SKIP_CLOSING && !SAFE_CLOSING) return false;
- var ITERATION_SUPPORT = false;
- try {
- var object = {};
- object[ITERATOR] = function () {
- return {
- next: function () {
- return { done: ITERATION_SUPPORT = true };
- }
- };
- };
- exec(object);
- } catch (error) { /* empty */ }
- return ITERATION_SUPPORT;
-};
-
-
-/***/ }),
-
-/***/ 9272:
-/***/ (function(module) {
-
-var toString = {}.toString;
-
-module.exports = function (it) {
- return toString.call(it).slice(8, -1);
-};
-
-
-/***/ }),
-
-/***/ 4696:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var TO_STRING_TAG_SUPPORT = __webpack_require__(3471);
-var isCallable = __webpack_require__(6447);
-var classofRaw = __webpack_require__(9272);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-// ES3 wrong here
-var CORRECT_ARGUMENTS = classofRaw(function () { return arguments; }()) == 'Arguments';
-
-// fallback for IE11 Script Access Denied error
-var tryGet = function (it, key) {
- try {
- return it[key];
- } catch (error) { /* empty */ }
-};
-
-// getting tag from ES6+ `Object.prototype.toString`
-module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
- var O, tag, result;
- return it === undefined ? 'Undefined' : it === null ? 'Null'
- // @@toStringTag case
- : typeof (tag = tryGet(O = Object(it), TO_STRING_TAG)) == 'string' ? tag
- // builtinTag case
- : CORRECT_ARGUMENTS ? classofRaw(O)
- // ES3 arguments fallback
- : (result = classofRaw(O)) == 'Object' && isCallable(O.callee) ? 'Arguments' : result;
-};
-
-
-/***/ }),
-
-/***/ 4635:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-
-module.exports = !fails(function () {
- function F() { /* empty */ }
- F.prototype.constructor = null;
- // eslint-disable-next-line es/no-object-getprototypeof -- required for testing
- return Object.getPrototypeOf(new F()) !== F.prototype;
-});
-
-
-/***/ }),
-
-/***/ 5148:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var IteratorPrototype = __webpack_require__(4413).IteratorPrototype;
-var create = __webpack_require__(2853);
-var createPropertyDescriptor = __webpack_require__(774);
-var setToStringTag = __webpack_require__(1284);
-var Iterators = __webpack_require__(7771);
-
-var returnThis = function () { return this; };
-
-module.exports = function (IteratorConstructor, NAME, next) {
- var TO_STRING_TAG = NAME + ' Iterator';
- IteratorConstructor.prototype = create(IteratorPrototype, { next: createPropertyDescriptor(1, next) });
- setToStringTag(IteratorConstructor, TO_STRING_TAG, false, true);
- Iterators[TO_STRING_TAG] = returnThis;
- return IteratorConstructor;
-};
-
-
-/***/ }),
-
-/***/ 8711:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var definePropertyModule = __webpack_require__(2760);
-var createPropertyDescriptor = __webpack_require__(774);
-
-module.exports = DESCRIPTORS ? function (object, key, value) {
- return definePropertyModule.f(object, key, createPropertyDescriptor(1, value));
-} : function (object, key, value) {
- object[key] = value;
- return object;
-};
-
-
-/***/ }),
-
-/***/ 774:
-/***/ (function(module) {
-
-module.exports = function (bitmap, value) {
- return {
- enumerable: !(bitmap & 1),
- configurable: !(bitmap & 2),
- writable: !(bitmap & 4),
- value: value
- };
-};
-
-
-/***/ }),
-
-/***/ 9361:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var toPropertyKey = __webpack_require__(77);
-var definePropertyModule = __webpack_require__(2760);
-var createPropertyDescriptor = __webpack_require__(774);
-
-module.exports = function (object, key, value) {
- var propertyKey = toPropertyKey(key);
- if (propertyKey in object) definePropertyModule.f(object, propertyKey, createPropertyDescriptor(0, value));
- else object[propertyKey] = value;
-};
-
-
-/***/ }),
-
-/***/ 7218:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var IS_PURE = __webpack_require__(5546);
-var FunctionName = __webpack_require__(2282);
-var isCallable = __webpack_require__(6447);
-var createIteratorConstructor = __webpack_require__(5148);
-var getPrototypeOf = __webpack_require__(9341);
-var setPrototypeOf = __webpack_require__(4469);
-var setToStringTag = __webpack_require__(1284);
-var createNonEnumerableProperty = __webpack_require__(8711);
-var redefine = __webpack_require__(9482);
-var wellKnownSymbol = __webpack_require__(8182);
-var Iterators = __webpack_require__(7771);
-var IteratorsCore = __webpack_require__(4413);
-
-var PROPER_FUNCTION_NAME = FunctionName.PROPER;
-var CONFIGURABLE_FUNCTION_NAME = FunctionName.CONFIGURABLE;
-var IteratorPrototype = IteratorsCore.IteratorPrototype;
-var BUGGY_SAFARI_ITERATORS = IteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR = wellKnownSymbol('iterator');
-var KEYS = 'keys';
-var VALUES = 'values';
-var ENTRIES = 'entries';
-
-var returnThis = function () { return this; };
-
-module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
- createIteratorConstructor(IteratorConstructor, NAME, next);
-
- var getIterationMethod = function (KIND) {
- if (KIND === DEFAULT && defaultIterator) return defaultIterator;
- if (!BUGGY_SAFARI_ITERATORS && KIND in IterablePrototype) return IterablePrototype[KIND];
- switch (KIND) {
- case KEYS: return function keys() { return new IteratorConstructor(this, KIND); };
- case VALUES: return function values() { return new IteratorConstructor(this, KIND); };
- case ENTRIES: return function entries() { return new IteratorConstructor(this, KIND); };
- } return function () { return new IteratorConstructor(this); };
- };
-
- var TO_STRING_TAG = NAME + ' Iterator';
- var INCORRECT_VALUES_NAME = false;
- var IterablePrototype = Iterable.prototype;
- var nativeIterator = IterablePrototype[ITERATOR]
- || IterablePrototype['@@iterator']
- || DEFAULT && IterablePrototype[DEFAULT];
- var defaultIterator = !BUGGY_SAFARI_ITERATORS && nativeIterator || getIterationMethod(DEFAULT);
- var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
- var CurrentIteratorPrototype, methods, KEY;
-
- // fix native
- if (anyNativeIterator) {
- CurrentIteratorPrototype = getPrototypeOf(anyNativeIterator.call(new Iterable()));
- if (CurrentIteratorPrototype !== Object.prototype && CurrentIteratorPrototype.next) {
- if (!IS_PURE && getPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype) {
- if (setPrototypeOf) {
- setPrototypeOf(CurrentIteratorPrototype, IteratorPrototype);
- } else if (!isCallable(CurrentIteratorPrototype[ITERATOR])) {
- redefine(CurrentIteratorPrototype, ITERATOR, returnThis);
- }
- }
- // Set @@toStringTag to native iterators
- setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true, true);
- if (IS_PURE) Iterators[TO_STRING_TAG] = returnThis;
- }
- }
-
- // fix Array.prototype.{ values, @@iterator }.name in V8 / FF
- if (PROPER_FUNCTION_NAME && DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
- if (!IS_PURE && CONFIGURABLE_FUNCTION_NAME) {
- createNonEnumerableProperty(IterablePrototype, 'name', VALUES);
- } else {
- INCORRECT_VALUES_NAME = true;
- defaultIterator = function values() { return nativeIterator.call(this); };
- }
- }
-
- // export additional methods
- if (DEFAULT) {
- methods = {
- values: getIterationMethod(VALUES),
- keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
- entries: getIterationMethod(ENTRIES)
- };
- if (FORCED) for (KEY in methods) {
- if (BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
- redefine(IterablePrototype, KEY, methods[KEY]);
- }
- } else $({ target: NAME, proto: true, forced: BUGGY_SAFARI_ITERATORS || INCORRECT_VALUES_NAME }, methods);
- }
-
- // define iterator
- if ((!IS_PURE || FORCED) && IterablePrototype[ITERATOR] !== defaultIterator) {
- redefine(IterablePrototype, ITERATOR, defaultIterator, { name: DEFAULT });
- }
- Iterators[NAME] = defaultIterator;
-
- return methods;
-};
-
-
-/***/ }),
-
-/***/ 1488:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var path = __webpack_require__(7545);
-var hasOwn = __webpack_require__(4500);
-var wrappedWellKnownSymbolModule = __webpack_require__(9207);
-var defineProperty = __webpack_require__(2760).f;
-
-module.exports = function (NAME) {
- var Symbol = path.Symbol || (path.Symbol = {});
- if (!hasOwn(Symbol, NAME)) defineProperty(Symbol, NAME, {
- value: wrappedWellKnownSymbolModule.f(NAME)
- });
-};
-
-
-/***/ }),
-
-/***/ 69:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-
-// Detect IE8's incomplete defineProperty implementation
-module.exports = !fails(function () {
- // eslint-disable-next-line es/no-object-defineproperty -- required for testing
- return Object.defineProperty({}, 1, { get: function () { return 7; } })[1] != 7;
-});
-
-
-/***/ }),
-
-/***/ 7449:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var isObject = __webpack_require__(5744);
-
-var document = global.document;
-// typeof document.createElement is 'object' in old IE
-var EXISTS = isObject(document) && isObject(document.createElement);
-
-module.exports = function (it) {
- return EXISTS ? document.createElement(it) : {};
-};
-
-
-/***/ }),
-
-/***/ 7365:
-/***/ (function(module) {
-
-// iterable DOM collections
-// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
-module.exports = {
- CSSRuleList: 0,
- CSSStyleDeclaration: 0,
- CSSValueList: 0,
- ClientRectList: 0,
- DOMRectList: 0,
- DOMStringList: 0,
- DOMTokenList: 1,
- DataTransferItemList: 0,
- FileList: 0,
- HTMLAllCollection: 0,
- HTMLCollection: 0,
- HTMLFormElement: 0,
- HTMLSelectElement: 0,
- MediaList: 0,
- MimeTypeArray: 0,
- NamedNodeMap: 0,
- NodeList: 1,
- PaintRequestList: 0,
- Plugin: 0,
- PluginArray: 0,
- SVGLengthList: 0,
- SVGNumberList: 0,
- SVGPathSegList: 0,
- SVGPointList: 0,
- SVGStringList: 0,
- SVGTransformList: 0,
- SourceBufferList: 0,
- StyleSheetList: 0,
- TextTrackCueList: 0,
- TextTrackList: 0,
- TouchList: 0
-};
-
-
-/***/ }),
-
-/***/ 2957:
-/***/ (function(module) {
-
-module.exports = typeof window == 'object';
-
-
-/***/ }),
-
-/***/ 9347:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var userAgent = __webpack_require__(8989);
-var global = __webpack_require__(8576);
-
-module.exports = /ipad|iphone|ipod/i.test(userAgent) && global.Pebble !== undefined;
-
-
-/***/ }),
-
-/***/ 9536:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var userAgent = __webpack_require__(8989);
-
-module.exports = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent);
-
-
-/***/ }),
-
-/***/ 224:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var classof = __webpack_require__(9272);
-var global = __webpack_require__(8576);
-
-module.exports = classof(global.process) == 'process';
-
-
-/***/ }),
-
-/***/ 5914:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var userAgent = __webpack_require__(8989);
-
-module.exports = /web0s(?!.*chrome)/i.test(userAgent);
-
-
-/***/ }),
-
-/***/ 8989:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var getBuiltIn = __webpack_require__(150);
-
-module.exports = getBuiltIn('navigator', 'userAgent') || '';
-
-
-/***/ }),
-
-/***/ 4218:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var userAgent = __webpack_require__(8989);
-
-var process = global.process;
-var Deno = global.Deno;
-var versions = process && process.versions || Deno && Deno.version;
-var v8 = versions && versions.v8;
-var match, version;
-
-if (v8) {
- match = v8.split('.');
- version = match[0] < 4 ? 1 : match[0] + match[1];
-} else if (userAgent) {
- match = userAgent.match(/Edge\/(\d+)/);
- if (!match || match[1] >= 74) {
- match = userAgent.match(/Chrome\/(\d+)/);
- if (match) version = match[1];
- }
-}
-
-module.exports = version && +version;
-
-
-/***/ }),
-
-/***/ 5607:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var path = __webpack_require__(7545);
-
-module.exports = function (CONSTRUCTOR) {
- return path[CONSTRUCTOR + 'Prototype'];
-};
-
-
-/***/ }),
-
-/***/ 2952:
-/***/ (function(module) {
-
-// IE8- don't enum bug keys
-module.exports = [
- 'constructor',
- 'hasOwnProperty',
- 'isPrototypeOf',
- 'propertyIsEnumerable',
- 'toLocaleString',
- 'toString',
- 'valueOf'
-];
-
-
-/***/ }),
-
-/***/ 3085:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var global = __webpack_require__(8576);
-var isCallable = __webpack_require__(6447);
-var getOwnPropertyDescriptor = __webpack_require__(5141).f;
-var isForced = __webpack_require__(9245);
-var path = __webpack_require__(7545);
-var bind = __webpack_require__(8043);
-var createNonEnumerableProperty = __webpack_require__(8711);
-var hasOwn = __webpack_require__(4500);
-
-var wrapConstructor = function (NativeConstructor) {
- var Wrapper = function (a, b, c) {
- if (this instanceof NativeConstructor) {
- switch (arguments.length) {
- case 0: return new NativeConstructor();
- case 1: return new NativeConstructor(a);
- case 2: return new NativeConstructor(a, b);
- } return new NativeConstructor(a, b, c);
- } return NativeConstructor.apply(this, arguments);
- };
- Wrapper.prototype = NativeConstructor.prototype;
- return Wrapper;
-};
-
-/*
- options.target - name of the target object
- options.global - target is the global object
- options.stat - export as static methods of target
- options.proto - export as prototype methods of target
- options.real - real prototype method for the `pure` version
- options.forced - export even if the native feature is available
- options.bind - bind methods to the target, required for the `pure` version
- options.wrap - wrap constructors to preventing global pollution, required for the `pure` version
- options.unsafe - use the simple assignment of property instead of delete + defineProperty
- options.sham - add a flag to not completely full polyfills
- options.enumerable - export as enumerable property
- options.noTargetGet - prevent calling a getter on target
- options.name - the .name of the function if it does not match the key
-*/
-module.exports = function (options, source) {
- var TARGET = options.target;
- var GLOBAL = options.global;
- var STATIC = options.stat;
- var PROTO = options.proto;
-
- var nativeSource = GLOBAL ? global : STATIC ? global[TARGET] : (global[TARGET] || {}).prototype;
-
- var target = GLOBAL ? path : path[TARGET] || createNonEnumerableProperty(path, TARGET, {})[TARGET];
- var targetPrototype = target.prototype;
-
- var FORCED, USE_NATIVE, VIRTUAL_PROTOTYPE;
- var key, sourceProperty, targetProperty, nativeProperty, resultProperty, descriptor;
-
- for (key in source) {
- FORCED = isForced(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced);
- // contains in native
- USE_NATIVE = !FORCED && nativeSource && hasOwn(nativeSource, key);
-
- targetProperty = target[key];
-
- if (USE_NATIVE) if (options.noTargetGet) {
- descriptor = getOwnPropertyDescriptor(nativeSource, key);
- nativeProperty = descriptor && descriptor.value;
- } else nativeProperty = nativeSource[key];
-
- // export native or implementation
- sourceProperty = (USE_NATIVE && nativeProperty) ? nativeProperty : source[key];
-
- if (USE_NATIVE && typeof targetProperty === typeof sourceProperty) continue;
-
- // bind timers to global for call from export context
- if (options.bind && USE_NATIVE) resultProperty = bind(sourceProperty, global);
- // wrap global constructors for prevent changs in this version
- else if (options.wrap && USE_NATIVE) resultProperty = wrapConstructor(sourceProperty);
- // make static versions for prototype methods
- else if (PROTO && isCallable(sourceProperty)) resultProperty = bind(Function.call, sourceProperty);
- // default case
- else resultProperty = sourceProperty;
-
- // add a flag to not completely full polyfills
- if (options.sham || (sourceProperty && sourceProperty.sham) || (targetProperty && targetProperty.sham)) {
- createNonEnumerableProperty(resultProperty, 'sham', true);
- }
-
- createNonEnumerableProperty(target, key, resultProperty);
-
- if (PROTO) {
- VIRTUAL_PROTOTYPE = TARGET + 'Prototype';
- if (!hasOwn(path, VIRTUAL_PROTOTYPE)) {
- createNonEnumerableProperty(path, VIRTUAL_PROTOTYPE, {});
- }
- // export virtual prototype methods
- createNonEnumerableProperty(path[VIRTUAL_PROTOTYPE], key, sourceProperty);
- // export real prototype methods
- if (options.real && targetPrototype && !targetPrototype[key]) {
- createNonEnumerableProperty(targetPrototype, key, sourceProperty);
- }
- }
- }
-};
-
-
-/***/ }),
-
-/***/ 6192:
-/***/ (function(module) {
-
-module.exports = function (exec) {
- try {
- return !!exec();
- } catch (error) {
- return true;
- }
-};
-
-
-/***/ }),
-
-/***/ 8043:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var aCallable = __webpack_require__(6235);
-
-// optional / simple context binding
-module.exports = function (fn, that, length) {
- aCallable(fn);
- if (that === undefined) return fn;
- switch (length) {
- case 0: return function () {
- return fn.call(that);
- };
- case 1: return function (a) {
- return fn.call(that, a);
- };
- case 2: return function (a, b) {
- return fn.call(that, a, b);
- };
- case 3: return function (a, b, c) {
- return fn.call(that, a, b, c);
- };
- }
- return function (/* ...args */) {
- return fn.apply(that, arguments);
- };
-};
-
-
-/***/ }),
-
-/***/ 6782:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var aCallable = __webpack_require__(6235);
-var isObject = __webpack_require__(5744);
-
-var slice = [].slice;
-var factories = {};
-
-var construct = function (C, argsLength, args) {
- if (!(argsLength in factories)) {
- for (var list = [], i = 0; i < argsLength; i++) list[i] = 'a[' + i + ']';
- // eslint-disable-next-line no-new-func -- we have no proper alternatives, IE8- only
- factories[argsLength] = Function('C,a', 'return new C(' + list.join(',') + ')');
- } return factories[argsLength](C, args);
-};
-
-// `Function.prototype.bind` method implementation
-// https://tc39.es/ecma262/#sec-function.prototype.bind
-module.exports = Function.bind || function bind(that /* , ...args */) {
- var fn = aCallable(this);
- var partArgs = slice.call(arguments, 1);
- var boundFunction = function bound(/* args... */) {
- var args = partArgs.concat(slice.call(arguments));
- return this instanceof boundFunction ? construct(fn, args.length, args) : fn.apply(that, args);
- };
- if (isObject(fn.prototype)) boundFunction.prototype = fn.prototype;
- return boundFunction;
-};
-
-
-/***/ }),
-
-/***/ 2282:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var hasOwn = __webpack_require__(4500);
-
-var FunctionPrototype = Function.prototype;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getDescriptor = DESCRIPTORS && Object.getOwnPropertyDescriptor;
-
-var EXISTS = hasOwn(FunctionPrototype, 'name');
-// additional protection from minified / mangled / dropped function names
-var PROPER = EXISTS && (function something() { /* empty */ }).name === 'something';
-var CONFIGURABLE = EXISTS && (!DESCRIPTORS || (DESCRIPTORS && getDescriptor(FunctionPrototype, 'name').configurable));
-
-module.exports = {
- EXISTS: EXISTS,
- PROPER: PROPER,
- CONFIGURABLE: CONFIGURABLE
-};
-
-
-/***/ }),
-
-/***/ 150:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var path = __webpack_require__(7545);
-var global = __webpack_require__(8576);
-var isCallable = __webpack_require__(6447);
-
-var aFunction = function (variable) {
- return isCallable(variable) ? variable : undefined;
-};
-
-module.exports = function (namespace, method) {
- return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global[namespace])
- : path[namespace] && path[namespace][method] || global[namespace] && global[namespace][method];
-};
-
-
-/***/ }),
-
-/***/ 8703:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var classof = __webpack_require__(4696);
-var getMethod = __webpack_require__(5037);
-var Iterators = __webpack_require__(7771);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var ITERATOR = wellKnownSymbol('iterator');
-
-module.exports = function (it) {
- if (it != undefined) return getMethod(it, ITERATOR)
- || getMethod(it, '@@iterator')
- || Iterators[classof(it)];
-};
-
-
-/***/ }),
-
-/***/ 1669:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var aCallable = __webpack_require__(6235);
-var anObject = __webpack_require__(1138);
-var getIteratorMethod = __webpack_require__(8703);
-
-module.exports = function (argument, usingIterator) {
- var iteratorMethod = arguments.length < 2 ? getIteratorMethod(argument) : usingIterator;
- if (aCallable(iteratorMethod)) return anObject(iteratorMethod.call(argument));
- throw TypeError(String(argument) + ' is not iterable');
-};
-
-
-/***/ }),
-
-/***/ 5037:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var aCallable = __webpack_require__(6235);
-
-// `GetMethod` abstract operation
-// https://tc39.es/ecma262/#sec-getmethod
-module.exports = function (V, P) {
- var func = V[P];
- return func == null ? undefined : aCallable(func);
-};
-
-
-/***/ }),
-
-/***/ 8576:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var check = function (it) {
- return it && it.Math == Math && it;
-};
-
-// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-module.exports =
- // eslint-disable-next-line es/no-global-this -- safe
- check(typeof globalThis == 'object' && globalThis) ||
- check(typeof window == 'object' && window) ||
- // eslint-disable-next-line no-restricted-globals -- safe
- check(typeof self == 'object' && self) ||
- check(typeof __webpack_require__.g == 'object' && __webpack_require__.g) ||
- // eslint-disable-next-line no-new-func -- fallback
- (function () { return this; })() || Function('return this')();
-
-
-/***/ }),
-
-/***/ 4500:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toObject = __webpack_require__(1795);
-
-var hasOwnProperty = {}.hasOwnProperty;
-
-// `HasOwnProperty` abstract operation
-// https://tc39.es/ecma262/#sec-hasownproperty
-module.exports = Object.hasOwn || function hasOwn(it, key) {
- return hasOwnProperty.call(toObject(it), key);
-};
-
-
-/***/ }),
-
-/***/ 4535:
-/***/ (function(module) {
-
-module.exports = {};
-
-
-/***/ }),
-
-/***/ 3681:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-
-module.exports = function (a, b) {
- var console = global.console;
- if (console && console.error) {
- arguments.length === 1 ? console.error(a) : console.error(a, b);
- }
-};
-
-
-/***/ }),
-
-/***/ 7403:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var getBuiltIn = __webpack_require__(150);
-
-module.exports = getBuiltIn('document', 'documentElement');
-
-
-/***/ }),
-
-/***/ 188:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var fails = __webpack_require__(6192);
-var createElement = __webpack_require__(7449);
-
-// Thank's IE8 for his funny defineProperty
-module.exports = !DESCRIPTORS && !fails(function () {
- // eslint-disable-next-line es/no-object-defineproperty -- requied for testing
- return Object.defineProperty(createElement('div'), 'a', {
- get: function () { return 7; }
- }).a != 7;
-});
-
-
-/***/ }),
-
-/***/ 2202:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-var classof = __webpack_require__(9272);
-
-var split = ''.split;
-
-// fallback for non-array-like ES3 and non-enumerable old V8 strings
-module.exports = fails(function () {
- // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
- // eslint-disable-next-line no-prototype-builtins -- safe
- return !Object('z').propertyIsEnumerable(0);
-}) ? function (it) {
- return classof(it) == 'String' ? split.call(it, '') : Object(it);
-} : Object;
-
-
-/***/ }),
-
-/***/ 9516:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-var store = __webpack_require__(6434);
-
-var functionToString = Function.toString;
-
-// this helper broken in `core-js@3.4.1-3.4.4`, so we can't use `shared` helper
-if (!isCallable(store.inspectSource)) {
- store.inspectSource = function (it) {
- return functionToString.call(it);
- };
-}
-
-module.exports = store.inspectSource;
-
-
-/***/ }),
-
-/***/ 273:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isObject = __webpack_require__(5744);
-var createNonEnumerableProperty = __webpack_require__(8711);
-
-// `InstallErrorCause` abstract operation
-// https://tc39.es/proposal-error-cause/#sec-errorobjects-install-error-cause
-module.exports = function (O, options) {
- if (isObject(options) && 'cause' in options) {
- createNonEnumerableProperty(O, 'cause', O.cause);
- }
-};
-
-
-/***/ }),
-
-/***/ 3326:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var NATIVE_WEAK_MAP = __webpack_require__(8921);
-var global = __webpack_require__(8576);
-var isObject = __webpack_require__(5744);
-var createNonEnumerableProperty = __webpack_require__(8711);
-var hasOwn = __webpack_require__(4500);
-var shared = __webpack_require__(6434);
-var sharedKey = __webpack_require__(9766);
-var hiddenKeys = __webpack_require__(4535);
-
-var OBJECT_ALREADY_INITIALIZED = 'Object already initialized';
-var WeakMap = global.WeakMap;
-var set, get, has;
-
-var enforce = function (it) {
- return has(it) ? get(it) : set(it, {});
-};
-
-var getterFor = function (TYPE) {
- return function (it) {
- var state;
- if (!isObject(it) || (state = get(it)).type !== TYPE) {
- throw TypeError('Incompatible receiver, ' + TYPE + ' required');
- } return state;
- };
-};
-
-if (NATIVE_WEAK_MAP || shared.state) {
- var store = shared.state || (shared.state = new WeakMap());
- var wmget = store.get;
- var wmhas = store.has;
- var wmset = store.set;
- set = function (it, metadata) {
- if (wmhas.call(store, it)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
- metadata.facade = it;
- wmset.call(store, it, metadata);
- return metadata;
- };
- get = function (it) {
- return wmget.call(store, it) || {};
- };
- has = function (it) {
- return wmhas.call(store, it);
- };
-} else {
- var STATE = sharedKey('state');
- hiddenKeys[STATE] = true;
- set = function (it, metadata) {
- if (hasOwn(it, STATE)) throw new TypeError(OBJECT_ALREADY_INITIALIZED);
- metadata.facade = it;
- createNonEnumerableProperty(it, STATE, metadata);
- return metadata;
- };
- get = function (it) {
- return hasOwn(it, STATE) ? it[STATE] : {};
- };
- has = function (it) {
- return hasOwn(it, STATE);
- };
-}
-
-module.exports = {
- set: set,
- get: get,
- has: has,
- enforce: enforce,
- getterFor: getterFor
-};
-
-
-/***/ }),
-
-/***/ 6109:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var wellKnownSymbol = __webpack_require__(8182);
-var Iterators = __webpack_require__(7771);
-
-var ITERATOR = wellKnownSymbol('iterator');
-var ArrayPrototype = Array.prototype;
-
-// check on default Array iterator
-module.exports = function (it) {
- return it !== undefined && (Iterators.Array === it || ArrayPrototype[ITERATOR] === it);
-};
-
-
-/***/ }),
-
-/***/ 4770:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var classof = __webpack_require__(9272);
-
-// `IsArray` abstract operation
-// https://tc39.es/ecma262/#sec-isarray
-// eslint-disable-next-line es/no-array-isarray -- safe
-module.exports = Array.isArray || function isArray(argument) {
- return classof(argument) == 'Array';
-};
-
-
-/***/ }),
-
-/***/ 6447:
-/***/ (function(module) {
-
-// `IsCallable` abstract operation
-// https://tc39.es/ecma262/#sec-iscallable
-module.exports = function (argument) {
- return typeof argument === 'function';
-};
-
-
-/***/ }),
-
-/***/ 2091:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-var isCallable = __webpack_require__(6447);
-var classof = __webpack_require__(4696);
-var getBuiltIn = __webpack_require__(150);
-var inspectSource = __webpack_require__(9516);
-
-var empty = [];
-var construct = getBuiltIn('Reflect', 'construct');
-var constructorRegExp = /^\s*(?:class|function)\b/;
-var exec = constructorRegExp.exec;
-var INCORRECT_TO_STRING = !constructorRegExp.exec(function () { /* empty */ });
-
-var isConstructorModern = function (argument) {
- if (!isCallable(argument)) return false;
- try {
- construct(Object, empty, argument);
- return true;
- } catch (error) {
- return false;
- }
-};
-
-var isConstructorLegacy = function (argument) {
- if (!isCallable(argument)) return false;
- switch (classof(argument)) {
- case 'AsyncFunction':
- case 'GeneratorFunction':
- case 'AsyncGeneratorFunction': return false;
- // we can't check .prototype since constructors produced by .bind haven't it
- } return INCORRECT_TO_STRING || !!exec.call(constructorRegExp, inspectSource(argument));
-};
-
-// `IsConstructor` abstract operation
-// https://tc39.es/ecma262/#sec-isconstructor
-module.exports = !construct || fails(function () {
- var called;
- return isConstructorModern(isConstructorModern.call)
- || !isConstructorModern(Object)
- || !isConstructorModern(function () { called = true; })
- || called;
-}) ? isConstructorLegacy : isConstructorModern;
-
-
-/***/ }),
-
-/***/ 9245:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-var isCallable = __webpack_require__(6447);
-
-var replacement = /#|\.prototype\./;
-
-var isForced = function (feature, detection) {
- var value = data[normalize(feature)];
- return value == POLYFILL ? true
- : value == NATIVE ? false
- : isCallable(detection) ? fails(detection)
- : !!detection;
-};
-
-var normalize = isForced.normalize = function (string) {
- return String(string).replace(replacement, '.').toLowerCase();
-};
-
-var data = isForced.data = {};
-var NATIVE = isForced.NATIVE = 'N';
-var POLYFILL = isForced.POLYFILL = 'P';
-
-module.exports = isForced;
-
-
-/***/ }),
-
-/***/ 5744:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-
-module.exports = function (it) {
- return typeof it === 'object' ? it !== null : isCallable(it);
-};
-
-
-/***/ }),
-
-/***/ 5546:
-/***/ (function(module) {
-
-module.exports = true;
-
-
-/***/ }),
-
-/***/ 3236:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-var getBuiltIn = __webpack_require__(150);
-var USE_SYMBOL_AS_UID = __webpack_require__(615);
-
-module.exports = USE_SYMBOL_AS_UID ? function (it) {
- return typeof it == 'symbol';
-} : function (it) {
- var $Symbol = getBuiltIn('Symbol');
- return isCallable($Symbol) && Object(it) instanceof $Symbol;
-};
-
-
-/***/ }),
-
-/***/ 3442:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var anObject = __webpack_require__(1138);
-var isArrayIteratorMethod = __webpack_require__(6109);
-var lengthOfArrayLike = __webpack_require__(4104);
-var bind = __webpack_require__(8043);
-var getIterator = __webpack_require__(1669);
-var getIteratorMethod = __webpack_require__(8703);
-var iteratorClose = __webpack_require__(6639);
-
-var Result = function (stopped, result) {
- this.stopped = stopped;
- this.result = result;
-};
-
-module.exports = function (iterable, unboundFunction, options) {
- var that = options && options.that;
- var AS_ENTRIES = !!(options && options.AS_ENTRIES);
- var IS_ITERATOR = !!(options && options.IS_ITERATOR);
- var INTERRUPTED = !!(options && options.INTERRUPTED);
- var fn = bind(unboundFunction, that, 1 + AS_ENTRIES + INTERRUPTED);
- var iterator, iterFn, index, length, result, next, step;
-
- var stop = function (condition) {
- if (iterator) iteratorClose(iterator, 'normal', condition);
- return new Result(true, condition);
- };
-
- var callFn = function (value) {
- if (AS_ENTRIES) {
- anObject(value);
- return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
- } return INTERRUPTED ? fn(value, stop) : fn(value);
- };
-
- if (IS_ITERATOR) {
- iterator = iterable;
- } else {
- iterFn = getIteratorMethod(iterable);
- if (!iterFn) throw TypeError(String(iterable) + ' is not iterable');
- // optimisation for array iterators
- if (isArrayIteratorMethod(iterFn)) {
- for (index = 0, length = lengthOfArrayLike(iterable); length > index; index++) {
- result = callFn(iterable[index]);
- if (result && result instanceof Result) return result;
- } return new Result(false);
- }
- iterator = getIterator(iterable, iterFn);
- }
-
- next = iterator.next;
- while (!(step = next.call(iterator)).done) {
- try {
- result = callFn(step.value);
- } catch (error) {
- iteratorClose(iterator, 'throw', error);
- }
- if (typeof result == 'object' && result && result instanceof Result) return result;
- } return new Result(false);
-};
-
-
-/***/ }),
-
-/***/ 6639:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var anObject = __webpack_require__(1138);
-var getMethod = __webpack_require__(5037);
-
-module.exports = function (iterator, kind, value) {
- var innerResult, innerError;
- anObject(iterator);
- try {
- innerResult = getMethod(iterator, 'return');
- if (!innerResult) {
- if (kind === 'throw') throw value;
- return value;
- }
- innerResult = innerResult.call(iterator);
- } catch (error) {
- innerError = true;
- innerResult = error;
- }
- if (kind === 'throw') throw value;
- if (innerError) throw innerResult;
- anObject(innerResult);
- return value;
-};
-
-
-/***/ }),
-
-/***/ 4413:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var fails = __webpack_require__(6192);
-var isCallable = __webpack_require__(6447);
-var create = __webpack_require__(2853);
-var getPrototypeOf = __webpack_require__(9341);
-var redefine = __webpack_require__(9482);
-var wellKnownSymbol = __webpack_require__(8182);
-var IS_PURE = __webpack_require__(5546);
-
-var ITERATOR = wellKnownSymbol('iterator');
-var BUGGY_SAFARI_ITERATORS = false;
-
-// `%IteratorPrototype%` object
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-object
-var IteratorPrototype, PrototypeOfArrayIteratorPrototype, arrayIterator;
-
-/* eslint-disable es/no-array-prototype-keys -- safe */
-if ([].keys) {
- arrayIterator = [].keys();
- // Safari 8 has buggy iterators w/o `next`
- if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;
- else {
- PrototypeOfArrayIteratorPrototype = getPrototypeOf(getPrototypeOf(arrayIterator));
- if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;
- }
-}
-
-var NEW_ITERATOR_PROTOTYPE = IteratorPrototype == undefined || fails(function () {
- var test = {};
- // FF44- legacy iterators case
- return IteratorPrototype[ITERATOR].call(test) !== test;
-});
-
-if (NEW_ITERATOR_PROTOTYPE) IteratorPrototype = {};
-else if (IS_PURE) IteratorPrototype = create(IteratorPrototype);
-
-// `%IteratorPrototype%[@@iterator]()` method
-// https://tc39.es/ecma262/#sec-%iteratorprototype%-@@iterator
-if (!isCallable(IteratorPrototype[ITERATOR])) {
- redefine(IteratorPrototype, ITERATOR, function () {
- return this;
- });
-}
-
-module.exports = {
- IteratorPrototype: IteratorPrototype,
- BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS
-};
-
-
-/***/ }),
-
-/***/ 7771:
-/***/ (function(module) {
-
-module.exports = {};
-
-
-/***/ }),
-
-/***/ 4104:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toLength = __webpack_require__(8445);
-
-// `LengthOfArrayLike` abstract operation
-// https://tc39.es/ecma262/#sec-lengthofarraylike
-module.exports = function (obj) {
- return toLength(obj.length);
-};
-
-
-/***/ }),
-
-/***/ 2950:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var getOwnPropertyDescriptor = __webpack_require__(5141).f;
-var macrotask = __webpack_require__(7160).set;
-var IS_IOS = __webpack_require__(9536);
-var IS_IOS_PEBBLE = __webpack_require__(9347);
-var IS_WEBOS_WEBKIT = __webpack_require__(5914);
-var IS_NODE = __webpack_require__(224);
-
-var MutationObserver = global.MutationObserver || global.WebKitMutationObserver;
-var document = global.document;
-var process = global.process;
-var Promise = global.Promise;
-// Node.js 11 shows ExperimentalWarning on getting `queueMicrotask`
-var queueMicrotaskDescriptor = getOwnPropertyDescriptor(global, 'queueMicrotask');
-var queueMicrotask = queueMicrotaskDescriptor && queueMicrotaskDescriptor.value;
-
-var flush, head, last, notify, toggle, node, promise, then;
-
-// modern engines have queueMicrotask method
-if (!queueMicrotask) {
- flush = function () {
- var parent, fn;
- if (IS_NODE && (parent = process.domain)) parent.exit();
- while (head) {
- fn = head.fn;
- head = head.next;
- try {
- fn();
- } catch (error) {
- if (head) notify();
- else last = undefined;
- throw error;
- }
- } last = undefined;
- if (parent) parent.enter();
- };
-
- // browsers with MutationObserver, except iOS - https://github.com/zloirock/core-js/issues/339
- // also except WebOS Webkit https://github.com/zloirock/core-js/issues/898
- if (!IS_IOS && !IS_NODE && !IS_WEBOS_WEBKIT && MutationObserver && document) {
- toggle = true;
- node = document.createTextNode('');
- new MutationObserver(flush).observe(node, { characterData: true });
- notify = function () {
- node.data = toggle = !toggle;
- };
- // environments with maybe non-completely correct, but existent Promise
- } else if (!IS_IOS_PEBBLE && Promise && Promise.resolve) {
- // Promise.resolve without an argument throws an error in LG WebOS 2
- promise = Promise.resolve(undefined);
- // workaround of WebKit ~ iOS Safari 10.1 bug
- promise.constructor = Promise;
- then = promise.then;
- notify = function () {
- then.call(promise, flush);
- };
- // Node.js without promises
- } else if (IS_NODE) {
- notify = function () {
- process.nextTick(flush);
- };
- // for other environments - macrotask based on:
- // - setImmediate
- // - MessageChannel
- // - window.postMessag
- // - onreadystatechange
- // - setTimeout
- } else {
- notify = function () {
- // strange IE + webpack dev server bug - use .call(global)
- macrotask.call(global, flush);
- };
- }
-}
-
-module.exports = queueMicrotask || function (fn) {
- var task = { fn: fn, next: undefined };
- if (last) last.next = task;
- if (!head) {
- head = task;
- notify();
- } last = task;
-};
-
-
-/***/ }),
-
-/***/ 4471:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-
-module.exports = global.Promise;
-
-
-/***/ }),
-
-/***/ 3045:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-/* eslint-disable es/no-symbol -- required for testing */
-var V8_VERSION = __webpack_require__(4218);
-var fails = __webpack_require__(6192);
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- required for testing
-module.exports = !!Object.getOwnPropertySymbols && !fails(function () {
- var symbol = Symbol();
- // Chrome 38 Symbol has incorrect toString conversion
- // `get-own-property-symbols` polyfill symbols converted to object are not Symbol instances
- return !String(symbol) || !(Object(symbol) instanceof Symbol) ||
- // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
- !Symbol.sham && V8_VERSION && V8_VERSION < 41;
-});
-
-
-/***/ }),
-
-/***/ 4551:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var fails = __webpack_require__(6192);
-var wellKnownSymbol = __webpack_require__(8182);
-var IS_PURE = __webpack_require__(5546);
-
-var ITERATOR = wellKnownSymbol('iterator');
-
-module.exports = !fails(function () {
- var url = new URL('b?a=1&b=2&c=3', 'http://a');
- var searchParams = url.searchParams;
- var result = '';
- url.pathname = 'c%20d';
- searchParams.forEach(function (value, key) {
- searchParams['delete']('b');
- result += key + value;
- });
- return (IS_PURE && !url.toJSON)
- || !searchParams.sort
- || url.href !== 'http://a/c%20d?a=1&c=3'
- || searchParams.get('c') !== '3'
- || String(new URLSearchParams('?a=1')) !== 'a=1'
- || !searchParams[ITERATOR]
- // throws in Edge
- || new URL('https://a@b').username !== 'a'
- || new URLSearchParams(new URLSearchParams('a=b')).get('a') !== 'b'
- // not punycoded in Edge
- || new URL('http://теÑÑ‚').host !== 'xn--e1aybc'
- // not escaped in Chrome 62-
- || new URL('http://a#б').hash !== '#%D0%B1'
- // fails in Chrome 66-
- || result !== 'a1c3'
- // throws in Safari
- || new URL('http://x', undefined).host !== 'x';
-});
-
-
-/***/ }),
-
-/***/ 8921:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var isCallable = __webpack_require__(6447);
-var inspectSource = __webpack_require__(9516);
-
-var WeakMap = global.WeakMap;
-
-module.exports = isCallable(WeakMap) && /native code/.test(inspectSource(WeakMap));
-
-
-/***/ }),
-
-/***/ 9438:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var aCallable = __webpack_require__(6235);
-
-var PromiseCapability = function (C) {
- var resolve, reject;
- this.promise = new C(function ($$resolve, $$reject) {
- if (resolve !== undefined || reject !== undefined) throw TypeError('Bad Promise constructor');
- resolve = $$resolve;
- reject = $$reject;
- });
- this.resolve = aCallable(resolve);
- this.reject = aCallable(reject);
-};
-
-// `NewPromiseCapability` abstract operation
-// https://tc39.es/ecma262/#sec-newpromisecapability
-module.exports.f = function (C) {
- return new PromiseCapability(C);
-};
-
-
-/***/ }),
-
-/***/ 15:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var fails = __webpack_require__(6192);
-var toString = __webpack_require__(4845);
-var trim = __webpack_require__(4277).trim;
-var whitespaces = __webpack_require__(1450);
-
-var $parseFloat = global.parseFloat;
-var Symbol = global.Symbol;
-var ITERATOR = Symbol && Symbol.iterator;
-var FORCED = 1 / $parseFloat(whitespaces + '-0') !== -Infinity
- // MS Edge 18- broken with boxed symbols
- || (ITERATOR && !fails(function () { $parseFloat(Object(ITERATOR)); }));
-
-// `parseFloat` method
-// https://tc39.es/ecma262/#sec-parsefloat-string
-module.exports = FORCED ? function parseFloat(string) {
- var trimmedString = trim(toString(string));
- var result = $parseFloat(trimmedString);
- return result === 0 && trimmedString.charAt(0) == '-' ? -0 : result;
-} : $parseFloat;
-
-
-/***/ }),
-
-/***/ 2558:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var fails = __webpack_require__(6192);
-var toString = __webpack_require__(4845);
-var trim = __webpack_require__(4277).trim;
-var whitespaces = __webpack_require__(1450);
-
-var $parseInt = global.parseInt;
-var Symbol = global.Symbol;
-var ITERATOR = Symbol && Symbol.iterator;
-var hex = /^[+-]?0[Xx]/;
-var FORCED = $parseInt(whitespaces + '08') !== 8 || $parseInt(whitespaces + '0x16') !== 22
- // MS Edge 18- broken with boxed symbols
- || (ITERATOR && !fails(function () { $parseInt(Object(ITERATOR)); }));
-
-// `parseInt` method
-// https://tc39.es/ecma262/#sec-parseint-string-radix
-module.exports = FORCED ? function parseInt(string, radix) {
- var S = trim(toString(string));
- return $parseInt(S, (radix >>> 0) || (hex.test(S) ? 16 : 10));
-} : $parseInt;
-
-
-/***/ }),
-
-/***/ 2503:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var DESCRIPTORS = __webpack_require__(69);
-var fails = __webpack_require__(6192);
-var objectKeys = __webpack_require__(7653);
-var getOwnPropertySymbolsModule = __webpack_require__(4750);
-var propertyIsEnumerableModule = __webpack_require__(6007);
-var toObject = __webpack_require__(1795);
-var IndexedObject = __webpack_require__(2202);
-
-// eslint-disable-next-line es/no-object-assign -- safe
-var $assign = Object.assign;
-// eslint-disable-next-line es/no-object-defineproperty -- required for testing
-var defineProperty = Object.defineProperty;
-
-// `Object.assign` method
-// https://tc39.es/ecma262/#sec-object.assign
-module.exports = !$assign || fails(function () {
- // should have correct order of operations (Edge bug)
- if (DESCRIPTORS && $assign({ b: 1 }, $assign(defineProperty({}, 'a', {
- enumerable: true,
- get: function () {
- defineProperty(this, 'b', {
- value: 3,
- enumerable: false
- });
- }
- }), { b: 2 })).b !== 1) return true;
- // should work with symbols and should have deterministic property order (V8 bug)
- var A = {};
- var B = {};
- // eslint-disable-next-line es/no-symbol -- safe
- var symbol = Symbol();
- var alphabet = 'abcdefghijklmnopqrst';
- A[symbol] = 7;
- alphabet.split('').forEach(function (chr) { B[chr] = chr; });
- return $assign({}, A)[symbol] != 7 || objectKeys($assign({}, B)).join('') != alphabet;
-}) ? function assign(target, source) { // eslint-disable-line no-unused-vars -- required for `.length`
- var T = toObject(target);
- var argumentsLength = arguments.length;
- var index = 1;
- var getOwnPropertySymbols = getOwnPropertySymbolsModule.f;
- var propertyIsEnumerable = propertyIsEnumerableModule.f;
- while (argumentsLength > index) {
- var S = IndexedObject(arguments[index++]);
- var keys = getOwnPropertySymbols ? objectKeys(S).concat(getOwnPropertySymbols(S)) : objectKeys(S);
- var length = keys.length;
- var j = 0;
- var key;
- while (length > j) {
- key = keys[j++];
- if (!DESCRIPTORS || propertyIsEnumerable.call(S, key)) T[key] = S[key];
- }
- } return T;
-} : $assign;
-
-
-/***/ }),
-
-/***/ 2853:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-/* global ActiveXObject -- old IE, WSH */
-var anObject = __webpack_require__(1138);
-var defineProperties = __webpack_require__(1187);
-var enumBugKeys = __webpack_require__(2952);
-var hiddenKeys = __webpack_require__(4535);
-var html = __webpack_require__(7403);
-var documentCreateElement = __webpack_require__(7449);
-var sharedKey = __webpack_require__(9766);
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO = sharedKey('IE_PROTO');
-
-var EmptyConstructor = function () { /* empty */ };
-
-var scriptTag = function (content) {
- return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-};
-
-// Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-var NullProtoObjectViaActiveX = function (activeXDocument) {
- activeXDocument.write(scriptTag(''));
- activeXDocument.close();
- var temp = activeXDocument.parentWindow.Object;
- activeXDocument = null; // avoid memory leak
- return temp;
-};
-
-// Create object with fake `null` prototype: use iframe Object with cleared prototype
-var NullProtoObjectViaIFrame = function () {
- // Thrash, waste and sodomy: IE GC bug
- var iframe = documentCreateElement('iframe');
- var JS = 'java' + SCRIPT + ':';
- var iframeDocument;
- iframe.style.display = 'none';
- html.appendChild(iframe);
- // https://github.com/zloirock/core-js/issues/475
- iframe.src = String(JS);
- iframeDocument = iframe.contentWindow.document;
- iframeDocument.open();
- iframeDocument.write(scriptTag('document.F=Object'));
- iframeDocument.close();
- return iframeDocument.F;
-};
-
-// Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-var activeXDocument;
-var NullProtoObject = function () {
- try {
- activeXDocument = new ActiveXObject('htmlfile');
- } catch (error) { /* ignore */ }
- NullProtoObject = typeof document != 'undefined'
- ? document.domain && activeXDocument
- ? NullProtoObjectViaActiveX(activeXDocument) // old IE
- : NullProtoObjectViaIFrame()
- : NullProtoObjectViaActiveX(activeXDocument); // WSH
- var length = enumBugKeys.length;
- while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
- return NullProtoObject();
-};
-
-hiddenKeys[IE_PROTO] = true;
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-module.exports = Object.create || function create(O, Properties) {
- var result;
- if (O !== null) {
- EmptyConstructor[PROTOTYPE] = anObject(O);
- result = new EmptyConstructor();
- EmptyConstructor[PROTOTYPE] = null;
- // add "__proto__" for Object.getPrototypeOf polyfill
- result[IE_PROTO] = O;
- } else result = NullProtoObject();
- return Properties === undefined ? result : defineProperties(result, Properties);
-};
-
-
-/***/ }),
-
-/***/ 1187:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var definePropertyModule = __webpack_require__(2760);
-var anObject = __webpack_require__(1138);
-var objectKeys = __webpack_require__(7653);
-
-// `Object.defineProperties` method
-// https://tc39.es/ecma262/#sec-object.defineproperties
-// eslint-disable-next-line es/no-object-defineproperties -- safe
-module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperties(O, Properties) {
- anObject(O);
- var keys = objectKeys(Properties);
- var length = keys.length;
- var index = 0;
- var key;
- while (length > index) definePropertyModule.f(O, key = keys[index++], Properties[key]);
- return O;
-};
-
-
-/***/ }),
-
-/***/ 2760:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var IE8_DOM_DEFINE = __webpack_require__(188);
-var anObject = __webpack_require__(1138);
-var toPropertyKey = __webpack_require__(77);
-
-// eslint-disable-next-line es/no-object-defineproperty -- safe
-var $defineProperty = Object.defineProperty;
-
-// `Object.defineProperty` method
-// https://tc39.es/ecma262/#sec-object.defineproperty
-exports.f = DESCRIPTORS ? $defineProperty : function defineProperty(O, P, Attributes) {
- anObject(O);
- P = toPropertyKey(P);
- anObject(Attributes);
- if (IE8_DOM_DEFINE) try {
- return $defineProperty(O, P, Attributes);
- } catch (error) { /* empty */ }
- if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
- if ('value' in Attributes) O[P] = Attributes.value;
- return O;
-};
-
-
-/***/ }),
-
-/***/ 5141:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-var DESCRIPTORS = __webpack_require__(69);
-var propertyIsEnumerableModule = __webpack_require__(6007);
-var createPropertyDescriptor = __webpack_require__(774);
-var toIndexedObject = __webpack_require__(101);
-var toPropertyKey = __webpack_require__(77);
-var hasOwn = __webpack_require__(4500);
-var IE8_DOM_DEFINE = __webpack_require__(188);
-
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var $getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-
-// `Object.getOwnPropertyDescriptor` method
-// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor
-exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
- O = toIndexedObject(O);
- P = toPropertyKey(P);
- if (IE8_DOM_DEFINE) try {
- return $getOwnPropertyDescriptor(O, P);
- } catch (error) { /* empty */ }
- if (hasOwn(O, P)) return createPropertyDescriptor(!propertyIsEnumerableModule.f.call(O, P), O[P]);
-};
-
-
-/***/ }),
-
-/***/ 4052:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-/* eslint-disable es/no-object-getownpropertynames -- safe */
-var toIndexedObject = __webpack_require__(101);
-var $getOwnPropertyNames = __webpack_require__(2092).f;
-
-var toString = {}.toString;
-
-var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames
- ? Object.getOwnPropertyNames(window) : [];
-
-var getWindowNames = function (it) {
- try {
- return $getOwnPropertyNames(it);
- } catch (error) {
- return windowNames.slice();
- }
-};
-
-// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window
-module.exports.f = function getOwnPropertyNames(it) {
- return windowNames && toString.call(it) == '[object Window]'
- ? getWindowNames(it)
- : $getOwnPropertyNames(toIndexedObject(it));
-};
-
-
-/***/ }),
-
-/***/ 2092:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-var internalObjectKeys = __webpack_require__(7934);
-var enumBugKeys = __webpack_require__(2952);
-
-var hiddenKeys = enumBugKeys.concat('length', 'prototype');
-
-// `Object.getOwnPropertyNames` method
-// https://tc39.es/ecma262/#sec-object.getownpropertynames
-// eslint-disable-next-line es/no-object-getownpropertynames -- safe
-exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
- return internalObjectKeys(O, hiddenKeys);
-};
-
-
-/***/ }),
-
-/***/ 4750:
-/***/ (function(__unused_webpack_module, exports) {
-
-// eslint-disable-next-line es/no-object-getownpropertysymbols -- safe
-exports.f = Object.getOwnPropertySymbols;
-
-
-/***/ }),
-
-/***/ 9341:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var hasOwn = __webpack_require__(4500);
-var isCallable = __webpack_require__(6447);
-var toObject = __webpack_require__(1795);
-var sharedKey = __webpack_require__(9766);
-var CORRECT_PROTOTYPE_GETTER = __webpack_require__(4635);
-
-var IE_PROTO = sharedKey('IE_PROTO');
-var ObjectPrototype = Object.prototype;
-
-// `Object.getPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.getprototypeof
-// eslint-disable-next-line es/no-object-getprototypeof -- safe
-module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O) {
- var object = toObject(O);
- if (hasOwn(object, IE_PROTO)) return object[IE_PROTO];
- var constructor = object.constructor;
- if (isCallable(constructor) && object instanceof constructor) {
- return constructor.prototype;
- } return object instanceof Object ? ObjectPrototype : null;
-};
-
-
-/***/ }),
-
-/***/ 7934:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var hasOwn = __webpack_require__(4500);
-var toIndexedObject = __webpack_require__(101);
-var indexOf = __webpack_require__(8180).indexOf;
-var hiddenKeys = __webpack_require__(4535);
-
-module.exports = function (object, names) {
- var O = toIndexedObject(object);
- var i = 0;
- var result = [];
- var key;
- for (key in O) !hasOwn(hiddenKeys, key) && hasOwn(O, key) && result.push(key);
- // Don't enum bug & hidden keys
- while (names.length > i) if (hasOwn(O, key = names[i++])) {
- ~indexOf(result, key) || result.push(key);
- }
- return result;
-};
-
-
-/***/ }),
-
-/***/ 7653:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var internalObjectKeys = __webpack_require__(7934);
-var enumBugKeys = __webpack_require__(2952);
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-// eslint-disable-next-line es/no-object-keys -- safe
-module.exports = Object.keys || function keys(O) {
- return internalObjectKeys(O, enumBugKeys);
-};
-
-
-/***/ }),
-
-/***/ 6007:
-/***/ (function(__unused_webpack_module, exports) {
-
-"use strict";
-
-var $propertyIsEnumerable = {}.propertyIsEnumerable;
-// eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-
-// Nashorn ~ JDK8 bug
-var NASHORN_BUG = getOwnPropertyDescriptor && !$propertyIsEnumerable.call({ 1: 2 }, 1);
-
-// `Object.prototype.propertyIsEnumerable` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.propertyisenumerable
-exports.f = NASHORN_BUG ? function propertyIsEnumerable(V) {
- var descriptor = getOwnPropertyDescriptor(this, V);
- return !!descriptor && descriptor.enumerable;
-} : $propertyIsEnumerable;
-
-
-/***/ }),
-
-/***/ 4469:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-/* eslint-disable no-proto -- safe */
-var anObject = __webpack_require__(1138);
-var aPossiblePrototype = __webpack_require__(7757);
-
-// `Object.setPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.setprototypeof
-// Works with __proto__ only. Old v8 can't work with null proto objects.
-// eslint-disable-next-line es/no-object-setprototypeof -- safe
-module.exports = Object.setPrototypeOf || ('__proto__' in {} ? function () {
- var CORRECT_SETTER = false;
- var test = {};
- var setter;
- try {
- // eslint-disable-next-line es/no-object-getownpropertydescriptor -- safe
- setter = Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set;
- setter.call(test, []);
- CORRECT_SETTER = test instanceof Array;
- } catch (error) { /* empty */ }
- return function setPrototypeOf(O, proto) {
- anObject(O);
- aPossiblePrototype(proto);
- if (CORRECT_SETTER) setter.call(O, proto);
- else O.__proto__ = proto;
- return O;
- };
-}() : undefined);
-
-
-/***/ }),
-
-/***/ 158:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var TO_STRING_TAG_SUPPORT = __webpack_require__(3471);
-var classof = __webpack_require__(4696);
-
-// `Object.prototype.toString` method implementation
-// https://tc39.es/ecma262/#sec-object.prototype.tostring
-module.exports = TO_STRING_TAG_SUPPORT ? {}.toString : function toString() {
- return '[object ' + classof(this) + ']';
-};
-
-
-/***/ }),
-
-/***/ 380:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isCallable = __webpack_require__(6447);
-var isObject = __webpack_require__(5744);
-
-// `OrdinaryToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-ordinarytoprimitive
-module.exports = function (input, pref) {
- var fn, val;
- if (pref === 'string' && isCallable(fn = input.toString) && !isObject(val = fn.call(input))) return val;
- if (isCallable(fn = input.valueOf) && !isObject(val = fn.call(input))) return val;
- if (pref !== 'string' && isCallable(fn = input.toString) && !isObject(val = fn.call(input))) return val;
- throw TypeError("Can't convert object to primitive value");
-};
-
-
-/***/ }),
-
-/***/ 7545:
-/***/ (function(module) {
-
-module.exports = {};
-
-
-/***/ }),
-
-/***/ 892:
-/***/ (function(module) {
-
-module.exports = function (exec) {
- try {
- return { error: false, value: exec() };
- } catch (error) {
- return { error: true, value: error };
- }
-};
-
-
-/***/ }),
-
-/***/ 9126:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var anObject = __webpack_require__(1138);
-var isObject = __webpack_require__(5744);
-var newPromiseCapability = __webpack_require__(9438);
-
-module.exports = function (C, x) {
- anObject(C);
- if (isObject(x) && x.constructor === C) return x;
- var promiseCapability = newPromiseCapability.f(C);
- var resolve = promiseCapability.resolve;
- resolve(x);
- return promiseCapability.promise;
-};
-
-
-/***/ }),
-
-/***/ 533:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var redefine = __webpack_require__(9482);
-
-module.exports = function (target, src, options) {
- for (var key in src) {
- if (options && options.unsafe && target[key]) target[key] = src[key];
- else redefine(target, key, src[key], options);
- } return target;
-};
-
-
-/***/ }),
-
-/***/ 9482:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var createNonEnumerableProperty = __webpack_require__(8711);
-
-module.exports = function (target, key, value, options) {
- if (options && options.enumerable) target[key] = value;
- else createNonEnumerableProperty(target, key, value);
-};
-
-
-/***/ }),
-
-/***/ 3209:
-/***/ (function(module) {
-
-// `RequireObjectCoercible` abstract operation
-// https://tc39.es/ecma262/#sec-requireobjectcoercible
-module.exports = function (it) {
- if (it == undefined) throw TypeError("Can't call method on " + it);
- return it;
-};
-
-
-/***/ }),
-
-/***/ 7613:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-
-module.exports = function (key, value) {
- try {
- // eslint-disable-next-line es/no-object-defineproperty -- safe
- Object.defineProperty(global, key, { value: value, configurable: true, writable: true });
- } catch (error) {
- global[key] = value;
- } return value;
-};
-
-
-/***/ }),
-
-/***/ 3656:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var getBuiltIn = __webpack_require__(150);
-var definePropertyModule = __webpack_require__(2760);
-var wellKnownSymbol = __webpack_require__(8182);
-var DESCRIPTORS = __webpack_require__(69);
-
-var SPECIES = wellKnownSymbol('species');
-
-module.exports = function (CONSTRUCTOR_NAME) {
- var Constructor = getBuiltIn(CONSTRUCTOR_NAME);
- var defineProperty = definePropertyModule.f;
-
- if (DESCRIPTORS && Constructor && !Constructor[SPECIES]) {
- defineProperty(Constructor, SPECIES, {
- configurable: true,
- get: function () { return this; }
- });
- }
-};
-
-
-/***/ }),
-
-/***/ 1284:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var TO_STRING_TAG_SUPPORT = __webpack_require__(3471);
-var defineProperty = __webpack_require__(2760).f;
-var createNonEnumerableProperty = __webpack_require__(8711);
-var hasOwn = __webpack_require__(4500);
-var toString = __webpack_require__(158);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-
-module.exports = function (it, TAG, STATIC, SET_METHOD) {
- if (it) {
- var target = STATIC ? it : it.prototype;
- if (!hasOwn(target, TO_STRING_TAG)) {
- defineProperty(target, TO_STRING_TAG, { configurable: true, value: TAG });
- }
- if (SET_METHOD && !TO_STRING_TAG_SUPPORT) {
- createNonEnumerableProperty(target, 'toString', toString);
- }
- }
-};
-
-
-/***/ }),
-
-/***/ 9766:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var shared = __webpack_require__(8717);
-var uid = __webpack_require__(2759);
-
-var keys = shared('keys');
-
-module.exports = function (key) {
- return keys[key] || (keys[key] = uid(key));
-};
-
-
-/***/ }),
-
-/***/ 6434:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var setGlobal = __webpack_require__(7613);
-
-var SHARED = '__core-js_shared__';
-var store = global[SHARED] || setGlobal(SHARED, {});
-
-module.exports = store;
-
-
-/***/ }),
-
-/***/ 8717:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var IS_PURE = __webpack_require__(5546);
-var store = __webpack_require__(6434);
-
-(module.exports = function (key, value) {
- return store[key] || (store[key] = value !== undefined ? value : {});
-})('versions', []).push({
- version: '3.18.2',
- mode: IS_PURE ? 'pure' : 'global',
- copyright: '© 2021 Denis Pushkarev (zloirock.ru)'
-});
-
-
-/***/ }),
-
-/***/ 4743:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var anObject = __webpack_require__(1138);
-var aConstructor = __webpack_require__(1404);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var SPECIES = wellKnownSymbol('species');
-
-// `SpeciesConstructor` abstract operation
-// https://tc39.es/ecma262/#sec-speciesconstructor
-module.exports = function (O, defaultConstructor) {
- var C = anObject(O).constructor;
- var S;
- return C === undefined || (S = anObject(C)[SPECIES]) == undefined ? defaultConstructor : aConstructor(S);
-};
-
-
-/***/ }),
-
-/***/ 863:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toIntegerOrInfinity = __webpack_require__(1941);
-var toString = __webpack_require__(4845);
-var requireObjectCoercible = __webpack_require__(3209);
-
-var createMethod = function (CONVERT_TO_STRING) {
- return function ($this, pos) {
- var S = toString(requireObjectCoercible($this));
- var position = toIntegerOrInfinity(pos);
- var size = S.length;
- var first, second;
- if (position < 0 || position >= size) return CONVERT_TO_STRING ? '' : undefined;
- first = S.charCodeAt(position);
- return first < 0xD800 || first > 0xDBFF || position + 1 === size
- || (second = S.charCodeAt(position + 1)) < 0xDC00 || second > 0xDFFF
- ? CONVERT_TO_STRING ? S.charAt(position) : first
- : CONVERT_TO_STRING ? S.slice(position, position + 2) : (first - 0xD800 << 10) + (second - 0xDC00) + 0x10000;
- };
-};
-
-module.exports = {
- // `String.prototype.codePointAt` method
- // https://tc39.es/ecma262/#sec-string.prototype.codepointat
- codeAt: createMethod(false),
- // `String.prototype.at` method
- // https://github.com/mathiasbynens/String.prototype.at
- charAt: createMethod(true)
-};
-
-
-/***/ }),
-
-/***/ 7977:
-/***/ (function(module) {
-
-"use strict";
-
-// based on https://github.com/bestiejs/punycode.js/blob/master/punycode.js
-var maxInt = 2147483647; // aka. 0x7FFFFFFF or 2^31-1
-var base = 36;
-var tMin = 1;
-var tMax = 26;
-var skew = 38;
-var damp = 700;
-var initialBias = 72;
-var initialN = 128; // 0x80
-var delimiter = '-'; // '\x2D'
-var regexNonASCII = /[^\0-\u007E]/; // non-ASCII chars
-var regexSeparators = /[.\u3002\uFF0E\uFF61]/g; // RFC 3490 separators
-var OVERFLOW_ERROR = 'Overflow: input needs wider integers to process';
-var baseMinusTMin = base - tMin;
-var floor = Math.floor;
-var stringFromCharCode = String.fromCharCode;
-
-/**
- * Creates an array containing the numeric code points of each Unicode
- * character in the string. While JavaScript uses UCS-2 internally,
- * this function will convert a pair of surrogate halves (each of which
- * UCS-2 exposes as separate characters) into a single code point,
- * matching UTF-16.
- */
-var ucs2decode = function (string) {
- var output = [];
- var counter = 0;
- var length = string.length;
- while (counter < length) {
- var value = string.charCodeAt(counter++);
- if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
- // It's a high surrogate, and there is a next character.
- var extra = string.charCodeAt(counter++);
- if ((extra & 0xFC00) == 0xDC00) { // Low surrogate.
- output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
- } else {
- // It's an unmatched surrogate; only append this code unit, in case the
- // next code unit is the high surrogate of a surrogate pair.
- output.push(value);
- counter--;
- }
- } else {
- output.push(value);
- }
- }
- return output;
-};
-
-/**
- * Converts a digit/integer into a basic code point.
- */
-var digitToBasic = function (digit) {
- // 0..25 map to ASCII a..z or A..Z
- // 26..35 map to ASCII 0..9
- return digit + 22 + 75 * (digit < 26);
-};
-
-/**
- * Bias adaptation function as per section 3.4 of RFC 3492.
- * https://tools.ietf.org/html/rfc3492#section-3.4
- */
-var adapt = function (delta, numPoints, firstTime) {
- var k = 0;
- delta = firstTime ? floor(delta / damp) : delta >> 1;
- delta += floor(delta / numPoints);
- for (; delta > baseMinusTMin * tMax >> 1; k += base) {
- delta = floor(delta / baseMinusTMin);
- }
- return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
-};
-
-/**
- * Converts a string of Unicode symbols (e.g. a domain name label) to a
- * Punycode string of ASCII-only symbols.
- */
-// eslint-disable-next-line max-statements -- TODO
-var encode = function (input) {
- var output = [];
-
- // Convert the input in UCS-2 to an array of Unicode code points.
- input = ucs2decode(input);
-
- // Cache the length.
- var inputLength = input.length;
-
- // Initialize the state.
- var n = initialN;
- var delta = 0;
- var bias = initialBias;
- var i, currentValue;
-
- // Handle the basic code points.
- for (i = 0; i < input.length; i++) {
- currentValue = input[i];
- if (currentValue < 0x80) {
- output.push(stringFromCharCode(currentValue));
- }
- }
-
- var basicLength = output.length; // number of basic code points.
- var handledCPCount = basicLength; // number of code points that have been handled;
-
- // Finish the basic string with a delimiter unless it's empty.
- if (basicLength) {
- output.push(delimiter);
- }
-
- // Main encoding loop:
- while (handledCPCount < inputLength) {
- // All non-basic code points < n have been handled already. Find the next larger one:
- var m = maxInt;
- for (i = 0; i < input.length; i++) {
- currentValue = input[i];
- if (currentValue >= n && currentValue < m) {
- m = currentValue;
- }
- }
-
- // Increase `delta` enough to advance the decoder's state to , but guard against overflow.
- var handledCPCountPlusOne = handledCPCount + 1;
- if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
- throw RangeError(OVERFLOW_ERROR);
- }
-
- delta += (m - n) * handledCPCountPlusOne;
- n = m;
-
- for (i = 0; i < input.length; i++) {
- currentValue = input[i];
- if (currentValue < n && ++delta > maxInt) {
- throw RangeError(OVERFLOW_ERROR);
- }
- if (currentValue == n) {
- // Represent delta as a generalized variable-length integer.
- var q = delta;
- for (var k = base; /* no condition */; k += base) {
- var t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
- if (q < t) break;
- var qMinusT = q - t;
- var baseMinusT = base - t;
- output.push(stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT)));
- q = floor(qMinusT / baseMinusT);
- }
-
- output.push(stringFromCharCode(digitToBasic(q)));
- bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
- delta = 0;
- ++handledCPCount;
- }
- }
-
- ++delta;
- ++n;
- }
- return output.join('');
-};
-
-module.exports = function (input) {
- var encoded = [];
- var labels = input.toLowerCase().replace(regexSeparators, '\u002E').split('.');
- var i, label;
- for (i = 0; i < labels.length; i++) {
- label = labels[i];
- encoded.push(regexNonASCII.test(label) ? 'xn--' + encode(label) : label);
- }
- return encoded.join('.');
-};
-
-
-/***/ }),
-
-/***/ 6815:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var PROPER_FUNCTION_NAME = __webpack_require__(2282).PROPER;
-var fails = __webpack_require__(6192);
-var whitespaces = __webpack_require__(1450);
-
-var non = '\u200B\u0085\u180E';
-
-// check that a method works with the correct list
-// of whitespaces and has a correct name
-module.exports = function (METHOD_NAME) {
- return fails(function () {
- return !!whitespaces[METHOD_NAME]()
- || non[METHOD_NAME]() !== non
- || (PROPER_FUNCTION_NAME && whitespaces[METHOD_NAME].name !== METHOD_NAME);
- });
-};
-
-
-/***/ }),
-
-/***/ 4277:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var requireObjectCoercible = __webpack_require__(3209);
-var toString = __webpack_require__(4845);
-var whitespaces = __webpack_require__(1450);
-
-var whitespace = '[' + whitespaces + ']';
-var ltrim = RegExp('^' + whitespace + whitespace + '*');
-var rtrim = RegExp(whitespace + whitespace + '*$');
-
-// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
-var createMethod = function (TYPE) {
- return function ($this) {
- var string = toString(requireObjectCoercible($this));
- if (TYPE & 1) string = string.replace(ltrim, '');
- if (TYPE & 2) string = string.replace(rtrim, '');
- return string;
- };
-};
-
-module.exports = {
- // `String.prototype.{ trimLeft, trimStart }` methods
- // https://tc39.es/ecma262/#sec-string.prototype.trimstart
- start: createMethod(1),
- // `String.prototype.{ trimRight, trimEnd }` methods
- // https://tc39.es/ecma262/#sec-string.prototype.trimend
- end: createMethod(2),
- // `String.prototype.trim` method
- // https://tc39.es/ecma262/#sec-string.prototype.trim
- trim: createMethod(3)
-};
-
-
-/***/ }),
-
-/***/ 7160:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var isCallable = __webpack_require__(6447);
-var fails = __webpack_require__(6192);
-var bind = __webpack_require__(8043);
-var html = __webpack_require__(7403);
-var createElement = __webpack_require__(7449);
-var IS_IOS = __webpack_require__(9536);
-var IS_NODE = __webpack_require__(224);
-
-var set = global.setImmediate;
-var clear = global.clearImmediate;
-var process = global.process;
-var MessageChannel = global.MessageChannel;
-var Dispatch = global.Dispatch;
-var counter = 0;
-var queue = {};
-var ONREADYSTATECHANGE = 'onreadystatechange';
-var location, defer, channel, port;
-
-try {
- // Deno throws a ReferenceError on `location` access without `--location` flag
- location = global.location;
-} catch (error) { /* empty */ }
-
-var run = function (id) {
- // eslint-disable-next-line no-prototype-builtins -- safe
- if (queue.hasOwnProperty(id)) {
- var fn = queue[id];
- delete queue[id];
- fn();
- }
-};
-
-var runner = function (id) {
- return function () {
- run(id);
- };
-};
-
-var listener = function (event) {
- run(event.data);
-};
-
-var post = function (id) {
- // old engines have not location.origin
- global.postMessage(String(id), location.protocol + '//' + location.host);
-};
-
-// Node.js 0.9+ & IE10+ has setImmediate, otherwise:
-if (!set || !clear) {
- set = function setImmediate(fn) {
- var args = [];
- var argumentsLength = arguments.length;
- var i = 1;
- while (argumentsLength > i) args.push(arguments[i++]);
- queue[++counter] = function () {
- // eslint-disable-next-line no-new-func -- spec requirement
- (isCallable(fn) ? fn : Function(fn)).apply(undefined, args);
- };
- defer(counter);
- return counter;
- };
- clear = function clearImmediate(id) {
- delete queue[id];
- };
- // Node.js 0.8-
- if (IS_NODE) {
- defer = function (id) {
- process.nextTick(runner(id));
- };
- // Sphere (JS game engine) Dispatch API
- } else if (Dispatch && Dispatch.now) {
- defer = function (id) {
- Dispatch.now(runner(id));
- };
- // Browsers with MessageChannel, includes WebWorkers
- // except iOS - https://github.com/zloirock/core-js/issues/624
- } else if (MessageChannel && !IS_IOS) {
- channel = new MessageChannel();
- port = channel.port2;
- channel.port1.onmessage = listener;
- defer = bind(port.postMessage, port, 1);
- // Browsers with postMessage, skip WebWorkers
- // IE8 has postMessage, but it's sync & typeof its postMessage is 'object'
- } else if (
- global.addEventListener &&
- isCallable(global.postMessage) &&
- !global.importScripts &&
- location && location.protocol !== 'file:' &&
- !fails(post)
- ) {
- defer = post;
- global.addEventListener('message', listener, false);
- // IE8-
- } else if (ONREADYSTATECHANGE in createElement('script')) {
- defer = function (id) {
- html.appendChild(createElement('script'))[ONREADYSTATECHANGE] = function () {
- html.removeChild(this);
- run(id);
- };
- };
- // Rest old browsers
- } else {
- defer = function (id) {
- setTimeout(runner(id), 0);
- };
- }
-}
-
-module.exports = {
- set: set,
- clear: clear
-};
-
-
-/***/ }),
-
-/***/ 7739:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toIntegerOrInfinity = __webpack_require__(1941);
-
-var max = Math.max;
-var min = Math.min;
-
-// Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-module.exports = function (index, length) {
- var integer = toIntegerOrInfinity(index);
- return integer < 0 ? max(integer + length, 0) : min(integer, length);
-};
-
-
-/***/ }),
-
-/***/ 101:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-// toObject with fallback for non-array-like ES3 strings
-var IndexedObject = __webpack_require__(2202);
-var requireObjectCoercible = __webpack_require__(3209);
-
-module.exports = function (it) {
- return IndexedObject(requireObjectCoercible(it));
-};
-
-
-/***/ }),
-
-/***/ 1941:
-/***/ (function(module) {
-
-var ceil = Math.ceil;
-var floor = Math.floor;
-
-// `ToIntegerOrInfinity` abstract operation
-// https://tc39.es/ecma262/#sec-tointegerorinfinity
-module.exports = function (argument) {
- var number = +argument;
- // eslint-disable-next-line no-self-compare -- safe
- return number !== number || number === 0 ? 0 : (number > 0 ? floor : ceil)(number);
-};
-
-
-/***/ }),
-
-/***/ 8445:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toIntegerOrInfinity = __webpack_require__(1941);
-
-var min = Math.min;
-
-// `ToLength` abstract operation
-// https://tc39.es/ecma262/#sec-tolength
-module.exports = function (argument) {
- return argument > 0 ? min(toIntegerOrInfinity(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
-
-
-/***/ }),
-
-/***/ 1795:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var requireObjectCoercible = __webpack_require__(3209);
-
-// `ToObject` abstract operation
-// https://tc39.es/ecma262/#sec-toobject
-module.exports = function (argument) {
- return Object(requireObjectCoercible(argument));
-};
-
-
-/***/ }),
-
-/***/ 7888:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var isObject = __webpack_require__(5744);
-var isSymbol = __webpack_require__(3236);
-var getMethod = __webpack_require__(5037);
-var ordinaryToPrimitive = __webpack_require__(380);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
-
-// `ToPrimitive` abstract operation
-// https://tc39.es/ecma262/#sec-toprimitive
-module.exports = function (input, pref) {
- if (!isObject(input) || isSymbol(input)) return input;
- var exoticToPrim = getMethod(input, TO_PRIMITIVE);
- var result;
- if (exoticToPrim) {
- if (pref === undefined) pref = 'default';
- result = exoticToPrim.call(input, pref);
- if (!isObject(result) || isSymbol(result)) return result;
- throw TypeError("Can't convert object to primitive value");
- }
- if (pref === undefined) pref = 'number';
- return ordinaryToPrimitive(input, pref);
-};
-
-
-/***/ }),
-
-/***/ 77:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var toPrimitive = __webpack_require__(7888);
-var isSymbol = __webpack_require__(3236);
-
-// `ToPropertyKey` abstract operation
-// https://tc39.es/ecma262/#sec-topropertykey
-module.exports = function (argument) {
- var key = toPrimitive(argument, 'string');
- return isSymbol(key) ? key : String(key);
-};
-
-
-/***/ }),
-
-/***/ 3471:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var wellKnownSymbol = __webpack_require__(8182);
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-var test = {};
-
-test[TO_STRING_TAG] = 'z';
-
-module.exports = String(test) === '[object z]';
-
-
-/***/ }),
-
-/***/ 4845:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var classof = __webpack_require__(4696);
-
-module.exports = function (argument) {
- if (classof(argument) === 'Symbol') throw TypeError('Cannot convert a Symbol value to a string');
- return String(argument);
-};
-
-
-/***/ }),
-
-/***/ 9288:
-/***/ (function(module) {
-
-module.exports = function (argument) {
- try {
- return String(argument);
- } catch (error) {
- return 'Object';
- }
-};
-
-
-/***/ }),
-
-/***/ 2759:
-/***/ (function(module) {
-
-var id = 0;
-var postfix = Math.random();
-
-module.exports = function (key) {
- return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
-};
-
-
-/***/ }),
-
-/***/ 615:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-/* eslint-disable es/no-symbol -- required for testing */
-var NATIVE_SYMBOL = __webpack_require__(3045);
-
-module.exports = NATIVE_SYMBOL
- && !Symbol.sham
- && typeof Symbol.iterator == 'symbol';
-
-
-/***/ }),
-
-/***/ 9207:
-/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
-
-var wellKnownSymbol = __webpack_require__(8182);
-
-exports.f = wellKnownSymbol;
-
-
-/***/ }),
-
-/***/ 8182:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var shared = __webpack_require__(8717);
-var hasOwn = __webpack_require__(4500);
-var uid = __webpack_require__(2759);
-var NATIVE_SYMBOL = __webpack_require__(3045);
-var USE_SYMBOL_AS_UID = __webpack_require__(615);
-
-var WellKnownSymbolsStore = shared('wks');
-var Symbol = global.Symbol;
-var createWellKnownSymbol = USE_SYMBOL_AS_UID ? Symbol : Symbol && Symbol.withoutSetter || uid;
-
-module.exports = function (name) {
- if (!hasOwn(WellKnownSymbolsStore, name) || !(NATIVE_SYMBOL || typeof WellKnownSymbolsStore[name] == 'string')) {
- if (NATIVE_SYMBOL && hasOwn(Symbol, name)) {
- WellKnownSymbolsStore[name] = Symbol[name];
- } else {
- WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
- }
- } return WellKnownSymbolsStore[name];
-};
-
-
-/***/ }),
-
-/***/ 1450:
-/***/ (function(module) {
-
-// a string of all valid unicode whitespaces
-module.exports = '\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002' +
- '\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';
-
-
-/***/ }),
-
-/***/ 4242:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var getPrototypeOf = __webpack_require__(9341);
-var setPrototypeOf = __webpack_require__(4469);
-var create = __webpack_require__(2853);
-var createNonEnumerableProperty = __webpack_require__(8711);
-var createPropertyDescriptor = __webpack_require__(774);
-var installErrorCause = __webpack_require__(273);
-var iterate = __webpack_require__(3442);
-var toString = __webpack_require__(4845);
-
-var $AggregateError = function AggregateError(errors, message /* , options */) {
- var that = this;
- var options = arguments.length > 2 ? arguments[2] : undefined;
- if (!(that instanceof $AggregateError)) return new $AggregateError(errors, message, options);
- if (setPrototypeOf) {
- // eslint-disable-next-line unicorn/error-message -- expected
- that = setPrototypeOf(new Error(undefined), getPrototypeOf(that));
- }
- if (message !== undefined) createNonEnumerableProperty(that, 'message', toString(message));
- installErrorCause(that, options);
- var errorsArray = [];
- iterate(errors, errorsArray.push, { that: errorsArray });
- createNonEnumerableProperty(that, 'errors', errorsArray);
- return that;
-};
-
-$AggregateError.prototype = create(Error.prototype, {
- constructor: createPropertyDescriptor(5, $AggregateError),
- message: createPropertyDescriptor(5, ''),
- name: createPropertyDescriptor(5, 'AggregateError')
-});
-
-// `AggregateError` constructor
-// https://tc39.es/ecma262/#sec-aggregate-error-constructor
-$({ global: true }, {
- AggregateError: $AggregateError
-});
-
-
-/***/ }),
-
-/***/ 9106:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var fails = __webpack_require__(6192);
-var isArray = __webpack_require__(4770);
-var isObject = __webpack_require__(5744);
-var toObject = __webpack_require__(1795);
-var lengthOfArrayLike = __webpack_require__(4104);
-var createProperty = __webpack_require__(9361);
-var arraySpeciesCreate = __webpack_require__(1321);
-var arrayMethodHasSpeciesSupport = __webpack_require__(242);
-var wellKnownSymbol = __webpack_require__(8182);
-var V8_VERSION = __webpack_require__(4218);
-
-var IS_CONCAT_SPREADABLE = wellKnownSymbol('isConcatSpreadable');
-var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;
-var MAXIMUM_ALLOWED_INDEX_EXCEEDED = 'Maximum allowed index exceeded';
-
-// We can't use this feature detection in V8 since it causes
-// deoptimization and serious performance degradation
-// https://github.com/zloirock/core-js/issues/679
-var IS_CONCAT_SPREADABLE_SUPPORT = V8_VERSION >= 51 || !fails(function () {
- var array = [];
- array[IS_CONCAT_SPREADABLE] = false;
- return array.concat()[0] !== array;
-});
-
-var SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('concat');
-
-var isConcatSpreadable = function (O) {
- if (!isObject(O)) return false;
- var spreadable = O[IS_CONCAT_SPREADABLE];
- return spreadable !== undefined ? !!spreadable : isArray(O);
-};
-
-var FORCED = !IS_CONCAT_SPREADABLE_SUPPORT || !SPECIES_SUPPORT;
-
-// `Array.prototype.concat` method
-// https://tc39.es/ecma262/#sec-array.prototype.concat
-// with adding support of @@isConcatSpreadable and @@species
-$({ target: 'Array', proto: true, forced: FORCED }, {
- // eslint-disable-next-line no-unused-vars -- required for `.length`
- concat: function concat(arg) {
- var O = toObject(this);
- var A = arraySpeciesCreate(O, 0);
- var n = 0;
- var i, k, length, len, E;
- for (i = -1, length = arguments.length; i < length; i++) {
- E = i === -1 ? O : arguments[i];
- if (isConcatSpreadable(E)) {
- len = lengthOfArrayLike(E);
- if (n + len > MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
- for (k = 0; k < len; k++, n++) if (k in E) createProperty(A, n, E[k]);
- } else {
- if (n >= MAX_SAFE_INTEGER) throw TypeError(MAXIMUM_ALLOWED_INDEX_EXCEEDED);
- createProperty(A, n++, E);
- }
- }
- A.length = n;
- return A;
- }
-});
-
-
-/***/ }),
-
-/***/ 1710:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var fill = __webpack_require__(2724);
-var addToUnscopables = __webpack_require__(7423);
-
-// `Array.prototype.fill` method
-// https://tc39.es/ecma262/#sec-array.prototype.fill
-$({ target: 'Array', proto: true }, {
- fill: fill
-});
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('fill');
-
-
-/***/ }),
-
-/***/ 3436:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var $filter = __webpack_require__(454).filter;
-var arrayMethodHasSpeciesSupport = __webpack_require__(242);
-
-var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('filter');
-
-// `Array.prototype.filter` method
-// https://tc39.es/ecma262/#sec-array.prototype.filter
-// with adding support of @@species
-$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
- filter: function filter(callbackfn /* , thisArg */) {
- return $filter(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
- }
-});
-
-
-/***/ }),
-
-/***/ 9823:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var forEach = __webpack_require__(7397);
-
-// `Array.prototype.forEach` method
-// https://tc39.es/ecma262/#sec-array.prototype.foreach
-// eslint-disable-next-line es/no-array-prototype-foreach -- safe
-$({ target: 'Array', proto: true, forced: [].forEach != forEach }, {
- forEach: forEach
-});
-
-
-/***/ }),
-
-/***/ 9173:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var from = __webpack_require__(841);
-var checkCorrectnessOfIteration = __webpack_require__(9770);
-
-var INCORRECT_ITERATION = !checkCorrectnessOfIteration(function (iterable) {
- // eslint-disable-next-line es/no-array-from -- required for testing
- Array.from(iterable);
-});
-
-// `Array.from` method
-// https://tc39.es/ecma262/#sec-array.from
-$({ target: 'Array', stat: true, forced: INCORRECT_ITERATION }, {
- from: from
-});
-
-
-/***/ }),
-
-/***/ 2276:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-/* eslint-disable es/no-array-prototype-indexof -- required for testing */
-var $ = __webpack_require__(3085);
-var $indexOf = __webpack_require__(8180).indexOf;
-var arrayMethodIsStrict = __webpack_require__(424);
-
-var nativeIndexOf = [].indexOf;
-
-var NEGATIVE_ZERO = !!nativeIndexOf && 1 / [1].indexOf(1, -0) < 0;
-var STRICT_METHOD = arrayMethodIsStrict('indexOf');
-
-// `Array.prototype.indexOf` method
-// https://tc39.es/ecma262/#sec-array.prototype.indexof
-$({ target: 'Array', proto: true, forced: NEGATIVE_ZERO || !STRICT_METHOD }, {
- indexOf: function indexOf(searchElement /* , fromIndex = 0 */) {
- return NEGATIVE_ZERO
- // convert -0 to +0
- ? nativeIndexOf.apply(this, arguments) || 0
- : $indexOf(this, searchElement, arguments.length > 1 ? arguments[1] : undefined);
- }
-});
-
-
-/***/ }),
-
-/***/ 8118:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var isArray = __webpack_require__(4770);
-
-// `Array.isArray` method
-// https://tc39.es/ecma262/#sec-array.isarray
-$({ target: 'Array', stat: true }, {
- isArray: isArray
-});
-
-
-/***/ }),
-
-/***/ 8939:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var toIndexedObject = __webpack_require__(101);
-var addToUnscopables = __webpack_require__(7423);
-var Iterators = __webpack_require__(7771);
-var InternalStateModule = __webpack_require__(3326);
-var defineIterator = __webpack_require__(7218);
-
-var ARRAY_ITERATOR = 'Array Iterator';
-var setInternalState = InternalStateModule.set;
-var getInternalState = InternalStateModule.getterFor(ARRAY_ITERATOR);
-
-// `Array.prototype.entries` method
-// https://tc39.es/ecma262/#sec-array.prototype.entries
-// `Array.prototype.keys` method
-// https://tc39.es/ecma262/#sec-array.prototype.keys
-// `Array.prototype.values` method
-// https://tc39.es/ecma262/#sec-array.prototype.values
-// `Array.prototype[@@iterator]` method
-// https://tc39.es/ecma262/#sec-array.prototype-@@iterator
-// `CreateArrayIterator` internal method
-// https://tc39.es/ecma262/#sec-createarrayiterator
-module.exports = defineIterator(Array, 'Array', function (iterated, kind) {
- setInternalState(this, {
- type: ARRAY_ITERATOR,
- target: toIndexedObject(iterated), // target
- index: 0, // next index
- kind: kind // kind
- });
-// `%ArrayIteratorPrototype%.next` method
-// https://tc39.es/ecma262/#sec-%arrayiteratorprototype%.next
-}, function () {
- var state = getInternalState(this);
- var target = state.target;
- var kind = state.kind;
- var index = state.index++;
- if (!target || index >= target.length) {
- state.target = undefined;
- return { value: undefined, done: true };
- }
- if (kind == 'keys') return { value: index, done: false };
- if (kind == 'values') return { value: target[index], done: false };
- return { value: [index, target[index]], done: false };
-}, 'values');
-
-// argumentsList[@@iterator] is %ArrayProto_values%
-// https://tc39.es/ecma262/#sec-createunmappedargumentsobject
-// https://tc39.es/ecma262/#sec-createmappedargumentsobject
-Iterators.Arguments = Iterators.Array;
-
-// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
-
-
-/***/ }),
-
-/***/ 3838:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var $map = __webpack_require__(454).map;
-var arrayMethodHasSpeciesSupport = __webpack_require__(242);
-
-var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('map');
-
-// `Array.prototype.map` method
-// https://tc39.es/ecma262/#sec-array.prototype.map
-// with adding support of @@species
-$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
- map: function map(callbackfn /* , thisArg */) {
- return $map(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);
- }
-});
-
-
-/***/ }),
-
-/***/ 5818:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var isArray = __webpack_require__(4770);
-var isConstructor = __webpack_require__(2091);
-var isObject = __webpack_require__(5744);
-var toAbsoluteIndex = __webpack_require__(7739);
-var lengthOfArrayLike = __webpack_require__(4104);
-var toIndexedObject = __webpack_require__(101);
-var createProperty = __webpack_require__(9361);
-var wellKnownSymbol = __webpack_require__(8182);
-var arrayMethodHasSpeciesSupport = __webpack_require__(242);
-
-var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('slice');
-
-var SPECIES = wellKnownSymbol('species');
-var nativeSlice = [].slice;
-var max = Math.max;
-
-// `Array.prototype.slice` method
-// https://tc39.es/ecma262/#sec-array.prototype.slice
-// fallback for not array-like ES3 strings and DOM objects
-$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
- slice: function slice(start, end) {
- var O = toIndexedObject(this);
- var length = lengthOfArrayLike(O);
- var k = toAbsoluteIndex(start, length);
- var fin = toAbsoluteIndex(end === undefined ? length : end, length);
- // inline `ArraySpeciesCreate` for usage native `Array#slice` where it's possible
- var Constructor, result, n;
- if (isArray(O)) {
- Constructor = O.constructor;
- // cross-realm fallback
- if (isConstructor(Constructor) && (Constructor === Array || isArray(Constructor.prototype))) {
- Constructor = undefined;
- } else if (isObject(Constructor)) {
- Constructor = Constructor[SPECIES];
- if (Constructor === null) Constructor = undefined;
- }
- if (Constructor === Array || Constructor === undefined) {
- return nativeSlice.call(O, k, fin);
- }
- }
- result = new (Constructor === undefined ? Array : Constructor)(max(fin - k, 0));
- for (n = 0; k < fin; k++, n++) if (k in O) createProperty(result, n, O[k]);
- result.length = n;
- return result;
- }
-});
-
-
-/***/ }),
-
-/***/ 2178:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var toAbsoluteIndex = __webpack_require__(7739);
-var toIntegerOrInfinity = __webpack_require__(1941);
-var lengthOfArrayLike = __webpack_require__(4104);
-var toObject = __webpack_require__(1795);
-var arraySpeciesCreate = __webpack_require__(1321);
-var createProperty = __webpack_require__(9361);
-var arrayMethodHasSpeciesSupport = __webpack_require__(242);
-
-var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');
-
-var max = Math.max;
-var min = Math.min;
-var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;
-var MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded';
-
-// `Array.prototype.splice` method
-// https://tc39.es/ecma262/#sec-array.prototype.splice
-// with adding support of @@species
-$({ target: 'Array', proto: true, forced: !HAS_SPECIES_SUPPORT }, {
- splice: function splice(start, deleteCount /* , ...items */) {
- var O = toObject(this);
- var len = lengthOfArrayLike(O);
- var actualStart = toAbsoluteIndex(start, len);
- var argumentsLength = arguments.length;
- var insertCount, actualDeleteCount, A, k, from, to;
- if (argumentsLength === 0) {
- insertCount = actualDeleteCount = 0;
- } else if (argumentsLength === 1) {
- insertCount = 0;
- actualDeleteCount = len - actualStart;
- } else {
- insertCount = argumentsLength - 2;
- actualDeleteCount = min(max(toIntegerOrInfinity(deleteCount), 0), len - actualStart);
- }
- if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {
- throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);
- }
- A = arraySpeciesCreate(O, actualDeleteCount);
- for (k = 0; k < actualDeleteCount; k++) {
- from = actualStart + k;
- if (from in O) createProperty(A, k, O[from]);
- }
- A.length = actualDeleteCount;
- if (insertCount < actualDeleteCount) {
- for (k = actualStart; k < len - actualDeleteCount; k++) {
- from = k + actualDeleteCount;
- to = k + insertCount;
- if (from in O) O[to] = O[from];
- else delete O[to];
- }
- for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];
- } else if (insertCount > actualDeleteCount) {
- for (k = len - actualDeleteCount; k > actualStart; k--) {
- from = k + actualDeleteCount - 1;
- to = k + insertCount - 1;
- if (from in O) O[to] = O[from];
- else delete O[to];
- }
- }
- for (k = 0; k < insertCount; k++) {
- O[k + actualStart] = arguments[k + 2];
- }
- O.length = len - actualDeleteCount + insertCount;
- return A;
- }
-});
-
-
-/***/ }),
-
-/***/ 665:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var bind = __webpack_require__(6782);
-
-// `Function.prototype.bind` method
-// https://tc39.es/ecma262/#sec-function.prototype.bind
-$({ target: 'Function', proto: true }, {
- bind: bind
-});
-
-
-/***/ }),
-
-/***/ 8671:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var global = __webpack_require__(8576);
-var setToStringTag = __webpack_require__(1284);
-
-// JSON[@@toStringTag] property
-// https://tc39.es/ecma262/#sec-json-@@tostringtag
-setToStringTag(global.JSON, 'JSON', true);
-
-
-/***/ }),
-
-/***/ 8556:
-/***/ (function() {
-
-// empty
-
-
-/***/ }),
-
-/***/ 2666:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var parseInt = __webpack_require__(2558);
-
-// `Number.parseInt` method
-// https://tc39.es/ecma262/#sec-number.parseint
-// eslint-disable-next-line es/no-number-parseint -- required for testing
-$({ target: 'Number', stat: true, forced: Number.parseInt != parseInt }, {
- parseInt: parseInt
-});
-
-
-/***/ }),
-
-/***/ 3113:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var DESCRIPTORS = __webpack_require__(69);
-var create = __webpack_require__(2853);
-
-// `Object.create` method
-// https://tc39.es/ecma262/#sec-object.create
-$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {
- create: create
-});
-
-
-/***/ }),
-
-/***/ 297:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var DESCRIPTORS = __webpack_require__(69);
-var objectDefinePropertyModile = __webpack_require__(2760);
-
-// `Object.defineProperty` method
-// https://tc39.es/ecma262/#sec-object.defineproperty
-$({ target: 'Object', stat: true, forced: !DESCRIPTORS, sham: !DESCRIPTORS }, {
- defineProperty: objectDefinePropertyModile.f
-});
-
-
-/***/ }),
-
-/***/ 9234:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var fails = __webpack_require__(6192);
-var toObject = __webpack_require__(1795);
-var nativeGetPrototypeOf = __webpack_require__(9341);
-var CORRECT_PROTOTYPE_GETTER = __webpack_require__(4635);
-
-var FAILS_ON_PRIMITIVES = fails(function () { nativeGetPrototypeOf(1); });
-
-// `Object.getPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.getprototypeof
-$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES, sham: !CORRECT_PROTOTYPE_GETTER }, {
- getPrototypeOf: function getPrototypeOf(it) {
- return nativeGetPrototypeOf(toObject(it));
- }
-});
-
-
-
-/***/ }),
-
-/***/ 2647:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var toObject = __webpack_require__(1795);
-var nativeKeys = __webpack_require__(7653);
-var fails = __webpack_require__(6192);
-
-var FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });
-
-// `Object.keys` method
-// https://tc39.es/ecma262/#sec-object.keys
-$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
- keys: function keys(it) {
- return nativeKeys(toObject(it));
- }
-});
-
-
-/***/ }),
-
-/***/ 3222:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var setPrototypeOf = __webpack_require__(4469);
-
-// `Object.setPrototypeOf` method
-// https://tc39.es/ecma262/#sec-object.setprototypeof
-$({ target: 'Object', stat: true }, {
- setPrototypeOf: setPrototypeOf
-});
-
-
-/***/ }),
-
-/***/ 6663:
-/***/ (function() {
-
-// empty
-
-
-/***/ }),
-
-/***/ 4859:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var $parseFloat = __webpack_require__(15);
-
-// `parseFloat` method
-// https://tc39.es/ecma262/#sec-parsefloat-string
-$({ global: true, forced: parseFloat != $parseFloat }, {
- parseFloat: $parseFloat
-});
-
-
-/***/ }),
-
-/***/ 5706:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var $parseInt = __webpack_require__(2558);
-
-// `parseInt` method
-// https://tc39.es/ecma262/#sec-parseint-string-radix
-$({ global: true, forced: parseInt != $parseInt }, {
- parseInt: $parseInt
-});
-
-
-/***/ }),
-
-/***/ 7884:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var aCallable = __webpack_require__(6235);
-var newPromiseCapabilityModule = __webpack_require__(9438);
-var perform = __webpack_require__(892);
-var iterate = __webpack_require__(3442);
-
-// `Promise.allSettled` method
-// https://tc39.es/ecma262/#sec-promise.allsettled
-$({ target: 'Promise', stat: true }, {
- allSettled: function allSettled(iterable) {
- var C = this;
- var capability = newPromiseCapabilityModule.f(C);
- var resolve = capability.resolve;
- var reject = capability.reject;
- var result = perform(function () {
- var promiseResolve = aCallable(C.resolve);
- var values = [];
- var counter = 0;
- var remaining = 1;
- iterate(iterable, function (promise) {
- var index = counter++;
- var alreadyCalled = false;
- values.push(undefined);
- remaining++;
- promiseResolve.call(C, promise).then(function (value) {
- if (alreadyCalled) return;
- alreadyCalled = true;
- values[index] = { status: 'fulfilled', value: value };
- --remaining || resolve(values);
- }, function (error) {
- if (alreadyCalled) return;
- alreadyCalled = true;
- values[index] = { status: 'rejected', reason: error };
- --remaining || resolve(values);
- });
- });
- --remaining || resolve(values);
- });
- if (result.error) reject(result.value);
- return capability.promise;
- }
-});
-
-
-/***/ }),
-
-/***/ 8885:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var aCallable = __webpack_require__(6235);
-var getBuiltIn = __webpack_require__(150);
-var newPromiseCapabilityModule = __webpack_require__(9438);
-var perform = __webpack_require__(892);
-var iterate = __webpack_require__(3442);
-
-var PROMISE_ANY_ERROR = 'No one promise resolved';
-
-// `Promise.any` method
-// https://tc39.es/ecma262/#sec-promise.any
-$({ target: 'Promise', stat: true }, {
- any: function any(iterable) {
- var C = this;
- var capability = newPromiseCapabilityModule.f(C);
- var resolve = capability.resolve;
- var reject = capability.reject;
- var result = perform(function () {
- var promiseResolve = aCallable(C.resolve);
- var errors = [];
- var counter = 0;
- var remaining = 1;
- var alreadyResolved = false;
- iterate(iterable, function (promise) {
- var index = counter++;
- var alreadyRejected = false;
- errors.push(undefined);
- remaining++;
- promiseResolve.call(C, promise).then(function (value) {
- if (alreadyRejected || alreadyResolved) return;
- alreadyResolved = true;
- resolve(value);
- }, function (error) {
- if (alreadyRejected || alreadyResolved) return;
- alreadyRejected = true;
- errors[index] = error;
- --remaining || reject(new (getBuiltIn('AggregateError'))(errors, PROMISE_ANY_ERROR));
- });
- });
- --remaining || reject(new (getBuiltIn('AggregateError'))(errors, PROMISE_ANY_ERROR));
- });
- if (result.error) reject(result.value);
- return capability.promise;
- }
-});
-
-
-/***/ }),
-
-/***/ 1868:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var IS_PURE = __webpack_require__(5546);
-var NativePromise = __webpack_require__(4471);
-var fails = __webpack_require__(6192);
-var getBuiltIn = __webpack_require__(150);
-var isCallable = __webpack_require__(6447);
-var speciesConstructor = __webpack_require__(4743);
-var promiseResolve = __webpack_require__(9126);
-var redefine = __webpack_require__(9482);
-
-// Safari bug https://bugs.webkit.org/show_bug.cgi?id=200829
-var NON_GENERIC = !!NativePromise && fails(function () {
- NativePromise.prototype['finally'].call({ then: function () { /* empty */ } }, function () { /* empty */ });
-});
-
-// `Promise.prototype.finally` method
-// https://tc39.es/ecma262/#sec-promise.prototype.finally
-$({ target: 'Promise', proto: true, real: true, forced: NON_GENERIC }, {
- 'finally': function (onFinally) {
- var C = speciesConstructor(this, getBuiltIn('Promise'));
- var isFunction = isCallable(onFinally);
- return this.then(
- isFunction ? function (x) {
- return promiseResolve(C, onFinally()).then(function () { return x; });
- } : onFinally,
- isFunction ? function (e) {
- return promiseResolve(C, onFinally()).then(function () { throw e; });
- } : onFinally
- );
- }
-});
-
-// makes sure that native promise-based APIs `Promise#finally` properly works with patched `Promise#then`
-if (!IS_PURE && isCallable(NativePromise)) {
- var method = getBuiltIn('Promise').prototype['finally'];
- if (NativePromise.prototype['finally'] !== method) {
- redefine(NativePromise.prototype, 'finally', method, { unsafe: true });
- }
-}
-
-
-/***/ }),
-
-/***/ 9021:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var IS_PURE = __webpack_require__(5546);
-var global = __webpack_require__(8576);
-var getBuiltIn = __webpack_require__(150);
-var NativePromise = __webpack_require__(4471);
-var redefine = __webpack_require__(9482);
-var redefineAll = __webpack_require__(533);
-var setPrototypeOf = __webpack_require__(4469);
-var setToStringTag = __webpack_require__(1284);
-var setSpecies = __webpack_require__(3656);
-var aCallable = __webpack_require__(6235);
-var isCallable = __webpack_require__(6447);
-var isObject = __webpack_require__(5744);
-var anInstance = __webpack_require__(6961);
-var inspectSource = __webpack_require__(9516);
-var iterate = __webpack_require__(3442);
-var checkCorrectnessOfIteration = __webpack_require__(9770);
-var speciesConstructor = __webpack_require__(4743);
-var task = __webpack_require__(7160).set;
-var microtask = __webpack_require__(2950);
-var promiseResolve = __webpack_require__(9126);
-var hostReportErrors = __webpack_require__(3681);
-var newPromiseCapabilityModule = __webpack_require__(9438);
-var perform = __webpack_require__(892);
-var InternalStateModule = __webpack_require__(3326);
-var isForced = __webpack_require__(9245);
-var wellKnownSymbol = __webpack_require__(8182);
-var IS_BROWSER = __webpack_require__(2957);
-var IS_NODE = __webpack_require__(224);
-var V8_VERSION = __webpack_require__(4218);
-
-var SPECIES = wellKnownSymbol('species');
-var PROMISE = 'Promise';
-var getInternalState = InternalStateModule.get;
-var setInternalState = InternalStateModule.set;
-var getInternalPromiseState = InternalStateModule.getterFor(PROMISE);
-var NativePromisePrototype = NativePromise && NativePromise.prototype;
-var PromiseConstructor = NativePromise;
-var PromiseConstructorPrototype = NativePromisePrototype;
-var TypeError = global.TypeError;
-var document = global.document;
-var process = global.process;
-var newPromiseCapability = newPromiseCapabilityModule.f;
-var newGenericPromiseCapability = newPromiseCapability;
-var DISPATCH_EVENT = !!(document && document.createEvent && global.dispatchEvent);
-var NATIVE_REJECTION_EVENT = isCallable(global.PromiseRejectionEvent);
-var UNHANDLED_REJECTION = 'unhandledrejection';
-var REJECTION_HANDLED = 'rejectionhandled';
-var PENDING = 0;
-var FULFILLED = 1;
-var REJECTED = 2;
-var HANDLED = 1;
-var UNHANDLED = 2;
-var SUBCLASSING = false;
-var Internal, OwnPromiseCapability, PromiseWrapper, nativeThen;
-
-var FORCED = isForced(PROMISE, function () {
- var PROMISE_CONSTRUCTOR_SOURCE = inspectSource(PromiseConstructor);
- var GLOBAL_CORE_JS_PROMISE = PROMISE_CONSTRUCTOR_SOURCE !== String(PromiseConstructor);
- // V8 6.6 (Node 10 and Chrome 66) have a bug with resolving custom thenables
- // https://bugs.chromium.org/p/chromium/issues/detail?id=830565
- // We can't detect it synchronously, so just check versions
- if (!GLOBAL_CORE_JS_PROMISE && V8_VERSION === 66) return true;
- // We need Promise#finally in the pure version for preventing prototype pollution
- if (IS_PURE && !PromiseConstructorPrototype['finally']) return true;
- // We can't use @@species feature detection in V8 since it causes
- // deoptimization and performance degradation
- // https://github.com/zloirock/core-js/issues/679
- if (V8_VERSION >= 51 && /native code/.test(PROMISE_CONSTRUCTOR_SOURCE)) return false;
- // Detect correctness of subclassing with @@species support
- var promise = new PromiseConstructor(function (resolve) { resolve(1); });
- var FakePromise = function (exec) {
- exec(function () { /* empty */ }, function () { /* empty */ });
- };
- var constructor = promise.constructor = {};
- constructor[SPECIES] = FakePromise;
- SUBCLASSING = promise.then(function () { /* empty */ }) instanceof FakePromise;
- if (!SUBCLASSING) return true;
- // Unhandled rejections tracking support, NodeJS Promise without it fails @@species test
- return !GLOBAL_CORE_JS_PROMISE && IS_BROWSER && !NATIVE_REJECTION_EVENT;
-});
-
-var INCORRECT_ITERATION = FORCED || !checkCorrectnessOfIteration(function (iterable) {
- PromiseConstructor.all(iterable)['catch'](function () { /* empty */ });
-});
-
-// helpers
-var isThenable = function (it) {
- var then;
- return isObject(it) && isCallable(then = it.then) ? then : false;
-};
-
-var notify = function (state, isReject) {
- if (state.notified) return;
- state.notified = true;
- var chain = state.reactions;
- microtask(function () {
- var value = state.value;
- var ok = state.state == FULFILLED;
- var index = 0;
- // variable length - can't use forEach
- while (chain.length > index) {
- var reaction = chain[index++];
- var handler = ok ? reaction.ok : reaction.fail;
- var resolve = reaction.resolve;
- var reject = reaction.reject;
- var domain = reaction.domain;
- var result, then, exited;
- try {
- if (handler) {
- if (!ok) {
- if (state.rejection === UNHANDLED) onHandleUnhandled(state);
- state.rejection = HANDLED;
- }
- if (handler === true) result = value;
- else {
- if (domain) domain.enter();
- result = handler(value); // can throw
- if (domain) {
- domain.exit();
- exited = true;
- }
- }
- if (result === reaction.promise) {
- reject(TypeError('Promise-chain cycle'));
- } else if (then = isThenable(result)) {
- then.call(result, resolve, reject);
- } else resolve(result);
- } else reject(value);
- } catch (error) {
- if (domain && !exited) domain.exit();
- reject(error);
- }
- }
- state.reactions = [];
- state.notified = false;
- if (isReject && !state.rejection) onUnhandled(state);
- });
-};
-
-var dispatchEvent = function (name, promise, reason) {
- var event, handler;
- if (DISPATCH_EVENT) {
- event = document.createEvent('Event');
- event.promise = promise;
- event.reason = reason;
- event.initEvent(name, false, true);
- global.dispatchEvent(event);
- } else event = { promise: promise, reason: reason };
- if (!NATIVE_REJECTION_EVENT && (handler = global['on' + name])) handler(event);
- else if (name === UNHANDLED_REJECTION) hostReportErrors('Unhandled promise rejection', reason);
-};
-
-var onUnhandled = function (state) {
- task.call(global, function () {
- var promise = state.facade;
- var value = state.value;
- var IS_UNHANDLED = isUnhandled(state);
- var result;
- if (IS_UNHANDLED) {
- result = perform(function () {
- if (IS_NODE) {
- process.emit('unhandledRejection', value, promise);
- } else dispatchEvent(UNHANDLED_REJECTION, promise, value);
- });
- // Browsers should not trigger `rejectionHandled` event if it was handled here, NodeJS - should
- state.rejection = IS_NODE || isUnhandled(state) ? UNHANDLED : HANDLED;
- if (result.error) throw result.value;
- }
- });
-};
-
-var isUnhandled = function (state) {
- return state.rejection !== HANDLED && !state.parent;
-};
-
-var onHandleUnhandled = function (state) {
- task.call(global, function () {
- var promise = state.facade;
- if (IS_NODE) {
- process.emit('rejectionHandled', promise);
- } else dispatchEvent(REJECTION_HANDLED, promise, state.value);
- });
-};
-
-var bind = function (fn, state, unwrap) {
- return function (value) {
- fn(state, value, unwrap);
- };
-};
-
-var internalReject = function (state, value, unwrap) {
- if (state.done) return;
- state.done = true;
- if (unwrap) state = unwrap;
- state.value = value;
- state.state = REJECTED;
- notify(state, true);
-};
-
-var internalResolve = function (state, value, unwrap) {
- if (state.done) return;
- state.done = true;
- if (unwrap) state = unwrap;
- try {
- if (state.facade === value) throw TypeError("Promise can't be resolved itself");
- var then = isThenable(value);
- if (then) {
- microtask(function () {
- var wrapper = { done: false };
- try {
- then.call(value,
- bind(internalResolve, wrapper, state),
- bind(internalReject, wrapper, state)
- );
- } catch (error) {
- internalReject(wrapper, error, state);
- }
- });
- } else {
- state.value = value;
- state.state = FULFILLED;
- notify(state, false);
- }
- } catch (error) {
- internalReject({ done: false }, error, state);
- }
-};
-
-// constructor polyfill
-if (FORCED) {
- // 25.4.3.1 Promise(executor)
- PromiseConstructor = function Promise(executor) {
- anInstance(this, PromiseConstructor, PROMISE);
- aCallable(executor);
- Internal.call(this);
- var state = getInternalState(this);
- try {
- executor(bind(internalResolve, state), bind(internalReject, state));
- } catch (error) {
- internalReject(state, error);
- }
- };
- PromiseConstructorPrototype = PromiseConstructor.prototype;
- // eslint-disable-next-line no-unused-vars -- required for `.length`
- Internal = function Promise(executor) {
- setInternalState(this, {
- type: PROMISE,
- done: false,
- notified: false,
- parent: false,
- reactions: [],
- rejection: false,
- state: PENDING,
- value: undefined
- });
- };
- Internal.prototype = redefineAll(PromiseConstructorPrototype, {
- // `Promise.prototype.then` method
- // https://tc39.es/ecma262/#sec-promise.prototype.then
- then: function then(onFulfilled, onRejected) {
- var state = getInternalPromiseState(this);
- var reaction = newPromiseCapability(speciesConstructor(this, PromiseConstructor));
- reaction.ok = isCallable(onFulfilled) ? onFulfilled : true;
- reaction.fail = isCallable(onRejected) && onRejected;
- reaction.domain = IS_NODE ? process.domain : undefined;
- state.parent = true;
- state.reactions.push(reaction);
- if (state.state != PENDING) notify(state, false);
- return reaction.promise;
- },
- // `Promise.prototype.catch` method
- // https://tc39.es/ecma262/#sec-promise.prototype.catch
- 'catch': function (onRejected) {
- return this.then(undefined, onRejected);
- }
- });
- OwnPromiseCapability = function () {
- var promise = new Internal();
- var state = getInternalState(promise);
- this.promise = promise;
- this.resolve = bind(internalResolve, state);
- this.reject = bind(internalReject, state);
- };
- newPromiseCapabilityModule.f = newPromiseCapability = function (C) {
- return C === PromiseConstructor || C === PromiseWrapper
- ? new OwnPromiseCapability(C)
- : newGenericPromiseCapability(C);
- };
-
- if (!IS_PURE && isCallable(NativePromise) && NativePromisePrototype !== Object.prototype) {
- nativeThen = NativePromisePrototype.then;
-
- if (!SUBCLASSING) {
- // make `Promise#then` return a polyfilled `Promise` for native promise-based APIs
- redefine(NativePromisePrototype, 'then', function then(onFulfilled, onRejected) {
- var that = this;
- return new PromiseConstructor(function (resolve, reject) {
- nativeThen.call(that, resolve, reject);
- }).then(onFulfilled, onRejected);
- // https://github.com/zloirock/core-js/issues/640
- }, { unsafe: true });
-
- // makes sure that native promise-based APIs `Promise#catch` properly works with patched `Promise#then`
- redefine(NativePromisePrototype, 'catch', PromiseConstructorPrototype['catch'], { unsafe: true });
- }
-
- // make `.constructor === Promise` work for native promise-based APIs
- try {
- delete NativePromisePrototype.constructor;
- } catch (error) { /* empty */ }
-
- // make `instanceof Promise` work for native promise-based APIs
- if (setPrototypeOf) {
- setPrototypeOf(NativePromisePrototype, PromiseConstructorPrototype);
- }
- }
-}
-
-$({ global: true, wrap: true, forced: FORCED }, {
- Promise: PromiseConstructor
-});
-
-setToStringTag(PromiseConstructor, PROMISE, false, true);
-setSpecies(PROMISE);
-
-PromiseWrapper = getBuiltIn(PROMISE);
-
-// statics
-$({ target: PROMISE, stat: true, forced: FORCED }, {
- // `Promise.reject` method
- // https://tc39.es/ecma262/#sec-promise.reject
- reject: function reject(r) {
- var capability = newPromiseCapability(this);
- capability.reject.call(undefined, r);
- return capability.promise;
- }
-});
-
-$({ target: PROMISE, stat: true, forced: IS_PURE || FORCED }, {
- // `Promise.resolve` method
- // https://tc39.es/ecma262/#sec-promise.resolve
- resolve: function resolve(x) {
- return promiseResolve(IS_PURE && this === PromiseWrapper ? PromiseConstructor : this, x);
- }
-});
-
-$({ target: PROMISE, stat: true, forced: INCORRECT_ITERATION }, {
- // `Promise.all` method
- // https://tc39.es/ecma262/#sec-promise.all
- all: function all(iterable) {
- var C = this;
- var capability = newPromiseCapability(C);
- var resolve = capability.resolve;
- var reject = capability.reject;
- var result = perform(function () {
- var $promiseResolve = aCallable(C.resolve);
- var values = [];
- var counter = 0;
- var remaining = 1;
- iterate(iterable, function (promise) {
- var index = counter++;
- var alreadyCalled = false;
- values.push(undefined);
- remaining++;
- $promiseResolve.call(C, promise).then(function (value) {
- if (alreadyCalled) return;
- alreadyCalled = true;
- values[index] = value;
- --remaining || resolve(values);
- }, reject);
- });
- --remaining || resolve(values);
- });
- if (result.error) reject(result.value);
- return capability.promise;
- },
- // `Promise.race` method
- // https://tc39.es/ecma262/#sec-promise.race
- race: function race(iterable) {
- var C = this;
- var capability = newPromiseCapability(C);
- var reject = capability.reject;
- var result = perform(function () {
- var $promiseResolve = aCallable(C.resolve);
- iterate(iterable, function (promise) {
- $promiseResolve.call(C, promise).then(capability.resolve, reject);
- });
- });
- if (result.error) reject(result.value);
- return capability.promise;
- }
-});
-
-
-/***/ }),
-
-/***/ 5397:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var getBuiltIn = __webpack_require__(150);
-var aConstructor = __webpack_require__(1404);
-var anObject = __webpack_require__(1138);
-var isObject = __webpack_require__(5744);
-var create = __webpack_require__(2853);
-var bind = __webpack_require__(6782);
-var fails = __webpack_require__(6192);
-
-var nativeConstruct = getBuiltIn('Reflect', 'construct');
-
-// `Reflect.construct` method
-// https://tc39.es/ecma262/#sec-reflect.construct
-// MS Edge supports only 2 arguments and argumentsList argument is optional
-// FF Nightly sets third argument as `new.target`, but does not create `this` from it
-var NEW_TARGET_BUG = fails(function () {
- function F() { /* empty */ }
- return !(nativeConstruct(function () { /* empty */ }, [], F) instanceof F);
-});
-var ARGS_BUG = !fails(function () {
- nativeConstruct(function () { /* empty */ });
-});
-var FORCED = NEW_TARGET_BUG || ARGS_BUG;
-
-$({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
- construct: function construct(Target, args /* , newTarget */) {
- aConstructor(Target);
- anObject(args);
- var newTarget = arguments.length < 3 ? Target : aConstructor(arguments[2]);
- if (ARGS_BUG && !NEW_TARGET_BUG) return nativeConstruct(Target, args, newTarget);
- if (Target == newTarget) {
- // w/o altered newTarget, optimization for 0-4 arguments
- switch (args.length) {
- case 0: return new Target();
- case 1: return new Target(args[0]);
- case 2: return new Target(args[0], args[1]);
- case 3: return new Target(args[0], args[1], args[2]);
- case 4: return new Target(args[0], args[1], args[2], args[3]);
- }
- // w/o altered newTarget, lot of arguments case
- var $args = [null];
- $args.push.apply($args, args);
- return new (bind.apply(Target, $args))();
- }
- // with altered newTarget, not support built-in constructors
- var proto = newTarget.prototype;
- var instance = create(isObject(proto) ? proto : Object.prototype);
- var result = Function.apply.call(Target, instance, args);
- return isObject(result) ? result : instance;
- }
-});
-
-
-/***/ }),
-
-/***/ 1367:
-/***/ (function() {
-
-// empty
-
-
-/***/ }),
-
-/***/ 5454:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var charAt = __webpack_require__(863).charAt;
-var toString = __webpack_require__(4845);
-var InternalStateModule = __webpack_require__(3326);
-var defineIterator = __webpack_require__(7218);
-
-var STRING_ITERATOR = 'String Iterator';
-var setInternalState = InternalStateModule.set;
-var getInternalState = InternalStateModule.getterFor(STRING_ITERATOR);
-
-// `String.prototype[@@iterator]` method
-// https://tc39.es/ecma262/#sec-string.prototype-@@iterator
-defineIterator(String, 'String', function (iterated) {
- setInternalState(this, {
- type: STRING_ITERATOR,
- string: toString(iterated),
- index: 0
- });
-// `%StringIteratorPrototype%.next` method
-// https://tc39.es/ecma262/#sec-%stringiteratorprototype%.next
-}, function next() {
- var state = getInternalState(this);
- var string = state.string;
- var index = state.index;
- var point;
- if (index >= string.length) return { value: undefined, done: true };
- point = charAt(string, index);
- state.index += point.length;
- return { value: point, done: false };
-});
-
-
-/***/ }),
-
-/***/ 957:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var $trim = __webpack_require__(4277).trim;
-var forcedStringTrimMethod = __webpack_require__(6815);
-
-// `String.prototype.trim` method
-// https://tc39.es/ecma262/#sec-string.prototype.trim
-$({ target: 'String', proto: true, forced: forcedStringTrimMethod('trim') }, {
- trim: function trim() {
- return $trim(this);
- }
-});
-
-
-/***/ }),
-
-/***/ 9781:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.asyncIterator` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.asynciterator
-defineWellKnownSymbol('asyncIterator');
-
-
-/***/ }),
-
-/***/ 492:
-/***/ (function() {
-
-// empty
-
-
-/***/ }),
-
-/***/ 6681:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.hasInstance` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.hasinstance
-defineWellKnownSymbol('hasInstance');
-
-
-/***/ }),
-
-/***/ 9594:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.isConcatSpreadable` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.isconcatspreadable
-defineWellKnownSymbol('isConcatSpreadable');
-
-
-/***/ }),
-
-/***/ 3665:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.iterator` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.iterator
-defineWellKnownSymbol('iterator');
-
-
-/***/ }),
-
-/***/ 6187:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-var $ = __webpack_require__(3085);
-var global = __webpack_require__(8576);
-var getBuiltIn = __webpack_require__(150);
-var IS_PURE = __webpack_require__(5546);
-var DESCRIPTORS = __webpack_require__(69);
-var NATIVE_SYMBOL = __webpack_require__(3045);
-var fails = __webpack_require__(6192);
-var hasOwn = __webpack_require__(4500);
-var isArray = __webpack_require__(4770);
-var isCallable = __webpack_require__(6447);
-var isObject = __webpack_require__(5744);
-var isSymbol = __webpack_require__(3236);
-var anObject = __webpack_require__(1138);
-var toObject = __webpack_require__(1795);
-var toIndexedObject = __webpack_require__(101);
-var toPropertyKey = __webpack_require__(77);
-var $toString = __webpack_require__(4845);
-var createPropertyDescriptor = __webpack_require__(774);
-var nativeObjectCreate = __webpack_require__(2853);
-var objectKeys = __webpack_require__(7653);
-var getOwnPropertyNamesModule = __webpack_require__(2092);
-var getOwnPropertyNamesExternal = __webpack_require__(4052);
-var getOwnPropertySymbolsModule = __webpack_require__(4750);
-var getOwnPropertyDescriptorModule = __webpack_require__(5141);
-var definePropertyModule = __webpack_require__(2760);
-var propertyIsEnumerableModule = __webpack_require__(6007);
-var redefine = __webpack_require__(9482);
-var shared = __webpack_require__(8717);
-var sharedKey = __webpack_require__(9766);
-var hiddenKeys = __webpack_require__(4535);
-var uid = __webpack_require__(2759);
-var wellKnownSymbol = __webpack_require__(8182);
-var wrappedWellKnownSymbolModule = __webpack_require__(9207);
-var defineWellKnownSymbol = __webpack_require__(1488);
-var setToStringTag = __webpack_require__(1284);
-var InternalStateModule = __webpack_require__(3326);
-var $forEach = __webpack_require__(454).forEach;
-
-var HIDDEN = sharedKey('hidden');
-var SYMBOL = 'Symbol';
-var PROTOTYPE = 'prototype';
-var TO_PRIMITIVE = wellKnownSymbol('toPrimitive');
-var setInternalState = InternalStateModule.set;
-var getInternalState = InternalStateModule.getterFor(SYMBOL);
-var ObjectPrototype = Object[PROTOTYPE];
-var $Symbol = global.Symbol;
-var $stringify = getBuiltIn('JSON', 'stringify');
-var nativeGetOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;
-var nativeDefineProperty = definePropertyModule.f;
-var nativeGetOwnPropertyNames = getOwnPropertyNamesExternal.f;
-var nativePropertyIsEnumerable = propertyIsEnumerableModule.f;
-var AllSymbols = shared('symbols');
-var ObjectPrototypeSymbols = shared('op-symbols');
-var StringToSymbolRegistry = shared('string-to-symbol-registry');
-var SymbolToStringRegistry = shared('symbol-to-string-registry');
-var WellKnownSymbolsStore = shared('wks');
-var QObject = global.QObject;
-// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173
-var USE_SETTER = !QObject || !QObject[PROTOTYPE] || !QObject[PROTOTYPE].findChild;
-
-// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687
-var setSymbolDescriptor = DESCRIPTORS && fails(function () {
- return nativeObjectCreate(nativeDefineProperty({}, 'a', {
- get: function () { return nativeDefineProperty(this, 'a', { value: 7 }).a; }
- })).a != 7;
-}) ? function (O, P, Attributes) {
- var ObjectPrototypeDescriptor = nativeGetOwnPropertyDescriptor(ObjectPrototype, P);
- if (ObjectPrototypeDescriptor) delete ObjectPrototype[P];
- nativeDefineProperty(O, P, Attributes);
- if (ObjectPrototypeDescriptor && O !== ObjectPrototype) {
- nativeDefineProperty(ObjectPrototype, P, ObjectPrototypeDescriptor);
- }
-} : nativeDefineProperty;
-
-var wrap = function (tag, description) {
- var symbol = AllSymbols[tag] = nativeObjectCreate($Symbol[PROTOTYPE]);
- setInternalState(symbol, {
- type: SYMBOL,
- tag: tag,
- description: description
- });
- if (!DESCRIPTORS) symbol.description = description;
- return symbol;
-};
-
-var $defineProperty = function defineProperty(O, P, Attributes) {
- if (O === ObjectPrototype) $defineProperty(ObjectPrototypeSymbols, P, Attributes);
- anObject(O);
- var key = toPropertyKey(P);
- anObject(Attributes);
- if (hasOwn(AllSymbols, key)) {
- if (!Attributes.enumerable) {
- if (!hasOwn(O, HIDDEN)) nativeDefineProperty(O, HIDDEN, createPropertyDescriptor(1, {}));
- O[HIDDEN][key] = true;
- } else {
- if (hasOwn(O, HIDDEN) && O[HIDDEN][key]) O[HIDDEN][key] = false;
- Attributes = nativeObjectCreate(Attributes, { enumerable: createPropertyDescriptor(0, false) });
- } return setSymbolDescriptor(O, key, Attributes);
- } return nativeDefineProperty(O, key, Attributes);
-};
-
-var $defineProperties = function defineProperties(O, Properties) {
- anObject(O);
- var properties = toIndexedObject(Properties);
- var keys = objectKeys(properties).concat($getOwnPropertySymbols(properties));
- $forEach(keys, function (key) {
- if (!DESCRIPTORS || $propertyIsEnumerable.call(properties, key)) $defineProperty(O, key, properties[key]);
- });
- return O;
-};
-
-var $create = function create(O, Properties) {
- return Properties === undefined ? nativeObjectCreate(O) : $defineProperties(nativeObjectCreate(O), Properties);
-};
-
-var $propertyIsEnumerable = function propertyIsEnumerable(V) {
- var P = toPropertyKey(V);
- var enumerable = nativePropertyIsEnumerable.call(this, P);
- if (this === ObjectPrototype && hasOwn(AllSymbols, P) && !hasOwn(ObjectPrototypeSymbols, P)) return false;
- return enumerable || !hasOwn(this, P) || !hasOwn(AllSymbols, P) || hasOwn(this, HIDDEN) && this[HIDDEN][P]
- ? enumerable : true;
-};
-
-var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(O, P) {
- var it = toIndexedObject(O);
- var key = toPropertyKey(P);
- if (it === ObjectPrototype && hasOwn(AllSymbols, key) && !hasOwn(ObjectPrototypeSymbols, key)) return;
- var descriptor = nativeGetOwnPropertyDescriptor(it, key);
- if (descriptor && hasOwn(AllSymbols, key) && !(hasOwn(it, HIDDEN) && it[HIDDEN][key])) {
- descriptor.enumerable = true;
- }
- return descriptor;
-};
-
-var $getOwnPropertyNames = function getOwnPropertyNames(O) {
- var names = nativeGetOwnPropertyNames(toIndexedObject(O));
- var result = [];
- $forEach(names, function (key) {
- if (!hasOwn(AllSymbols, key) && !hasOwn(hiddenKeys, key)) result.push(key);
- });
- return result;
-};
-
-var $getOwnPropertySymbols = function getOwnPropertySymbols(O) {
- var IS_OBJECT_PROTOTYPE = O === ObjectPrototype;
- var names = nativeGetOwnPropertyNames(IS_OBJECT_PROTOTYPE ? ObjectPrototypeSymbols : toIndexedObject(O));
- var result = [];
- $forEach(names, function (key) {
- if (hasOwn(AllSymbols, key) && (!IS_OBJECT_PROTOTYPE || hasOwn(ObjectPrototype, key))) {
- result.push(AllSymbols[key]);
- }
- });
- return result;
-};
-
-// `Symbol` constructor
-// https://tc39.es/ecma262/#sec-symbol-constructor
-if (!NATIVE_SYMBOL) {
- $Symbol = function Symbol() {
- if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor');
- var description = !arguments.length || arguments[0] === undefined ? undefined : $toString(arguments[0]);
- var tag = uid(description);
- var setter = function (value) {
- if (this === ObjectPrototype) setter.call(ObjectPrototypeSymbols, value);
- if (hasOwn(this, HIDDEN) && hasOwn(this[HIDDEN], tag)) this[HIDDEN][tag] = false;
- setSymbolDescriptor(this, tag, createPropertyDescriptor(1, value));
- };
- if (DESCRIPTORS && USE_SETTER) setSymbolDescriptor(ObjectPrototype, tag, { configurable: true, set: setter });
- return wrap(tag, description);
- };
-
- redefine($Symbol[PROTOTYPE], 'toString', function toString() {
- return getInternalState(this).tag;
- });
-
- redefine($Symbol, 'withoutSetter', function (description) {
- return wrap(uid(description), description);
- });
-
- propertyIsEnumerableModule.f = $propertyIsEnumerable;
- definePropertyModule.f = $defineProperty;
- getOwnPropertyDescriptorModule.f = $getOwnPropertyDescriptor;
- getOwnPropertyNamesModule.f = getOwnPropertyNamesExternal.f = $getOwnPropertyNames;
- getOwnPropertySymbolsModule.f = $getOwnPropertySymbols;
-
- wrappedWellKnownSymbolModule.f = function (name) {
- return wrap(wellKnownSymbol(name), name);
- };
-
- if (DESCRIPTORS) {
- // https://github.com/tc39/proposal-Symbol-description
- nativeDefineProperty($Symbol[PROTOTYPE], 'description', {
- configurable: true,
- get: function description() {
- return getInternalState(this).description;
- }
- });
- if (!IS_PURE) {
- redefine(ObjectPrototype, 'propertyIsEnumerable', $propertyIsEnumerable, { unsafe: true });
- }
- }
-}
-
-$({ global: true, wrap: true, forced: !NATIVE_SYMBOL, sham: !NATIVE_SYMBOL }, {
- Symbol: $Symbol
-});
-
-$forEach(objectKeys(WellKnownSymbolsStore), function (name) {
- defineWellKnownSymbol(name);
-});
-
-$({ target: SYMBOL, stat: true, forced: !NATIVE_SYMBOL }, {
- // `Symbol.for` method
- // https://tc39.es/ecma262/#sec-symbol.for
- 'for': function (key) {
- var string = $toString(key);
- if (hasOwn(StringToSymbolRegistry, string)) return StringToSymbolRegistry[string];
- var symbol = $Symbol(string);
- StringToSymbolRegistry[string] = symbol;
- SymbolToStringRegistry[symbol] = string;
- return symbol;
- },
- // `Symbol.keyFor` method
- // https://tc39.es/ecma262/#sec-symbol.keyfor
- keyFor: function keyFor(sym) {
- if (!isSymbol(sym)) throw TypeError(sym + ' is not a symbol');
- if (hasOwn(SymbolToStringRegistry, sym)) return SymbolToStringRegistry[sym];
- },
- useSetter: function () { USE_SETTER = true; },
- useSimple: function () { USE_SETTER = false; }
-});
-
-$({ target: 'Object', stat: true, forced: !NATIVE_SYMBOL, sham: !DESCRIPTORS }, {
- // `Object.create` method
- // https://tc39.es/ecma262/#sec-object.create
- create: $create,
- // `Object.defineProperty` method
- // https://tc39.es/ecma262/#sec-object.defineproperty
- defineProperty: $defineProperty,
- // `Object.defineProperties` method
- // https://tc39.es/ecma262/#sec-object.defineproperties
- defineProperties: $defineProperties,
- // `Object.getOwnPropertyDescriptor` method
- // https://tc39.es/ecma262/#sec-object.getownpropertydescriptors
- getOwnPropertyDescriptor: $getOwnPropertyDescriptor
-});
-
-$({ target: 'Object', stat: true, forced: !NATIVE_SYMBOL }, {
- // `Object.getOwnPropertyNames` method
- // https://tc39.es/ecma262/#sec-object.getownpropertynames
- getOwnPropertyNames: $getOwnPropertyNames,
- // `Object.getOwnPropertySymbols` method
- // https://tc39.es/ecma262/#sec-object.getownpropertysymbols
- getOwnPropertySymbols: $getOwnPropertySymbols
-});
-
-// Chrome 38 and 39 `Object.getOwnPropertySymbols` fails on primitives
-// https://bugs.chromium.org/p/v8/issues/detail?id=3443
-$({ target: 'Object', stat: true, forced: fails(function () { getOwnPropertySymbolsModule.f(1); }) }, {
- getOwnPropertySymbols: function getOwnPropertySymbols(it) {
- return getOwnPropertySymbolsModule.f(toObject(it));
- }
-});
-
-// `JSON.stringify` method behavior with symbols
-// https://tc39.es/ecma262/#sec-json.stringify
-if ($stringify) {
- var FORCED_JSON_STRINGIFY = !NATIVE_SYMBOL || fails(function () {
- var symbol = $Symbol();
- // MS Edge converts symbol values to JSON as {}
- return $stringify([symbol]) != '[null]'
- // WebKit converts symbol values to JSON as null
- || $stringify({ a: symbol }) != '{}'
- // V8 throws on boxed symbols
- || $stringify(Object(symbol)) != '{}';
- });
-
- $({ target: 'JSON', stat: true, forced: FORCED_JSON_STRINGIFY }, {
- // eslint-disable-next-line no-unused-vars -- required for `.length`
- stringify: function stringify(it, replacer, space) {
- var args = [it];
- var index = 1;
- var $replacer;
- while (arguments.length > index) args.push(arguments[index++]);
- $replacer = replacer;
- if (!isObject(replacer) && it === undefined || isSymbol(it)) return; // IE8 returns string on undefined
- if (!isArray(replacer)) replacer = function (key, value) {
- if (isCallable($replacer)) value = $replacer.call(this, key, value);
- if (!isSymbol(value)) return value;
- };
- args[1] = replacer;
- return $stringify.apply(null, args);
- }
- });
-}
-
-// `Symbol.prototype[@@toPrimitive]` method
-// https://tc39.es/ecma262/#sec-symbol.prototype-@@toprimitive
-if (!$Symbol[PROTOTYPE][TO_PRIMITIVE]) {
- var valueOf = $Symbol[PROTOTYPE].valueOf;
- redefine($Symbol[PROTOTYPE], TO_PRIMITIVE, function () {
- return valueOf.apply(this, arguments);
- });
-}
-// `Symbol.prototype[@@toStringTag]` property
-// https://tc39.es/ecma262/#sec-symbol.prototype-@@tostringtag
-setToStringTag($Symbol, SYMBOL);
-
-hiddenKeys[HIDDEN] = true;
-
-
-/***/ }),
-
-/***/ 1250:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.matchAll` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.matchall
-defineWellKnownSymbol('matchAll');
-
-
-/***/ }),
-
-/***/ 9017:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.match` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.match
-defineWellKnownSymbol('match');
-
-
-/***/ }),
-
-/***/ 9786:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.replace` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.replace
-defineWellKnownSymbol('replace');
-
-
-/***/ }),
-
-/***/ 503:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.search` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.search
-defineWellKnownSymbol('search');
-
-
-/***/ }),
-
-/***/ 6565:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.species` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.species
-defineWellKnownSymbol('species');
-
-
-/***/ }),
-
-/***/ 9322:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.split` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.split
-defineWellKnownSymbol('split');
-
-
-/***/ }),
-
-/***/ 3610:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.toPrimitive` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.toprimitive
-defineWellKnownSymbol('toPrimitive');
-
-
-/***/ }),
-
-/***/ 6886:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.toStringTag` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.tostringtag
-defineWellKnownSymbol('toStringTag');
-
-
-/***/ }),
-
-/***/ 3514:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.unscopables` well-known symbol
-// https://tc39.es/ecma262/#sec-symbol.unscopables
-defineWellKnownSymbol('unscopables');
-
-
-/***/ }),
-
-/***/ 177:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.asyncDispose` well-known symbol
-// https://github.com/tc39/proposal-using-statement
-defineWellKnownSymbol('asyncDispose');
-
-
-/***/ }),
-
-/***/ 9031:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.dispose` well-known symbol
-// https://github.com/tc39/proposal-using-statement
-defineWellKnownSymbol('dispose');
-
-
-/***/ }),
-
-/***/ 6658:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.matcher` well-known symbol
-// https://github.com/tc39/proposal-pattern-matching
-defineWellKnownSymbol('matcher');
-
-
-/***/ }),
-
-/***/ 1875:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.metadata` well-known symbol
-// https://github.com/tc39/proposal-decorators
-defineWellKnownSymbol('metadata');
-
-
-/***/ }),
-
-/***/ 8658:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.observable` well-known symbol
-// https://github.com/tc39/proposal-observable
-defineWellKnownSymbol('observable');
-
-
-/***/ }),
-
-/***/ 4592:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-// TODO: remove from `core-js@4`
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-// `Symbol.patternMatch` well-known symbol
-// https://github.com/tc39/proposal-pattern-matching
-defineWellKnownSymbol('patternMatch');
-
-
-/***/ }),
-
-/***/ 6680:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-// TODO: remove from `core-js@4`
-var defineWellKnownSymbol = __webpack_require__(1488);
-
-defineWellKnownSymbol('replaceAll');
-
-
-/***/ }),
-
-/***/ 162:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(8939);
-var DOMIterables = __webpack_require__(7365);
-var global = __webpack_require__(8576);
-var classof = __webpack_require__(4696);
-var createNonEnumerableProperty = __webpack_require__(8711);
-var Iterators = __webpack_require__(7771);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-
-for (var COLLECTION_NAME in DOMIterables) {
- var Collection = global[COLLECTION_NAME];
- var CollectionPrototype = Collection && Collection.prototype;
- if (CollectionPrototype && classof(CollectionPrototype) !== TO_STRING_TAG) {
- createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG, COLLECTION_NAME);
- }
- Iterators[COLLECTION_NAME] = Iterators.Array;
-}
-
-
-/***/ }),
-
-/***/ 2906:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-var $ = __webpack_require__(3085);
-var global = __webpack_require__(8576);
-var isCallable = __webpack_require__(6447);
-var userAgent = __webpack_require__(8989);
-
-var slice = [].slice;
-var MSIE = /MSIE .\./.test(userAgent); // <- dirty ie9- check
-
-var wrap = function (scheduler) {
- return function (handler, timeout /* , ...arguments */) {
- var boundArgs = arguments.length > 2;
- var args = boundArgs ? slice.call(arguments, 2) : undefined;
- return scheduler(boundArgs ? function () {
- // eslint-disable-next-line no-new-func -- spec requirement
- (isCallable(handler) ? handler : Function(handler)).apply(this, args);
- } : handler, timeout);
- };
-};
-
-// ie9- setTimeout & setInterval additional parameters fix
-// https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#timers
-$({ global: true, bind: true, forced: MSIE }, {
- // `setTimeout` method
- // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-settimeout
- setTimeout: wrap(global.setTimeout),
- // `setInterval` method
- // https://html.spec.whatwg.org/multipage/timers-and-user-prompts.html#dom-setinterval
- setInterval: wrap(global.setInterval)
-});
-
-
-/***/ }),
-
-/***/ 9336:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-// TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
-__webpack_require__(8939);
-var $ = __webpack_require__(3085);
-var getBuiltIn = __webpack_require__(150);
-var USE_NATIVE_URL = __webpack_require__(4551);
-var redefine = __webpack_require__(9482);
-var redefineAll = __webpack_require__(533);
-var setToStringTag = __webpack_require__(1284);
-var createIteratorConstructor = __webpack_require__(5148);
-var InternalStateModule = __webpack_require__(3326);
-var anInstance = __webpack_require__(6961);
-var isCallable = __webpack_require__(6447);
-var hasOwn = __webpack_require__(4500);
-var bind = __webpack_require__(8043);
-var classof = __webpack_require__(4696);
-var anObject = __webpack_require__(1138);
-var isObject = __webpack_require__(5744);
-var $toString = __webpack_require__(4845);
-var create = __webpack_require__(2853);
-var createPropertyDescriptor = __webpack_require__(774);
-var getIterator = __webpack_require__(1669);
-var getIteratorMethod = __webpack_require__(8703);
-var wellKnownSymbol = __webpack_require__(8182);
-
-var nativeFetch = getBuiltIn('fetch');
-var NativeRequest = getBuiltIn('Request');
-var RequestPrototype = NativeRequest && NativeRequest.prototype;
-var Headers = getBuiltIn('Headers');
-var ITERATOR = wellKnownSymbol('iterator');
-var URL_SEARCH_PARAMS = 'URLSearchParams';
-var URL_SEARCH_PARAMS_ITERATOR = URL_SEARCH_PARAMS + 'Iterator';
-var setInternalState = InternalStateModule.set;
-var getInternalParamsState = InternalStateModule.getterFor(URL_SEARCH_PARAMS);
-var getInternalIteratorState = InternalStateModule.getterFor(URL_SEARCH_PARAMS_ITERATOR);
-
-var plus = /\+/g;
-var sequences = Array(4);
-
-var percentSequence = function (bytes) {
- return sequences[bytes - 1] || (sequences[bytes - 1] = RegExp('((?:%[\\da-f]{2}){' + bytes + '})', 'gi'));
-};
-
-var percentDecode = function (sequence) {
- try {
- return decodeURIComponent(sequence);
- } catch (error) {
- return sequence;
- }
-};
-
-var deserialize = function (it) {
- var result = it.replace(plus, ' ');
- var bytes = 4;
- try {
- return decodeURIComponent(result);
- } catch (error) {
- while (bytes) {
- result = result.replace(percentSequence(bytes--), percentDecode);
- }
- return result;
- }
-};
-
-var find = /[!'()~]|%20/g;
-
-var replace = {
- '!': '%21',
- "'": '%27',
- '(': '%28',
- ')': '%29',
- '~': '%7E',
- '%20': '+'
-};
-
-var replacer = function (match) {
- return replace[match];
-};
-
-var serialize = function (it) {
- return encodeURIComponent(it).replace(find, replacer);
-};
-
-var parseSearchParams = function (result, query) {
- if (query) {
- var attributes = query.split('&');
- var index = 0;
- var attribute, entry;
- while (index < attributes.length) {
- attribute = attributes[index++];
- if (attribute.length) {
- entry = attribute.split('=');
- result.push({
- key: deserialize(entry.shift()),
- value: deserialize(entry.join('='))
- });
- }
- }
- }
-};
-
-var updateSearchParams = function (query) {
- this.entries.length = 0;
- parseSearchParams(this.entries, query);
-};
-
-var validateArgumentsLength = function (passed, required) {
- if (passed < required) throw TypeError('Not enough arguments');
-};
-
-var URLSearchParamsIterator = createIteratorConstructor(function Iterator(params, kind) {
- setInternalState(this, {
- type: URL_SEARCH_PARAMS_ITERATOR,
- iterator: getIterator(getInternalParamsState(params).entries),
- kind: kind
- });
-}, 'Iterator', function next() {
- var state = getInternalIteratorState(this);
- var kind = state.kind;
- var step = state.iterator.next();
- var entry = step.value;
- if (!step.done) {
- step.value = kind === 'keys' ? entry.key : kind === 'values' ? entry.value : [entry.key, entry.value];
- } return step;
-});
-
-// `URLSearchParams` constructor
-// https://url.spec.whatwg.org/#interface-urlsearchparams
-var URLSearchParamsConstructor = function URLSearchParams(/* init */) {
- anInstance(this, URLSearchParamsConstructor, URL_SEARCH_PARAMS);
- var init = arguments.length > 0 ? arguments[0] : undefined;
- var that = this;
- var entries = [];
- var iteratorMethod, iterator, next, step, entryIterator, entryNext, first, second, key;
-
- setInternalState(that, {
- type: URL_SEARCH_PARAMS,
- entries: entries,
- updateURL: function () { /* empty */ },
- updateSearchParams: updateSearchParams
- });
-
- if (init !== undefined) {
- if (isObject(init)) {
- iteratorMethod = getIteratorMethod(init);
- if (iteratorMethod) {
- iterator = getIterator(init, iteratorMethod);
- next = iterator.next;
- while (!(step = next.call(iterator)).done) {
- entryIterator = getIterator(anObject(step.value));
- entryNext = entryIterator.next;
- if (
- (first = entryNext.call(entryIterator)).done ||
- (second = entryNext.call(entryIterator)).done ||
- !entryNext.call(entryIterator).done
- ) throw TypeError('Expected sequence with length 2');
- entries.push({ key: $toString(first.value), value: $toString(second.value) });
- }
- } else for (key in init) if (hasOwn(init, key)) entries.push({ key: key, value: $toString(init[key]) });
- } else {
- parseSearchParams(
- entries,
- typeof init === 'string' ? init.charAt(0) === '?' ? init.slice(1) : init : $toString(init)
- );
- }
- }
-};
-
-var URLSearchParamsPrototype = URLSearchParamsConstructor.prototype;
-
-redefineAll(URLSearchParamsPrototype, {
- // `URLSearchParams.prototype.append` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-append
- append: function append(name, value) {
- validateArgumentsLength(arguments.length, 2);
- var state = getInternalParamsState(this);
- state.entries.push({ key: $toString(name), value: $toString(value) });
- state.updateURL();
- },
- // `URLSearchParams.prototype.delete` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-delete
- 'delete': function (name) {
- validateArgumentsLength(arguments.length, 1);
- var state = getInternalParamsState(this);
- var entries = state.entries;
- var key = $toString(name);
- var index = 0;
- while (index < entries.length) {
- if (entries[index].key === key) entries.splice(index, 1);
- else index++;
- }
- state.updateURL();
- },
- // `URLSearchParams.prototype.get` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-get
- get: function get(name) {
- validateArgumentsLength(arguments.length, 1);
- var entries = getInternalParamsState(this).entries;
- var key = $toString(name);
- var index = 0;
- for (; index < entries.length; index++) {
- if (entries[index].key === key) return entries[index].value;
- }
- return null;
- },
- // `URLSearchParams.prototype.getAll` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-getall
- getAll: function getAll(name) {
- validateArgumentsLength(arguments.length, 1);
- var entries = getInternalParamsState(this).entries;
- var key = $toString(name);
- var result = [];
- var index = 0;
- for (; index < entries.length; index++) {
- if (entries[index].key === key) result.push(entries[index].value);
- }
- return result;
- },
- // `URLSearchParams.prototype.has` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-has
- has: function has(name) {
- validateArgumentsLength(arguments.length, 1);
- var entries = getInternalParamsState(this).entries;
- var key = $toString(name);
- var index = 0;
- while (index < entries.length) {
- if (entries[index++].key === key) return true;
- }
- return false;
- },
- // `URLSearchParams.prototype.set` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-set
- set: function set(name, value) {
- validateArgumentsLength(arguments.length, 1);
- var state = getInternalParamsState(this);
- var entries = state.entries;
- var found = false;
- var key = $toString(name);
- var val = $toString(value);
- var index = 0;
- var entry;
- for (; index < entries.length; index++) {
- entry = entries[index];
- if (entry.key === key) {
- if (found) entries.splice(index--, 1);
- else {
- found = true;
- entry.value = val;
- }
- }
- }
- if (!found) entries.push({ key: key, value: val });
- state.updateURL();
- },
- // `URLSearchParams.prototype.sort` method
- // https://url.spec.whatwg.org/#dom-urlsearchparams-sort
- sort: function sort() {
- var state = getInternalParamsState(this);
- var entries = state.entries;
- // Array#sort is not stable in some engines
- var slice = entries.slice();
- var entry, entriesIndex, sliceIndex;
- entries.length = 0;
- for (sliceIndex = 0; sliceIndex < slice.length; sliceIndex++) {
- entry = slice[sliceIndex];
- for (entriesIndex = 0; entriesIndex < sliceIndex; entriesIndex++) {
- if (entries[entriesIndex].key > entry.key) {
- entries.splice(entriesIndex, 0, entry);
- break;
- }
- }
- if (entriesIndex === sliceIndex) entries.push(entry);
- }
- state.updateURL();
- },
- // `URLSearchParams.prototype.forEach` method
- forEach: function forEach(callback /* , thisArg */) {
- var entries = getInternalParamsState(this).entries;
- var boundFunction = bind(callback, arguments.length > 1 ? arguments[1] : undefined, 3);
- var index = 0;
- var entry;
- while (index < entries.length) {
- entry = entries[index++];
- boundFunction(entry.value, entry.key, this);
- }
- },
- // `URLSearchParams.prototype.keys` method
- keys: function keys() {
- return new URLSearchParamsIterator(this, 'keys');
- },
- // `URLSearchParams.prototype.values` method
- values: function values() {
- return new URLSearchParamsIterator(this, 'values');
- },
- // `URLSearchParams.prototype.entries` method
- entries: function entries() {
- return new URLSearchParamsIterator(this, 'entries');
- }
-}, { enumerable: true });
-
-// `URLSearchParams.prototype[@@iterator]` method
-redefine(URLSearchParamsPrototype, ITERATOR, URLSearchParamsPrototype.entries, { name: 'entries' });
-
-// `URLSearchParams.prototype.toString` method
-// https://url.spec.whatwg.org/#urlsearchparams-stringification-behavior
-redefine(URLSearchParamsPrototype, 'toString', function toString() {
- var entries = getInternalParamsState(this).entries;
- var result = [];
- var index = 0;
- var entry;
- while (index < entries.length) {
- entry = entries[index++];
- result.push(serialize(entry.key) + '=' + serialize(entry.value));
- } return result.join('&');
-}, { enumerable: true });
-
-setToStringTag(URLSearchParamsConstructor, URL_SEARCH_PARAMS);
-
-$({ global: true, forced: !USE_NATIVE_URL }, {
- URLSearchParams: URLSearchParamsConstructor
-});
-
-// Wrap `fetch` and `Request` for correct work with polyfilled `URLSearchParams`
-if (!USE_NATIVE_URL && isCallable(Headers)) {
- var wrapRequestOptions = function (init) {
- if (isObject(init)) {
- var body = init.body;
- var headers;
- if (classof(body) === URL_SEARCH_PARAMS) {
- headers = init.headers ? new Headers(init.headers) : new Headers();
- if (!headers.has('content-type')) {
- headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8');
- }
- return create(init, {
- body: createPropertyDescriptor(0, String(body)),
- headers: createPropertyDescriptor(0, headers)
- });
- }
- } return init;
- };
-
- if (isCallable(nativeFetch)) {
- $({ global: true, enumerable: true, forced: true }, {
- fetch: function fetch(input /* , init */) {
- return nativeFetch(input, arguments.length > 1 ? wrapRequestOptions(arguments[1]) : {});
- }
- });
- }
-
- if (isCallable(NativeRequest)) {
- var RequestConstructor = function Request(input /* , init */) {
- anInstance(this, RequestConstructor, 'Request');
- return new NativeRequest(input, arguments.length > 1 ? wrapRequestOptions(arguments[1]) : {});
- };
-
- RequestPrototype.constructor = RequestConstructor;
- RequestConstructor.prototype = RequestPrototype;
-
- $({ global: true, forced: true }, {
- Request: RequestConstructor
- });
- }
-}
-
-module.exports = {
- URLSearchParams: URLSearchParamsConstructor,
- getState: getInternalParamsState
-};
-
-
-/***/ }),
-
-/***/ 4948:
-/***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
-
-"use strict";
-
-// TODO: in core-js@4, move /modules/ dependencies to public entries for better optimization by tools like `preset-env`
-__webpack_require__(5454);
-var $ = __webpack_require__(3085);
-var DESCRIPTORS = __webpack_require__(69);
-var USE_NATIVE_URL = __webpack_require__(4551);
-var global = __webpack_require__(8576);
-var defineProperties = __webpack_require__(1187);
-var redefine = __webpack_require__(9482);
-var anInstance = __webpack_require__(6961);
-var hasOwn = __webpack_require__(4500);
-var assign = __webpack_require__(2503);
-var arrayFrom = __webpack_require__(841);
-var codeAt = __webpack_require__(863).codeAt;
-var toASCII = __webpack_require__(7977);
-var $toString = __webpack_require__(4845);
-var setToStringTag = __webpack_require__(1284);
-var URLSearchParamsModule = __webpack_require__(9336);
-var InternalStateModule = __webpack_require__(3326);
-
-var NativeURL = global.URL;
-var URLSearchParams = URLSearchParamsModule.URLSearchParams;
-var getInternalSearchParamsState = URLSearchParamsModule.getState;
-var setInternalState = InternalStateModule.set;
-var getInternalURLState = InternalStateModule.getterFor('URL');
-var floor = Math.floor;
-var pow = Math.pow;
-
-var INVALID_AUTHORITY = 'Invalid authority';
-var INVALID_SCHEME = 'Invalid scheme';
-var INVALID_HOST = 'Invalid host';
-var INVALID_PORT = 'Invalid port';
-
-var ALPHA = /[A-Za-z]/;
-// eslint-disable-next-line regexp/no-obscure-range -- safe
-var ALPHANUMERIC = /[\d+-.A-Za-z]/;
-var DIGIT = /\d/;
-var HEX_START = /^0x/i;
-var OCT = /^[0-7]+$/;
-var DEC = /^\d+$/;
-var HEX = /^[\dA-Fa-f]+$/;
-/* eslint-disable regexp/no-control-character -- safe */
-var FORBIDDEN_HOST_CODE_POINT = /[\0\t\n\r #%/:<>?@[\\\]^|]/;
-var FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT = /[\0\t\n\r #/:<>?@[\\\]^|]/;
-var LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE = /^[\u0000-\u0020]+|[\u0000-\u0020]+$/g;
-var TAB_AND_NEW_LINE = /[\t\n\r]/g;
-/* eslint-enable regexp/no-control-character -- safe */
-var EOF;
-
-var parseHost = function (url, input) {
- var result, codePoints, index;
- if (input.charAt(0) == '[') {
- if (input.charAt(input.length - 1) != ']') return INVALID_HOST;
- result = parseIPv6(input.slice(1, -1));
- if (!result) return INVALID_HOST;
- url.host = result;
- // opaque host
- } else if (!isSpecial(url)) {
- if (FORBIDDEN_HOST_CODE_POINT_EXCLUDING_PERCENT.test(input)) return INVALID_HOST;
- result = '';
- codePoints = arrayFrom(input);
- for (index = 0; index < codePoints.length; index++) {
- result += percentEncode(codePoints[index], C0ControlPercentEncodeSet);
- }
- url.host = result;
- } else {
- input = toASCII(input);
- if (FORBIDDEN_HOST_CODE_POINT.test(input)) return INVALID_HOST;
- result = parseIPv4(input);
- if (result === null) return INVALID_HOST;
- url.host = result;
- }
-};
-
-var parseIPv4 = function (input) {
- var parts = input.split('.');
- var partsLength, numbers, index, part, radix, number, ipv4;
- if (parts.length && parts[parts.length - 1] == '') {
- parts.pop();
- }
- partsLength = parts.length;
- if (partsLength > 4) return input;
- numbers = [];
- for (index = 0; index < partsLength; index++) {
- part = parts[index];
- if (part == '') return input;
- radix = 10;
- if (part.length > 1 && part.charAt(0) == '0') {
- radix = HEX_START.test(part) ? 16 : 8;
- part = part.slice(radix == 8 ? 1 : 2);
- }
- if (part === '') {
- number = 0;
- } else {
- if (!(radix == 10 ? DEC : radix == 8 ? OCT : HEX).test(part)) return input;
- number = parseInt(part, radix);
- }
- numbers.push(number);
- }
- for (index = 0; index < partsLength; index++) {
- number = numbers[index];
- if (index == partsLength - 1) {
- if (number >= pow(256, 5 - partsLength)) return null;
- } else if (number > 255) return null;
- }
- ipv4 = numbers.pop();
- for (index = 0; index < numbers.length; index++) {
- ipv4 += numbers[index] * pow(256, 3 - index);
- }
- return ipv4;
-};
-
-// eslint-disable-next-line max-statements -- TODO
-var parseIPv6 = function (input) {
- var address = [0, 0, 0, 0, 0, 0, 0, 0];
- var pieceIndex = 0;
- var compress = null;
- var pointer = 0;
- var value, length, numbersSeen, ipv4Piece, number, swaps, swap;
-
- var chr = function () {
- return input.charAt(pointer);
- };
-
- if (chr() == ':') {
- if (input.charAt(1) != ':') return;
- pointer += 2;
- pieceIndex++;
- compress = pieceIndex;
- }
- while (chr()) {
- if (pieceIndex == 8) return;
- if (chr() == ':') {
- if (compress !== null) return;
- pointer++;
- pieceIndex++;
- compress = pieceIndex;
- continue;
- }
- value = length = 0;
- while (length < 4 && HEX.test(chr())) {
- value = value * 16 + parseInt(chr(), 16);
- pointer++;
- length++;
- }
- if (chr() == '.') {
- if (length == 0) return;
- pointer -= length;
- if (pieceIndex > 6) return;
- numbersSeen = 0;
- while (chr()) {
- ipv4Piece = null;
- if (numbersSeen > 0) {
- if (chr() == '.' && numbersSeen < 4) pointer++;
- else return;
- }
- if (!DIGIT.test(chr())) return;
- while (DIGIT.test(chr())) {
- number = parseInt(chr(), 10);
- if (ipv4Piece === null) ipv4Piece = number;
- else if (ipv4Piece == 0) return;
- else ipv4Piece = ipv4Piece * 10 + number;
- if (ipv4Piece > 255) return;
- pointer++;
- }
- address[pieceIndex] = address[pieceIndex] * 256 + ipv4Piece;
- numbersSeen++;
- if (numbersSeen == 2 || numbersSeen == 4) pieceIndex++;
- }
- if (numbersSeen != 4) return;
- break;
- } else if (chr() == ':') {
- pointer++;
- if (!chr()) return;
- } else if (chr()) return;
- address[pieceIndex++] = value;
- }
- if (compress !== null) {
- swaps = pieceIndex - compress;
- pieceIndex = 7;
- while (pieceIndex != 0 && swaps > 0) {
- swap = address[pieceIndex];
- address[pieceIndex--] = address[compress + swaps - 1];
- address[compress + --swaps] = swap;
- }
- } else if (pieceIndex != 8) return;
- return address;
-};
-
-var findLongestZeroSequence = function (ipv6) {
- var maxIndex = null;
- var maxLength = 1;
- var currStart = null;
- var currLength = 0;
- var index = 0;
- for (; index < 8; index++) {
- if (ipv6[index] !== 0) {
- if (currLength > maxLength) {
- maxIndex = currStart;
- maxLength = currLength;
- }
- currStart = null;
- currLength = 0;
- } else {
- if (currStart === null) currStart = index;
- ++currLength;
- }
- }
- if (currLength > maxLength) {
- maxIndex = currStart;
- maxLength = currLength;
- }
- return maxIndex;
-};
-
-var serializeHost = function (host) {
- var result, index, compress, ignore0;
- // ipv4
- if (typeof host == 'number') {
- result = [];
- for (index = 0; index < 4; index++) {
- result.unshift(host % 256);
- host = floor(host / 256);
- } return result.join('.');
- // ipv6
- } else if (typeof host == 'object') {
- result = '';
- compress = findLongestZeroSequence(host);
- for (index = 0; index < 8; index++) {
- if (ignore0 && host[index] === 0) continue;
- if (ignore0) ignore0 = false;
- if (compress === index) {
- result += index ? ':' : '::';
- ignore0 = true;
- } else {
- result += host[index].toString(16);
- if (index < 7) result += ':';
- }
- }
- return '[' + result + ']';
- } return host;
-};
-
-var C0ControlPercentEncodeSet = {};
-var fragmentPercentEncodeSet = assign({}, C0ControlPercentEncodeSet, {
- ' ': 1, '"': 1, '<': 1, '>': 1, '`': 1
-});
-var pathPercentEncodeSet = assign({}, fragmentPercentEncodeSet, {
- '#': 1, '?': 1, '{': 1, '}': 1
-});
-var userinfoPercentEncodeSet = assign({}, pathPercentEncodeSet, {
- '/': 1, ':': 1, ';': 1, '=': 1, '@': 1, '[': 1, '\\': 1, ']': 1, '^': 1, '|': 1
-});
-
-var percentEncode = function (chr, set) {
- var code = codeAt(chr, 0);
- return code > 0x20 && code < 0x7F && !hasOwn(set, chr) ? chr : encodeURIComponent(chr);
-};
-
-var specialSchemes = {
- ftp: 21,
- file: null,
- http: 80,
- https: 443,
- ws: 80,
- wss: 443
-};
-
-var isSpecial = function (url) {
- return hasOwn(specialSchemes, url.scheme);
-};
-
-var includesCredentials = function (url) {
- return url.username != '' || url.password != '';
-};
-
-var cannotHaveUsernamePasswordPort = function (url) {
- return !url.host || url.cannotBeABaseURL || url.scheme == 'file';
-};
-
-var isWindowsDriveLetter = function (string, normalized) {
- var second;
- return string.length == 2 && ALPHA.test(string.charAt(0))
- && ((second = string.charAt(1)) == ':' || (!normalized && second == '|'));
-};
-
-var startsWithWindowsDriveLetter = function (string) {
- var third;
- return string.length > 1 && isWindowsDriveLetter(string.slice(0, 2)) && (
- string.length == 2 ||
- ((third = string.charAt(2)) === '/' || third === '\\' || third === '?' || third === '#')
- );
-};
-
-var shortenURLsPath = function (url) {
- var path = url.path;
- var pathSize = path.length;
- if (pathSize && (url.scheme != 'file' || pathSize != 1 || !isWindowsDriveLetter(path[0], true))) {
- path.pop();
- }
-};
-
-var isSingleDot = function (segment) {
- return segment === '.' || segment.toLowerCase() === '%2e';
-};
-
-var isDoubleDot = function (segment) {
- segment = segment.toLowerCase();
- return segment === '..' || segment === '%2e.' || segment === '.%2e' || segment === '%2e%2e';
-};
-
-// States:
-var SCHEME_START = {};
-var SCHEME = {};
-var NO_SCHEME = {};
-var SPECIAL_RELATIVE_OR_AUTHORITY = {};
-var PATH_OR_AUTHORITY = {};
-var RELATIVE = {};
-var RELATIVE_SLASH = {};
-var SPECIAL_AUTHORITY_SLASHES = {};
-var SPECIAL_AUTHORITY_IGNORE_SLASHES = {};
-var AUTHORITY = {};
-var HOST = {};
-var HOSTNAME = {};
-var PORT = {};
-var FILE = {};
-var FILE_SLASH = {};
-var FILE_HOST = {};
-var PATH_START = {};
-var PATH = {};
-var CANNOT_BE_A_BASE_URL_PATH = {};
-var QUERY = {};
-var FRAGMENT = {};
-
-// eslint-disable-next-line max-statements -- TODO
-var parseURL = function (url, input, stateOverride, base) {
- var state = stateOverride || SCHEME_START;
- var pointer = 0;
- var buffer = '';
- var seenAt = false;
- var seenBracket = false;
- var seenPasswordToken = false;
- var codePoints, chr, bufferCodePoints, failure;
-
- if (!stateOverride) {
- url.scheme = '';
- url.username = '';
- url.password = '';
- url.host = null;
- url.port = null;
- url.path = [];
- url.query = null;
- url.fragment = null;
- url.cannotBeABaseURL = false;
- input = input.replace(LEADING_AND_TRAILING_C0_CONTROL_OR_SPACE, '');
- }
-
- input = input.replace(TAB_AND_NEW_LINE, '');
-
- codePoints = arrayFrom(input);
-
- while (pointer <= codePoints.length) {
- chr = codePoints[pointer];
- switch (state) {
- case SCHEME_START:
- if (chr && ALPHA.test(chr)) {
- buffer += chr.toLowerCase();
- state = SCHEME;
- } else if (!stateOverride) {
- state = NO_SCHEME;
- continue;
- } else return INVALID_SCHEME;
- break;
-
- case SCHEME:
- if (chr && (ALPHANUMERIC.test(chr) || chr == '+' || chr == '-' || chr == '.')) {
- buffer += chr.toLowerCase();
- } else if (chr == ':') {
- if (stateOverride && (
- (isSpecial(url) != hasOwn(specialSchemes, buffer)) ||
- (buffer == 'file' && (includesCredentials(url) || url.port !== null)) ||
- (url.scheme == 'file' && !url.host)
- )) return;
- url.scheme = buffer;
- if (stateOverride) {
- if (isSpecial(url) && specialSchemes[url.scheme] == url.port) url.port = null;
- return;
- }
- buffer = '';
- if (url.scheme == 'file') {
- state = FILE;
- } else if (isSpecial(url) && base && base.scheme == url.scheme) {
- state = SPECIAL_RELATIVE_OR_AUTHORITY;
- } else if (isSpecial(url)) {
- state = SPECIAL_AUTHORITY_SLASHES;
- } else if (codePoints[pointer + 1] == '/') {
- state = PATH_OR_AUTHORITY;
- pointer++;
- } else {
- url.cannotBeABaseURL = true;
- url.path.push('');
- state = CANNOT_BE_A_BASE_URL_PATH;
- }
- } else if (!stateOverride) {
- buffer = '';
- state = NO_SCHEME;
- pointer = 0;
- continue;
- } else return INVALID_SCHEME;
- break;
-
- case NO_SCHEME:
- if (!base || (base.cannotBeABaseURL && chr != '#')) return INVALID_SCHEME;
- if (base.cannotBeABaseURL && chr == '#') {
- url.scheme = base.scheme;
- url.path = base.path.slice();
- url.query = base.query;
- url.fragment = '';
- url.cannotBeABaseURL = true;
- state = FRAGMENT;
- break;
- }
- state = base.scheme == 'file' ? FILE : RELATIVE;
- continue;
-
- case SPECIAL_RELATIVE_OR_AUTHORITY:
- if (chr == '/' && codePoints[pointer + 1] == '/') {
- state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
- pointer++;
- } else {
- state = RELATIVE;
- continue;
- } break;
-
- case PATH_OR_AUTHORITY:
- if (chr == '/') {
- state = AUTHORITY;
- break;
- } else {
- state = PATH;
- continue;
- }
-
- case RELATIVE:
- url.scheme = base.scheme;
- if (chr == EOF) {
- url.username = base.username;
- url.password = base.password;
- url.host = base.host;
- url.port = base.port;
- url.path = base.path.slice();
- url.query = base.query;
- } else if (chr == '/' || (chr == '\\' && isSpecial(url))) {
- state = RELATIVE_SLASH;
- } else if (chr == '?') {
- url.username = base.username;
- url.password = base.password;
- url.host = base.host;
- url.port = base.port;
- url.path = base.path.slice();
- url.query = '';
- state = QUERY;
- } else if (chr == '#') {
- url.username = base.username;
- url.password = base.password;
- url.host = base.host;
- url.port = base.port;
- url.path = base.path.slice();
- url.query = base.query;
- url.fragment = '';
- state = FRAGMENT;
- } else {
- url.username = base.username;
- url.password = base.password;
- url.host = base.host;
- url.port = base.port;
- url.path = base.path.slice();
- url.path.pop();
- state = PATH;
- continue;
- } break;
-
- case RELATIVE_SLASH:
- if (isSpecial(url) && (chr == '/' || chr == '\\')) {
- state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
- } else if (chr == '/') {
- state = AUTHORITY;
- } else {
- url.username = base.username;
- url.password = base.password;
- url.host = base.host;
- url.port = base.port;
- state = PATH;
- continue;
- } break;
-
- case SPECIAL_AUTHORITY_SLASHES:
- state = SPECIAL_AUTHORITY_IGNORE_SLASHES;
- if (chr != '/' || buffer.charAt(pointer + 1) != '/') continue;
- pointer++;
- break;
-
- case SPECIAL_AUTHORITY_IGNORE_SLASHES:
- if (chr != '/' && chr != '\\') {
- state = AUTHORITY;
- continue;
- } break;
-
- case AUTHORITY:
- if (chr == '@') {
- if (seenAt) buffer = '%40' + buffer;
- seenAt = true;
- bufferCodePoints = arrayFrom(buffer);
- for (var i = 0; i < bufferCodePoints.length; i++) {
- var codePoint = bufferCodePoints[i];
- if (codePoint == ':' && !seenPasswordToken) {
- seenPasswordToken = true;
- continue;
- }
- var encodedCodePoints = percentEncode(codePoint, userinfoPercentEncodeSet);
- if (seenPasswordToken) url.password += encodedCodePoints;
- else url.username += encodedCodePoints;
- }
- buffer = '';
- } else if (
- chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
- (chr == '\\' && isSpecial(url))
- ) {
- if (seenAt && buffer == '') return INVALID_AUTHORITY;
- pointer -= arrayFrom(buffer).length + 1;
- buffer = '';
- state = HOST;
- } else buffer += chr;
- break;
-
- case HOST:
- case HOSTNAME:
- if (stateOverride && url.scheme == 'file') {
- state = FILE_HOST;
- continue;
- } else if (chr == ':' && !seenBracket) {
- if (buffer == '') return INVALID_HOST;
- failure = parseHost(url, buffer);
- if (failure) return failure;
- buffer = '';
- state = PORT;
- if (stateOverride == HOSTNAME) return;
- } else if (
- chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
- (chr == '\\' && isSpecial(url))
- ) {
- if (isSpecial(url) && buffer == '') return INVALID_HOST;
- if (stateOverride && buffer == '' && (includesCredentials(url) || url.port !== null)) return;
- failure = parseHost(url, buffer);
- if (failure) return failure;
- buffer = '';
- state = PATH_START;
- if (stateOverride) return;
- continue;
- } else {
- if (chr == '[') seenBracket = true;
- else if (chr == ']') seenBracket = false;
- buffer += chr;
- } break;
-
- case PORT:
- if (DIGIT.test(chr)) {
- buffer += chr;
- } else if (
- chr == EOF || chr == '/' || chr == '?' || chr == '#' ||
- (chr == '\\' && isSpecial(url)) ||
- stateOverride
- ) {
- if (buffer != '') {
- var port = parseInt(buffer, 10);
- if (port > 0xFFFF) return INVALID_PORT;
- url.port = (isSpecial(url) && port === specialSchemes[url.scheme]) ? null : port;
- buffer = '';
- }
- if (stateOverride) return;
- state = PATH_START;
- continue;
- } else return INVALID_PORT;
- break;
-
- case FILE:
- url.scheme = 'file';
- if (chr == '/' || chr == '\\') state = FILE_SLASH;
- else if (base && base.scheme == 'file') {
- if (chr == EOF) {
- url.host = base.host;
- url.path = base.path.slice();
- url.query = base.query;
- } else if (chr == '?') {
- url.host = base.host;
- url.path = base.path.slice();
- url.query = '';
- state = QUERY;
- } else if (chr == '#') {
- url.host = base.host;
- url.path = base.path.slice();
- url.query = base.query;
- url.fragment = '';
- state = FRAGMENT;
- } else {
- if (!startsWithWindowsDriveLetter(codePoints.slice(pointer).join(''))) {
- url.host = base.host;
- url.path = base.path.slice();
- shortenURLsPath(url);
- }
- state = PATH;
- continue;
- }
- } else {
- state = PATH;
- continue;
- } break;
-
- case FILE_SLASH:
- if (chr == '/' || chr == '\\') {
- state = FILE_HOST;
- break;
- }
- if (base && base.scheme == 'file' && !startsWithWindowsDriveLetter(codePoints.slice(pointer).join(''))) {
- if (isWindowsDriveLetter(base.path[0], true)) url.path.push(base.path[0]);
- else url.host = base.host;
- }
- state = PATH;
- continue;
-
- case FILE_HOST:
- if (chr == EOF || chr == '/' || chr == '\\' || chr == '?' || chr == '#') {
- if (!stateOverride && isWindowsDriveLetter(buffer)) {
- state = PATH;
- } else if (buffer == '') {
- url.host = '';
- if (stateOverride) return;
- state = PATH_START;
- } else {
- failure = parseHost(url, buffer);
- if (failure) return failure;
- if (url.host == 'localhost') url.host = '';
- if (stateOverride) return;
- buffer = '';
- state = PATH_START;
- } continue;
- } else buffer += chr;
- break;
-
- case PATH_START:
- if (isSpecial(url)) {
- state = PATH;
- if (chr != '/' && chr != '\\') continue;
- } else if (!stateOverride && chr == '?') {
- url.query = '';
- state = QUERY;
- } else if (!stateOverride && chr == '#') {
- url.fragment = '';
- state = FRAGMENT;
- } else if (chr != EOF) {
- state = PATH;
- if (chr != '/') continue;
- } break;
-
- case PATH:
- if (
- chr == EOF || chr == '/' ||
- (chr == '\\' && isSpecial(url)) ||
- (!stateOverride && (chr == '?' || chr == '#'))
- ) {
- if (isDoubleDot(buffer)) {
- shortenURLsPath(url);
- if (chr != '/' && !(chr == '\\' && isSpecial(url))) {
- url.path.push('');
- }
- } else if (isSingleDot(buffer)) {
- if (chr != '/' && !(chr == '\\' && isSpecial(url))) {
- url.path.push('');
- }
- } else {
- if (url.scheme == 'file' && !url.path.length && isWindowsDriveLetter(buffer)) {
- if (url.host) url.host = '';
- buffer = buffer.charAt(0) + ':'; // normalize windows drive letter
- }
- url.path.push(buffer);
- }
- buffer = '';
- if (url.scheme == 'file' && (chr == EOF || chr == '?' || chr == '#')) {
- while (url.path.length > 1 && url.path[0] === '') {
- url.path.shift();
- }
- }
- if (chr == '?') {
- url.query = '';
- state = QUERY;
- } else if (chr == '#') {
- url.fragment = '';
- state = FRAGMENT;
- }
- } else {
- buffer += percentEncode(chr, pathPercentEncodeSet);
- } break;
-
- case CANNOT_BE_A_BASE_URL_PATH:
- if (chr == '?') {
- url.query = '';
- state = QUERY;
- } else if (chr == '#') {
- url.fragment = '';
- state = FRAGMENT;
- } else if (chr != EOF) {
- url.path[0] += percentEncode(chr, C0ControlPercentEncodeSet);
- } break;
-
- case QUERY:
- if (!stateOverride && chr == '#') {
- url.fragment = '';
- state = FRAGMENT;
- } else if (chr != EOF) {
- if (chr == "'" && isSpecial(url)) url.query += '%27';
- else if (chr == '#') url.query += '%23';
- else url.query += percentEncode(chr, C0ControlPercentEncodeSet);
- } break;
-
- case FRAGMENT:
- if (chr != EOF) url.fragment += percentEncode(chr, fragmentPercentEncodeSet);
- break;
- }
-
- pointer++;
- }
-};
-
-// `URL` constructor
-// https://url.spec.whatwg.org/#url-class
-var URLConstructor = function URL(url /* , base */) {
- var that = anInstance(this, URLConstructor, 'URL');
- var base = arguments.length > 1 ? arguments[1] : undefined;
- var urlString = $toString(url);
- var state = setInternalState(that, { type: 'URL' });
- var baseState, failure;
- if (base !== undefined) {
- if (base instanceof URLConstructor) baseState = getInternalURLState(base);
- else {
- failure = parseURL(baseState = {}, $toString(base));
- if (failure) throw TypeError(failure);
- }
- }
- failure = parseURL(state, urlString, null, baseState);
- if (failure) throw TypeError(failure);
- var searchParams = state.searchParams = new URLSearchParams();
- var searchParamsState = getInternalSearchParamsState(searchParams);
- searchParamsState.updateSearchParams(state.query);
- searchParamsState.updateURL = function () {
- state.query = String(searchParams) || null;
- };
- if (!DESCRIPTORS) {
- that.href = serializeURL.call(that);
- that.origin = getOrigin.call(that);
- that.protocol = getProtocol.call(that);
- that.username = getUsername.call(that);
- that.password = getPassword.call(that);
- that.host = getHost.call(that);
- that.hostname = getHostname.call(that);
- that.port = getPort.call(that);
- that.pathname = getPathname.call(that);
- that.search = getSearch.call(that);
- that.searchParams = getSearchParams.call(that);
- that.hash = getHash.call(that);
- }
-};
-
-var URLPrototype = URLConstructor.prototype;
-
-var serializeURL = function () {
- var url = getInternalURLState(this);
- var scheme = url.scheme;
- var username = url.username;
- var password = url.password;
- var host = url.host;
- var port = url.port;
- var path = url.path;
- var query = url.query;
- var fragment = url.fragment;
- var output = scheme + ':';
- if (host !== null) {
- output += '//';
- if (includesCredentials(url)) {
- output += username + (password ? ':' + password : '') + '@';
- }
- output += serializeHost(host);
- if (port !== null) output += ':' + port;
- } else if (scheme == 'file') output += '//';
- output += url.cannotBeABaseURL ? path[0] : path.length ? '/' + path.join('/') : '';
- if (query !== null) output += '?' + query;
- if (fragment !== null) output += '#' + fragment;
- return output;
-};
-
-var getOrigin = function () {
- var url = getInternalURLState(this);
- var scheme = url.scheme;
- var port = url.port;
- if (scheme == 'blob') try {
- return new URLConstructor(scheme.path[0]).origin;
- } catch (error) {
- return 'null';
- }
- if (scheme == 'file' || !isSpecial(url)) return 'null';
- return scheme + '://' + serializeHost(url.host) + (port !== null ? ':' + port : '');
-};
-
-var getProtocol = function () {
- return getInternalURLState(this).scheme + ':';
-};
-
-var getUsername = function () {
- return getInternalURLState(this).username;
-};
-
-var getPassword = function () {
- return getInternalURLState(this).password;
-};
-
-var getHost = function () {
- var url = getInternalURLState(this);
- var host = url.host;
- var port = url.port;
- return host === null ? ''
- : port === null ? serializeHost(host)
- : serializeHost(host) + ':' + port;
-};
-
-var getHostname = function () {
- var host = getInternalURLState(this).host;
- return host === null ? '' : serializeHost(host);
-};
-
-var getPort = function () {
- var port = getInternalURLState(this).port;
- return port === null ? '' : String(port);
-};
-
-var getPathname = function () {
- var url = getInternalURLState(this);
- var path = url.path;
- return url.cannotBeABaseURL ? path[0] : path.length ? '/' + path.join('/') : '';
-};
-
-var getSearch = function () {
- var query = getInternalURLState(this).query;
- return query ? '?' + query : '';
-};
-
-var getSearchParams = function () {
- return getInternalURLState(this).searchParams;
-};
-
-var getHash = function () {
- var fragment = getInternalURLState(this).fragment;
- return fragment ? '#' + fragment : '';
-};
-
-var accessorDescriptor = function (getter, setter) {
- return { get: getter, set: setter, configurable: true, enumerable: true };
-};
-
-if (DESCRIPTORS) {
- defineProperties(URLPrototype, {
- // `URL.prototype.href` accessors pair
- // https://url.spec.whatwg.org/#dom-url-href
- href: accessorDescriptor(serializeURL, function (href) {
- var url = getInternalURLState(this);
- var urlString = $toString(href);
- var failure = parseURL(url, urlString);
- if (failure) throw TypeError(failure);
- getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query);
- }),
- // `URL.prototype.origin` getter
- // https://url.spec.whatwg.org/#dom-url-origin
- origin: accessorDescriptor(getOrigin),
- // `URL.prototype.protocol` accessors pair
- // https://url.spec.whatwg.org/#dom-url-protocol
- protocol: accessorDescriptor(getProtocol, function (protocol) {
- var url = getInternalURLState(this);
- parseURL(url, $toString(protocol) + ':', SCHEME_START);
- }),
- // `URL.prototype.username` accessors pair
- // https://url.spec.whatwg.org/#dom-url-username
- username: accessorDescriptor(getUsername, function (username) {
- var url = getInternalURLState(this);
- var codePoints = arrayFrom($toString(username));
- if (cannotHaveUsernamePasswordPort(url)) return;
- url.username = '';
- for (var i = 0; i < codePoints.length; i++) {
- url.username += percentEncode(codePoints[i], userinfoPercentEncodeSet);
- }
- }),
- // `URL.prototype.password` accessors pair
- // https://url.spec.whatwg.org/#dom-url-password
- password: accessorDescriptor(getPassword, function (password) {
- var url = getInternalURLState(this);
- var codePoints = arrayFrom($toString(password));
- if (cannotHaveUsernamePasswordPort(url)) return;
- url.password = '';
- for (var i = 0; i < codePoints.length; i++) {
- url.password += percentEncode(codePoints[i], userinfoPercentEncodeSet);
- }
- }),
- // `URL.prototype.host` accessors pair
- // https://url.spec.whatwg.org/#dom-url-host
- host: accessorDescriptor(getHost, function (host) {
- var url = getInternalURLState(this);
- if (url.cannotBeABaseURL) return;
- parseURL(url, $toString(host), HOST);
- }),
- // `URL.prototype.hostname` accessors pair
- // https://url.spec.whatwg.org/#dom-url-hostname
- hostname: accessorDescriptor(getHostname, function (hostname) {
- var url = getInternalURLState(this);
- if (url.cannotBeABaseURL) return;
- parseURL(url, $toString(hostname), HOSTNAME);
- }),
- // `URL.prototype.port` accessors pair
- // https://url.spec.whatwg.org/#dom-url-port
- port: accessorDescriptor(getPort, function (port) {
- var url = getInternalURLState(this);
- if (cannotHaveUsernamePasswordPort(url)) return;
- port = $toString(port);
- if (port == '') url.port = null;
- else parseURL(url, port, PORT);
- }),
- // `URL.prototype.pathname` accessors pair
- // https://url.spec.whatwg.org/#dom-url-pathname
- pathname: accessorDescriptor(getPathname, function (pathname) {
- var url = getInternalURLState(this);
- if (url.cannotBeABaseURL) return;
- url.path = [];
- parseURL(url, $toString(pathname), PATH_START);
- }),
- // `URL.prototype.search` accessors pair
- // https://url.spec.whatwg.org/#dom-url-search
- search: accessorDescriptor(getSearch, function (search) {
- var url = getInternalURLState(this);
- search = $toString(search);
- if (search == '') {
- url.query = null;
- } else {
- if ('?' == search.charAt(0)) search = search.slice(1);
- url.query = '';
- parseURL(url, search, QUERY);
- }
- getInternalSearchParamsState(url.searchParams).updateSearchParams(url.query);
- }),
- // `URL.prototype.searchParams` getter
- // https://url.spec.whatwg.org/#dom-url-searchparams
- searchParams: accessorDescriptor(getSearchParams),
- // `URL.prototype.hash` accessors pair
- // https://url.spec.whatwg.org/#dom-url-hash
- hash: accessorDescriptor(getHash, function (hash) {
- var url = getInternalURLState(this);
- hash = $toString(hash);
- if (hash == '') {
- url.fragment = null;
- return;
- }
- if ('#' == hash.charAt(0)) hash = hash.slice(1);
- url.fragment = '';
- parseURL(url, hash, FRAGMENT);
- })
- });
-}
-
-// `URL.prototype.toJSON` method
-// https://url.spec.whatwg.org/#dom-url-tojson
-redefine(URLPrototype, 'toJSON', function toJSON() {
- return serializeURL.call(this);
-}, { enumerable: true });
-
-// `URL.prototype.toString` method
-// https://url.spec.whatwg.org/#URL-stringification-behavior
-redefine(URLPrototype, 'toString', function toString() {
- return serializeURL.call(this);
-}, { enumerable: true });
-
-if (NativeURL) {
- var nativeCreateObjectURL = NativeURL.createObjectURL;
- var nativeRevokeObjectURL = NativeURL.revokeObjectURL;
- // `URL.createObjectURL` method
- // https://developer.mozilla.org/en-US/docs/Web/API/URL/createObjectURL
- // eslint-disable-next-line no-unused-vars -- required for `.length`
- if (nativeCreateObjectURL) redefine(URLConstructor, 'createObjectURL', function createObjectURL(blob) {
- return nativeCreateObjectURL.apply(NativeURL, arguments);
- });
- // `URL.revokeObjectURL` method
- // https://developer.mozilla.org/en-US/docs/Web/API/URL/revokeObjectURL
- // eslint-disable-next-line no-unused-vars -- required for `.length`
- if (nativeRevokeObjectURL) redefine(URLConstructor, 'revokeObjectURL', function revokeObjectURL(url) {
- return nativeRevokeObjectURL.apply(NativeURL, arguments);
- });
-}
-
-setToStringTag(URLConstructor, 'URL');
-
-$({ global: true, forced: !USE_NATIVE_URL, sham: !DESCRIPTORS }, {
- URL: URLConstructor
-});
-
-
-/***/ }),
-
-/***/ 9801:
-/***/ (function() {
-
-// empty
-
-
-/***/ }),
-
-/***/ 3822:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(2221);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 1434:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(5078);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 6899:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(98);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 7710:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(5739);
-__webpack_require__(162);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 4486:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(278);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 4877:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(1484);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 7178:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(7731);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5603:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3669);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 1206:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(162);
-var forEach = __webpack_require__(6899);
-var classof = __webpack_require__(4696);
-var ArrayPrototype = Array.prototype;
-
-var DOMIterables = {
- DOMTokenList: true,
- NodeList: true
-};
-
-module.exports = function (it) {
- var own = it.forEach;
- return it === ArrayPrototype || (it instanceof Array && own === ArrayPrototype.forEach)
- // eslint-disable-next-line no-prototype-builtins -- safe
- || DOMIterables.hasOwnProperty(classof(it)) ? forEach : own;
-};
-
-
-/***/ }),
-
-/***/ 6174:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(2604);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 57:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(263);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 4741:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(7663);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 8368:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(5063);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 3739:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(6813);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 172:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(6285);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 4963:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3213);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 7820:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3512);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 8980:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(8168);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5636:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(8651);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 6672:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3083);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5059:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(2987);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 3969:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(2239);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 6618:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(3154);
-__webpack_require__(162);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5279:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(6577);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 9562:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(2906);
-var path = __webpack_require__(7545);
-
-module.exports = path.setTimeout;
-
-
-/***/ }),
-
-/***/ 2285:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(5008);
-__webpack_require__(162);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 8535:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(994);
-__webpack_require__(162);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 652:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-var parent = __webpack_require__(5668);
-
-module.exports = parent;
-
-
-/***/ }),
-
-/***/ 5668:
-/***/ (function(module, __unused_webpack_exports, __webpack_require__) {
-
-__webpack_require__(4948);
-__webpack_require__(9801);
-__webpack_require__(9336);
-var path = __webpack_require__(7545);
-
-module.exports = path.URL;
-
-
-/***/ }),
-
-/***/ 2534:
-/***/ (function(module) {
-
-"use strict";
-module.exports = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyBkaXNwbGF5PSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KPGRlZnMgaWQ9InR1aS1pbWFnZS1lZGl0b3Itc3ZnLWRlZmF1bHQtaWNvbnMiPgo8c3ltYm9sIGlkPSJpYy1hcHBseSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBkPSJNNCAxMi4wMTFsNSA1TDIwLjAxMSA2Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1jYW5jZWwiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiLz4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgZD0iTTYgNmwxMiAxMk0xOCA2TDYgMTgiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWNyb3AiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIC8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik00IDBoMXYyMGExIDEgMCAwIDEtMS0xVjB6TTIwIDE3aC0xVjVoMXYxMnptMCAydjVoLTF2LTVoMXoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTUgMTloMTl2MUg1ek00Ljc2MiA0djFIMFY0aDQuNzYyek03IDRoMTJhMSAxIDAgMCAxIDEgMUg3VjR6Ii8+Cjwvc3ltYm9sPgo8IS0tIFRoaXMgaWNvbiBtYWRlIGJ5IFBpeGVsIHBlcmZlY3QgZnJvbSB3d3cuZmxhdGljb24uY29tIC0tPgo8c3ltYm9sIGlkPSJpYy1yZXNpemUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgc3Ryb2tlPSJub25lIiBmaWxsPSJub25lIi8+CiAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNIDE4Ljk4ODI4MSAzLjAxMTcxOSBDIDE4LjgwMDc4MSAyLjgyNDIxOSAxOC41IDIuODI0MjE5IDE4LjMxMjUgMy4wMTE3MTkgTCAxMS42MjEwOTQgOS43MDcwMzEgQyAxMS40Mjk2ODggOS44OTQ1MzEgMTEuNDI5Njg4IDEwLjE5NTMxMiAxMS42MjEwOTQgMTAuMzc4OTA2IEMgMTEuNzEwOTM4IDEwLjQ3MjY1NiAxMS44MzU5MzggMTAuNTE5NTMxIDExLjk1NzAzMSAxMC41MTk1MzEgQyAxMi4wNzgxMjUgMTAuNTE5NTMxIDEyLjIwMzEyNSAxMC40NzI2NTYgMTIuMjkyOTY5IDEwLjM3ODkwNiBMIDE4Ljk4ODI4MSAzLjY4NzUgQyAxOS4xNzU3ODEgMy41IDE5LjE3NTc4MSAzLjE5OTIxOSAxOC45ODgyODEgMy4wMTE3MTkgWiBNIDE4Ljk4ODI4MSAzLjAxMTcxOSAiLz4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0gMTguNjUyMzQ0IDIuODY3MTg4IEMgMTguMzg2NzE5IDIuODY3MTg4IDE4LjE3MTg3NSAzLjA4MjAzMSAxOC4xNzE4NzUgMy4zNDc2NTYgTCAxOC4xNzE4NzUgOS4wODU5MzggQyAxOC4xNzE4NzUgOS4zNDc2NTYgMTguMzg2NzE5IDkuNTYyNSAxOC42NTIzNDQgOS41NjI1IEMgMTguOTE3OTY5IDkuNTYyNSAxOS4xMzI4MTIgOS4zNDc2NTYgMTkuMTMyODEyIDkuMDg1OTM4IEwgMTkuMTMyODEyIDMuMzQ3NjU2IEMgMTkuMTMyODEyIDMuMDgyMDMxIDE4LjkxNzk2OSAyLjg2NzE4OCAxOC42NTIzNDQgMi44NjcxODggWiBNIDE4LjY1MjM0NCAyLjg2NzE4OCAiLz4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0gMTguNjUyMzQ0IDIuODY3MTg4IEwgMTIuOTE0MDYyIDIuODY3MTg4IEMgMTIuNjUyMzQ0IDIuODY3MTg4IDEyLjQzNzUgMy4wODIwMzEgMTIuNDM3NSAzLjM0NzY1NiBDIDEyLjQzNzUgMy42MTMyODEgMTIuNjUyMzQ0IDMuODI4MTI1IDEyLjkxNDA2MiAzLjgyODEyNSBMIDE4LjY1MjM0NCAzLjgyODEyNSBDIDE4LjkxNzk2OSAzLjgyODEyNSAxOS4xMzI4MTIgMy42MTMyODEgMTkuMTMyODEyIDMuMzQ3NjU2IEMgMTkuMTMyODEyIDMuMDgyMDMxIDE4LjkxNzk2OSAyLjg2NzE4OCAxOC42NTIzNDQgMi44NjcxODggWiBNIDE4LjY1MjM0NCAyLjg2NzE4OCAiLz4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0gMTAuMzc4OTA2IDExLjYyMTA5NCBDIDEwLjE5NTMxMiAxMS40MzM1OTQgOS44OTA2MjUgMTEuNDMzNTk0IDkuNzAzMTI1IDExLjYyMTA5NCBMIDMuMDA3ODEyIDE4LjMxNjQwNiBDIDIuODIwMzEyIDE4LjUgMi44MjAzMTIgMTguODA0Njg4IDMuMDA3ODEyIDE4Ljk5MjE4OCBDIDMuMTA1NDY5IDE5LjA4NTkzOCAzLjIyNjU2MiAxOS4xMzI4MTIgMy4zNDc2NTYgMTkuMTMyODEyIEMgMy40Njg3NSAxOS4xMzI4MTIgMy41ODk4NDQgMTkuMDg1OTM4IDMuNjgzNTk0IDE4Ljk5MjE4OCBMIDEwLjM3ODkwNiAxMi4yOTY4NzUgQyAxMC41NjY0MDYgMTIuMTA5Mzc1IDEwLjU2NjQwNiAxMS44MDQ2ODggMTAuMzc4OTA2IDExLjYyMTA5NCBaIE0gMTAuMzc4OTA2IDExLjYyMTA5NCAiLz4KICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0gMy4zNDc2NTYgMTIuNDM3NSBDIDMuMDgyMDMxIDEyLjQzNzUgMi44NjcxODggMTIuNjUyMzQ0IDIuODY3MTg4IDEyLjkxNDA2MiBMIDIuODY3MTg4IDE4LjY1MjM0NCBDIDIuODY3MTg4IDE4LjkxNzk2OSAzLjA4MjAzMSAxOS4xMzI4MTIgMy4zNDc2NTYgMTkuMTMyODEyIEMgMy42MTMyODEgMTkuMTMyODEyIDMuODI4MTI1IDE4LjkxNzk2OSAzLjgyODEyNSAxOC42NTIzNDQgTCAzLjgyODEyNSAxMi45MTQwNjIgQyAzLjgyODEyNSAxMi42NTIzNDQgMy42MTMyODEgMTIuNDM3NSAzLjM0NzY1NiAxMi40Mzc1IFogTSAzLjM0NzY1NiAxMi40Mzc1ICIvPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTSA5LjA4NTkzOCAxOC4xNzE4NzUgTCAzLjM0NzY1NiAxOC4xNzE4NzUgQyAzLjA4MjAzMSAxOC4xNzE4NzUgMi44NjcxODggMTguMzg2NzE5IDIuODY3MTg4IDE4LjY1MjM0NCBDIDIuODY3MTg4IDE4LjkxNzk2OSAzLjA4MjAzMSAxOS4xMzI4MTIgMy4zNDc2NTYgMTkuMTMyODEyIEwgOS4wODU5MzggMTkuMTMyODEyIEMgOS4zNDc2NTYgMTkuMTMyODEyIDkuNTYyNSAxOC45MTc5NjkgOS41NjI1IDE4LjY1MjM0NCBDIDkuNTYyNSAxOC4zODY3MTkgOS4zNDc2NTYgMTguMTcxODc1IDkuMDg1OTM4IDE4LjE3MTg3NSBaIE0gOS4wODU5MzggMTguMTcxODc1ICIvPgogIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTSAyMC41NjI1IDAgTCAxLjQzNzUgMCBDIDAuNjQ0NTMxIDAgMCAwLjY0NDUzMSAwIDEuNDM3NSBMIDAgMjAuNTYyNSBDIDAgMjEuMzU1NDY5IDAuNjQ0NTMxIDIyIDEuNDM3NSAyMiBMIDIwLjU2MjUgMjIgQyAyMS4zNTU0NjkgMjIgMjIgMjEuMzU1NDY5IDIyIDIwLjU2MjUgTCAyMiAxLjQzNzUgQyAyMiAwLjY0NDUzMSAyMS4zNTU0NjkgMCAyMC41NjI1IDAgWiBNIDIxLjA0Mjk2OSAyMC41NjI1IEMgMjEuMDQyOTY5IDIwLjgyODEyNSAyMC44MjgxMjUgMjEuMDQyOTY5IDIwLjU2MjUgMjEuMDQyOTY5IEwgMS40Mzc1IDIxLjA0Mjk2OSBDIDEuMTcxODc1IDIxLjA0Mjk2OSAwLjk1NzAzMSAyMC44MjgxMjUgMC45NTcwMzEgMjAuNTYyNSBMIDAuOTU3MDMxIDEuNDM3NSBDIDAuOTU3MDMxIDEuMTcxODc1IDEuMTcxODc1IDAuOTU3MDMxIDEuNDM3NSAwLjk1NzAzMSBMIDIwLjU2MjUgMC45NTcwMzEgQyAyMC44MjgxMjUgMC45NTcwMzEgMjEuMDQyOTY5IDEuMTcxODc1IDIxLjA0Mjk2OSAxLjQzNzUgWiBNIDIxLjA0Mjk2OSAyMC41NjI1ICIvPgo8L3N5bWJvbD4KPCEtLSAgLS0+CjxzeW1ib2wgaWQ9ImljLWRlbGV0ZS1hbGwiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik01IDIzSDNhMSAxIDAgMCAxLTEtMVY2aDF2MTZoMnYxem0xNi0xMGgtMVY2aDF2N3pNOSAxM0g4di0zaDF2M3ptMyAwaC0xdi0zaDF2M3ptMyAwaC0xdi0zaDF2M3pNMTQuNzk0IDMuNzk0TDEzIDJoLTNMOC4yMDYgMy43OTRBLjk2My45NjMgMCAwIDEgOCAyLjVsLjcwMy0xLjA1NUExIDEgMCAwIDEgOS41MzUgMWgzLjkzYTEgMSAwIDAgMSAuODMyLjQ0NUwxNSAyLjVhLjk2NS45NjUgMCAwIDEtLjIwNiAxLjI5NHpNMTQuMTk3IDRIOC44MDNoNS4zOTR6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0wIDNoMjN2MUgwek0xMS4yODYgMjFIOC43MTRMOCAyM0g3bDEtMi44VjIwaC4wNzFMOS41IDE2aDFsMS40MjkgNEgxMnYuMmwxIDIuOGgtMWwtLjcxNC0yem0tLjM1Ny0xTDEwIDE3LjQgOS4wNzEgMjBoMS44NTh6TTIwIDIyaDN2MWgtNHYtN2gxdjZ6bS01IDBoM3YxaC00di03aDF2NnoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWRlbGV0ZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTMgNnYxNmgxN1Y2aDF2MTZhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWNmgxek0xNC43OTQgMy43OTRMMTMgMmgtM0w4LjIwNiAzLjc5NEEuOTYzLjk2MyAwIDAgMSA4IDIuNWwuNzAzLTEuMDU1QTEgMSAwIDAgMSA5LjUzNSAxaDMuOTNhMSAxIDAgMCAxIC44MzIuNDQ1TDE1IDIuNWEuOTY1Ljk2NSAwIDAgMS0uMjA2IDEuMjk0ek0xNC4xOTcgNEg4LjgwM2g1LjM5NHoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTAgM2gyM3YxSDB6TTggMTBoMXY2SDh2LTZ6bTMgMGgxdjZoLTF2LTZ6bTMgMGgxdjZoLTF2LTZ6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1kcmF3LWZyZWUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIGQ9Ik0yLjUgMjAuOTI5QzIuNTk0IDEwLjk3NiA0LjMyMyA2IDcuNjg2IDZjNS44NzIgMCAyLjUyNCAxOSA3LjY5NyAxOXMxLjg5LTE0LjkyOSA2LjQxNC0xNC45MjkgMS4zNTcgMTAuODU4IDUuMTMgMTAuODU4YzEuODAyIDAgMi42NTctMi4yNjIgMi41NjYtNi43ODYiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWRyYXctbGluZSIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgZD0iTTIgMTUuNWgyOCIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtZHJhdyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgZD0iTTIuNSAyMS41SDVjLjI0NSAwIC40OC0uMDU4LjY5MS0uMTY4bC4xMjQtLjA2NS4xNC4wMWMuNDI5LjAyOC44NS0uMTI3IDEuMTYtLjQzN0wyMi41NSA1LjQwNWEuNS41IDAgMCAwIDAtLjcwN2wtMy4yNDYtMy4yNDVhLjUuNSAwIDAgMC0uNzA3IDBMMy4xNjIgMTYuODg4YTEuNDk1IDEuNDk1IDAgMCAwLS40MzcgMS4xNTVsLjAxLjE0LS4wNjUuMTIzYy0uMTExLjIxMi0uMTcuNDQ4LS4xNy42OTR2Mi41eiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMTYuNDE0IDMuNzA3bDMuODkgMy44OS0uNzA4LjcwNi0zLjg4OS0zLjg4OXoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWZpbHRlciIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTEyIDd2MUgyVjdoMTB6bTYgMGg0djFoLTRWN3pNMTIgMTZ2MWgxMHYtMUgxMnptLTYgMEgydjFoNHYtMXoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTguNSAyMGEzLjUgMy41IDAgMSAxIDAtNyAzLjUgMy41IDAgMCAxIDAgN3ptMC0xYTIuNSAyLjUgMCAxIDAgMC01IDIuNSAyLjUgMCAwIDAgMCA1ek0xNS41IDExYTMuNSAzLjUgMCAxIDEgMC03IDMuNSAzLjUgMCAwIDEgMCA3em0wLTFhMi41IDIuNSAwIDEgMCAwLTUgMi41IDIuNSAwIDAgMCAwIDV6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1mbGlwLXJlc2V0IiB2aWV3Qm94PSIwIDAgMzEgMzIiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBkPSJNMzEgMEgwdjMyaDMxeiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMjggMTZhOCA4IDAgMCAxLTggOEgzdi0xaDF2LTdIM2E4IDggMCAwIDEgOC04aDE3djFoLTF2N2gxek0xMSA5YTcgNyAwIDAgMC03IDd2N2gxNmE3IDcgMCAwIDAgNy03VjlIMTF6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0yNCA1bDMuNSAzLjVMMjQgMTJNNyAyMGwtMy41IDMuNUw3IDI3Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1mbGlwLXgiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGQ9Ik0zMiAzMkgwVjBoMzJ6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0xNyAzMmgtMVYwaDF6TTI3LjE2NyAxMWwuNSAzaC0xLjAzbC0uNTQ2LTNoMS4wNzZ6bS0uNS0zaC0xLjEyMkwyNSA1aC01VjRoNS4xNTNhMSAxIDAgMCAxIC45ODYuODM2TDI2LjY2NyA4em0xLjUgOWwuNSAzaC0uOTRsLS41NDUtM2guOTg1em0xIDZsLjYzOSAzLjgzNkExIDEgMCAwIDEgMjguODE5IDI4SDI2di0xaDNsLS43MjYtNGguODk0ek0yMyAyOGgtM3YtMWgzdjF6TTEzIDR2MUg3TDMgMjdoMTB2MUgzLjE4YTEgMSAwIDAgMS0uOTg2LTEuMTY0bDMuNjY2LTIyQTEgMSAwIDAgMSA2Ljg0NyA0SDEzeiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtZmxpcC15IiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBkPSJNMCAwdjMyaDMyVjB6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0wIDE2djFoMzJ2LTF6TTExIDI3LjE2N2wzIC41di0xLjAzbC0zLS41NDZ2MS4wNzZ6bS0zLS41di0xLjEyMkw1IDI1di01SDR2NS4xNTNhMSAxIDAgMCAwIC44MzYuOTg2TDggMjYuNjY3em05IDEuNWwzIC41di0uOTRsLTMtLjU0NXYuOTg1em02IDFsMy44MzYuNjM5QTEgMSAwIDAgMCAyOCAyOC44MlYyNmgtMXYzbC00LS43Mjd2Ljg5NHpNMjggMjN2LTNoLTF2M2gxek00IDEzaDFWN2wyMi00djEwaDFWMy4xOGExIDEgMCAwIDAtMS4xNjQtLjk4NmwtMjIgMy42NjdBMSAxIDAgMCAwIDQgNi44NDdWMTN6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1mbGlwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiAvPgogICAgPHBhdGggZmlsbD0iaW5oZXJpdCIgc3Ryb2tlPSJub25lIiBkPSJNMTEgMGgxdjI0aC0xek0xOSAyMXYtMWgydi0yaDF2MmExIDEgMCAwIDEtMSAxaC0yem0tMiAwaC0zdi0xaDN2MXptNS01aC0xdi0zaDF2M3ptMC01aC0xVjhoMXYzem0wLTVoLTFWNGgtMlYzaDJhMSAxIDAgMCAxIDEgMXYyem0tNS0zdjFoLTNWM2gzek05IDN2MUgydjE2aDd2MUgyYTEgMSAwIDAgMS0xLTFWNGExIDEgMCAwIDEgMS0xaDd6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBkPSJNMCAwSDI0VjI0SDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzQwIC0xNikgdHJhbnNsYXRlKDU0NyA4KSB0cmFuc2xhdGUoMTkzIDgpIi8+CiAgICA8cGF0aCBmaWxsPSJpbmhlcml0IiBzdHJva2U9Im5vbmUiIGQ9Ik0xMi41IDFDMTguMjk5IDEgMjMgNS43MDEgMjMgMTEuNVMxOC4yOTkgMjIgMTIuNSAyMmMtNS4yOSAwLTkuNjY1LTMuOTExLTEwLjM5NC04Ljk5OWgxLjAxMkMzLjgzOCAxNy41MzQgNy43NjQgMjEgMTIuNSAyMWM1LjI0NyAwIDkuNS00LjI1MyA5LjUtOS41UzE3Ljc0NyAyIDEyLjUgMkM4LjQ5IDIgNS4wNiA0LjQ4NSAzLjY2NiA4SDNoNHYxSDJWNGgxdjMuMDIyQzQuNjggMy40NjIgOC4zMDMgMSAxMi41IDF6bS41IDVsLS4wMDEgNS4yOTEgMi41MzcgMi41MzctLjcwOC43MDhMMTIuMjkyIDEySDEyVjZoMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NDAgLTE2KSB0cmFuc2xhdGUoNTQ3IDgpIHRyYW5zbGF0ZSgxOTMgOCkiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWhpc3RvcnktY2hlY2siIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiID4KICAgICAgICA8cGF0aCBzdHJva2U9IiM1NTU1NTUiIGQ9Ik00LjUgLTFMMS41IDIgNi41IDciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MCAtODA0KSB0cmFuc2xhdGUoNjAgODA0KSB0cmFuc2xhdGUoMiAzKSByb3RhdGUoLTkwIDQgMykiIC8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LWNyb3AiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMTJWMTJIMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NCAtODA0KSB0cmFuc2xhdGUoODQgODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0yIDBoMXYxMGMtLjU1MiAwLTEtLjQ0OC0xLTFWMHpNMTAgOXYzSDlWOWgxek05IDJoMXY2SDlWMnoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NCAtODA0KSB0cmFuc2xhdGUoODQgODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0yIDlIMTJWMTBIMnpNOSAyYy41MTMgMCAuOTM2LjM4Ni45OTMuODgzTDEwIDNIM1YyaDZ6TTIgM0gwVjJoMnYxeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg0IC04MDQpIHRyYW5zbGF0ZSg4NCA4MDQpIi8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8IS0tIFRoaXMgaWNvbiBtYWRlIGJ5IFBpeGVsIHBlcmZlY3QgZnJvbSB3d3cuZmxhdGljb24uY29tIC0tPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LXJlc2l6ZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTSA5LjQ5MjE4OCAxLjUwNzgxMiBDIDkuMzk4NDM4IDEuNDE0MDYyIDkuMjUgMS40MTQwNjIgOS4xNTYyNSAxLjUwNzgxMiBMIDUuODEyNSA0Ljg1MTU2MiBDIDUuNzE0ODQ0IDQuOTQ1MzEyIDUuNzE0ODQ0IDUuMDk3NjU2IDUuODEyNSA1LjE4NzUgQyA1Ljg1NTQ2OSA1LjIzNDM3NSA1LjkxNzk2OSA1LjI1NzgxMiA1Ljk3NjU2MiA1LjI1NzgxMiBDIDYuMDM5MDYyIDUuMjU3ODEyIDYuMTAxNTYyIDUuMjM0Mzc1IDYuMTQ4NDM4IDUuMTg3NSBMIDkuNDkyMTg4IDEuODQzNzUgQyA5LjU4NTkzOCAxLjc1IDkuNTg1OTM4IDEuNjAxNTYyIDkuNDkyMTg4IDEuNTA3ODEyIFogTSA5LjQ5MjE4OCAxLjUwNzgxMiAiLz4KICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0gOS4zMjgxMjUgMS40MzM1OTQgQyA5LjE5NTMxMiAxLjQzMzU5NCA5LjA4NTkzOCAxLjUzOTA2MiA5LjA4NTkzOCAxLjY3MTg3NSBMIDkuMDg1OTM4IDQuNTQyOTY5IEMgOS4wODU5MzggNC42NzE4NzUgOS4xOTUzMTIgNC43ODEyNSA5LjMyODEyNSA0Ljc4MTI1IEMgOS40NjA5MzggNC43ODEyNSA5LjU2NjQwNiA0LjY3MTg3NSA5LjU2NjQwNiA0LjU0Mjk2OSBMIDkuNTY2NDA2IDEuNjcxODc1IEMgOS41NjY0MDYgMS41MzkwNjIgOS40NjA5MzggMS40MzM1OTQgOS4zMjgxMjUgMS40MzM1OTQgWiBNIDkuMzI4MTI1IDEuNDMzNTk0ICIvPgogICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTSA5LjMyODEyNSAxLjQzMzU5NCBMIDYuNDU3MDMxIDEuNDMzNTk0IEMgNi4zMjgxMjUgMS40MzM1OTQgNi4yMTg3NSAxLjUzOTA2MiA2LjIxODc1IDEuNjcxODc1IEMgNi4yMTg3NSAxLjgwNDY4OCA2LjMyODEyNSAxLjkxNDA2MiA2LjQ1NzAzMSAxLjkxNDA2MiBMIDkuMzI4MTI1IDEuOTE0MDYyIEMgOS40NjA5MzggMS45MTQwNjIgOS41NjY0MDYgMS44MDQ2ODggOS41NjY0MDYgMS42NzE4NzUgQyA5LjU2NjQwNiAxLjUzOTA2MiA5LjQ2MDkzOCAxLjQzMzU5NCA5LjMyODEyNSAxLjQzMzU5NCBaIE0gOS4zMjgxMjUgMS40MzM1OTQgIi8+CiAgICA8cGF0aCBmaWxsPSIjNDM0MzQzIiBkPSJNIDUuMTg3NSA1LjgxMjUgQyA1LjA5NzY1NiA1LjcxODc1IDQuOTQ1MzEyIDUuNzE4NzUgNC44NTE1NjIgNS44MTI1IEwgMS41MDM5MDYgOS4xNTYyNSBDIDEuNDEwMTU2IDkuMjUgMS40MTAxNTYgOS40MDIzNDQgMS41MDM5MDYgOS40OTYwOTQgQyAxLjU1NDY4OCA5LjU0Mjk2OSAxLjYxMzI4MSA5LjU2NjQwNiAxLjY3MTg3NSA5LjU2NjQwNiBDIDEuNzM0Mzc1IDkuNTY2NDA2IDEuNzk2ODc1IDkuNTQyOTY5IDEuODQzNzUgOS40OTYwOTQgTCA1LjE4NzUgNi4xNDg0MzggQyA1LjI4MTI1IDYuMDU0Njg4IDUuMjgxMjUgNS45MDIzNDQgNS4xODc1IDUuODEyNSBaIE0gNS4xODc1IDUuODEyNSAiLz4KICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0gMS42NzE4NzUgNi4yMTg3NSBDIDEuNTM5MDYyIDYuMjE4NzUgMS40MzM1OTQgNi4zMjgxMjUgMS40MzM1OTQgNi40NTcwMzEgTCAxLjQzMzU5NCA5LjMyODEyNSBDIDEuNDMzNTk0IDkuNDYwOTM4IDEuNTM5MDYyIDkuNTY2NDA2IDEuNjcxODc1IDkuNTY2NDA2IEMgMS44MDQ2ODggOS41NjY0MDYgMS45MTQwNjIgOS40NjA5MzggMS45MTQwNjIgOS4zMjgxMjUgTCAxLjkxNDA2MiA2LjQ1NzAzMSBDIDEuOTE0MDYyIDYuMzI4MTI1IDEuODA0Njg4IDYuMjE4NzUgMS42NzE4NzUgNi4yMTg3NSBaIE0gMS42NzE4NzUgNi4yMTg3NSAiLz4KICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0gNC41NDI5NjkgOS4wODU5MzggTCAxLjY3MTg3NSA5LjA4NTkzOCBDIDEuNTM5MDYyIDkuMDg1OTM4IDEuNDMzNTk0IDkuMTk1MzEyIDEuNDMzNTk0IDkuMzI4MTI1IEMgMS40MzM1OTQgOS40NjA5MzggMS41MzkwNjIgOS41NjY0MDYgMS42NzE4NzUgOS41NjY0MDYgTCA0LjU0Mjk2OSA5LjU2NjQwNiBDIDQuNjcxODc1IDkuNTY2NDA2IDQuNzgxMjUgOS40NjA5MzggNC43ODEyNSA5LjMyODEyNSBDIDQuNzgxMjUgOS4xOTUzMTIgNC42NzE4NzUgOS4wODU5MzggNC41NDI5NjkgOS4wODU5MzggWiBNIDQuNTQyOTY5IDkuMDg1OTM4ICIvPgogICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTSAxMC4yODEyNSAwIEwgMC43MTg3NSAwIEMgMC4zMjAzMTIgMCAwIDAuMzIwMzEyIDAgMC43MTg3NSBMIDAgMTAuMjgxMjUgQyAwIDEwLjY3OTY4OCAwLjMyMDMxMiAxMSAwLjcxODc1IDExIEwgMTAuMjgxMjUgMTEgQyAxMC42Nzk2ODggMTEgMTEgMTAuNjc5Njg4IDExIDEwLjI4MTI1IEwgMTEgMC43MTg3NSBDIDExIDAuMzIwMzEyIDEwLjY3OTY4OCAwIDEwLjI4MTI1IDAgWiBNIDEwLjUyMzQzOCAxMC4yODEyNSBDIDEwLjUyMzQzOCAxMC40MTQwNjIgMTAuNDE0MDYyIDEwLjUyMzQzOCAxMC4yODEyNSAxMC41MjM0MzggTCAwLjcxODc1IDEwLjUyMzQzOCBDIDAuNTg1OTM4IDEwLjUyMzQzOCAwLjQ3NjU2MiAxMC40MTQwNjIgMC40NzY1NjIgMTAuMjgxMjUgTCAwLjQ3NjU2MiAwLjcxODc1IEMgMC40NzY1NjIgMC41ODU5MzggMC41ODU5MzggMC40NzY1NjIgMC43MTg3NSAwLjQ3NjU2MiBMIDEwLjI4MTI1IDAuNDc2NTYyIEMgMTAuNDE0MDYyIDAuNDc2NTYyIDEwLjUyMzQzOCAwLjU4NTkzOCAxMC41MjM0MzggMC43MTg3NSBaIE0gMTAuNTIzNDM4IDEwLjI4MTI1ICIvPgogIDwvZz4KPC9zeW1ib2w+CjwhLS0gIC0tPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LWRyYXciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxwYXRoIGQ9Ik0wIDFIMTJWMTNIMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTYgLTgwNCkgdHJhbnNsYXRlKDE1NiA4MDMpIi8+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjNDM0MzQzIiBkPSJNOS42MjIgMS41ODRsMS44MzUgMS42NTgtOC4zMSA4LjQwN0wuNSAxMi41VjExbDkuMTIyLTkuNDE2eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1NiAtODA0KSB0cmFuc2xhdGUoMTU2IDgwMykiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDM0MzQzIiBkPSJNNy42MjggMy43NTNMMTAuMzc4IDMuNzUzIDEwLjM3OCA0LjI1MyA3LjYyOCA0LjI1M3oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTYgLTgwNCkgdHJhbnNsYXRlKDE1NiA4MDMpIHJvdGF0ZSg0NSA5LjAwMyA0LjAwMykiLz4KICAgIDwvZz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWhpc3RvcnktZmlsdGVyIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiID4KICAgICAgICA8cGF0aCBkPSJNMCAwSDEyVjEySDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc2IC04MDQpIHRyYW5zbGF0ZSgyNzYgODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0xMiAzdjFIOVYzaDN6TTcgNEgwVjNoN3YxeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI3NiAtODA0KSB0cmFuc2xhdGUoMjc2IDgwNCkiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDM0MzQzIiBkPSJNMTIgOHYxSDlWOGgzek03IDlIMFY4aDd2MXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNzYgLTgwNCkgdHJhbnNsYXRlKDI3NiA4MDQpIG1hdHJpeCgtMSAwIDAgMSAxMiAwKSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik04IDFjMS4xMDUgMCAyIC44OTUgMiAycy0uODk1IDItMiAyLTItLjg5NS0yLTIgLjg5NS0yIDItMnptMCAxYy0uNTUyIDAtMSAuNDQ4LTEgMXMuNDQ4IDEgMSAxIDEtLjQ0OCAxLTEtLjQ0OC0xLTEtMXpNNCA3YzEuMTA1IDAgMiAuODk1IDIgMnMtLjg5NSAyLTIgMi0yLS44OTUtMi0yIC44OTUtMiAyLTJ6bTAgMWMtLjU1MiAwLTEgLjQ0OC0xIDFzLjQ0OCAxIDEgMSAxLS40NDggMS0xLS40NDgtMS0xLTF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjc2IC04MDQpIHRyYW5zbGF0ZSgyNzYgODA0KSIvPgogICAgPC9nPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaGlzdG9yeS1mbGlwIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiID4KICAgICAgICA8cGF0aCBkPSJNMCAwSDEyVjEySDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA4IC04MDQpIHRyYW5zbGF0ZSgxMDggODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik02IDBMNyAwIDcgMTIgNiAxMnpNMTEgMTBWOWgxdjEuNWMwIC4yNzYtLjIyNC41LS41LjVIMTB2LTFoMXpNNSAxdjFIMXY4aDR2MUguNWMtLjI3NiAwLS41LS4yMjQtLjUtLjV2LTljMC0uMjc2LjIyNC0uNS41LS41SDV6bTcgNXYyaC0xVjZoMXptMC0zdjJoLTFWM2gxek05IDF2MUg3VjFoMnptMi41IDBjLjI3NiAwIC41LjIyNC41LjVWMmgtMlYxaDEuNXpNOSAxMUg3di0xaDJ2MXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDggLTgwNCkgdHJhbnNsYXRlKDEwOCA4MDQpIi8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LWljb24iIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMTJWMTJIMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDQgLTgwNCkgdHJhbnNsYXRlKDIwNCA4MDQpIi8+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjNDM0MzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4xIiBkPSJNNiA5LjU2OEwyLjYwMSAxMSAyLjk3NSA3LjQ2NyAwLjUgNC44MiA0LjEzIDQuMDY4IDYgMSA3Ljg3IDQuMDY4IDExLjUgNC44MiA5LjAyNSA3LjQ2NyA5LjM5OSAxMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMDQgLTgwNCkgdHJhbnNsYXRlKDIwNCA4MDQpIi8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LW1hc2siIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNTIgLTgwNCkgdHJhbnNsYXRlKDI1MiA4MDQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMEgxMlYxMkgweiIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI2IiBjeT0iNiIgcj0iMi41IiBzdHJva2U9IiM0NDQiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTExLjUgMGMuMjc2IDAgLjUuMjI0LjUuNXYxMWMwIC4yNzYtLjIyNC41LS41LjVILjVjLS4yNzYgMC0uNS0uMjI0LS41LS41Vi41QzAgLjIyNC4yMjQgMCAuNSAwaDExek0xMSAxSDF2MTBoMTBWMXoiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oaXN0b3J5LXJvdGF0ZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGlkPSJyZm40cnlsZmZhIiBkPSJNNyAxMmMtLjMzNSAwLS42NjMtLjAyNS0uOTgzLS4wNzRDMy4xNzEgMTEuNDkyIDEgOS4yMDUgMSA2LjQ0NGMwLTEuMzYzLjUzNC0yLjYxMyAxLjQxNS0zLjU4Ii8+CiAgICAgICAgPG1hc2sgaWQ9IjZmOWduMmR5c2IiIHdpZHRoPSI2IiBoZWlnaHQ9IjkuMTM2IiB4PSIwIiB5PSIwIiBtYXNrVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94Ij4KICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcmZuNHJ5bGZmYSIgc3Ryb2tlPSI0MzQzNDMiLz4KICAgICAgICA8L21hc2s+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMzIgLTgwNCkgdHJhbnNsYXRlKDEzMiA4MDQpIj4KICAgICAgICAgICAgPHBhdGggZD0iTTAgMC41SDEyVjEyLjVIMHoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTYuNSAxQzkuNTM4IDEgMTIgMy40NjIgMTIgNi41YzAgMi4zNy0xLjUgNC4zOS0zLjYgNS4xNjNsLS40MDctLjkxNkM5Ljc0NCAxMC4xMyAxMSA4LjQ2MiAxMSA2LjUgMTEgNC4wMTUgOC45ODUgMiA2LjUgMmMtLjc3NyAwLTEuNTA5LjE5Ny0yLjE0Ny41NDRMNCAxLjc1bC0uMjA1LS4wNEM0LjU5NCAxLjI1OCA1LjUxNyAxIDYuNSAxeiIvPgogICAgICAgICAgICA8dXNlIHN0cm9rZT0iIzQzNDM0MyIgc3Ryb2tlLWRhc2hhcnJheT0iMiAxLjI1IiBzdHJva2Utd2lkdGg9IjEiIG1hc2s9InVybCgjNmY5Z24yZHlzYikiIHhsaW5rOmhyZWY9IiNyZm40cnlsZmZhIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik00LjI3OSAwTDYgMS43NSA0LjI1IDMuNTcxIDMuNTQzIDIuODY0IDQuNTg2IDEuNzUgMy41NzIgMC43MDd6IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSA5LjU0MyAwKSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWhpc3Rvcnktc2hhcGUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyBmaWxsPSJub25lIiBzdHJva2U9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgPgogICAgICAgIDxwYXRoIGQ9Ik0wIDBIMTJWMTJIMHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODAgLTgwNCkgdHJhbnNsYXRlKDE4MCA4MDQpIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTExLjUgNGMuMjc2IDAgLjUuMjI0LjUuNXY3YzAgLjI3Ni0uMjI0LjUtLjUuNWgtN2MtLjI3NiAwLS41LS4yMjQtLjUtLjVWOC44aDFWMTFoNlY1SDguMzQxbC0uNTY4LTFIMTEuNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xODAgLTgwNCkgdHJhbnNsYXRlKDE4MCA4MDQpIi8+CiAgICAgICAgPHBhdGggc3Ryb2tlPSIjNDM0MzQzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik00LjUgMC41TDguNSA3LjYxMSAwLjUgNy42MTF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTgwIC04MDQpIHRyYW5zbGF0ZSgxODAgODA0KSIvPgogICAgPC9nPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaGlzdG9yeS10ZXh0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiID4KICAgICAgICA8cGF0aCBkPSJNMCAwSDEyVjEySDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI4IC04MDQpIHRyYW5zbGF0ZSgyMjggODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0yIDFoOGMuNTUyIDAgMSAuNDQ4IDEgMUgxYzAtLjU1Mi40NDgtMSAxLTF6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI4IC04MDQpIHRyYW5zbGF0ZSgyMjggODA0KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik0xIDFIMlYzSDF6TTEwIDFIMTFWM0gxMHpNNS41IDFMNi41IDEgNi41IDExIDUuNSAxMXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMjggLTgwNCkgdHJhbnNsYXRlKDIyOCA4MDQpIi8+CiAgICAgICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTQgMTBIOFYxMUg0eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIyOCAtODA0KSB0cmFuc2xhdGUoMjI4IDgwNCkiLz4KICAgIDwvZz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWhpc3RvcnktbG9hZCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMCAwSDEyVjEySDB6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI0IC04MDUpIHRyYW5zbGF0ZSgzMjQgODA1KSIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0MzQzNDMiIGQ9Ik01IDBjLjU1MiAwIDEgLjQ0OCAxIDF2MWg1LjVjLjI3NiAwIC41LjIyNC41LjV2OGMwIC4yNzYtLjIyNC41LS41LjVILjVjLS4yNzYgMC0uNS0uMjI0LS41LS41VjFjMC0uNTUyLjQ0OC0xIDEtMWg0em0wIDFIMXY5aDEwVjNINVYxeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyNCAtODA1KSB0cmFuc2xhdGUoMzI0IDgwNSkiLz4KICAgICAgICA8cGF0aCBmaWxsPSIjNDM0MzQzIiBkPSJNMSAyTDUgMiA1IDMgMSAzeiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMyNCAtODA1KSB0cmFuc2xhdGUoMzI0IDgwNSkiLz4KICAgIDwvZz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWhpc3RvcnktZGVsZXRlIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGZpbGw9IiM0MzQzNDMiPgogICAgICAgICAgICA8cGF0aCBkPSJNMiA5aDhWMWgxdjguNWMwIC4yNzYtLjIyNC41LS41LjVoLTljLS4yNzYgMC0uNS0uMjI0LS41LS41VjFoMXY4ek0wIDBIMTJWMUgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMCAtODA0KSB0cmFuc2xhdGUoMzAwIDgwNCkgdHJhbnNsYXRlKDAgMikiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTQgM0g1VjdINHpNNyAzSDhWN0g3eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTMwMCAtODA0KSB0cmFuc2xhdGUoMzAwIDgwNCkgdHJhbnNsYXRlKDAgMikiLz4KICAgICAgICAgICAgPHBhdGggZD0iTTQgMWg0VjBoMXYxLjVjMCAuMjc2LS4yMjQuNS0uNS41aC01Yy0uMjc2IDAtLjUtLjIyNC0uNS0uNVYwaDF2MXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMDAgLTgwNCkgdHJhbnNsYXRlKDMwMCA4MDQpIG1hdHJpeCgxIDAgMCAtMSAwIDIpIi8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaGlzdG9yeS1ncm91cCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzQ4IC04MDQpIHRyYW5zbGF0ZSgzNDggODA0KSI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wIDBIMTJWMTJIMHoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzQzNDM0MyIgZD0iTTEgOXYyaDF2MUguNWMtLjI3NiAwLS41LS4yMjQtLjUtLjVWOWgxem0xMSAxdjEuNWMwIC4yNzYtLjIyNC41LS41LjVIOXYtMWgydi0xaDF6bS00IDF2MUg2di0xaDJ6bS0zIDB2MUgzdi0xaDJ6bTctNHYyaC0xVjdoMXpNMSA2djJIMFY2aDF6bTExLTJ2MmgtMVY0aDF6TTEgM3YySDBWM2gxem0xMC41LTNjLjI3NiAwIC41LjIyNC41LjVWM2gtMVYxaC0xVjBoMS41ek02IDB2MUg0VjBoMnptMyAwdjFIN1YwaDJ6TTAgLjVDMCAuMjI0LjIyNCAwIC41IDBIM3YxSDF2MUgwVi41ek05LjUgNGMuMjc2IDAgLjUuMjI0LjUuNXY1YzAgLjI3Ni0uMjI0LjUtLjUuNWgtNWMtLjI3NiAwLS41LS4yMjQtLjUtLjVWOC4zNTVjLjMxNy4wOTQuNjUyLjE0NSAxIC4xNDVWOWg0VjVoLS41YzAtLjM0OC0uMDUtLjY4My0uMTQ1LTFIOS41eiIvPgogICAgICAgICAgICA8Y2lyY2xlIGN4PSI1IiBjeT0iNSIgcj0iMi41IiBzdHJva2U9IiM0MzQzNDMiLz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1pY29uLWFycm93LTIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIxLjc5MyAxOC41SDIuNXYtNWgxOC45MzVsLTcuNi04aDUuODcybDEwLjUgMTAuNS0xMC41IDEwLjVoLTUuOTE0bDgtOHoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWljb24tYXJyb3ctMyIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMjUuMjg4IDE2LjQyTDE0LjIwOCAyNy41SDYuNzkybDExLjI5MS0xMS4yOTFMNi44MjYgNC41aDcuMzgxbDExLjY2MSAxMS42NjEtLjU4LjI1OHoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWljb24tYXJyb3ciIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIGQ9Ik0yLjUgMTEuNXY5aDE4djUuMjkzTDMwLjI5MyAxNiAyMC41IDYuMjA3VjExLjVoLTE4eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbi1idWJibGUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTIyLjIwNyAyNC41TDE2LjUgMzAuMjA3VjI0LjVIOEE2LjUgNi41IDAgMCAxIDEuNSAxOFY5QTYuNSA2LjUgMCAwIDEgOCAyLjVoMTZBNi41IDYuNSAwIDAgMSAzMC41IDl2OWE2LjUgNi41IDAgMCAxLTYuNSA2LjVoLTEuNzkzeiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbi1oZWFydCIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0ibm9uemVybyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBkPSJNMTUuOTk2IDMwLjY3NWwxLjk4MS0xLjc5YzcuODk4LTcuMTc3IDEwLjM2NS05LjcxOCAxMi4xMzUtMTMuMDEyLjkyMi0xLjcxNiAxLjM3Ny0zLjM3IDEuMzc3LTUuMDc2IDAtNC42NS0zLjY0Ny04LjI5Ny04LjI5Ny04LjI5Ny0yLjMzIDAtNC44NiAxLjUyNy02LjgxNyAzLjgyNGwtLjM4LjQ0Ny0uMzgxLS40NDdDMTMuNjU4IDQuMDI3IDExLjEyNiAyLjUgOC43OTcgMi41IDQuMTQ3IDIuNS41IDYuMTQ3LjUgMTAuNzk3YzAgMS43MTQuNDYgMy4zNzUgMS4zODkgNS4wOTggMS43NzUgMy4yODggNC4yNiA1Ljg0MyAxMi4xMjMgMTIuOTc0bDEuOTg0IDEuODA2eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbi1sb2FkIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xNy4zMTQgMTguODY3bDEuOTUxLTIuNTMgNCA1LjE4NGgtMTdsNi41LTguODQgNC41NDkgNi4xODZ6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0xOC4wMSA0YTExLjc5OCAxMS43OTggMCAwIDAgMCAxSDN2MjRoMjRWMTQuOTg2YTguNzM4IDguNzM4IDAgMCAwIDEgMFYyOWExIDEgMCAwIDEtMSAxSDNhMSAxIDAgMCAxLTEtMVY1YTEgMSAwIDAgMSAxLTFoMTUuMDF6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0yNSAzaDF2OWgtMXoiLz4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgZD0iTTIyIDZsMy41LTMuNUwyOSA2Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1pY29uLWxvY2F0aW9uIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBkPSJNMTYgMzEuMjhDMjMuNjc1IDIzLjMwMiAyNy41IDE3LjE4MSAyNy41IDEzYzAtNi4zNTEtNS4xNDktMTEuNS0xMS41LTExLjVTNC41IDYuNjQ5IDQuNSAxM2MwIDQuMTgxIDMuODI1IDEwLjMwMiAxMS41IDE4LjI4eiIvPgogICAgPGNpcmNsZSBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIGN4PSIxNiIgY3k9IjEzIiByPSI0LjUiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLWljb24tcG9seWdvbiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgZD0iTS41NzYgMTZMOC4yOSAyOS41aDE1LjQyTDMxLjQyNCAxNiAyMy43MSAyLjVIOC4yOUwuNTc2IDE2eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbi1zdGFyLTIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIGQ9Ik0xOS40NDYgMzEuNTkybDIuMjY1LTMuMjcyIDMuOTQ2LjI1LjYzNi0zLjk0IDMuNjY1LTEuNTA1LTEuMTItMy44MzIgMi42NTUtMi45NjItMi42NTYtMi45NjIgMS4xMi0zLjgzMi0zLjY2NC0xLjUwNS0uNjM2LTMuOTQxLTMuOTQ2LjI1LTIuMjY1LTMuMjcxTDE2IDMuMDI0IDEyLjU1NCAxLjA3IDEwLjI4OSA0LjM0bC0zLjk0Ni0uMjUtLjYzNiAzLjk0MS0zLjY2NSAxLjUwNSAxLjEyIDMuODMyTC41MDggMTYuMzNsMi42NTYgMi45NjItMS4xMiAzLjgzMiAzLjY2NCAxLjUwNC42MzYgMy45NDIgMy45NDYtLjI1IDIuMjY1IDMuMjdMMTYgMjkuNjM4bDMuNDQ2IDEuOTU1eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbi1zdGFyIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBkPSJNMjUuMjkyIDI5Ljg3OGwtMS43NzUtMTAuMzQ2IDcuNTE3LTcuMzI3LTEwLjM4OC0xLjUxTDE2IDEuMjgybC00LjY0NiA5LjQxMy0xMC4zODggMS41MSA3LjUxNyA3LjMyNy0xLjc3NSAxMC4zNDZMMTYgMjQuOTkzbDkuMjkyIDQuODg1eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtaWNvbiIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSJNMTEuOTIzIDE5LjEzNkw1LjQyNCAyMmwuNzE1LTcuMDY1LTQuNzMxLTUuMjk2IDYuOTQtMS41MDNMMTEuOTIzIDJsMy41NzQgNi4xMzYgNi45NCAxLjUwMy00LjczMSA1LjI5NkwxOC40MiAyMnoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLW1hc2stbG9hZCIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMTguMDEgNGExMS43OTggMTEuNzk4IDAgMCAwIDAgMUgzdjI0aDI0VjE0Ljk4NmE4LjczOCA4LjczOCAwIDAgMCAxIDBWMjlhMSAxIDAgMCAxLTEgMUgzYTEgMSAwIDAgMS0xLTFWNWExIDEgMCAwIDEgMS0xaDE1LjAxek0xNSAyM2E2IDYgMCAxIDEgMC0xMiA2IDYgMCAwIDEgMCAxMnptMC0xYTUgNSAwIDEgMCAwLTEwIDUgNSAwIDAgMCAwIDEweiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMjUgM2gxdjloLTF6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIGQ9Ik0yMiA2bDMuNS0zLjVMMjkgNiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtbWFzayIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjQuNSIgc3Ryb2tlPSJpbmhlcml0IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0yIDFoMjBhMSAxIDAgMCAxIDEgMXYyMGExIDEgMCAwIDEtMSAxSDJhMSAxIDAgMCAxLTEtMVYyYTEgMSAwIDAgMSAxLTF6bTAgMXYyMGgyMFYySDJ6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1yZWRvIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgb3BhY2l0eT0iLjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTIxIDZIOWE2IDYgMCAxIDAgMCAxMmgxMnYxSDlBNyA3IDAgMCAxIDkgNWgxMnYxeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBkPSJNMTkgM2wyLjUgMi41TDE5IDgiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXJlc2V0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgb3BhY2l0eT0iLjUiIHN0cm9rZT0ibm9uZSIgZmlsbD0ibm9uZSIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMiAxM3YtMWE3IDcgMCAwIDEgNy03aDEzdjFoLTF2NWgxdjFhNyA3IDAgMCAxLTcgN0gydi0xaDF2LTVIMnptNy03YTYgNiAwIDAgMC02IDZ2NmgxMmE2IDYgMCAwIDAgNi02VjZIOXoiLz4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iaW5oZXJpdCIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTE5IDNsMi41IDIuNUwxOSA4TTUgMTZsLTIuNSAyLjVMNSAyMSIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtcm90YXRlLWNsb2Nrd2lzZSIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTI5IDE3aC0uOTI0YzAgNi42MjctNS4zNzMgMTItMTIgMTItNi42MjggMC0xMi01LjM3My0xMi0xMkM0LjA3NiAxMC4zOTggOS40MDcgNS4wNDEgMTYgNVY0QzguODIgNCAzIDkuODIgMyAxN3M1LjgyIDEzIDEzIDEzIDEzLTUuODIgMTMtMTN6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0xNiAxLjVsNCAzLTQgMyIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNiA0aDR2MWgtNHoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXJvdGF0ZS1jb3VudGVyY2xvY2t3aXNlIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMyAxN2guOTI0YzAgNi42MjcgNS4zNzMgMTIgMTIgMTIgNi42MjggMCAxMi01LjM3MyAxMi0xMiAwLTYuNjAyLTUuMzMxLTExLjk2LTExLjkyNC0xMlY0YzcuMTggMCAxMyA1LjgyIDEzIDEzcy01LjgyIDEzLTEzIDEzUzMgMjQuMTggMyAxN3oiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIgNGg0djFoLTR6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik0xNiAxLjVsLTQgMyA0IDMiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXJvdGF0ZSIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgLz4KICAgIDxwYXRoIGZpbGw9ImluaGVyaXQiIHN0cm9rZT0ibm9uZSIgZD0iTTguMzQ5IDIyLjI1NGExMC4wMDIgMTAuMDAyIDAgMCAxLTIuNzc4LTEuNzE5bC42NS0uNzZhOS4wMDIgOS4wMDIgMCAwIDAgMi40OTUgMS41NDhsLS4zNjcuOTMxem0yLjg3My43MDRsLjA3OC0uOTk3YTkgOSAwIDEgMC0uNTU3LTE3Ljg1MmwtLjE0LS45OUExMC4wNzYgMTAuMDc2IDAgMCAxIDEyLjE0NSAzYzUuNTIzIDAgMTAgNC40NzcgMTAgMTBzLTQuNDc3IDEwLTEwIDEwYy0uMzEyIDAtLjYyLS4wMTQtLjkyNC0uMDQyem0tNy41NTYtNC42NTVhOS45NDIgOS45NDIgMCAwIDEtMS4yNTMtMi45OTZsLjk3My0uMjM0YTguOTQ4IDguOTQ4IDAgMCAwIDEuMTI0IDIuNjkzbC0uODQ0LjUzN3ptLTEuNTAyLTUuOTFBOS45NDkgOS45NDkgMCAwIDEgMi44OCA5LjIzbC45MjUuMzgyYTguOTU0IDguOTU0IDAgMCAwLS42NDQgMi44NDRsLS45OTgtLjA2MnptMi4yMS01LjY4NmMuNjg3LS44NDggMS41MS0xLjU4IDIuNDM2LTIuMTY2bC41MjMuODUyYTkuMDQ4IDkuMDQ4IDAgMCAwLTIuMTg4IDEuOTVsLS43NzEtLjYzNnoiLz4KICAgIDxwYXRoIHN0cm9rZT0iaW5oZXJpdCIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgZD0iTTEzIDFsLTIuNSAyLjVMMTMgNiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtc2hhcGUtY2lyY2xlIiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTQuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1zaGFwZS1yZWN0YW5nbGUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cmVjdCB3aWR0aD0iMjciIGhlaWdodD0iMjciIHg9IjIuNSIgeT0iMi41IiBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHJ4PSIxIi8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1zaGFwZS10cmlhbmdsZSIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTE2IDIuNWwxNS41IDI3SC41eiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtc2hhcGUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0xNC43MDYgOEgyMWExIDEgMCAwIDEgMSAxdjEyYTEgMSAwIDAgMS0xIDFIOWExIDEgMCAwIDEtMS0xdi00aDF2NGgxMlY5aC01LjcwNmwtLjU4OC0xeiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik04LjUgMS41bDcuNSAxM0gxeiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtdGV4dC1hbGlnbi1jZW50ZXIiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMzJ2MzJIMHoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTIgNWgyOHYxSDJ6TTggMTJoMTZ2MUg4ek0yIDE5aDI4djFIMnpNOCAyNmgxNnYxSDh6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy10ZXh0LWFsaWduLWxlZnQiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMzJ2MzJIMHoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTIgNWgyOHYxSDJ6TTIgMTJoMTZ2MUgyek0yIDE5aDI4djFIMnpNMiAyNmgxNnYxSDJ6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy10ZXh0LWFsaWduLXJpZ2h0IiB2aWV3Qm94PSIwIDAgMzIgMzIiPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJub25lIiBkPSJNMCAwaDMydjMySDB6Ii8+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9ImluaGVyaXQiIGQ9Ik0yIDVoMjh2MUgyek0xNCAxMmgxNnYxSDE0ek0yIDE5aDI4djFIMnpNMTQgMjZoMTZ2MUgxNHoiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXRleHQtYm9sZCIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNNyAyaDJ2Mkg3ek03IDI4aDJ2Mkg3eiIvPgogICAgPHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSJpbmhlcml0IiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik05IDN2MTJoOWE2IDYgMCAxIDAgMC0xMkg5ek05IDE1djE0aDEwYTcgNyAwIDAgMCAwLTE0SDl6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy10ZXh0LWl0YWxpYyIgdmlld0JveD0iMCAwIDMyIDMyIj4KICAgIDxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMTUgMmg1djFoLTV6TTExIDI5aDV2MWgtNXpNMTcgM2gxbC00IDI2aC0xeiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtdGV4dC11bmRlcmxpbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+CiAgICA8cGF0aCBzdHJva2U9Im5vbmUiIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMzJ2MzJIMHoiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTggMnYxNGE4IDggMCAxIDAgMTYgMFYyaDF2MTRhOSA5IDAgMCAxLTE4IDBWMmgxek0zIDI5aDI2djFIM3oiLz4KICAgIDxwYXRoIHN0cm9rZT0ibm9uZSIgZmlsbD0iaW5oZXJpdCIgZD0iTTUgMmg1djFINXpNMjIgMmg1djFoLTV6Ii8+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy10ZXh0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNNCAzaDE1YTEgMSAwIDAgMSAxIDFIM2ExIDEgMCAwIDEgMS0xek0zIDRoMXYxSDN6TTE5IDRoMXYxaC0xeiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMTEgM2gxdjE4aC0xeiIvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMTAgMjBoM3YxaC0zeiIvPgo8L3N5bWJvbD4KPHN5bWJvbCBpZD0iaWMtdW5kbyIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGQ9Ik0yNCAwSDB2MjRoMjR6IiBvcGFjaXR5PSIuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJub25lIiAvPgogICAgPHBhdGggc3Ryb2tlPSJub25lIiBmaWxsPSJpbmhlcml0IiBkPSJNMyA2aDEyYTYgNiAwIDEgMSAwIDEySDN2MWgxMmE3IDcgMCAwIDAgMC0xNEgzdjF6Ii8+CiAgICA8cGF0aCBmaWxsPSJub25lIiBzdHJva2U9ImluaGVyaXQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIGQ9Ik01IDNMMi41IDUuNSA1IDgiLz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXpvb20taW4iIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjI5IC0yOTApIHRyYW5zbGF0ZSgyMjkgMjkwKSI+CiAgICAgICAgPGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwLjUiIHI9IjkiIHN0cm9rZT0iaW5oZXJpdCIgZmlsbD0ibm9uZSIvPgogICAgICAgIDxwYXRoIGZpbGw9ImluaGVyaXQiIGQ9Ik0xOC44MjggMTUuODI4SDE5LjgyOFYyMi44MjhIMTguODI4eiIgdHJhbnNmb3JtPSJyb3RhdGUoLTQ1IDE5LjMyOCAxOS4zMjgpIi8+CiAgICAgICAgPHBhdGggZmlsbD0iaW5oZXJpdCIgZD0iTTcgMTBIMTRWMTFIN3oiLz4KICAgICAgICA8cGF0aCBmaWxsPSJpbmhlcml0IiBkPSJNMTAgN0gxMVYxNEgxMHoiLz4KICAgIDwvZz4KPC9zeW1ib2w+CjxzeW1ib2wgaWQ9ImljLXpvb20tb3V0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI2MyAtMjkwKSB0cmFuc2xhdGUoMjYzIDI5MCkiPgogICAgICAgIDxjaXJjbGUgY3g9IjEwLjUiIGN5PSIxMC41IiByPSI5IiBzdHJva2U9ImluaGVyaXQiIGZpbGw9Im5vbmUiLz4KICAgICAgICA8cGF0aCBmaWxsPSJpbmhlcml0IiBkPSJNMTguODI4IDE1LjgyOEgxOS44MjhWMjIuODI4SDE4LjgyOHoiIHRyYW5zZm9ybT0icm90YXRlKC00NSAxOS4zMjggMTkuMzI4KSIvPgogICAgICAgIDxwYXRoIGZpbGw9ImluaGVyaXQiIGQ9Ik03IDEwSDE0VjExSDd6Ii8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8c3ltYm9sIGlkPSJpYy1oYW5kIiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8cGF0aCBmaWxsPSJpbmhlcml0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik04LjY3MiAzLjM2YzEuMzI4IDAgMi4xMTQuNzggMi4yOSAxLjg2OWwuMDE0LjEwMS4wMjMuMDA2djEuMDQybC0uNjM4LS4xODVjLS4xODctLjA1NS0uMzIzLS4yMTEtLjM1NC0uMzk5TDEwIDUuNzEzYzAtLjgyNS0uNDItMS4zNTMtMS4zMjgtMS4zNTNDNy42OTUgNC4zNiA3IDUuMDQxIDcgNS43MTN2Ny45NDFjMCAuNDM5LS41MjQuNjY1LS44NDMuMzY0bC0xLjg2OC0xLjc2MWMtLjU5NS0uNTI4LTEuMzE2LS42MTctMS45MTgtLjIxNi0uNTIyLjM0OC0uNTYyIDEuMjAzLS4xOCAxLjhMNy43MzggMjJoMTEuMDEzbC4yODUtLjUxOGMxLjI0Ny0yLjMyNiAxLjg5Ny00LjI1OSAxLjk2LTUuNzg1bC4wMDQtLjIzOVY4LjAzNWMwLS42NTYtLjUtMS4xNy0xLTEuMTctLjUwMyAwLTEgLjQ1Ni0xIDEuMTcgMCAuMzMzLS4zMi41NzMtLjY0LjQ4TDE4IDguNDFWNy4zNjhsLjA4Ni4wMjYuMDQyLS4xMzZjLjI3OS0uODA1Ljk3OC0xLjMzMiAxLjczOC0xLjM4OEwyMCA1Ljg2NWMxLjA1NyAwIDIgLjk2NyAyIDIuMTd2Ny40MjNjMCAxLjkyOS0uODQ1IDQuMzUyLTIuNTIxIDcuMjktLjA5LjE1Ni0uMjU1LjI1Mi0uNDM1LjI1Mkg3LjQ3NGMtLjE2NiAwLS4zMjEtLjA4Mi0uNDE0LS4yMTlsLTUuNzA0LTguMzljLS42NTMtMS4wMTktLjU4NC0yLjQ4Ni40Ni0zLjE4MiAxLS42NjYgMi4yMTYtLjUxNiAzLjE0OC4zMUw2IDEyLjQ5NVY1LjcxM2MwLTEuMTggMS4wNTgtMi4yNjMgMi40OS0yLjM0OHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTcgLTI5MCkgdHJhbnNsYXRlKDI5NyAyOTApIi8+CiAgICAgICAgPHBhdGggZmlsbD0iaW5oZXJpdCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTIuNSAxLjVjMS4zMjUgMCAyLjQxIDEuMDMyIDIuNDk1IDIuMzM2TDE1IDR2Ny4yMmgtMVY0YzAtLjgyOC0uNjcyLTEuNS0xLjUtMS41LS43OCAwLTEuNDIuNTk1LTEuNDkzIDEuMzU2TDExIDR2Ny4yMmgtMVY0YzAtMS4zOCAxLjEyLTIuNSAyLjUtMi41eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5NyAtMjkwKSB0cmFuc2xhdGUoMjk3IDI5MCkiLz4KICAgICAgICA8cGF0aCBmaWxsPSJpbmhlcml0IiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNi41IDMuNWMxLjMyNSAwIDIuNDEgMS4wMzIgMi40OTUgMi4zMzZMMTkgNnY2LjNoLTFWNmMwLS44MjgtLjY3Mi0xLjUtMS41LTEuNS0uNzggMC0xLjQyLjU5NS0xLjQ5MyAxLjM1NkwxNSA2djIuNDRoLTFWNmMwLTEuMzggMS4xMi0yLjUgMi41LTIuNXoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yOTcgLTI5MCkgdHJhbnNsYXRlKDI5NyAyOTApIi8+CiAgICA8L2c+Cjwvc3ltYm9sPgo8L2RlZnM+Cjwvc3ZnPgo=";
-
-/***/ }),
-
-/***/ 4858:
-/***/ (function(module) {
-
-"use strict";
-module.exports = __WEBPACK_EXTERNAL_MODULE__4858__;
-
-/***/ }),
-
-/***/ 4960:
-/***/ (function() {
-
-/* (ignored) */
-
-/***/ }),
-
-/***/ 6759:
-/***/ (function() {
-
-/* (ignored) */
-
-/***/ }),
-
-/***/ 6272:
-/***/ (function() {
-
-/* (ignored) */
-
-/***/ })
-
-/******/ });
-/************************************************************************/
-/******/ // The module cache
-/******/ var __webpack_module_cache__ = {};
-/******/
-/******/ // The require function
-/******/ function __webpack_require__(moduleId) {
-/******/ // Check if module is in cache
-/******/ var cachedModule = __webpack_module_cache__[moduleId];
-/******/ if (cachedModule !== undefined) {
-/******/ return cachedModule.exports;
-/******/ }
-/******/ // Create a new module (and put it into the cache)
-/******/ var module = __webpack_module_cache__[moduleId] = {
-/******/ // no module.id needed
-/******/ // no module.loaded needed
-/******/ exports: {}
-/******/ };
-/******/
-/******/ // Execute the module function
-/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/
-/******/ // Return the exports of the module
-/******/ return module.exports;
-/******/ }
-/******/
-/************************************************************************/
-/******/ /* webpack/runtime/compat get default export */
-/******/ !function() {
-/******/ // getDefaultExport function for compatibility with non-harmony modules
-/******/ __webpack_require__.n = function(module) {
-/******/ var getter = module && module.__esModule ?
-/******/ function() { return module['default']; } :
-/******/ function() { return module; };
-/******/ __webpack_require__.d(getter, { a: getter });
-/******/ return getter;
-/******/ };
-/******/ }();
-/******/
-/******/ /* webpack/runtime/define property getters */
-/******/ !function() {
-/******/ // define getter functions for harmony exports
-/******/ __webpack_require__.d = function(exports, definition) {
-/******/ for(var key in definition) {
-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ }
-/******/ }
-/******/ };
-/******/ }();
-/******/
-/******/ /* webpack/runtime/global */
-/******/ !function() {
-/******/ __webpack_require__.g = (function() {
-/******/ if (typeof globalThis === 'object') return globalThis;
-/******/ try {
-/******/ return this || new Function('return this')();
-/******/ } catch (e) {
-/******/ if (typeof window === 'object') return window;
-/******/ }
-/******/ })();
-/******/ }();
-/******/
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ !function() {
-/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ }();
-/******/
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be in strict mode.
-!function() {
-"use strict";
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
- "default": function() { return /* binding */ src; }
-});
-
-// UNUSED EXPORTS: ImageEditor
-
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/trim.js
-var trim = __webpack_require__(9131);
-var trim_default = /*#__PURE__*/__webpack_require__.n(trim);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/index-of.js
-var index_of = __webpack_require__(1899);
-var index_of_default = /*#__PURE__*/__webpack_require__.n(index_of);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/splice.js
-var splice = __webpack_require__(6562);
-var splice_default = /*#__PURE__*/__webpack_require__.n(splice);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/object/define-property.js
-var define_property = __webpack_require__(1734);
-var define_property_default = /*#__PURE__*/__webpack_require__.n(define_property);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/instance/slice.js
-var slice = __webpack_require__(8005);
-var slice_default = /*#__PURE__*/__webpack_require__.n(slice);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/object/create.js
-var create = __webpack_require__(6065);
-var create_default = /*#__PURE__*/__webpack_require__.n(create);
-// EXTERNAL MODULE: ../../node_modules/@babel/runtime-corejs3/core-js-stable/set-timeout.js
-var set_timeout = __webpack_require__(4496);
-var set_timeout_default = /*#__PURE__*/__webpack_require__.n(set_timeout);
-;// CONCATENATED MODULE: ./src/js/polyfill.js
-
-
-
-
-
-
-
-
-/* eslint-disable */
-// https://developer.mozilla.org/en-US/docs/Web/API/Element/closest
-if (!Element.prototype.matches) {
- Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
-}
-
-if (!Element.prototype.closest) {
- Element.prototype.closest = function (s) {
- var el = this;
-
- do {
- if (Element.prototype.matches.call(el, s)) return el;
- el = el.parentElement || el.parentNode;
- } while (el !== null && el.nodeType === 1);
-
- return null;
- };
-}
-/*
- * classList.js: Cross-browser full element.classList implementation.
- * 1.2.20171210
- *
- * By Eli Grey, http://eligrey.com
- * License: Dedicated to the public domain.
- * See https://github.com/eligrey/classList.js/blob/master/LICENSE.md
- */
-
-/*global self, document, DOMException */
-
-/*! @source http://purl.eligrey.com/github/classList.js/blob/master/classList.js */
-
-
-if ('document' in self) {
- // Full polyfill for browsers with no classList support
- // Including IE < Edge missing SVGElement.classList
- if (!('classList' in document.createElement('_')) || document.createElementNS && !('classList' in document.createElementNS('http://www.w3.org/2000/svg', 'g'))) {
- (function (view) {
- 'use strict';
-
- if (!('Element' in view)) return;
-
- var classListProp = 'classList',
- protoProp = 'prototype',
- elemCtrProto = view.Element[protoProp],
- objCtr = Object,
- strTrim = trim_default()(String[protoProp]) || function () {
- return this.replace(/^\s+|\s+$/g, '');
- },
- arrIndexOf = index_of_default()(Array[protoProp]) || function (item) {
- var i = 0,
- len = this.length;
-
- for (; i < len; i++) {
- if (i in this && this[i] === item) {
- return i;
- }
- }
-
- return -1;
- },
- // Vendors: please allow content code to instantiate DOMExceptions
- DOMEx = function DOMEx(type, message) {
- this.name = type;
- this.code = DOMException[type];
- this.message = message;
- },
- checkTokenAndGetIndex = function checkTokenAndGetIndex(classList, token) {
- if (token === '') {
- throw new DOMEx('SYNTAX_ERR', 'The token must not be empty.');
- }
-
- if (/\s/.test(token)) {
- throw new DOMEx('INVALID_CHARACTER_ERR', 'The token must not contain space characters.');
- }
-
- return arrIndexOf.call(classList, token);
- },
- ClassList = function ClassList(elem) {
- var trimmedClasses = strTrim.call(elem.getAttribute('class') || ''),
- classes = trimmedClasses ? trimmedClasses.split(/\s+/) : [],
- i = 0,
- len = classes.length;
-
- for (; i < len; i++) {
- this.push(classes[i]);
- }
-
- this._updateClassName = function () {
- elem.setAttribute('class', this.toString());
- };
- },
- classListProto = ClassList[protoProp] = [],
- classListGetter = function classListGetter() {
- return new ClassList(this);
- }; // Most DOMException implementations don't allow calling DOMException's toString()
- // on non-DOMExceptions. Error's toString() is sufficient here.
-
-
- DOMEx[protoProp] = Error[protoProp];
-
- classListProto.item = function (i) {
- return this[i] || null;
- };
-
- classListProto.contains = function (token) {
- return ~checkTokenAndGetIndex(this, token + '');
- };
-
- classListProto.add = function () {
- var tokens = arguments,
- i = 0,
- l = tokens.length,
- token,
- updated = false;
-
- do {
- token = tokens[i] + '';
-
- if (!~checkTokenAndGetIndex(this, token)) {
- this.push(token);
- updated = true;
- }
- } while (++i < l);
-
- if (updated) {
- this._updateClassName();
- }
- };
-
- classListProto.remove = function () {
- var tokens = arguments,
- i = 0,
- l = tokens.length,
- token,
- updated = false,
- index;
-
- do {
- token = tokens[i] + '';
- index = checkTokenAndGetIndex(this, token);
-
- while (~index) {
- var _context;
-
- splice_default()(_context = this).call(_context, index, 1);
-
- updated = true;
- index = checkTokenAndGetIndex(this, token);
- }
- } while (++i < l);
-
- if (updated) {
- this._updateClassName();
- }
- };
-
- classListProto.toggle = function (token, force) {
- var result = this.contains(token),
- method = result ? force !== true && 'remove' : force !== false && 'add';
-
- if (method) {
- this[method](token);
- }
-
- if (force === true || force === false) {
- return force;
- } else {
- return !result;
- }
- };
-
- classListProto.replace = function (token, replacement_token) {
- var index = checkTokenAndGetIndex(token + '');
-
- if (~index) {
- var _context2;
-
- splice_default()(_context2 = this).call(_context2, index, 1, replacement_token);
-
- this._updateClassName();
- }
- };
-
- classListProto.toString = function () {
- return this.join(' ');
- };
-
- if ((define_property_default())) {
- var classListPropDesc = {
- get: classListGetter,
- enumerable: true,
- configurable: true
- };
-
- try {
- define_property_default()(elemCtrProto, classListProp, classListPropDesc);
- } catch (ex) {
- // IE 8 doesn't support enumerable:true
- // adding undefined to fight this issue https://github.com/eligrey/classList.js/issues/36
- // modernie IE8-MSW7 machine has IE8 8.0.6001.18702 and is affected
- if (ex.number === undefined || ex.number === -0x7ff5ec54) {
- classListPropDesc.enumerable = false;
-
- define_property_default()(elemCtrProto, classListProp, classListPropDesc);
- }
- }
- } else if (objCtr[protoProp].__defineGetter__) {
- elemCtrProto.__defineGetter__(classListProp, classListGetter);
- }
- })(self);
- } // There is full or partial native classList support, so just check if we need
- // to normalize the add/remove and toggle APIs.
-
-
- (function () {
- 'use strict';
-
- var testElement = document.createElement('_');
- testElement.classList.add('c1', 'c2'); // Polyfill for IE 10/11 and Firefox <26, where classList.add and
- // classList.remove exist but support only one argument at a time.
-
- if (!testElement.classList.contains('c2')) {
- var createMethod = function createMethod(method) {
- var original = DOMTokenList.prototype[method];
-
- DOMTokenList.prototype[method] = function (token) {
- var i,
- len = arguments.length;
-
- for (i = 0; i < len; i++) {
- token = arguments[i];
- original.call(this, token);
- }
- };
- };
-
- createMethod('add');
- createMethod('remove');
- }
-
- testElement.classList.toggle('c3', false); // Polyfill for IE 10 and Firefox <24, where classList.toggle does not
- // support the second argument.
-
- if (testElement.classList.contains('c3')) {
- var _toggle = DOMTokenList.prototype.toggle;
-
- DOMTokenList.prototype.toggle = function (token, force) {
- if (1 in arguments && !this.contains(token) === !force) {
- return force;
- } else {
- return _toggle.call(this, token);
- }
- };
- } // replace() polyfill
-
-
- if (!('replace' in document.createElement('_').classList)) {
- DOMTokenList.prototype.replace = function (token, replacement_token) {
- var tokens = this.toString().split(' '),
- index = index_of_default()(tokens).call(tokens, token + '');
-
- if (~index) {
- tokens = slice_default()(tokens).call(tokens, index);
- this.remove.apply(this, tokens);
- this.add(replacement_token);
- this.add.apply(this, slice_default()(tokens).call(tokens, 1));
- }
- };
- }
-
- testElement = null;
- })();
-}
+var n,r,o,a,s,l,c,u,h,f,g,d,v,p,m,y,b,x,C,I,_,M,S=S||{version:"4.6.0"};if(e.fabric=S,"undefined"!=typeof document&&"undefined"!=typeof window)document instanceof("undefined"!=typeof HTMLDocument?HTMLDocument:Document)?S.document=document:S.document=document.implementation.createHTMLDocument(""),S.window=window;else{var w=new(i(4960).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;S.document=w.document,S.jsdomImplForWrapper=i(6759).implForWrapper,S.nodeCanvas=i(6272).Canvas,S.window=w,DOMParser=S.window.DOMParser}function k(t,e){var i=t.canvas,n=e.targetCanvas,r=n.getContext("2d");r.translate(0,n.height),r.scale(1,-1);var o=i.height-n.height;r.drawImage(i,0,o,n.width,n.height,0,0,n.width,n.height)}function T(t,e){var i=e.targetCanvas.getContext("2d"),n=e.destinationWidth,r=e.destinationHeight,o=n*r*4,a=new Uint8Array(this.imageBuffer,0,o),s=new Uint8ClampedArray(this.imageBuffer,0,o);t.readPixels(0,0,n,r,t.RGBA,t.UNSIGNED_BYTE,a);var l=new ImageData(s,n,r);i.putImageData(l,0,0)}S.isTouchSupported="ontouchstart"in S.window||"ontouchstart"in S.document||S.window&&S.window.navigator&&S.window.navigator.maxTouchPoints>0,S.isLikelyNode="undefined"!=typeof Buffer&&"undefined"==typeof window,S.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"],S.DPI=96,S.reNum="(?:[-+]?(?:\\d+|\\d*\\.\\d+)(?:[eE][-+]?\\d+)?)",S.commaWsp="(?:\\s+,?\\s*|,\\s*)",S.rePathCommand=/([-+]?((\d+\.\d+)|((\d+)|(\.\d+)))(?:[eE][-+]?\d+)?)/gi,S.reNonWord=/[ \n\.,;!\?\-]/,S.fontPaths={},S.iMatrix=[1,0,0,1,0,0],S.svgNS="http://www.w3.org/2000/svg",S.perfLimitSizeTotal=2097152,S.maxCacheSideLimit=4096,S.minCacheSideLimit=256,S.charWidthsCache={},S.textureSize=2048,S.disableStyleCopyPaste=!1,S.enableGLFiltering=!0,S.devicePixelRatio=S.window.devicePixelRatio||S.window.webkitDevicePixelRatio||S.window.mozDevicePixelRatio||1,S.browserShadowBlurConstant=1,S.arcToSegmentsCache={},S.boundsOfCurveCache={},S.cachesBoundsOfCurve=!0,S.forceGLPutImageData=!1,S.initFilterBackend=function(){return S.enableGLFiltering&&S.isWebglSupported&&S.isWebglSupported(S.textureSize)?new S.WebglFilterBackend({tileSize:S.textureSize}):S.Canvas2dFilterBackend?new S.Canvas2dFilterBackend:void 0},"undefined"!=typeof document&&"undefined"!=typeof window&&(window.fabric=S),function(){function t(t,e){if(this.__eventListeners[t]){var i=this.__eventListeners[t];e?i[i.indexOf(e)]=!1:S.util.array.fill(i,!1)}}function e(t,e){var i=function(){e.apply(this,arguments),this.off(t,i)}.bind(this);this.on(t,i)}S.Observable={fire:function(t,e){if(!this.__eventListeners)return this;var i=this.__eventListeners[t];if(!i)return this;for(var n=0,r=i.length;n-1||!!e&&this._objects.some((function(e){return"function"==typeof e.contains&&e.contains(t,!0)}))},complexity:function(){return this._objects.reduce((function(t,e){return t+=e.complexity?e.complexity():0}),0)}},S.CommonMethods={_setOptions:function(t){for(var e in t)this.set(e,t[e])},_initGradient:function(t,e){!t||!t.colorStops||t instanceof S.Gradient||this.set(e,new S.Gradient(t))},_initPattern:function(t,e,i){!t||!t.source||t instanceof S.Pattern?i&&i():this.set(e,new S.Pattern(t,i))},_setObject:function(t){for(var e in t)this._set(e,t[e])},set:function(t,e){return"object"==typeof t?this._setObject(t):this._set(t,e),this},_set:function(t,e){this[t]=e},toggle:function(t){var e=this.get(t);return"boolean"==typeof e&&this.set(t,!e),this},get:function(t){return this[t]}},n=e,r=Math.sqrt,o=Math.atan2,a=Math.pow,s=Math.PI/180,l=Math.PI/2,S.util={cos:function(t){if(0===t)return 1;switch(t<0&&(t=-t),t/l){case 1:case 3:return 0;case 2:return-1}return Math.cos(t)},sin:function(t){if(0===t)return 0;var e=1;switch(t<0&&(e=-1),t/l){case 1:return e;case 2:return 0;case 3:return-e}return Math.sin(t)},removeFromArray:function(t,e){var i=t.indexOf(e);return-1!==i&&t.splice(i,1),t},getRandomInt:function(t,e){return Math.floor(Math.random()*(e-t+1))+t},degreesToRadians:function(t){return t*s},radiansToDegrees:function(t){return t/s},rotatePoint:function(t,e,i){var n=new S.Point(t.x-e.x,t.y-e.y),r=S.util.rotateVector(n,i);return new S.Point(r.x,r.y).addEquals(e)},rotateVector:function(t,e){var i=S.util.sin(e),n=S.util.cos(e);return{x:t.x*n-t.y*i,y:t.x*i+t.y*n}},transformPoint:function(t,e,i){return i?new S.Point(e[0]*t.x+e[2]*t.y,e[1]*t.x+e[3]*t.y):new S.Point(e[0]*t.x+e[2]*t.y+e[4],e[1]*t.x+e[3]*t.y+e[5])},makeBoundingBoxFromPoints:function(t,e){if(e)for(var i=0;ie;)(e+=s[g++%f])>u&&(e=u),t[d?"lineTo":"moveTo"](e,0),d=!d;t.restore()},createCanvasElement:function(){return S.document.createElement("canvas")},copyCanvasElement:function(t){var e=S.util.createCanvasElement();return e.width=t.width,e.height=t.height,e.getContext("2d").drawImage(t,0,0),e},toDataURL:function(t,e,i){return t.toDataURL("image/"+e,i)},createImage:function(){return S.document.createElement("img")},multiplyTransformMatrices:function(t,e,i){return[t[0]*e[0]+t[2]*e[1],t[1]*e[0]+t[3]*e[1],t[0]*e[2]+t[2]*e[3],t[1]*e[2]+t[3]*e[3],i?0:t[0]*e[4]+t[2]*e[5]+t[4],i?0:t[1]*e[4]+t[3]*e[5]+t[5]]},qrDecompose:function(t){var e=o(t[1],t[0]),i=a(t[0],2)+a(t[1],2),n=r(i),l=(t[0]*t[3]-t[2]*t[1])/n,c=o(t[0]*t[2]+t[1]*t[3],i);return{angle:e/s,scaleX:n,scaleY:l,skewX:c/s,skewY:0,translateX:t[4],translateY:t[5]}},calcRotateMatrix:function(t){if(!t.angle)return S.iMatrix.concat();var e=S.util.degreesToRadians(t.angle),i=S.util.cos(e),n=S.util.sin(e);return[i,n,-n,i,0,0]},calcDimensionsMatrix:function(t){var e=void 0===t.scaleX?1:t.scaleX,i=void 0===t.scaleY?1:t.scaleY,n=[t.flipX?-e:e,0,0,t.flipY?-i:i,0,0],r=S.util.multiplyTransformMatrices,o=S.util.degreesToRadians;return t.skewX&&(n=r(n,[1,0,Math.tan(o(t.skewX)),1],!0)),t.skewY&&(n=r(n,[1,Math.tan(o(t.skewY)),0,1],!0)),n},composeMatrix:function(t){var e=[1,0,0,1,t.translateX||0,t.translateY||0],i=S.util.multiplyTransformMatrices;return t.angle&&(e=i(e,S.util.calcRotateMatrix(t))),(1!==t.scaleX||1!==t.scaleY||t.skewX||t.skewY||t.flipX||t.flipY)&&(e=i(e,S.util.calcDimensionsMatrix(t))),e},resetObjectTransform:function(t){t.scaleX=1,t.scaleY=1,t.skewX=0,t.skewY=0,t.flipX=!1,t.flipY=!1,t.rotate(0)},saveObjectTransform:function(t){return{scaleX:t.scaleX,scaleY:t.scaleY,skewX:t.skewX,skewY:t.skewY,angle:t.angle,left:t.left,flipX:t.flipX,flipY:t.flipY,top:t.top}},isTransparent:function(t,e,i,n){n>0&&(e>n?e-=n:e=0,i>n?i-=n:i=0);var r,o=!0,a=t.getImageData(e,i,2*n||1,2*n||1),s=a.data.length;for(r=3;r0?A-=2*c:1===s&&A<0&&(A+=2*c);for(var j=Math.ceil(Math.abs(A/c*2)),O=[],E=A/j,L=8/3*Math.sin(E/4)*Math.sin(E/4)/Math.sin(E/2),N=D+E,P=0;P=r?o-r:2*Math.PI-(r-o)}function a(e,i,n,r,o,a,s,l){var c;if(S.cachesBoundsOfCurve&&(c=t.call(arguments),S.boundsOfCurveCache[c]))return S.boundsOfCurveCache[c];var u,h,f,g,d,v,p,m,y=Math.sqrt,b=Math.min,x=Math.max,C=Math.abs,I=[],_=[[],[]];h=6*e-12*n+6*o,u=-3*e+9*n-9*o+3*s,f=3*n-3*e;for(var M=0;M<2;++M)if(M>0&&(h=6*i-12*r+6*a,u=-3*i+9*r-9*a+3*l,f=3*r-3*i),C(u)<1e-12){if(C(h)<1e-12)continue;0<(g=-f/h)&&g<1&&I.push(g)}else(p=h*h-4*f*u)<0||(0<(d=(-h+(m=y(p)))/(2*u))&&d<1&&I.push(d),0<(v=(-h-m)/(2*u))&&v<1&&I.push(v));for(var w,k,T,D=I.length,A=D;D--;)w=(T=1-(g=I[D]))*T*T*e+3*T*T*g*n+3*T*g*g*o+g*g*g*s,_[0][D]=w,k=T*T*T*i+3*T*T*g*r+3*T*g*g*a+g*g*g*l,_[1][D]=k;_[0][A]=e,_[1][A]=i,_[0][A+1]=s,_[1][A+1]=l;var j=[{x:b.apply(null,_[0]),y:b.apply(null,_[1])},{x:x.apply(null,_[0]),y:x.apply(null,_[1])}];return S.cachesBoundsOfCurve&&(S.boundsOfCurveCache[c]=j),j}function s(t,e,i){for(var n=i[1],o=i[2],a=i[3],s=i[4],l=i[5],c=r(i[6]-t,i[7]-e,n,o,s,l,a),u=0,h=c.length;u1e-4;)i=s(o),r=o,(n=l(c.x,c.y,i.x,i.y))+a>e?o-=u/=2:(c=i,o+=u,a+=n);return i.angle=h(r),i}function v(t){for(var e,i,n,r,o=0,a=t.length,s=0,d=0,v=0,p=0,m=[],y=0;yI)for(var M=1,w=v.length;M2;for(e=e||0,c&&(s=t[2].xt[i-2].x?1:r.x===t[i-2].x?0:-1,l=r.y>t[i-2].y?1:r.y===t[i-2].y?0:-1),n.push(["L",r.x+s*e,r.y+l*e]),n},S.util.getPathSegmentsInfo=v,S.util.getBoundsOfCurve=a,S.util.getPointOnPath=function(t,e,i){i||(i=v(t));for(var n=0;e-i[n].length>0&&n=e}))}}}(),function(){function t(e,i,n){if(n)if(!S.isLikelyNode&&i instanceof Element)e=i;else if(i instanceof Array){e=[];for(var r=0,o=i.length;r57343)return t.charAt(e);if(55296<=i&&i<=56319){if(t.length<=e+1)throw"High surrogate without following low surrogate";var n=t.charCodeAt(e+1);if(56320>n||n>57343)throw"High surrogate without following low surrogate";return t.charAt(e)+t.charAt(e+1)}if(0===e)throw"Low surrogate without preceding high surrogate";var r=t.charCodeAt(e-1);if(55296>r||r>56319)throw"Low surrogate without preceding high surrogate";return!1}S.util.string={camelize:function(t){return t.replace(/-+(.)?/g,(function(t,e){return e?e.toUpperCase():""}))},capitalize:function(t,e){return t.charAt(0).toUpperCase()+(e?t.slice(1):t.slice(1).toLowerCase())},escapeXml:function(t){return t.replace(/&/g,"&").replace(/"/g,""").replace(/'/g,"'").replace(//g,">")},graphemeSplit:function(e){var i,n=0,r=[];for(n=0;n-1?t.prototype[r]=function(t){return function(){var i=this.constructor.superclass;this.constructor.superclass=n;var r=e[t].apply(this,arguments);if(this.constructor.superclass=i,"initialize"!==t)return r}}(r):t.prototype[r]=e[r],i&&(e.toString!==Object.prototype.toString&&(t.prototype.toString=e.toString),e.valueOf!==Object.prototype.valueOf&&(t.prototype.valueOf=e.valueOf))};function r(){}function o(e){for(var i=null,n=this;n.constructor.superclass;){var r=n.constructor.superclass.prototype[e];if(n[e]!==r){i=r;break}n=n.constructor.superclass.prototype}if(i)return arguments.length>1?i.apply(this,t.call(arguments,1)):i.call(this)}S.util.createClass=function(){var i=null,a=t.call(arguments,0);function s(){this.initialize.apply(this,arguments)}"function"==typeof a[0]&&(i=a.shift()),s.superclass=i,s.subclasses=[],i&&(r.prototype=i.prototype,s.prototype=new r,i.subclasses.push(s));for(var l=0,c=a.length;l-1||"touch"===t.pointerType},h=S.document.createElement("div"),f="string"==typeof h.style.opacity,g="string"==typeof h.style.filter,d=/alpha\s*\(\s*opacity\s*=\s*([^\)]+)\)/,v=function(t){return t},f?v=function(t,e){return t.style.opacity=e,t}:g&&(v=function(t,e){var i=t.style;return t.currentStyle&&!t.currentStyle.hasLayout&&(i.zoom=1),d.test(i.filter)?(e=e>=.9999?"":"alpha(opacity="+100*e+")",i.filter=i.filter.replace(d,e)):i.filter+=" alpha(opacity="+100*e+")",t}),S.util.setStyle=function(t,e){var i=t.style;if(!i)return t;if("string"==typeof e)return t.style.cssText+=";"+e,e.indexOf("opacity")>-1?v(t,e.match(/opacity:\s*(\d?\.?\d*)/)[1]):t;for(var n in e)"opacity"===n?v(t,e[n]):i["float"===n||"cssFloat"===n?void 0===i.styleFloat?"cssFloat":"styleFloat":n]=e[n];return t},function(){var t=Array.prototype.slice;var e,i,n,r,o=function(e){return t.call(e,0)};try{e=o(S.document.childNodes)instanceof Array}catch(t){}function a(t,e){var i=S.document.createElement(t);for(var n in e)"class"===n?i.className=e[n]:"for"===n?i.htmlFor=e[n]:i.setAttribute(n,e[n]);return i}function s(t){for(var e=0,i=0,n=S.document.documentElement,r=S.document.body||{scrollLeft:0,scrollTop:0};t&&(t.parentNode||t.host)&&((t=t.parentNode||t.host)===S.document?(e=r.scrollLeft||n.scrollLeft||0,i=r.scrollTop||n.scrollTop||0):(e+=t.scrollLeft||0,i+=t.scrollTop||0),1!==t.nodeType||"fixed"!==t.style.position););return{left:e,top:i}}e||(o=function(t){for(var e=new Array(t.length),i=t.length;i--;)e[i]=t[i];return e}),i=S.document.defaultView&&S.document.defaultView.getComputedStyle?function(t,e){var i=S.document.defaultView.getComputedStyle(t,null);return i?i[e]:void 0}:function(t,e){var i=t.style[e];return!i&&t.currentStyle&&(i=t.currentStyle[e]),i},n=S.document.documentElement.style,r="userSelect"in n?"userSelect":"MozUserSelect"in n?"MozUserSelect":"WebkitUserSelect"in n?"WebkitUserSelect":"KhtmlUserSelect"in n?"KhtmlUserSelect":"",S.util.makeElementUnselectable=function(t){return void 0!==t.onselectstart&&(t.onselectstart=S.util.falseFunction),r?t.style[r]="none":"string"==typeof t.unselectable&&(t.unselectable="on"),t},S.util.makeElementSelectable=function(t){return void 0!==t.onselectstart&&(t.onselectstart=null),r?t.style[r]="":"string"==typeof t.unselectable&&(t.unselectable=""),t},S.util.setImageSmoothing=function(t,e){t.imageSmoothingEnabled=t.imageSmoothingEnabled||t.webkitImageSmoothingEnabled||t.mozImageSmoothingEnabled||t.msImageSmoothingEnabled||t.oImageSmoothingEnabled,t.imageSmoothingEnabled=e},S.util.getById=function(t){return"string"==typeof t?S.document.getElementById(t):t},S.util.toArray=o,S.util.addClass=function(t,e){t&&-1===(" "+t.className+" ").indexOf(" "+e+" ")&&(t.className+=(t.className?" ":"")+e)},S.util.makeElement=a,S.util.wrapElement=function(t,e,i){return"string"==typeof e&&(e=a(e,i)),t.parentNode&&t.parentNode.replaceChild(e,t),e.appendChild(t),e},S.util.getScrollLeftTop=s,S.util.getElementOffset=function(t){var e,n,r=t&&t.ownerDocument,o={left:0,top:0},a={left:0,top:0},l={borderLeftWidth:"left",borderTopWidth:"top",paddingLeft:"left",paddingTop:"top"};if(!r)return a;for(var c in l)a[l[c]]+=parseInt(i(t,c),10)||0;return e=r.documentElement,void 0!==t.getBoundingClientRect&&(o=t.getBoundingClientRect()),n=s(t),{left:o.left+n.left-(e.clientLeft||0)+a.left,top:o.top+n.top-(e.clientTop||0)+a.top}},S.util.getNodeCanvas=function(t){var e=S.jsdomImplForWrapper(t);return e._canvas||e._image},S.util.cleanUpJsdomNode=function(t){if(S.isLikelyNode){var e=S.jsdomImplForWrapper(t);e&&(e._image=null,e._canvas=null,e._currentSrc=null,e._attributes=null,e._classList=null)}}}(),function(){function t(){}S.util.request=function(e,i){i||(i={});var n=i.method?i.method.toUpperCase():"GET",r=i.onComplete||function(){},o=new S.window.XMLHttpRequest,a=i.body||i.parameters;return o.onreadystatechange=function(){4===o.readyState&&(r(o),o.onreadystatechange=t)},"GET"===n&&(a=null,"string"==typeof i.parameters&&(e=function(t,e){return t+(/\?/.test(t)?"&":"?")+e}(e,i.parameters))),o.open(n,e,!0),"POST"!==n&&"PUT"!==n||o.setRequestHeader("Content-Type","application/x-www-form-urlencoded"),o.send(a),o}}(),S.log=console.log,S.warn=console.warn,function(){function t(){return!1}function e(t,e,i,n){return-i*Math.cos(t/n*(Math.PI/2))+i+e}var i=S.window.requestAnimationFrame||S.window.webkitRequestAnimationFrame||S.window.mozRequestAnimationFrame||S.window.oRequestAnimationFrame||S.window.msRequestAnimationFrame||function(t){return S.window.setTimeout(t,1e3/60)},n=S.window.cancelAnimationFrame||S.window.clearTimeout;function r(){return i.apply(S.window,arguments)}S.util.animate=function(i){var n=!1;return r((function(o){i||(i={});var a,s=o||+new Date,l=i.duration||500,c=s+l,u=i.onChange||t,h=i.abort||t,f=i.onComplete||t,g=i.easing||e,d="startValue"in i?i.startValue:0,v="endValue"in i?i.endValue:100,p=i.byValue||v-d;i.onStart&&i.onStart(),function t(e){var i=(a=e||+new Date)>c?l:a-s,o=i/l,m=g(i,d,p,l),y=Math.abs((m-d)/p);if(!n){if(!h(m,y,o))return a>c?(u(v,1,1),void f(v,1,1)):(u(m,y,o),void r(t));f(v,1,1)}}(s)})),function(){n=!0}},S.util.requestAnimFrame=r,S.util.cancelAnimFrame=function(){return n.apply(S.window,arguments)}}(),function(){function t(t,e,i){var n="rgba("+parseInt(t[0]+i*(e[0]-t[0]),10)+","+parseInt(t[1]+i*(e[1]-t[1]),10)+","+parseInt(t[2]+i*(e[2]-t[2]),10);return n+=","+(t&&e?parseFloat(t[3]+i*(e[3]-t[3])):1),n+=")"}S.util.animateColor=function(e,i,n,r){var o=new S.Color(e).getSource(),a=new S.Color(i).getSource(),s=r.onComplete,l=r.onChange;return r=r||{},S.util.animate(S.util.object.extend(r,{duration:n||500,startValue:o,endValue:a,byValue:a,easing:function(e,i,n,o){return t(i,n,r.colorEasing?r.colorEasing(e,o):1-Math.cos(e/o*(Math.PI/2)))},onComplete:function(e,i,n){if(s)return s(t(a,a,0),i,n)},onChange:function(e,i,n){if(l){if(Array.isArray(e))return l(t(e,e,0),i,n);l(e,i,n)}}}))}}(),function(){function t(t,e,i,n){return t-1&&u>-1&&u-1)&&(i="stroke")}else{if("href"===t||"xlink:href"===t||"font"===t)return i;if("imageSmoothing"===t)return"optimizeQuality"===i;s=l?i.map(o):o(i,r)}}else i="";return!l&&isNaN(s)?i:s}function g(t){return new RegExp("^("+t.join("|")+")\\b","i")}function d(t,e){var i,n,r,o,a=[];for(r=0,o=e.length;r1;)l.shift(),c=e.util.multiplyTransformMatrices(c,l[0]);return c}}();var y=new RegExp("^\\s*("+e.reNum+"+)\\s*,?\\s*("+e.reNum+"+)\\s*,?\\s*("+e.reNum+"+)\\s*,?\\s*("+e.reNum+"+)\\s*$");function b(t){if(!e.svgViewBoxElementsRegEx.test(t.nodeName))return{};var i,n,r,a,s,l,c=t.getAttribute("viewBox"),u=1,h=1,f=t.getAttribute("width"),g=t.getAttribute("height"),d=t.getAttribute("x")||0,v=t.getAttribute("y")||0,p=t.getAttribute("preserveAspectRatio")||"",m=!c||!(c=c.match(y)),b=!f||!g||"100%"===f||"100%"===g,x=m&&b,C={},I="",_=0,M=0;if(C.width=0,C.height=0,C.toBeParsed=x,m&&(d||v)&&t.parentNode&&"#document"!==t.parentNode.nodeName&&(I=" translate("+o(d)+" "+o(v)+") ",s=(t.getAttribute("transform")||"")+I,t.setAttribute("transform",s),t.removeAttribute("x"),t.removeAttribute("y")),x)return C;if(m)return C.width=o(f),C.height=o(g),C;if(i=-parseFloat(c[1]),n=-parseFloat(c[2]),r=parseFloat(c[3]),a=parseFloat(c[4]),C.minX=i,C.minY=n,C.viewBoxWidth=r,C.viewBoxHeight=a,b?(C.width=r,C.height=a):(C.width=o(f),C.height=o(g),u=C.width/r,h=C.height/a),"none"!==(p=e.util.parsePreserveAspectRatioAttribute(p)).alignX&&("meet"===p.meetOrSlice&&(h=u=u>h?h:u),"slice"===p.meetOrSlice&&(h=u=u>h?u:h),_=C.width-r*u,M=C.height-a*u,"Mid"===p.alignX&&(_/=2),"Mid"===p.alignY&&(M/=2),"Min"===p.alignX&&(_=0),"Min"===p.alignY&&(M=0)),1===u&&1===h&&0===i&&0===n&&0===d&&0===v)return C;if((d||v)&&"#document"!==t.parentNode.nodeName&&(I=" translate("+o(d)+" "+o(v)+") "),s=I+" matrix("+u+" 0 0 "+h+" "+(i*u+_)+" "+(n*h+M)+") ","svg"===t.nodeName){for(l=t.ownerDocument.createElementNS(e.svgNS,"g");t.firstChild;)l.appendChild(t.firstChild);t.appendChild(l)}else(l=t).removeAttribute("x"),l.removeAttribute("y"),s=l.getAttribute("transform")+s;return l.setAttribute("transform",s),C}function x(t,e){var i="xlink:href",n=m(t,e.getAttribute(i).substr(1));if(n&&n.getAttribute(i)&&x(t,n),["gradientTransform","x1","x2","y1","y2","gradientUnits","cx","cy","r","fx","fy"].forEach((function(t){n&&!e.hasAttribute(t)&&n.hasAttribute(t)&&e.setAttribute(t,n.getAttribute(t))})),!e.children.length)for(var r=n.cloneNode(!0);r.firstChild;)e.appendChild(r.firstChild);e.removeAttribute(i)}e.parseSVGDocument=function(t,i,r,o){if(t){!function(t){for(var i=d(t,["use","svg:use"]),n=0;i.length&&nt.x&&this.y>t.y},gte:function(t){return this.x>=t.x&&this.y>=t.y},lerp:function(t,e){return void 0===e&&(e=.5),e=Math.max(Math.min(1,e),0),new i(this.x+(t.x-this.x)*e,this.y+(t.y-this.y)*e)},distanceFrom:function(t){var e=this.x-t.x,i=this.y-t.y;return Math.sqrt(e*e+i*i)},midPointFrom:function(t){return this.lerp(t)},min:function(t){return new i(Math.min(this.x,t.x),Math.min(this.y,t.y))},max:function(t){return new i(Math.max(this.x,t.x),Math.max(this.y,t.y))},toString:function(){return this.x+","+this.y},setXY:function(t,e){return this.x=t,this.y=e,this},setX:function(t){return this.x=t,this},setY:function(t){return this.y=t,this},setFromPoint:function(t){return this.x=t.x,this.y=t.y,this},swap:function(t){var e=this.x,i=this.y;this.x=t.x,this.y=t.y,t.x=e,t.y=i},clone:function(){return new i(this.x,this.y)}})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={});function i(t){this.status=t,this.points=[]}e.Intersection?e.warn("fabric.Intersection is already defined"):(e.Intersection=i,e.Intersection.prototype={constructor:i,appendPoint:function(t){return this.points.push(t),this},appendPoints:function(t){return this.points=this.points.concat(t),this}},e.Intersection.intersectLineLine=function(t,n,r,o){var a,s=(o.x-r.x)*(t.y-r.y)-(o.y-r.y)*(t.x-r.x),l=(n.x-t.x)*(t.y-r.y)-(n.y-t.y)*(t.x-r.x),c=(o.y-r.y)*(n.x-t.x)-(o.x-r.x)*(n.y-t.y);if(0!==c){var u=s/c,h=l/c;0<=u&&u<=1&&0<=h&&h<=1?(a=new i("Intersection")).appendPoint(new e.Point(t.x+u*(n.x-t.x),t.y+u*(n.y-t.y))):a=new i}else a=new i(0===s||0===l?"Coincident":"Parallel");return a},e.Intersection.intersectLinePolygon=function(t,e,n){var r,o,a,s,l=new i,c=n.length;for(s=0;s0&&(l.status="Intersection"),l},e.Intersection.intersectPolygonPolygon=function(t,e){var n,r=new i,o=t.length;for(n=0;n0&&(r.status="Intersection"),r},e.Intersection.intersectPolygonRectangle=function(t,n,r){var o=n.min(r),a=n.max(r),s=new e.Point(a.x,o.y),l=new e.Point(o.x,a.y),c=i.intersectLinePolygon(o,s,t),u=i.intersectLinePolygon(s,a,t),h=i.intersectLinePolygon(a,l,t),f=i.intersectLinePolygon(l,o,t),g=new i;return g.appendPoints(c.points),g.appendPoints(u.points),g.appendPoints(h.points),g.appendPoints(f.points),g.points.length>0&&(g.status="Intersection"),g})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={});function i(t){t?this._tryParsingColor(t):this.setSource([0,0,0,1])}function n(t,e,i){return i<0&&(i+=1),i>1&&(i-=1),i<1/6?t+6*(e-t)*i:i<.5?e:i<2/3?t+(e-t)*(2/3-i)*6:t}e.Color?e.warn("fabric.Color is already defined."):(e.Color=i,e.Color.prototype={_tryParsingColor:function(t){var e;t in i.colorNameMap&&(t=i.colorNameMap[t]),"transparent"===t&&(e=[255,255,255,0]),e||(e=i.sourceFromHex(t)),e||(e=i.sourceFromRgb(t)),e||(e=i.sourceFromHsl(t)),e||(e=[0,0,0,1]),e&&this.setSource(e)},_rgbToHsl:function(t,i,n){t/=255,i/=255,n/=255;var r,o,a,s=e.util.array.max([t,i,n]),l=e.util.array.min([t,i,n]);if(a=(s+l)/2,s===l)r=o=0;else{var c=s-l;switch(o=a>.5?c/(2-s-l):c/(s+l),s){case t:r=(i-n)/c+(i0)-(t<0)||+t};function g(t,e){var i=t.angle+h(Math.atan2(e.y,e.x))+360;return Math.round(i%360/45)}function d(t,i){var n=i.transform.target,r=n.canvas,o=e.util.object.clone(i);o.target=n,r&&r.fire("object:"+t,o),n.fire(t,i)}function v(t,e){var i=e.canvas,n=t[i.uniScaleKey];return i.uniformScaling&&!n||!i.uniformScaling&&n}function p(t){return t.originX===c&&t.originY===c}function m(t,e,i){var n=t.lockScalingX,r=t.lockScalingY;return!(!n||!r)||(!(e||!n&&!r||!i)||(!(!n||"x"!==e)||!(!r||"y"!==e)))}function y(t,e,i,n){return{e:t,transform:e,pointer:{x:i,y:n}}}function b(t){return function(e,i,n,r){var o=i.target,a=o.getCenterPoint(),s=o.translateToOriginPoint(a,i.originX,i.originY),l=t(e,i,n,r);return o.setPositionByOrigin(s,i.originX,i.originY),l}}function x(t,e){return function(i,n,r,o){var a=e(i,n,r,o);return a&&d(t,y(i,n,r,o)),a}}function C(t,i,n,r,o){var a=t.target,s=a.controls[t.corner],l=a.canvas.getZoom(),c=a.padding/l,u=a.toLocalPoint(new e.Point(r,o),i,n);return u.x>=c&&(u.x-=c),u.x<=-c&&(u.x+=c),u.y>=c&&(u.y-=c),u.y<=c&&(u.y+=c),u.x-=s.offsetX,u.y-=s.offsetY,u}function I(t){return t.flipX!==t.flipY}function _(t,e,i,n,r){if(0!==t[e]){var o=r/t._getTransformedDimensions()[n]*t[i];t.set(i,o)}}function M(t,e,i,n){var r,c=e.target,u=c._getTransformedDimensions(0,c.skewY),f=C(e,e.originX,e.originY,i,n),g=Math.abs(2*f.x)-u.x,d=c.skewX;g<2?r=0:(r=h(Math.atan2(g/c.scaleX,u.y/c.scaleY)),e.originX===o&&e.originY===l&&(r=-r),e.originX===s&&e.originY===a&&(r=-r),I(c)&&(r=-r));var v=d!==r;if(v){var p=c._getTransformedDimensions().y;c.set("skewX",r),_(c,"skewY","scaleY","y",p)}return v}function S(t,e,i,n){var r,c=e.target,u=c._getTransformedDimensions(c.skewX,0),f=C(e,e.originX,e.originY,i,n),g=Math.abs(2*f.y)-u.y,d=c.skewY;g<2?r=0:(r=h(Math.atan2(g/c.scaleY,u.x/c.scaleX)),e.originX===o&&e.originY===l&&(r=-r),e.originX===s&&e.originY===a&&(r=-r),I(c)&&(r=-r));var v=d!==r;if(v){var p=c._getTransformedDimensions().x;c.set("skewY",r),_(c,"skewX","scaleX","x",p)}return v}function w(t,e,i,n,r){r=r||{};var o,a,s,l,c,h,g=e.target,d=g.lockScalingX,y=g.lockScalingY,b=r.by,x=v(t,g),I=m(g,b,x),_=e.gestureScale;if(I)return!1;if(_)a=e.scaleX*_,s=e.scaleY*_;else{if(o=C(e,e.originX,e.originY,i,n),c="y"!==b?f(o.x):1,h="x"!==b?f(o.y):1,e.signX||(e.signX=c),e.signY||(e.signY=h),g.lockScalingFlip&&(e.signX!==c||e.signY!==h))return!1;if(l=g._getTransformedDimensions(),x&&!b){var M=Math.abs(o.x)+Math.abs(o.y),S=e.original,w=M/(Math.abs(l.x*S.scaleX/g.scaleX)+Math.abs(l.y*S.scaleY/g.scaleY));a=S.scaleX*w,s=S.scaleY*w}else a=Math.abs(o.x*g.scaleX/l.x),s=Math.abs(o.y*g.scaleY/l.y);p(e)&&(a*=2,s*=2),e.signX!==c&&"y"!==b&&(e.originX=u[e.originX],a*=-1,e.signX=c),e.signY!==h&&"x"!==b&&(e.originY=u[e.originY],s*=-1,e.signY=h)}var k=g.scaleX,T=g.scaleY;return b?("x"===b&&g.set("scaleX",a),"y"===b&&g.set("scaleY",s)):(!d&&g.set("scaleX",a),!y&&g.set("scaleY",s)),k!==g.scaleX||T!==g.scaleY}r.scaleCursorStyleHandler=function(t,e,n){var r=v(t,n),o="";if(0!==e.x&&0===e.y?o="x":0===e.x&&0!==e.y&&(o="y"),m(n,o,r))return"not-allowed";var a=g(n,e);return i[a]+"-resize"},r.skewCursorStyleHandler=function(t,e,i){var r="not-allowed";if(0!==e.x&&i.lockSkewingY)return r;if(0!==e.y&&i.lockSkewingX)return r;var o=g(i,e)%4;return n[o]+"-resize"},r.scaleSkewCursorStyleHandler=function(t,e,i){return t[i.canvas.altActionKey]?r.skewCursorStyleHandler(t,e,i):r.scaleCursorStyleHandler(t,e,i)},r.rotationWithSnapping=x("rotating",b((function(t,e,i,n){var r=e,o=r.target,a=o.translateToOriginPoint(o.getCenterPoint(),r.originX,r.originY);if(o.lockRotation)return!1;var s,l=Math.atan2(r.ey-a.y,r.ex-a.x),c=Math.atan2(n-a.y,i-a.x),u=h(c-l+r.theta);if(o.snapAngle>0){var f=o.snapAngle,g=o.snapThreshold||f,d=Math.ceil(u/f)*f,v=Math.floor(u/f)*f;Math.abs(u-v)0?o:s:(u>0&&(r=h===a?o:s),u<0&&(r=h===a?s:o),I(l)&&(r=r===o?s:o)),e.originX=r,x("skewing",b(M))(t,e,i,n))},r.skewHandlerY=function(t,e,i,n){var r,s=e.target,u=s.skewY,h=e.originX;return!s.lockSkewingY&&(0===u?r=C(e,c,c,i,n).y>0?a:l:(u>0&&(r=h===o?a:l),u<0&&(r=h===o?l:a),I(s)&&(r=r===a?l:a)),e.originY=r,x("skewing",b(S))(t,e,i,n))},r.dragHandler=function(t,e,i,n){var r=e.target,o=i-e.offsetX,a=n-e.offsetY,s=!r.get("lockMovementX")&&r.left!==o,l=!r.get("lockMovementY")&&r.top!==a;return s&&r.set("left",o),l&&r.set("top",a),(s||l)&&d("moving",y(t,e,i,n)),s||l},r.scaleOrSkewActionName=function(t,e,i){var n=t[i.canvas.altActionKey];return 0===e.x?n?"skewX":"scaleY":0===e.y?n?"skewY":"scaleX":void 0},r.rotationStyleHandler=function(t,e,i){return i.lockRotation?"not-allowed":e.cursorStyle},r.fireEvent=d,r.wrapWithFixedAnchor=b,r.wrapWithFireEvent=x,r.getLocalPoint=C,e.controlsUtils=r}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.degreesToRadians,n=e.controlsUtils;n.renderCircleControl=function(t,e,i,n,r){n=n||{};var o,a=this.sizeX||n.cornerSize||r.cornerSize,s=this.sizeY||n.cornerSize||r.cornerSize,l=void 0!==n.transparentCorners?n.transparentCorners:r.transparentCorners,c=l?"stroke":"fill",u=!l&&(n.cornerStrokeColor||r.cornerStrokeColor),h=e,f=i;t.save(),t.fillStyle=n.cornerColor||r.cornerColor,t.strokeStyle=n.cornerStrokeColor||r.cornerStrokeColor,a>s?(o=a,t.scale(1,s/a),f=i*a/s):s>a?(o=s,t.scale(a/s,1),h=e*s/a):o=a,t.lineWidth=1,t.beginPath(),t.arc(h,f,o/2,0,2*Math.PI,!1),t[c](),u&&t.stroke(),t.restore()},n.renderSquareControl=function(t,e,n,r,o){r=r||{};var a=this.sizeX||r.cornerSize||o.cornerSize,s=this.sizeY||r.cornerSize||o.cornerSize,l=void 0!==r.transparentCorners?r.transparentCorners:o.transparentCorners,c=l?"stroke":"fill",u=!l&&(r.cornerStrokeColor||o.cornerStrokeColor),h=a/2,f=s/2;t.save(),t.fillStyle=r.cornerColor||o.cornerColor,t.strokeStyle=r.cornerStrokeColor||o.cornerStrokeColor,t.lineWidth=1,t.translate(e,n),t.rotate(i(o.angle)),t[c+"Rect"](-h,-f,a,s),u&&t.strokeRect(-h,-f,a,s),t.restore()}}(e),function(t){"use strict";var e=t.fabric||(t.fabric={});e.Control=function(t){for(var e in t)this[e]=t[e]},e.Control.prototype={visible:!0,actionName:"scale",angle:0,x:0,y:0,offsetX:0,offsetY:0,sizeX:null,sizeY:null,touchSizeX:null,touchSizeY:null,cursorStyle:"crosshair",withConnection:!1,actionHandler:function(){},mouseDownHandler:function(){},mouseUpHandler:function(){},getActionHandler:function(){return this.actionHandler},getMouseDownHandler:function(){return this.mouseDownHandler},getMouseUpHandler:function(){return this.mouseUpHandler},cursorStyleHandler:function(t,e){return e.cursorStyle},getActionName:function(t,e){return e.actionName},getVisibility:function(t,e){var i=t._controlsVisibility;return i&&void 0!==i[e]?i[e]:this.visible},setVisibility:function(t){this.visible=t},positionHandler:function(t,i){return e.util.transformPoint({x:this.x*t.x+this.offsetX,y:this.y*t.y+this.offsetY},i)},calcCornerCoords:function(t,i,n,r,o){var a,s,l,c,u=o?this.touchSizeX:this.sizeX,h=o?this.touchSizeY:this.sizeY;if(u&&h&&u!==h){var f=Math.atan2(h,u),g=Math.sqrt(u*u+h*h)/2,d=f-e.util.degreesToRadians(t),v=Math.PI/2-f-e.util.degreesToRadians(t);a=g*e.util.cos(d),s=g*e.util.sin(d),l=g*e.util.cos(v),c=g*e.util.sin(v)}else{g=.7071067812*(u&&h?u:i);d=e.util.degreesToRadians(45-t);a=l=g*e.util.cos(d),s=c=g*e.util.sin(d)}return{tl:{x:n-c,y:r-l},tr:{x:n+a,y:r-s},bl:{x:n-a,y:r+s},br:{x:n+c,y:r+l}}},render:function(t,i,n,r,o){switch((r=r||{}).cornerStyle||o.cornerStyle){case"circle":e.controlsUtils.renderCircleControl.call(this,t,i,n,r,o);break;default:e.controlsUtils.renderSquareControl.call(this,t,i,n,r,o)}}}}(e),function(){function t(t,e){var i,n,r,o,a=t.getAttribute("style"),s=t.getAttribute("offset")||0;if(s=(s=parseFloat(s)/(/%$/.test(s)?100:1))<0?0:s>1?1:s,a){var l=a.split(/\s*;\s*/);for(""===l[l.length-1]&&l.pop(),o=l.length;o--;){var c=l[o].split(/\s*:\s*/),u=c[0].trim(),h=c[1].trim();"stop-color"===u?i=h:"stop-opacity"===u&&(r=h)}}return i||(i=t.getAttribute("stop-color")||"rgb(0,0,0)"),r||(r=t.getAttribute("stop-opacity")),n=(i=new S.Color(i)).getAlpha(),r=isNaN(parseFloat(r))?1:parseFloat(r),r*=n*e,{offset:s,color:i.toRgb(),opacity:r}}var e=S.util.object.clone;S.Gradient=S.util.createClass({offsetX:0,offsetY:0,gradientTransform:null,gradientUnits:"pixels",type:"linear",initialize:function(t){t||(t={}),t.coords||(t.coords={});var e,i=this;Object.keys(t).forEach((function(e){i[e]=t[e]})),this.id?this.id+="_"+S.Object.__uid++:this.id=S.Object.__uid++,e={x1:t.coords.x1||0,y1:t.coords.y1||0,x2:t.coords.x2||0,y2:t.coords.y2||0},"radial"===this.type&&(e.r1=t.coords.r1||0,e.r2=t.coords.r2||0),this.coords=e,this.colorStops=t.colorStops.slice()},addColorStop:function(t){for(var e in t){var i=new S.Color(t[e]);this.colorStops.push({offset:parseFloat(e),color:i.toRgb(),opacity:i.getAlpha()})}return this},toObject:function(t){var e={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};return S.util.populateWithProperties(this,e,t),e},toSVG:function(t,i){var n,r,o,a,s=e(this.coords,!0),l=(i=i||{},e(this.colorStops,!0)),c=s.r1>s.r2,u=this.gradientTransform?this.gradientTransform.concat():S.iMatrix.concat(),h=-this.offsetX,f=-this.offsetY,g=!!i.additionalTransform,d="pixels"===this.gradientUnits?"userSpaceOnUse":"objectBoundingBox";if(l.sort((function(t,e){return t.offset-e.offset})),"objectBoundingBox"===d?(h/=t.width,f/=t.height):(h+=t.width/2,f+=t.height/2),"path"===t.type&&"percentage"!==this.gradientUnits&&(h-=t.pathOffset.x,f-=t.pathOffset.y),u[4]-=h,u[5]-=f,a='id="SVGID_'+this.id+'" gradientUnits="'+d+'"',a+=' gradientTransform="'+(g?i.additionalTransform+" ":"")+S.util.matrixToSVG(u)+'" ',"linear"===this.type?o=["\n']:"radial"===this.type&&(o=["\n']),"radial"===this.type){if(c)for((l=l.concat()).reverse(),n=0,r=l.length;n0){var p=v/Math.max(s.r1,s.r2);for(n=0,r=l.length;n \n')}return o.push("linear"===this.type?" \n":"\n"),o.join("")},toLive:function(t){var e,i,n,r=S.util.object.clone(this.coords);if(this.type){for("linear"===this.type?e=t.createLinearGradient(r.x1,r.y1,r.x2,r.y2):"radial"===this.type&&(e=t.createRadialGradient(r.x1,r.y1,r.r1,r.x2,r.y2,r.r2)),i=0,n=this.colorStops.length;i1?1:o,isNaN(o)&&(o=1);var a,s,l,c,u=e.getElementsByTagName("stop"),h="userSpaceOnUse"===e.getAttribute("gradientUnits")?"pixels":"percentage",f=e.getAttribute("gradientTransform")||"",g=[],d=0,v=0;for("linearGradient"===e.nodeName||"LINEARGRADIENT"===e.nodeName?(a="linear",s=function(t){return{x1:t.getAttribute("x1")||0,y1:t.getAttribute("y1")||0,x2:t.getAttribute("x2")||"100%",y2:t.getAttribute("y2")||0}}(e)):(a="radial",s=function(t){return{x1:t.getAttribute("fx")||t.getAttribute("cx")||"50%",y1:t.getAttribute("fy")||t.getAttribute("cy")||"50%",r1:0,x2:t.getAttribute("cx")||"50%",y2:t.getAttribute("cy")||"50%",r2:t.getAttribute("r")||"50%"}}(e)),l=u.length;l--;)g.push(t(u[l],o));return c=S.parseTransformAttribute(f),function(t,e,i,n){var r,o;Object.keys(e).forEach((function(t){"Infinity"===(r=e[t])?o=1:"-Infinity"===r?o=0:(o=parseFloat(e[t],10),"string"==typeof r&&/^(\d+\.\d+)%|(\d+)%$/.test(r)&&(o*=.01,"pixels"===n&&("x1"!==t&&"x2"!==t&&"r2"!==t||(o*=i.viewBoxWidth||i.width),"y1"!==t&&"y2"!==t||(o*=i.viewBoxHeight||i.height)))),e[t]=o}))}(0,s,r,h),"pixels"===h&&(d=-i.left,v=-i.top),new S.Gradient({id:e.getAttribute("id"),type:a,coords:s,colorStops:g,gradientUnits:h,gradientTransform:c,offsetX:d,offsetY:v})}})}(),function(){"use strict";var t=S.util.toFixed;S.Pattern=S.util.createClass({repeat:"repeat",offsetX:0,offsetY:0,crossOrigin:"",patternTransform:null,initialize:function(t,e){if(t||(t={}),this.id=S.Object.__uid++,this.setOptions(t),!t.source||t.source&&"string"!=typeof t.source)e&&e(this);else{var i=this;this.source=S.util.createImage(),S.util.loadImage(t.source,(function(t,n){i.source=t,e&&e(i,n)}),null,this.crossOrigin)}},toObject:function(e){var i,n,r=S.Object.NUM_FRACTION_DIGITS;return"string"==typeof this.source.src?i=this.source.src:"object"==typeof this.source&&this.source.toDataURL&&(i=this.source.toDataURL()),n={type:"pattern",source:i,repeat:this.repeat,crossOrigin:this.crossOrigin,offsetX:t(this.offsetX,r),offsetY:t(this.offsetY,r),patternTransform:this.patternTransform?this.patternTransform.concat():null},S.util.populateWithProperties(this,n,e),n},toSVG:function(t){var e="function"==typeof this.source?this.source():this.source,i=e.width/t.width,n=e.height/t.height,r=this.offsetX/t.width,o=this.offsetY/t.height,a="";return"repeat-x"!==this.repeat&&"no-repeat"!==this.repeat||(n=1,o&&(n+=Math.abs(o))),"repeat-y"!==this.repeat&&"no-repeat"!==this.repeat||(i=1,r&&(i+=Math.abs(r))),e.src?a=e.src:e.toDataURL&&(a=e.toDataURL()),'\n \n \n'},setOptions:function(t){for(var e in t)this[e]=t[e]},toLive:function(t){var e=this.source;if(!e)return"";if(void 0!==e.src){if(!e.complete)return"";if(0===e.naturalWidth||0===e.naturalHeight)return""}return t.createPattern(e,this.repeat)}})}(),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.toFixed;e.Shadow?e.warn("fabric.Shadow is already defined."):(e.Shadow=e.util.createClass({color:"rgb(0,0,0)",blur:0,offsetX:0,offsetY:0,affectStroke:!1,includeDefaultValues:!0,nonScaling:!1,initialize:function(t){for(var i in"string"==typeof t&&(t=this._parseShadow(t)),t)this[i]=t[i];this.id=e.Object.__uid++},_parseShadow:function(t){var i=t.trim(),n=e.Shadow.reOffsetsAndBlur.exec(i)||[];return{color:(i.replace(e.Shadow.reOffsetsAndBlur,"")||"rgb(0,0,0)").trim(),offsetX:parseFloat(n[1],10)||0,offsetY:parseFloat(n[2],10)||0,blur:parseFloat(n[3],10)||0}},toString:function(){return[this.offsetX,this.offsetY,this.blur,this.color].join("px ")},toSVG:function(t){var n=40,r=40,o=e.Object.NUM_FRACTION_DIGITS,a=e.util.rotateVector({x:this.offsetX,y:this.offsetY},e.util.degreesToRadians(-t.angle)),s=new e.Color(this.color);return t.width&&t.height&&(n=100*i((Math.abs(a.x)+this.blur)/t.width,o)+20,r=100*i((Math.abs(a.y)+this.blur)/t.height,o)+20),t.flipX&&(a.x*=-1),t.flipY&&(a.y*=-1),'\n\t \n\t \n\t \n\t \n\t\n\t\t \n\t\t \n\t \n \n'},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 t={},i=e.Shadow.prototype;return["color","blur","offsetX","offsetY","affectStroke","nonScaling"].forEach((function(e){this[e]!==i[e]&&(t[e]=this[e])}),this),t}}),e.Shadow.reOffsetsAndBlur=/(?:\s|^)(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(-?\d+(?:\.\d*)?(?:px)?(?:\s?|$))?(\d+(?:\.\d*)?(?:px)?)?(?:\s?|$)(?:$|\s)/)}(e),function(){"use strict";if(S.StaticCanvas)S.warn("fabric.StaticCanvas is already defined.");else{var t=S.util.object.extend,e=S.util.getElementOffset,i=S.util.removeFromArray,n=S.util.toFixed,r=S.util.transformPoint,o=S.util.invertTransform,a=S.util.getNodeCanvas,s=S.util.createCanvasElement,l=new Error("Could not initialize `canvas` element");S.StaticCanvas=S.util.createClass(S.CommonMethods,{initialize:function(t,e){e||(e={}),this.renderAndResetBound=this.renderAndReset.bind(this),this.requestRenderAllBound=this.requestRenderAll.bind(this),this._initStatic(t,e)},backgroundColor:"",backgroundImage:null,overlayColor:"",overlayImage:null,includeDefaultValues:!0,stateful:!1,renderOnAddRemove:!0,controlsAboveOverlay:!1,allowTouchScrolling:!1,imageSmoothingEnabled:!0,viewportTransform:S.iMatrix.concat(),backgroundVpt:!0,overlayVpt:!0,enableRetinaScaling:!0,vptCoords:{},skipOffscreen:!0,clipPath:void 0,_initStatic:function(t,e){var i=this.requestRenderAllBound;this._objects=[],this._createLowerCanvas(t),this._initOptions(e),this.interactive||this._initRetinaScaling(),e.overlayImage&&this.setOverlayImage(e.overlayImage,i),e.backgroundImage&&this.setBackgroundImage(e.backgroundImage,i),e.backgroundColor&&this.setBackgroundColor(e.backgroundColor,i),e.overlayColor&&this.setOverlayColor(e.overlayColor,i),this.calcOffset()},_isRetinaScaling:function(){return 1!==S.devicePixelRatio&&this.enableRetinaScaling},getRetinaScaling:function(){return this._isRetinaScaling()?S.devicePixelRatio:1},_initRetinaScaling:function(){if(this._isRetinaScaling()){var t=S.devicePixelRatio;this.__initRetinaScaling(t,this.lowerCanvasEl,this.contextContainer),this.upperCanvasEl&&this.__initRetinaScaling(t,this.upperCanvasEl,this.contextTop)}},__initRetinaScaling:function(t,e,i){e.setAttribute("width",this.width*t),e.setAttribute("height",this.height*t),i.scale(t,t)},calcOffset:function(){return this._offset=e(this.lowerCanvasEl),this},setOverlayImage:function(t,e,i){return this.__setBgOverlayImage("overlayImage",t,e,i)},setBackgroundImage:function(t,e,i){return this.__setBgOverlayImage("backgroundImage",t,e,i)},setOverlayColor:function(t,e){return this.__setBgOverlayColor("overlayColor",t,e)},setBackgroundColor:function(t,e){return this.__setBgOverlayColor("backgroundColor",t,e)},__setBgOverlayImage:function(t,e,i,n){return"string"==typeof e?S.util.loadImage(e,(function(e,r){if(e){var o=new S.Image(e,n);this[t]=o,o.canvas=this}i&&i(e,r)}),this,n&&n.crossOrigin):(n&&e.setOptions(n),this[t]=e,e&&(e.canvas=this),i&&i(e,!1)),this},__setBgOverlayColor:function(t,e,i){return this[t]=e,this._initGradient(e,t),this._initPattern(e,t,i),this},_createCanvasElement:function(){var t=s();if(!t)throw l;if(t.style||(t.style={}),void 0===t.getContext)throw l;return t},_initOptions:function(t){var e=this.lowerCanvasEl;this._setOptions(t),this.width=this.width||parseInt(e.width,10)||0,this.height=this.height||parseInt(e.height,10)||0,this.lowerCanvasEl.style&&(e.width=this.width,e.height=this.height,e.style.width=this.width+"px",e.style.height=this.height+"px",this.viewportTransform=this.viewportTransform.slice())},_createLowerCanvas:function(t){t&&t.getContext?this.lowerCanvasEl=t:this.lowerCanvasEl=S.util.getById(t)||this._createCanvasElement(),S.util.addClass(this.lowerCanvasEl,"lower-canvas"),this._originalCanvasStyle=this.lowerCanvasEl.style,this.interactive&&this._applyCanvasStyle(this.lowerCanvasEl),this.contextContainer=this.lowerCanvasEl.getContext("2d")},getWidth:function(){return this.width},getHeight:function(){return this.height},setWidth:function(t,e){return this.setDimensions({width:t},e)},setHeight:function(t,e){return this.setDimensions({height:t},e)},setDimensions:function(t,e){var i;for(var n in e=e||{},t)i=t[n],e.cssOnly||(this._setBackstoreDimension(n,t[n]),i+="px",this.hasLostContext=!0),e.backstoreOnly||this._setCssDimension(n,i);return this._isCurrentlyDrawing&&this.freeDrawingBrush&&this.freeDrawingBrush._setBrushStyles(),this._initRetinaScaling(),this.calcOffset(),e.cssOnly||this.requestRenderAll(),this},_setBackstoreDimension:function(t,e){return this.lowerCanvasEl[t]=e,this.upperCanvasEl&&(this.upperCanvasEl[t]=e),this.cacheCanvasEl&&(this.cacheCanvasEl[t]=e),this[t]=e,this},_setCssDimension:function(t,e){return this.lowerCanvasEl.style[t]=e,this.upperCanvasEl&&(this.upperCanvasEl.style[t]=e),this.wrapperEl&&(this.wrapperEl.style[t]=e),this},getZoom:function(){return this.viewportTransform[0]},setViewportTransform:function(t){var e,i,n,r=this._activeObject,o=this.backgroundImage,a=this.overlayImage;for(this.viewportTransform=t,i=0,n=this._objects.length;i\n'),this._setSVGBgOverlayColor(i,"background"),this._setSVGBgOverlayImage(i,"backgroundImage",e),this._setSVGObjects(i,e),this.clipPath&&i.push(" \n"),this._setSVGBgOverlayColor(i,"overlay"),this._setSVGBgOverlayImage(i,"overlayImage",e),i.push(""),i.join("")},_setSVGPreamble:function(t,e){e.suppressPreamble||t.push('\n','\n')},_setSVGHeader:function(t,e){var i,r=e.width||this.width,o=e.height||this.height,a='viewBox="0 0 '+this.width+" "+this.height+'" ',s=S.Object.NUM_FRACTION_DIGITS;e.viewBox?a='viewBox="'+e.viewBox.x+" "+e.viewBox.y+" "+e.viewBox.width+" "+e.viewBox.height+'" ':this.svgViewportTransformation&&(i=this.viewportTransform,a='viewBox="'+n(-i[4]/i[0],s)+" "+n(-i[5]/i[3],s)+" "+n(this.width/i[0],s)+" "+n(this.height/i[3],s)+'" '),t.push("\n',"Created with Fabric.js ",S.version," \n","\n",this.createSVGFontFacesMarkup(),this.createSVGRefElementsMarkup(),this.createSVGClipPathMarkup(e)," \n")},createSVGClipPathMarkup:function(t){var e=this.clipPath;return e?(e.clipPathId="CLIPPATH_"+S.Object.__uid++,'\n'+this.clipPath.toClipPathSVG(t.reviver)+" \n"):""},createSVGRefElementsMarkup:function(){var t=this;return["background","overlay"].map((function(e){var i=t[e+"Color"];if(i&&i.toLive){var n=t[e+"Vpt"],r=t.viewportTransform,o={width:t.width/(n?r[0]:1),height:t.height/(n?r[3]:1)};return i.toSVG(o,{additionalTransform:n?S.util.matrixToSVG(r):""})}})).join("")},createSVGFontFacesMarkup:function(){var t,e,i,n,r,o,a,s,l="",c={},u=S.fontPaths,h=[];for(this._objects.forEach((function t(e){h.push(e),e._objects&&e._objects.forEach(t)})),a=0,s=h.length;a',"","\n"].join("")),l},_setSVGObjects:function(t,e){var i,n,r,o=this._objects;for(n=0,r=o.length;n\n")}else t.push(' \n")},sendToBack:function(t){if(!t)return this;var e,n,r,o=this._activeObject;if(t===o&&"activeSelection"===t.type)for(e=(r=o._objects).length;e--;)n=r[e],i(this._objects,n),this._objects.unshift(n);else i(this._objects,t),this._objects.unshift(t);return this.renderOnAddRemove&&this.requestRenderAll(),this},bringToFront:function(t){if(!t)return this;var e,n,r,o=this._activeObject;if(t===o&&"activeSelection"===t.type)for(r=o._objects,e=0;e0+c&&(a=o-1,i(this._objects,r),this._objects.splice(a,0,r)),c++;else 0!==(o=this._objects.indexOf(t))&&(a=this._findNewLowerIndex(t,o,e),i(this._objects,t),this._objects.splice(a,0,t));return this.renderOnAddRemove&&this.requestRenderAll(),this},_findNewLowerIndex:function(t,e,i){var n,r;if(i)for(n=e,r=e-1;r>=0;--r){if(t.intersectsWithObject(this._objects[r])||t.isContainedWithinObject(this._objects[r])||this._objects[r].isContainedWithinObject(t)){n=r;break}}else n=e-1;return n},bringForward:function(t,e){if(!t)return this;var n,r,o,a,s,l=this._activeObject,c=0;if(t===l&&"activeSelection"===t.type)for(n=(s=l._objects).length;n--;)r=s[n],(o=this._objects.indexOf(r))"}}),t(S.StaticCanvas.prototype,S.Observable),t(S.StaticCanvas.prototype,S.Collection),t(S.StaticCanvas.prototype,S.DataURLExporter),t(S.StaticCanvas,{EMPTY_JSON:'{"objects": [], "background": "white"}',supports:function(t){var e=s();if(!e||!e.getContext)return null;var i=e.getContext("2d");if(!i)return null;switch(t){case"setLineDash":return void 0!==i.setLineDash;default:return null}}}),S.StaticCanvas.prototype.toJSON=S.StaticCanvas.prototype.toObject,S.isLikelyNode&&(S.StaticCanvas.prototype.createPNGStream=function(){var t=a(this.lowerCanvasEl);return t&&t.createPNGStream()},S.StaticCanvas.prototype.createJPEGStream=function(t){var e=a(this.lowerCanvasEl);return e&&e.createJPEGStream(t)})}}(),S.BaseBrush=S.util.createClass({color:"rgb(0, 0, 0)",width:1,shadow:null,strokeLineCap:"round",strokeLineJoin:"round",strokeMiterLimit:10,strokeDashArray:null,limitedToCanvasSize:!1,_setBrushStyles:function(){var t=this.canvas.contextTop;t.strokeStyle=this.color,t.lineWidth=this.width,t.lineCap=this.strokeLineCap,t.miterLimit=this.strokeMiterLimit,t.lineJoin=this.strokeLineJoin,t.setLineDash(this.strokeDashArray||[])},_saveAndTransform:function(t){var e=this.canvas.viewportTransform;t.save(),t.transform(e[0],e[1],e[2],e[3],e[4],e[5])},_setShadow:function(){if(this.shadow){var t=this.canvas,e=this.shadow,i=t.contextTop,n=t.getZoom();t&&t._isRetinaScaling()&&(n*=S.devicePixelRatio),i.shadowColor=e.color,i.shadowBlur=e.blur*n,i.shadowOffsetX=e.offsetX*n,i.shadowOffsetY=e.offsetY*n}},needsFullRender:function(){return new S.Color(this.color).getAlpha()<1||!!this.shadow},_resetShadow:function(){var t=this.canvas.contextTop;t.shadowColor="",t.shadowBlur=t.shadowOffsetX=t.shadowOffsetY=0},_isOutSideCanvas:function(t){return t.x<0||t.x>this.canvas.getWidth()||t.y<0||t.y>this.canvas.getHeight()}}),S.PencilBrush=S.util.createClass(S.BaseBrush,{decimate:.4,initialize:function(t){this.canvas=t,this._points=[]},_drawSegment:function(t,e,i){var n=e.midPointFrom(i);return t.quadraticCurveTo(e.x,e.y,n.x,n.y),n},onMouseDown:function(t,e){this.canvas._isMainEvent(e.e)&&(this._prepareForDrawing(t),this._captureDrawingPath(t),this._render())},onMouseMove:function(t,e){if(this.canvas._isMainEvent(e.e)&&(!0!==this.limitedToCanvasSize||!this._isOutSideCanvas(t))&&this._captureDrawingPath(t)&&this._points.length>1)if(this.needsFullRender())this.canvas.clearContext(this.canvas.contextTop),this._render();else{var i=this._points,n=i.length,r=this.canvas.contextTop;this._saveAndTransform(r),this.oldEnd&&(r.beginPath(),r.moveTo(this.oldEnd.x,this.oldEnd.y)),this.oldEnd=this._drawSegment(r,i[n-2],i[n-1],!0),r.stroke(),r.restore()}},onMouseUp:function(t){return!this.canvas._isMainEvent(t.e)||(this.oldEnd=void 0,this._finalizeAndAddPath(),!1)},_prepareForDrawing:function(t){var e=new S.Point(t.x,t.y);this._reset(),this._addPoint(e),this.canvas.contextTop.moveTo(e.x,e.y)},_addPoint:function(t){return!(this._points.length>1&&t.eq(this._points[this._points.length-1])||(this._points.push(t),0))},_reset:function(){this._points=[],this._setBrushStyles(),this._setShadow()},_captureDrawingPath:function(t){var e=new S.Point(t.x,t.y);return this._addPoint(e)},_render:function(){var t,e,i=this.canvas.contextTop,n=this._points[0],r=this._points[1];if(this._saveAndTransform(i),i.beginPath(),2===this._points.length&&n.x===r.x&&n.y===r.y){var o=this.width/1e3;n=new S.Point(n.x,n.y),r=new S.Point(r.x,r.y),n.x-=o,r.x+=o}for(i.moveTo(n.x,n.y),t=1,e=this._points.length;t=r&&(a=t[i],s.push(a));return s.push(t[o]),s},_finalizeAndAddPath:function(){this.canvas.contextTop.closePath(),this.decimate&&(this._points=this.decimatePoints(this._points,this.decimate));var t=this.convertPointsToSVGPath(this._points);if(this._isEmptySVGPath(t))this.canvas.requestRenderAll();else{var e=this.createPath(t);this.canvas.clearContext(this.canvas.contextTop),this.canvas.fire("before:path:created",{path:e}),this.canvas.add(e),this.canvas.requestRenderAll(),e.setCoords(),this._resetShadow(),this.canvas.fire("path:created",{path:e})}}}),S.CircleBrush=S.util.createClass(S.BaseBrush,{width:10,initialize:function(t){this.canvas=t,this.points=[]},drawDot:function(t){var e=this.addPoint(t),i=this.canvas.contextTop;this._saveAndTransform(i),this.dot(i,e),i.restore()},dot:function(t,e){t.fillStyle=e.fill,t.beginPath(),t.arc(e.x,e.y,e.radius,0,2*Math.PI,!1),t.closePath(),t.fill()},onMouseDown:function(t){this.points.length=0,this.canvas.clearContext(this.canvas.contextTop),this._setShadow(),this.drawDot(t)},_render:function(){var t,e,i=this.canvas.contextTop,n=this.points;for(this._saveAndTransform(i),t=0,e=n.length;t0&&!this.preserveObjectStacking){e=[],i=[];for(var r=0,o=this._objects.length;r1&&(this._activeObject._objects=i),e.push.apply(e,i)}else e=this._objects;return e},renderAll:function(){!this.contextTopDirty||this._groupSelector||this.isDrawingMode||(this.clearContext(this.contextTop),this.contextTopDirty=!1),this.hasLostContext&&this.renderTopLayer(this.contextTop);var t=this.contextContainer;return this.renderCanvas(t,this._chooseObjectsToRender()),this},renderTopLayer:function(t){t.save(),this.isDrawingMode&&this._isCurrentlyDrawing&&(this.freeDrawingBrush&&this.freeDrawingBrush._render(),this.contextTopDirty=!0),this.selection&&this._groupSelector&&(this._drawSelection(t),this.contextTopDirty=!0),t.restore()},renderTop:function(){var t=this.contextTop;return this.clearContext(t),this.renderTopLayer(t),this.fire("after:render"),this},_normalizePointer:function(t,e){var i=t.calcTransformMatrix(),n=S.util.invertTransform(i),r=this.restorePointerVpt(e);return S.util.transformPoint(r,n)},isTargetTransparent:function(t,e,i){if(t.shouldCache()&&t._cacheCanvas&&t!==this._activeObject){var n=this._normalizePointer(t,{x:e,y:i}),r=Math.max(t.cacheTranslationX+n.x*t.zoomX,0),o=Math.max(t.cacheTranslationY+n.y*t.zoomY,0);return S.util.isTransparent(t._cacheContext,Math.round(r),Math.round(o),this.targetFindTolerance)}var a=this.contextCache,s=t.selectionBackgroundColor,l=this.viewportTransform;return t.selectionBackgroundColor="",this.clearContext(a),a.save(),a.transform(l[0],l[1],l[2],l[3],l[4],l[5]),t.render(a),a.restore(),t.selectionBackgroundColor=s,S.util.isTransparent(a,e,i,this.targetFindTolerance)},_isSelectionKeyPressed:function(t){return"[object Array]"===Object.prototype.toString.call(this.selectionKey)?!!this.selectionKey.find((function(e){return!0===t[e]})):t[this.selectionKey]},_shouldClearSelection:function(t,e){var i=this.getActiveObjects(),n=this._activeObject;return!e||e&&n&&i.length>1&&-1===i.indexOf(e)&&n!==e&&!this._isSelectionKeyPressed(t)||e&&!e.evented||e&&!e.selectable&&n&&n!==e},_shouldCenterTransform:function(t,e,i){var n;if(t)return"scale"===e||"scaleX"===e||"scaleY"===e||"resizing"===e?n=this.centeredScaling||t.centeredScaling:"rotate"===e&&(n=this.centeredRotation||t.centeredRotation),n?!i:i},_getOriginFromCorner:function(t,e){var i={x:t.originX,y:t.originY};return"ml"===e||"tl"===e||"bl"===e?i.x="right":"mr"!==e&&"tr"!==e&&"br"!==e||(i.x="left"),"tl"===e||"mt"===e||"tr"===e?i.y="bottom":"bl"!==e&&"mb"!==e&&"br"!==e||(i.y="top"),i},_getActionFromCorner:function(t,e,i,n){if(!e||!t)return"drag";var r=n.controls[e];return r.getActionName(i,r,n)},_setupCurrentTransform:function(t,i,n){if(i){var r=this.getPointer(t),o=i.__corner,a=i.controls[o],s=n&&o?a.getActionHandler(t,i,a):S.controlsUtils.dragHandler,l=this._getActionFromCorner(n,o,t,i),c=this._getOriginFromCorner(i,o),u=t[this.centeredKey],h={target:i,action:l,actionHandler:s,corner:o,scaleX:i.scaleX,scaleY:i.scaleY,skewX:i.skewX,skewY:i.skewY,offsetX:r.x-i.left,offsetY:r.y-i.top,originX:c.x,originY:c.y,ex:r.x,ey:r.y,lastX:r.x,lastY:r.y,theta:e(i.angle),width:i.width*i.scaleX,shiftKey:t.shiftKey,altKey:u,original:S.util.saveObjectTransform(i)};this._shouldCenterTransform(i,l,u)&&(h.originX="center",h.originY="center"),h.original.originX=c.x,h.original.originY=c.y,this._currentTransform=h,this._beforeTransform(t)}},setCursor:function(t){this.upperCanvasEl.style.cursor=t},_drawSelection:function(t){var e=this._groupSelector,i=new S.Point(e.ex,e.ey),n=S.util.transformPoint(i,this.viewportTransform),r=new S.Point(e.ex+e.left,e.ey+e.top),o=S.util.transformPoint(r,this.viewportTransform),a=Math.min(n.x,o.x),s=Math.min(n.y,o.y),l=Math.max(n.x,o.x),c=Math.max(n.y,o.y),u=this.selectionLineWidth/2;this.selectionColor&&(t.fillStyle=this.selectionColor,t.fillRect(a,s,l-a,c-s)),this.selectionLineWidth&&this.selectionBorderColor&&(t.lineWidth=this.selectionLineWidth,t.strokeStyle=this.selectionBorderColor,a+=u,s+=u,l-=u,c-=u,S.Object.prototype._setLineDash.call(this,t,this.selectionDashArray),t.strokeRect(a,s,l-a,c-s))},findTarget:function(t,e){if(!this.skipTargetFind){var n,r,o=this.getPointer(t,!0),a=this._activeObject,s=this.getActiveObjects(),l=i(t),c=s.length>1&&!e||1===s.length;if(this.targets=[],c&&a._findTargetCorner(o,l))return a;if(s.length>1&&!e&&a===this._searchPossibleTargets([a],o))return a;if(1===s.length&&a===this._searchPossibleTargets([a],o)){if(!this.preserveObjectStacking)return a;n=a,r=this.targets,this.targets=[]}var u=this._searchPossibleTargets(this._objects,o);return t[this.altSelectionKey]&&u&&n&&u!==n&&(u=n,this.targets=r),u}},_checkTarget:function(t,e,i){if(e&&e.visible&&e.evented&&e.containsPoint(t)){if(!this.perPixelTargetFind&&!e.perPixelTargetFind||e.isEditing)return!0;if(!this.isTargetTransparent(e,i.x,i.y))return!0}},_searchPossibleTargets:function(t,e){for(var i,n,r=t.length;r--;){var o=t[r],a=o.group?this._normalizePointer(o.group,e):e;if(this._checkTarget(a,o,e)){(i=t[r]).subTargetCheck&&i instanceof S.Group&&(n=this._searchPossibleTargets(i._objects,e))&&this.targets.push(n);break}}return i},restorePointerVpt:function(t){return S.util.transformPoint(t,S.util.invertTransform(this.viewportTransform))},getPointer:function(e,i){if(this._absolutePointer&&!i)return this._absolutePointer;if(this._pointer&&i)return this._pointer;var n,r=t(e),o=this.upperCanvasEl,a=o.getBoundingClientRect(),s=a.width||0,l=a.height||0;s&&l||("top"in a&&"bottom"in a&&(l=Math.abs(a.top-a.bottom)),"right"in a&&"left"in a&&(s=Math.abs(a.right-a.left))),this.calcOffset(),r.x=r.x-this._offset.left,r.y=r.y-this._offset.top,i||(r=this.restorePointerVpt(r));var c=this.getRetinaScaling();return 1!==c&&(r.x/=c,r.y/=c),n=0===s||0===l?{width:1,height:1}:{width:o.width/s,height:o.height/l},{x:r.x*n.width,y:r.y*n.height}},_createUpperCanvas:function(){var t=this.lowerCanvasEl.className.replace(/\s*lower-canvas\s*/,""),e=this.lowerCanvasEl,i=this.upperCanvasEl;i?i.className="":(i=this._createCanvasElement(),this.upperCanvasEl=i),S.util.addClass(i,"upper-canvas "+t),this.wrapperEl.appendChild(i),this._copyCanvasStyle(e,i),this._applyCanvasStyle(i),this.contextTop=i.getContext("2d")},_createCacheCanvas:function(){this.cacheCanvasEl=this._createCanvasElement(),this.cacheCanvasEl.setAttribute("width",this.width),this.cacheCanvasEl.setAttribute("height",this.height),this.contextCache=this.cacheCanvasEl.getContext("2d")},_initWrapperElement:function(){this.wrapperEl=S.util.wrapElement(this.lowerCanvasEl,"div",{class:this.containerClass}),S.util.setStyle(this.wrapperEl,{width:this.width+"px",height:this.height+"px",position:"relative"}),S.util.makeElementUnselectable(this.wrapperEl)},_applyCanvasStyle:function(t){var e=this.width||t.width,i=this.height||t.height;S.util.setStyle(t,{position:"absolute",width:e+"px",height:i+"px",left:0,top:0,"touch-action":this.allowTouchScrolling?"manipulation":"none","-ms-touch-action":this.allowTouchScrolling?"manipulation":"none"}),t.width=e,t.height=i,S.util.makeElementUnselectable(t)},_copyCanvasStyle:function(t,e){e.style.cssText=t.style.cssText},getSelectionContext:function(){return this.contextTop},getSelectionElement:function(){return this.upperCanvasEl},getActiveObject:function(){return this._activeObject},getActiveObjects:function(){var t=this._activeObject;return t?"activeSelection"===t.type&&t._objects?t._objects.slice(0):[t]:[]},_onObjectRemoved:function(t){t===this._activeObject&&(this.fire("before:selection:cleared",{target:t}),this._discardActiveObject(),this.fire("selection:cleared",{target:t}),t.fire("deselected")),t===this._hoveredTarget&&(this._hoveredTarget=null,this._hoveredTargets=[]),this.callSuper("_onObjectRemoved",t)},_fireSelectionEvents:function(t,e){var i=!1,n=this.getActiveObjects(),r=[],o=[];t.forEach((function(t){-1===n.indexOf(t)&&(i=!0,t.fire("deselected",{e:e,target:t}),o.push(t))})),n.forEach((function(n){-1===t.indexOf(n)&&(i=!0,n.fire("selected",{e:e,target:n}),r.push(n))})),t.length>0&&n.length>0?i&&this.fire("selection:updated",{e:e,selected:r,deselected:o,updated:r[0]||o[0],target:this._activeObject}):n.length>0?this.fire("selection:created",{e:e,selected:r,target:this._activeObject}):t.length>0&&this.fire("selection:cleared",{e:e,deselected:o})},setActiveObject:function(t,e){var i=this.getActiveObjects();return this._setActiveObject(t,e),this._fireSelectionEvents(i,e),this},_setActiveObject:function(t,e){return this._activeObject!==t&&(!!this._discardActiveObject(e,t)&&(!t.onSelect({e:e})&&(this._activeObject=t,!0)))},_discardActiveObject:function(t,e){var i=this._activeObject;if(i){if(i.onDeselect({e:t,object:e}))return!1;this._activeObject=null}return!0},discardActiveObject:function(t){var e=this.getActiveObjects(),i=this.getActiveObject();return e.length&&this.fire("before:selection:cleared",{target:i,e:t}),this._discardActiveObject(t),this._fireSelectionEvents(e,t),this},dispose:function(){var t=this.wrapperEl;return this.removeListeners(),t.removeChild(this.upperCanvasEl),t.removeChild(this.lowerCanvasEl),this.contextCache=null,this.contextTop=null,["upperCanvasEl","cacheCanvasEl"].forEach(function(t){S.util.cleanUpJsdomNode(this[t]),this[t]=void 0}.bind(this)),t.parentNode&&t.parentNode.replaceChild(this.lowerCanvasEl,this.wrapperEl),delete this.wrapperEl,S.StaticCanvas.prototype.dispose.call(this),this},clear:function(){return this.discardActiveObject(),this.clearContext(this.contextTop),this.callSuper("clear")},drawControls:function(t){var e=this._activeObject;e&&e._renderControls(t)},_toObject:function(t,e,i){var n=this._realizeGroupTransformOnObject(t),r=this.callSuper("_toObject",t,e,i);return this._unwindGroupTransformOnObject(t,n),r},_realizeGroupTransformOnObject:function(t){if(t.group&&"activeSelection"===t.group.type&&this._activeObject===t.group){var e={};return["angle","flipX","flipY","left","scaleX","scaleY","skewX","skewY","top"].forEach((function(i){e[i]=t[i]})),S.util.addTransformToObject(t,this._activeObject.calcOwnMatrix()),e}return null},_unwindGroupTransformOnObject:function(t,e){e&&t.set(e)},_setSVGObject:function(t,e,i){var n=this._realizeGroupTransformOnObject(e);this.callSuper("_setSVGObject",t,e,i),this._unwindGroupTransformOnObject(e,n)},setViewportTransform:function(t){this.renderOnAddRemove&&this._activeObject&&this._activeObject.isEditing&&this._activeObject.clearContextTop(),S.StaticCanvas.prototype.setViewportTransform.call(this,t)}}),S.StaticCanvas)"prototype"!==n&&(S.Canvas[n]=S.StaticCanvas[n])}(),function(){var t=S.util.addListener,e=S.util.removeListener,i={passive:!1};function n(t,e){return t.button&&t.button===e-1}S.util.object.extend(S.Canvas.prototype,{mainTouchId:null,_initEventListeners:function(){this.removeListeners(),this._bindEvents(),this.addOrRemove(t,"add")},_getEventPrefix:function(){return this.enablePointerEvents?"pointer":"mouse"},addOrRemove:function(t,e){var n=this.upperCanvasEl,r=this._getEventPrefix();t(S.window,"resize",this._onResize),t(n,r+"down",this._onMouseDown),t(n,r+"move",this._onMouseMove,i),t(n,r+"out",this._onMouseOut),t(n,r+"enter",this._onMouseEnter),t(n,"wheel",this._onMouseWheel),t(n,"contextmenu",this._onContextMenu),t(n,"dblclick",this._onDoubleClick),t(n,"dragover",this._onDragOver),t(n,"dragenter",this._onDragEnter),t(n,"dragleave",this._onDragLeave),t(n,"drop",this._onDrop),this.enablePointerEvents||t(n,"touchstart",this._onTouchStart,i),"undefined"!=typeof eventjs&&e in eventjs&&(eventjs[e](n,"gesture",this._onGesture),eventjs[e](n,"drag",this._onDrag),eventjs[e](n,"orientation",this._onOrientationChange),eventjs[e](n,"shake",this._onShake),eventjs[e](n,"longpress",this._onLongPress))},removeListeners:function(){this.addOrRemove(e,"remove");var t=this._getEventPrefix();e(S.document,t+"up",this._onMouseUp),e(S.document,"touchend",this._onTouchEnd,i),e(S.document,t+"move",this._onMouseMove,i),e(S.document,"touchmove",this._onMouseMove,i)},_bindEvents:function(){this.eventsBound||(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._simpleEventHandler.bind(this,"drop"),this.eventsBound=!0)},_onGesture:function(t,e){this.__onTransformGesture&&this.__onTransformGesture(t,e)},_onDrag:function(t,e){this.__onDrag&&this.__onDrag(t,e)},_onMouseWheel:function(t){this.__onMouseWheel(t)},_onMouseOut:function(t){var e=this._hoveredTarget;this.fire("mouse:out",{target:e,e:t}),this._hoveredTarget=null,e&&e.fire("mouseout",{e:t});var i=this;this._hoveredTargets.forEach((function(n){i.fire("mouse:out",{target:e,e:t}),n&&e.fire("mouseout",{e:t})})),this._hoveredTargets=[],this._iTextInstances&&this._iTextInstances.forEach((function(t){t.isEditing&&t.hiddenTextarea.focus()}))},_onMouseEnter:function(t){this._currentTransform||this.findTarget(t)||(this.fire("mouse:over",{target:null,e:t}),this._hoveredTarget=null,this._hoveredTargets=[])},_onOrientationChange:function(t,e){this.__onOrientationChange&&this.__onOrientationChange(t,e)},_onShake:function(t,e){this.__onShake&&this.__onShake(t,e)},_onLongPress:function(t,e){this.__onLongPress&&this.__onLongPress(t,e)},_onDragOver:function(t){t.preventDefault();var e=this._simpleEventHandler("dragover",t);this._fireEnterLeaveEvents(e,t)},_onContextMenu:function(t){return this.stopContextMenu&&(t.stopPropagation(),t.preventDefault()),!1},_onDoubleClick:function(t){this._cacheTransformEventData(t),this._handleEvent(t,"dblclick"),this._resetTransformEventData(t)},getPointerId:function(t){var e=t.changedTouches;return e?e[0]&&e[0].identifier:this.enablePointerEvents?t.pointerId:-1},_isMainEvent:function(t){return!0===t.isPrimary||!1!==t.isPrimary&&("touchend"===t.type&&0===t.touches.length||(!t.changedTouches||t.changedTouches[0].identifier===this.mainTouchId))},_onTouchStart:function(n){n.preventDefault(),null===this.mainTouchId&&(this.mainTouchId=this.getPointerId(n)),this.__onMouseDown(n),this._resetTransformEventData();var r=this.upperCanvasEl,o=this._getEventPrefix();t(S.document,"touchend",this._onTouchEnd,i),t(S.document,"touchmove",this._onMouseMove,i),e(r,o+"down",this._onMouseDown)},_onMouseDown:function(n){this.__onMouseDown(n),this._resetTransformEventData();var r=this.upperCanvasEl,o=this._getEventPrefix();e(r,o+"move",this._onMouseMove,i),t(S.document,o+"up",this._onMouseUp),t(S.document,o+"move",this._onMouseMove,i)},_onTouchEnd:function(n){if(!(n.touches.length>0)){this.__onMouseUp(n),this._resetTransformEventData(),this.mainTouchId=null;var r=this._getEventPrefix();e(S.document,"touchend",this._onTouchEnd,i),e(S.document,"touchmove",this._onMouseMove,i);var o=this;this._willAddMouseDown&&clearTimeout(this._willAddMouseDown),this._willAddMouseDown=setTimeout((function(){t(o.upperCanvasEl,r+"down",o._onMouseDown),o._willAddMouseDown=0}),400)}},_onMouseUp:function(n){this.__onMouseUp(n),this._resetTransformEventData();var r=this.upperCanvasEl,o=this._getEventPrefix();this._isMainEvent(n)&&(e(S.document,o+"up",this._onMouseUp),e(S.document,o+"move",this._onMouseMove,i),t(r,o+"move",this._onMouseMove,i))},_onMouseMove:function(t){!this.allowTouchScrolling&&t.preventDefault&&t.preventDefault(),this.__onMouseMove(t)},_onResize:function(){this.calcOffset()},_shouldRender:function(t){var e=this._activeObject;return!!(!!e!=!!t||e&&t&&e!==t)||(e&&e.isEditing,!1)},__onMouseUp:function(t){var e,i=this._currentTransform,r=this._groupSelector,o=!1,a=!r||0===r.left&&0===r.top;if(this._cacheTransformEventData(t),e=this._target,this._handleEvent(t,"up:before"),n(t,3))this.fireRightClick&&this._handleEvent(t,"up",3,a);else{if(n(t,2))return this.fireMiddleClick&&this._handleEvent(t,"up",2,a),void this._resetTransformEventData();if(this.isDrawingMode&&this._isCurrentlyDrawing)this._onMouseUpInDrawingMode(t);else if(this._isMainEvent(t)){if(i&&(this._finalizeCurrentTransform(t),o=i.actionPerformed),!a){var s=e===this._activeObject;this._maybeGroupObjects(t),o||(o=this._shouldRender(e)||!s&&e===this._activeObject)}if(e){if(e.selectable&&e!==this._activeObject&&"up"===e.activeOn)this.setActiveObject(e,t),o=!0;else{var l=e._findTargetCorner(this.getPointer(t,!0),S.util.isTouchEvent(t)),c=e.controls[l],u=c&&c.getMouseUpHandler(t,e,c);if(u){var h=this.getPointer(t);u(t,i,h.x,h.y)}}e.isMoving=!1}this._setCursorFromEvent(t,e),this._handleEvent(t,"up",1,a),this._groupSelector=null,this._currentTransform=null,e&&(e.__corner=0),o?this.requestRenderAll():a||this.renderTop()}}},_simpleEventHandler:function(t,e){var i=this.findTarget(e),n=this.targets,r={e:e,target:i,subTargets:n};if(this.fire(t,r),i&&i.fire(t,r),!n)return i;for(var o=0;o1&&(e=new S.ActiveSelection(i.reverse(),{canvas:this}),this.setActiveObject(e,t))},_collectObjects:function(t){for(var e,i=[],n=this._groupSelector.ex,r=this._groupSelector.ey,o=n+this._groupSelector.left,a=r+this._groupSelector.top,s=new S.Point(m(n,o),m(r,a)),l=new S.Point(y(n,o),y(r,a)),c=!this.selectionFullyContained,u=n===o&&r===a,h=this._objects.length;h--&&!((e=this._objects[h])&&e.selectable&&e.visible&&(c&&e.intersectsWithRect(s,l,!0)||e.isContainedWithinRect(s,l,!0)||c&&e.containsPoint(s,null,!0)||c&&e.containsPoint(l,null,!0))&&(i.push(e),u)););return i.length>1&&(i=i.filter((function(e){return!e.onSelect({e:t})}))),i},_maybeGroupObjects:function(t){this.selection&&this._groupSelector&&this._groupSelectedObjects(t),this.setCursor(this.defaultCursor),this._groupSelector=null}}),S.util.object.extend(S.StaticCanvas.prototype,{toDataURL:function(t){t||(t={});var e=t.format||"png",i=t.quality||1,n=(t.multiplier||1)*(t.enableRetinaScaling?this.getRetinaScaling():1),r=this.toCanvasElement(n,t);return S.util.toDataURL(r,e,i)},toCanvasElement:function(t,e){t=t||1;var i=((e=e||{}).width||this.width)*t,n=(e.height||this.height)*t,r=this.getZoom(),o=this.width,a=this.height,s=r*t,l=this.viewportTransform,c=(l[4]-(e.left||0))*t,u=(l[5]-(e.top||0))*t,h=this.interactive,f=[s,0,0,s,c,u],g=this.enableRetinaScaling,d=S.util.createCanvasElement(),v=this.contextTop;return d.width=i,d.height=n,this.contextTop=null,this.enableRetinaScaling=!1,this.interactive=!1,this.viewportTransform=f,this.width=i,this.height=n,this.calcViewportBoundaries(),this.renderCanvas(d.getContext("2d"),this._objects),this.viewportTransform=l,this.width=o,this.height=a,this.calcViewportBoundaries(),this.interactive=h,this.enableRetinaScaling=g,this.contextTop=v,d}}),S.util.object.extend(S.StaticCanvas.prototype,{loadFromJSON:function(t,e,i){if(t){var n="string"==typeof t?JSON.parse(t):S.util.object.clone(t),r=this,o=n.clipPath,a=this.renderOnAddRemove;return this.renderOnAddRemove=!1,delete n.clipPath,this._enlivenObjects(n.objects,(function(t){r.clear(),r._setBgOverlay(n,(function(){o?r._enlivenObjects([o],(function(i){r.clipPath=i[0],r.__setupCanvas.call(r,n,t,a,e)})):r.__setupCanvas.call(r,n,t,a,e)}))}),i),this}},__setupCanvas:function(t,e,i,n){var r=this;e.forEach((function(t,e){r.insertAt(t,e)})),this.renderOnAddRemove=i,delete t.objects,delete t.backgroundImage,delete t.overlayImage,delete t.background,delete t.overlay,this._setOptions(t),this.renderAll(),n&&n()},_setBgOverlay:function(t,e){var i={backgroundColor:!1,overlayColor:!1,backgroundImage:!1,overlayImage:!1};if(t.backgroundImage||t.overlayImage||t.background||t.overlay){var n=function(){i.backgroundImage&&i.overlayImage&&i.backgroundColor&&i.overlayColor&&e&&e()};this.__setBgOverlay("backgroundImage",t.backgroundImage,i,n),this.__setBgOverlay("overlayImage",t.overlayImage,i,n),this.__setBgOverlay("backgroundColor",t.background,i,n),this.__setBgOverlay("overlayColor",t.overlay,i,n)}else e&&e()},__setBgOverlay:function(t,e,i,n){var r=this;if(!e)return i[t]=!0,void(n&&n());"backgroundImage"===t||"overlayImage"===t?S.util.enlivenObjects([e],(function(e){r[t]=e[0],i[t]=!0,n&&n()})):this["set"+S.util.string.capitalize(t,!0)](e,(function(){i[t]=!0,n&&n()}))},_enlivenObjects:function(t,e,i){t&&0!==t.length?S.util.enlivenObjects(t,(function(t){e&&e(t)}),null,i):e&&e([])},_toDataURL:function(t,e){this.clone((function(i){e(i.toDataURL(t))}))},_toDataURLWithMultiplier:function(t,e,i){this.clone((function(n){i(n.toDataURLWithMultiplier(t,e))}))},clone:function(t,e){var i=JSON.stringify(this.toJSON(e));this.cloneWithoutData((function(e){e.loadFromJSON(i,(function(){t&&t(e)}))}))},cloneWithoutData:function(t){var e=S.util.createCanvasElement();e.width=this.width,e.height=this.height;var i=new S.Canvas(e);this.backgroundImage?(i.setBackgroundImage(this.backgroundImage.src,(function(){i.renderAll(),t&&t(i)})),i.backgroundImageOpacity=this.backgroundImageOpacity,i.backgroundImageStretch=this.backgroundImageStretch):t&&t(i)}}),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.object.extend,n=e.util.object.clone,r=e.util.toFixed,o=e.util.string.capitalize,a=e.util.degreesToRadians,s=!e.isLikelyNode;e.Object||(e.Object=e.util.createClass(e.CommonMethods,{type:"object",originX:"left",originY:"top",top:0,left:0,width:0,height:0,scaleX:1,scaleY:1,flipX:!1,flipY:!1,opacity:1,angle:0,skewX:0,skewY:0,cornerSize:13,touchCornerSize:24,transparentCorners:!0,hoverCursor:null,moveCursor:null,padding:0,borderColor:"rgb(178,204,255)",borderDashArray:null,cornerColor:"rgb(178,204,255)",cornerStrokeColor:null,cornerStyle:"rect",cornerDashArray:null,centeredScaling:!1,centeredRotation:!0,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:.4,borderScaleFactor:1,minScaleLimit:0,selectable:!0,evented:!0,visible:!0,hasControls:!0,hasBorders:!0,perPixelTargetFind:!1,includeDefaultValues:!0,lockMovementX:!1,lockMovementY:!1,lockRotation:!1,lockScalingX:!1,lockScalingY:!1,lockSkewingX:!1,lockSkewingY:!1,lockScalingFlip:!1,excludeFromExport:!1,objectCaching:s,statefullCache:!1,noScaleCache:!0,strokeUniform:!1,dirty:!0,__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:void 0,inverted:!1,absolutePositioned:!1,initialize:function(t){t&&this.setOptions(t)},_createCacheCanvas:function(){this._cacheProperties={},this._cacheCanvas=e.util.createCanvasElement(),this._cacheContext=this._cacheCanvas.getContext("2d"),this._updateCacheCanvas(),this.dirty=!0},_limitCacheSize:function(t){var i=e.perfLimitSizeTotal,n=t.width,r=t.height,o=e.maxCacheSideLimit,a=e.minCacheSideLimit;if(n<=o&&r<=o&&n*r<=i)return nu&&(t.zoomX/=n/u,t.width=u,t.capped=!0),r>h&&(t.zoomY/=r/h,t.height=h,t.capped=!0),t},_getCacheCanvasDimensions:function(){var t=this.getTotalObjectScaling(),e=this._getTransformedDimensions(0,0),i=e.x*t.scaleX/this.scaleX,n=e.y*t.scaleY/this.scaleY;return{width:i+2,height:n+2,zoomX:t.scaleX,zoomY:t.scaleY,x:i,y:n}},_updateCacheCanvas:function(){var t=this.canvas;if(this.noScaleCache&&t&&t._currentTransform){var i=t._currentTransform.target,n=t._currentTransform.action;if(this===i&&n.slice&&"scale"===n.slice(0,5))return!1}var r,o,a=this._cacheCanvas,s=this._limitCacheSize(this._getCacheCanvasDimensions()),l=e.minCacheSideLimit,c=s.width,u=s.height,h=s.zoomX,f=s.zoomY,g=c!==this.cacheWidth||u!==this.cacheHeight,d=this.zoomX!==h||this.zoomY!==f,v=g||d,p=0,m=0,y=!1;if(g){var b=this._cacheCanvas.width,x=this._cacheCanvas.height,C=c>b||u>x;y=C||(c<.9*b||u<.9*x)&&b>l&&x>l,C&&!s.capped&&(c>l||u>l)&&(p=.1*c,m=.1*u)}return this instanceof e.Text&&this.path&&(v=!0,y=!0,p+=this.getHeightOfLine(0)*this.zoomX,m+=this.getHeightOfLine(0)*this.zoomY),!!v&&(y?(a.width=Math.ceil(c+p),a.height=Math.ceil(u+m)):(this._cacheContext.setTransform(1,0,0,1,0,0),this._cacheContext.clearRect(0,0,a.width,a.height)),r=s.x/2,o=s.y/2,this.cacheTranslationX=Math.round(a.width/2-r)+r,this.cacheTranslationY=Math.round(a.height/2-o)+o,this.cacheWidth=c,this.cacheHeight=u,this._cacheContext.translate(this.cacheTranslationX,this.cacheTranslationY),this._cacheContext.scale(h,f),this.zoomX=h,this.zoomY=f,!0)},setOptions:function(t){this._setOptions(t),this._initGradient(t.fill,"fill"),this._initGradient(t.stroke,"stroke"),this._initPattern(t.fill,"fill"),this._initPattern(t.stroke,"stroke")},transform:function(t){var e=this.group&&!this.group._transformDone||this.group&&this.canvas&&t===this.canvas.contextTop,i=this.calcTransformMatrix(!e);t.transform(i[0],i[1],i[2],i[3],i[4],i[5])},toObject:function(t){var i=e.Object.NUM_FRACTION_DIGITS,n={type:this.type,version:e.version,originX:this.originX,originY:this.originY,left:r(this.left,i),top:r(this.top,i),width:r(this.width,i),height:r(this.height,i),fill:this.fill&&this.fill.toObject?this.fill.toObject():this.fill,stroke:this.stroke&&this.stroke.toObject?this.stroke.toObject():this.stroke,strokeWidth:r(this.strokeWidth,i),strokeDashArray:this.strokeDashArray?this.strokeDashArray.concat():this.strokeDashArray,strokeLineCap:this.strokeLineCap,strokeDashOffset:this.strokeDashOffset,strokeLineJoin:this.strokeLineJoin,strokeUniform:this.strokeUniform,strokeMiterLimit:r(this.strokeMiterLimit,i),scaleX:r(this.scaleX,i),scaleY:r(this.scaleY,i),angle:r(this.angle,i),flipX:this.flipX,flipY:this.flipY,opacity:r(this.opacity,i),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:r(this.skewX,i),skewY:r(this.skewY,i)};return this.clipPath&&!this.clipPath.excludeFromExport&&(n.clipPath=this.clipPath.toObject(t),n.clipPath.inverted=this.clipPath.inverted,n.clipPath.absolutePositioned=this.clipPath.absolutePositioned),e.util.populateWithProperties(this,n,t),this.includeDefaultValues||(n=this._removeDefaultValues(n)),n},toDatalessObject:function(t){return this.toObject(t)},_removeDefaultValues:function(t){var i=e.util.getKlass(t.type).prototype;return i.stateProperties.forEach((function(e){"left"!==e&&"top"!==e&&(t[e]===i[e]&&delete t[e],"[object Array]"===Object.prototype.toString.call(t[e])&&"[object Array]"===Object.prototype.toString.call(i[e])&&0===t[e].length&&0===i[e].length&&delete t[e])})),t},toString:function(){return"#"},getObjectScaling:function(){if(!this.group)return{scaleX:this.scaleX,scaleY:this.scaleY};var t=e.util.qrDecompose(this.calcTransformMatrix());return{scaleX:Math.abs(t.scaleX),scaleY:Math.abs(t.scaleY)}},getTotalObjectScaling:function(){var t=this.getObjectScaling(),e=t.scaleX,i=t.scaleY;if(this.canvas){var n=this.canvas.getZoom(),r=this.canvas.getRetinaScaling();e*=n*r,i*=n*r}return{scaleX:e,scaleY:i}},getObjectOpacity:function(){var t=this.opacity;return this.group&&(t*=this.group.getObjectOpacity()),t},_set:function(t,i){var n="scaleX"===t||"scaleY"===t,r=this[t]!==i,o=!1;return n&&(i=this._constrainScale(i)),"scaleX"===t&&i<0?(this.flipX=!this.flipX,i*=-1):"scaleY"===t&&i<0?(this.flipY=!this.flipY,i*=-1):"shadow"!==t||!i||i instanceof e.Shadow?"dirty"===t&&this.group&&this.group.set("dirty",i):i=new e.Shadow(i),this[t]=i,r&&(o=this.group&&this.group.isOnACache(),this.cacheProperties.indexOf(t)>-1?(this.dirty=!0,o&&this.group.set("dirty",!0)):o&&this.stateProperties.indexOf(t)>-1&&this.group.set("dirty",!0)),this},setOnGroup:function(){},getViewportTransform:function(){return this.canvas&&this.canvas.viewportTransform?this.canvas.viewportTransform:e.iMatrix.concat()},isNotVisible:function(){return 0===this.opacity||!this.width&&!this.height&&0===this.strokeWidth||!this.visible},render:function(t){this.isNotVisible()||this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(t.save(),this._setupCompositeOperation(t),this.drawSelectionBackground(t),this.transform(t),this._setOpacity(t),this._setShadow(t,this),this.shouldCache()?(this.renderCache(),this.drawCacheOnCanvas(t)):(this._removeCacheCanvas(),this.dirty=!1,this.drawObject(t),this.objectCaching&&this.statefullCache&&this.saveState({propertySet:"cacheProperties"})),t.restore())},renderCache:function(t){t=t||{},this._cacheCanvas||this._createCacheCanvas(),this.isCacheDirty()&&(this.statefullCache&&this.saveState({propertySet:"cacheProperties"}),this.drawObject(this._cacheContext,t.forClipping),this.dirty=!1)},_removeCacheCanvas:function(){this._cacheCanvas=null,this.cacheWidth=0,this.cacheHeight=0},hasStroke:function(){return this.stroke&&"transparent"!==this.stroke&&0!==this.strokeWidth},hasFill:function(){return this.fill&&"transparent"!==this.fill},needsItsOwnCache:function(){return!("stroke"!==this.paintFirst||!this.hasFill()||!this.hasStroke()||"object"!=typeof this.shadow)||!!this.clipPath},shouldCache:function(){return this.ownCaching=this.needsItsOwnCache()||this.objectCaching&&(!this.group||!this.group.isOnACache()),this.ownCaching},willDrawShadow:function(){return!!this.shadow&&(0!==this.shadow.offsetX||0!==this.shadow.offsetY)},drawClipPathOnCache:function(t){var i=this.clipPath;if(t.save(),i.inverted?t.globalCompositeOperation="destination-out":t.globalCompositeOperation="destination-in",i.absolutePositioned){var n=e.util.invertTransform(this.calcTransformMatrix());t.transform(n[0],n[1],n[2],n[3],n[4],n[5])}i.transform(t),t.scale(1/i.zoomX,1/i.zoomY),t.drawImage(i._cacheCanvas,-i.cacheTranslationX,-i.cacheTranslationY),t.restore()},drawObject:function(t,e){var i=this.fill,n=this.stroke;e?(this.fill="black",this.stroke="",this._setClippingProperties(t)):this._renderBackground(t),this._render(t),this._drawClipPath(t),this.fill=i,this.stroke=n},_drawClipPath:function(t){var e=this.clipPath;e&&(e.canvas=this.canvas,e.shouldCache(),e._transformDone=!0,e.renderCache({forClipping:!0}),this.drawClipPathOnCache(t))},drawCacheOnCanvas:function(t){t.scale(1/this.zoomX,1/this.zoomY),t.drawImage(this._cacheCanvas,-this.cacheTranslationX,-this.cacheTranslationY)},isCacheDirty:function(t){if(this.isNotVisible())return!1;if(this._cacheCanvas&&!t&&this._updateCacheCanvas())return!0;if(this.dirty||this.clipPath&&this.clipPath.absolutePositioned||this.statefullCache&&this.hasStateChanged("cacheProperties")){if(this._cacheCanvas&&!t){var e=this.cacheWidth/this.zoomX,i=this.cacheHeight/this.zoomY;this._cacheContext.clearRect(-e/2,-i/2,e,i)}return!0}return!1},_renderBackground:function(t){if(this.backgroundColor){var e=this._getNonTransformedDimensions();t.fillStyle=this.backgroundColor,t.fillRect(-e.x/2,-e.y/2,e.x,e.y),this._removeShadow(t)}},_setOpacity:function(t){this.group&&!this.group._transformDone?t.globalAlpha=this.getObjectOpacity():t.globalAlpha*=this.opacity},_setStrokeStyles:function(t,e){var i=e.stroke;i&&(t.lineWidth=e.strokeWidth,t.lineCap=e.strokeLineCap,t.lineDashOffset=e.strokeDashOffset,t.lineJoin=e.strokeLineJoin,t.miterLimit=e.strokeMiterLimit,i.toLive?"percentage"===i.gradientUnits||i.gradientTransform||i.patternTransform?this._applyPatternForTransformedGradient(t,i):(t.strokeStyle=i.toLive(t,this),this._applyPatternGradientTransform(t,i)):t.strokeStyle=e.stroke)},_setFillStyles:function(t,e){var i=e.fill;i&&(i.toLive?(t.fillStyle=i.toLive(t,this),this._applyPatternGradientTransform(t,e.fill)):t.fillStyle=i)},_setClippingProperties:function(t){t.globalAlpha=1,t.strokeStyle="transparent",t.fillStyle="#000000"},_setLineDash:function(t,e){e&&0!==e.length&&(1&e.length&&e.push.apply(e,e),t.setLineDash(e))},_renderControls:function(t,i){var n,r,o,s=this.getViewportTransform(),l=this.calcTransformMatrix();r=void 0!==(i=i||{}).hasBorders?i.hasBorders:this.hasBorders,o=void 0!==i.hasControls?i.hasControls:this.hasControls,l=e.util.multiplyTransformMatrices(s,l),n=e.util.qrDecompose(l),t.save(),t.translate(n.translateX,n.translateY),t.lineWidth=1*this.borderScaleFactor,this.group||(t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1),t.rotate(a(n.angle)),i.forActiveSelection||this.group?r&&this.drawBordersInGroup(t,n,i):r&&this.drawBorders(t,i),o&&this.drawControls(t,i),t.restore()},_setShadow:function(t){if(this.shadow){var i,n=this.shadow,r=this.canvas,o=r&&r.viewportTransform[0]||1,a=r&&r.viewportTransform[3]||1;i=n.nonScaling?{scaleX:1,scaleY:1}:this.getObjectScaling(),r&&r._isRetinaScaling()&&(o*=e.devicePixelRatio,a*=e.devicePixelRatio),t.shadowColor=n.color,t.shadowBlur=n.blur*e.browserShadowBlurConstant*(o+a)*(i.scaleX+i.scaleY)/4,t.shadowOffsetX=n.offsetX*o*i.scaleX,t.shadowOffsetY=n.offsetY*a*i.scaleY}},_removeShadow:function(t){this.shadow&&(t.shadowColor="",t.shadowBlur=t.shadowOffsetX=t.shadowOffsetY=0)},_applyPatternGradientTransform:function(t,e){if(!e||!e.toLive)return{offsetX:0,offsetY:0};var i=e.gradientTransform||e.patternTransform,n=-this.width/2+e.offsetX||0,r=-this.height/2+e.offsetY||0;return"percentage"===e.gradientUnits?t.transform(this.width,0,0,this.height,n,r):t.transform(1,0,0,1,n,r),i&&t.transform(i[0],i[1],i[2],i[3],i[4],i[5]),{offsetX:n,offsetY:r}},_renderPaintInOrder:function(t){"stroke"===this.paintFirst?(this._renderStroke(t),this._renderFill(t)):(this._renderFill(t),this._renderStroke(t))},_render:function(){},_renderFill:function(t){this.fill&&(t.save(),this._setFillStyles(t,this),"evenodd"===this.fillRule?t.fill("evenodd"):t.fill(),t.restore())},_renderStroke:function(t){if(this.stroke&&0!==this.strokeWidth){if(this.shadow&&!this.shadow.affectStroke&&this._removeShadow(t),t.save(),this.strokeUniform&&this.group){var e=this.getObjectScaling();t.scale(1/e.scaleX,1/e.scaleY)}else this.strokeUniform&&t.scale(1/this.scaleX,1/this.scaleY);this._setLineDash(t,this.strokeDashArray),this._setStrokeStyles(t,this),t.stroke(),t.restore()}},_applyPatternForTransformedGradient:function(t,i){var n,r=this._limitCacheSize(this._getCacheCanvasDimensions()),o=e.util.createCanvasElement(),a=this.canvas.getRetinaScaling(),s=r.x/this.scaleX/a,l=r.y/this.scaleY/a;o.width=s,o.height=l,(n=o.getContext("2d")).beginPath(),n.moveTo(0,0),n.lineTo(s,0),n.lineTo(s,l),n.lineTo(0,l),n.closePath(),n.translate(s/2,l/2),n.scale(r.zoomX/this.scaleX/a,r.zoomY/this.scaleY/a),this._applyPatternGradientTransform(n,i),n.fillStyle=i.toLive(t),n.fill(),t.translate(-this.width/2-this.strokeWidth/2,-this.height/2-this.strokeWidth/2),t.scale(a*this.scaleX/r.zoomX,a*this.scaleY/r.zoomY),t.strokeStyle=n.createPattern(o,"no-repeat")},_findCenterFromElement:function(){return{x:this.left+this.width/2,y:this.top+this.height/2}},_assignTransformMatrixProps:function(){if(this.transformMatrix){var t=e.util.qrDecompose(this.transformMatrix);this.flipX=!1,this.flipY=!1,this.set("scaleX",t.scaleX),this.set("scaleY",t.scaleY),this.angle=t.angle,this.skewX=t.skewX,this.skewY=0}},_removeTransformMatrix:function(t){var i=this._findCenterFromElement();this.transformMatrix&&(this._assignTransformMatrixProps(),i=e.util.transformPoint(i,this.transformMatrix)),this.transformMatrix=null,t&&(this.scaleX*=t.scaleX,this.scaleY*=t.scaleY,this.cropX=t.cropX,this.cropY=t.cropY,i.x+=t.offsetLeft,i.y+=t.offsetTop,this.width=t.width,this.height=t.height),this.setPositionByOrigin(i,"center","center")},clone:function(t,i){var n=this.toObject(i);this.constructor.fromObject?this.constructor.fromObject(n,t):e.Object._fromObject("Object",n,t)},cloneAsImage:function(t,i){var n=this.toCanvasElement(i);return t&&t(new e.Image(n)),this},toCanvasElement:function(t){t||(t={});var i=e.util,n=i.saveObjectTransform(this),r=this.group,o=this.shadow,a=Math.abs,s=(t.multiplier||1)*(t.enableRetinaScaling?e.devicePixelRatio:1);delete this.group,t.withoutTransform&&i.resetObjectTransform(this),t.withoutShadow&&(this.shadow=null);var l,c,u,h,f=e.util.createCanvasElement(),g=this.getBoundingRect(!0,!0),d=this.shadow,v={x:0,y:0};d&&(c=d.blur,l=d.nonScaling?{scaleX:1,scaleY:1}:this.getObjectScaling(),v.x=2*Math.round(a(d.offsetX)+c)*a(l.scaleX),v.y=2*Math.round(a(d.offsetY)+c)*a(l.scaleY)),u=g.width+v.x,h=g.height+v.y,f.width=Math.ceil(u),f.height=Math.ceil(h);var p=new e.StaticCanvas(f,{enableRetinaScaling:!1,renderOnAddRemove:!1,skipOffscreen:!1});"jpeg"===t.format&&(p.backgroundColor="#fff"),this.setPositionByOrigin(new e.Point(p.width/2,p.height/2),"center","center");var m=this.canvas;p.add(this);var y=p.toCanvasElement(s||1,t);return this.shadow=o,this.set("canvas",m),r&&(this.group=r),this.set(n).setCoords(),p._objects=[],p.dispose(),p=null,y},toDataURL:function(t){return t||(t={}),e.util.toDataURL(this.toCanvasElement(t),t.format||"png",t.quality||1)},isType:function(t){return this.type===t},complexity:function(){return 1},toJSON:function(t){return this.toObject(t)},rotate:function(t){var e=("center"!==this.originX||"center"!==this.originY)&&this.centeredRotation;return e&&this._setOriginToCenter(),this.set("angle",t),e&&this._resetOrigin(),this},centerH:function(){return this.canvas&&this.canvas.centerObjectH(this),this},viewportCenterH:function(){return this.canvas&&this.canvas.viewportCenterObjectH(this),this},centerV:function(){return this.canvas&&this.canvas.centerObjectV(this),this},viewportCenterV:function(){return this.canvas&&this.canvas.viewportCenterObjectV(this),this},center:function(){return this.canvas&&this.canvas.centerObject(this),this},viewportCenter:function(){return this.canvas&&this.canvas.viewportCenterObject(this),this},getLocalPointer:function(t,i){i=i||this.canvas.getPointer(t);var n=new e.Point(i.x,i.y),r=this._getLeftTopCoords();return this.angle&&(n=e.util.rotatePoint(n,r,a(-this.angle))),{x:n.x-r.x,y:n.y-r.y}},_setupCompositeOperation:function(t){this.globalCompositeOperation&&(t.globalCompositeOperation=this.globalCompositeOperation)}}),e.util.createAccessors&&e.util.createAccessors(e.Object),i(e.Object.prototype,e.Observable),e.Object.NUM_FRACTION_DIGITS=2,e.Object._fromObject=function(t,i,r,o){var a=e[t];i=n(i,!0),e.util.enlivenPatterns([i.fill,i.stroke],(function(t){void 0!==t[0]&&(i.fill=t[0]),void 0!==t[1]&&(i.stroke=t[1]),e.util.enlivenObjects([i.clipPath],(function(t){i.clipPath=t[0];var e=o?new a(i[o],i):new a(i);r&&r(e)}))}))},e.Object.__uid=0)}(e),b=S.util.degreesToRadians,x={left:-.5,center:0,right:.5},C={top:-.5,center:0,bottom:.5},S.util.object.extend(S.Object.prototype,{translateToGivenOrigin:function(t,e,i,n,r){var o,a,s,l=t.x,c=t.y;return"string"==typeof e?e=x[e]:e-=.5,"string"==typeof n?n=x[n]:n-=.5,"string"==typeof i?i=C[i]:i-=.5,"string"==typeof r?r=C[r]:r-=.5,a=r-i,((o=n-e)||a)&&(s=this._getTransformedDimensions(),l=t.x+o*s.x,c=t.y+a*s.y),new S.Point(l,c)},translateToCenterPoint:function(t,e,i){var n=this.translateToGivenOrigin(t,e,i,"center","center");return this.angle?S.util.rotatePoint(n,t,b(this.angle)):n},translateToOriginPoint:function(t,e,i){var n=this.translateToGivenOrigin(t,"center","center",e,i);return this.angle?S.util.rotatePoint(n,t,b(this.angle)):n},getCenterPoint:function(){var t=new S.Point(this.left,this.top);return this.translateToCenterPoint(t,this.originX,this.originY)},getPointByOrigin:function(t,e){var i=this.getCenterPoint();return this.translateToOriginPoint(i,t,e)},toLocalPoint:function(t,e,i){var n,r,o=this.getCenterPoint();return n=void 0!==e&&void 0!==i?this.translateToGivenOrigin(o,"center","center",e,i):new S.Point(this.left,this.top),r=new S.Point(t.x,t.y),this.angle&&(r=S.util.rotatePoint(r,o,-b(this.angle))),r.subtractEquals(n)},setPositionByOrigin:function(t,e,i){var n=this.translateToCenterPoint(t,e,i),r=this.translateToOriginPoint(n,this.originX,this.originY);this.set("left",r.x),this.set("top",r.y)},adjustPosition:function(t){var e,i,n=b(this.angle),r=this.getScaledWidth(),o=S.util.cos(n)*r,a=S.util.sin(n)*r;e="string"==typeof this.originX?x[this.originX]:this.originX-.5,i="string"==typeof t?x[t]:t-.5,this.left+=o*(i-e),this.top+=a*(i-e),this.setCoords(),this.originX=t},_setOriginToCenter:function(){this._originalOriginX=this.originX,this._originalOriginY=this.originY;var t=this.getCenterPoint();this.originX="center",this.originY="center",this.left=t.x,this.top=t.y},_resetOrigin:function(){var t=this.translateToOriginPoint(this.getCenterPoint(),this._originalOriginX,this._originalOriginY);this.originX=this._originalOriginX,this.originY=this._originalOriginY,this.left=t.x,this.top=t.y,this._originalOriginX=null,this._originalOriginY=null},_getLeftTopCoords:function(){return this.translateToOriginPoint(this.getCenterPoint(),"left","top")}}),function(){var t=S.util,e=t.degreesToRadians,i=t.multiplyTransformMatrices,n=t.transformPoint;t.object.extend(S.Object.prototype,{oCoords:null,aCoords:null,lineCoords:null,ownMatrixCache:null,matrixCache:null,controls:{},_getCoords:function(t,e){return e?t?this.calcACoords():this.calcLineCoords():(this.aCoords&&this.lineCoords||this.setCoords(!0),t?this.aCoords:this.lineCoords)},getCoords:function(t,e){return i=this._getCoords(t,e),[new S.Point(i.tl.x,i.tl.y),new S.Point(i.tr.x,i.tr.y),new S.Point(i.br.x,i.br.y),new S.Point(i.bl.x,i.bl.y)];var i},intersectsWithRect:function(t,e,i,n){var r=this.getCoords(i,n);return"Intersection"===S.Intersection.intersectPolygonRectangle(r,t,e).status},intersectsWithObject:function(t,e,i){return"Intersection"===S.Intersection.intersectPolygonPolygon(this.getCoords(e,i),t.getCoords(e,i)).status||t.isContainedWithinObject(this,e,i)||this.isContainedWithinObject(t,e,i)},isContainedWithinObject:function(t,e,i){for(var n=this.getCoords(e,i),r=e?t.aCoords:t.lineCoords,o=0,a=t._getImageLines(r);o<4;o++)if(!t.containsPoint(n[o],a))return!1;return!0},isContainedWithinRect:function(t,e,i,n){var r=this.getBoundingRect(i,n);return r.left>=t.x&&r.left+r.width<=e.x&&r.top>=t.y&&r.top+r.height<=e.y},containsPoint:function(t,e,i,n){var r=this._getCoords(i,n),o=(e=e||this._getImageLines(r),this._findCrossPoints(t,e));return 0!==o&&o%2==1},isOnScreen:function(t){if(!this.canvas)return!1;var e=this.canvas.vptCoords.tl,i=this.canvas.vptCoords.br;return!!this.getCoords(!0,t).some((function(t){return t.x<=i.x&&t.x>=e.x&&t.y<=i.y&&t.y>=e.y}))||(!!this.intersectsWithRect(e,i,!0,t)||this._containsCenterOfCanvas(e,i,t))},_containsCenterOfCanvas:function(t,e,i){var n={x:(t.x+e.x)/2,y:(t.y+e.y)/2};return!!this.containsPoint(n,null,!0,i)},isPartiallyOnScreen:function(t){if(!this.canvas)return!1;var e=this.canvas.vptCoords.tl,i=this.canvas.vptCoords.br;return!!this.intersectsWithRect(e,i,!0,t)||this.getCoords(!0,t).every((function(t){return(t.x>=i.x||t.x<=e.x)&&(t.y>=i.y||t.y<=e.y)}))&&this._containsCenterOfCanvas(e,i,t)},_getImageLines:function(t){return{topline:{o:t.tl,d:t.tr},rightline:{o:t.tr,d:t.br},bottomline:{o:t.br,d:t.bl},leftline:{o:t.bl,d:t.tl}}},_findCrossPoints:function(t,e){var i,n,r,o=0;for(var a in e)if(!((r=e[a]).o.y=t.y&&r.d.y>=t.y||(r.o.x===r.d.x&&r.o.x>=t.x?n=r.o.x:(0,i=(r.d.y-r.o.y)/(r.d.x-r.o.x),n=-(t.y-0*t.x-(r.o.y-i*r.o.x))/(0-i)),n>=t.x&&(o+=1),2!==o)))break;return o},getBoundingRect:function(e,i){var n=this.getCoords(e,i);return t.makeBoundingBoxFromPoints(n)},getScaledWidth:function(){return this._getTransformedDimensions().x},getScaledHeight:function(){return this._getTransformedDimensions().y},_constrainScale:function(t){return Math.abs(t)\n')}},toSVG:function(t){return this._createBaseSVGMarkup(this._toSVG(t),{reviver:t})},toClipPathSVG:function(t){return"\t"+this._createBaseClipPathSVGMarkup(this._toSVG(t),{reviver:t})},_createBaseClipPathSVGMarkup:function(t,e){var i=(e=e||{}).reviver,n=e.additionalTransform||"",r=[this.getSvgTransform(!0,n),this.getSvgCommons()].join(""),o=t.indexOf("COMMON_PARTS");return t[o]=r,i?i(t.join("")):t.join("")},_createBaseSVGMarkup:function(t,e){var i,n,r=(e=e||{}).noStyle,o=e.reviver,a=r?"":'style="'+this.getSvgStyles()+'" ',s=e.withShadow?'style="'+this.getSvgFilter()+'" ':"",l=this.clipPath,c=this.strokeUniform?'vector-effect="non-scaling-stroke" ':"",u=l&&l.absolutePositioned,h=this.stroke,f=this.fill,g=this.shadow,d=[],v=t.indexOf("COMMON_PARTS"),p=e.additionalTransform;return l&&(l.clipPathId="CLIPPATH_"+S.Object.__uid++,n='\n'+l.toClipPathSVG(o)+" \n"),u&&d.push("\n"),d.push("\n"),i=[a,c,r?"":this.addPaintOrder()," ",p?'transform="'+p+'" ':""].join(""),t[v]=i,f&&f.toLive&&d.push(f.toSVG(this)),h&&h.toLive&&d.push(h.toSVG(this)),g&&d.push(g.toSVG(this)),l&&d.push(n),d.push(t.join("")),d.push(" \n"),u&&d.push(" \n"),o?o(d.join("")):d.join("")},addPaintOrder:function(){return"fill"!==this.paintFirst?' paint-order="'+this.paintFirst+'" ':""}})}(),function(){var t=S.util.object.extend,e="stateProperties";function i(e,i,n){var r={};n.forEach((function(t){r[t]=e[t]})),t(e[i],r,!0)}function n(t,e,i){if(t===e)return!0;if(Array.isArray(t)){if(!Array.isArray(e)||t.length!==e.length)return!1;for(var r=0,o=t.length;r=0;l--)if(r=s[l],this.isControlVisible(r)&&(n=this._getImageLines(e?this.oCoords[r].touchCorner:this.oCoords[r].corner),0!==(i=this._findCrossPoints({x:o,y:a},n))&&i%2==1))return this.__corner=r,r;return!1},forEachControl:function(t){for(var e in this.controls)t(this.controls[e],e,this)},_setCornerCoords:function(){var t=this.oCoords;for(var e in t){var i=this.controls[e];t[e].corner=i.calcCornerCoords(this.angle,this.cornerSize,t[e].x,t[e].y,!1),t[e].touchCorner=i.calcCornerCoords(this.angle,this.touchCornerSize,t[e].x,t[e].y,!0)}},drawSelectionBackground:function(e){if(!this.selectionBackgroundColor||this.canvas&&!this.canvas.interactive||this.canvas&&this.canvas._activeObject!==this)return this;e.save();var i=this.getCenterPoint(),n=this._calculateCurrentDimensions(),r=this.canvas.viewportTransform;return e.translate(i.x,i.y),e.scale(1/r[0],1/r[3]),e.rotate(t(this.angle)),e.fillStyle=this.selectionBackgroundColor,e.fillRect(-n.x/2,-n.y/2,n.x,n.y),e.restore(),this},drawBorders:function(t,e){e=e||{};var i=this._calculateCurrentDimensions(),n=this.borderScaleFactor,r=i.x+n,o=i.y+n,a=void 0!==e.hasControls?e.hasControls:this.hasControls,s=!1;return t.save(),t.strokeStyle=e.borderColor||this.borderColor,this._setLineDash(t,e.borderDashArray||this.borderDashArray),t.strokeRect(-r/2,-o/2,r,o),a&&(t.beginPath(),this.forEachControl((function(e,i,n){e.withConnection&&e.getVisibility(n,i)&&(s=!0,t.moveTo(e.x*r,e.y*o),t.lineTo(e.x*r+e.offsetX,e.y*o+e.offsetY))})),s&&t.stroke()),t.restore(),this},drawBordersInGroup:function(t,e,i){i=i||{};var n=S.util.sizeAfterTransform(this.width,this.height,e),r=this.strokeWidth,o=this.strokeUniform,a=this.borderScaleFactor,s=n.x+r*(o?this.canvas.getZoom():e.scaleX)+a,l=n.y+r*(o?this.canvas.getZoom():e.scaleY)+a;return t.save(),this._setLineDash(t,i.borderDashArray||this.borderDashArray),t.strokeStyle=i.borderColor||this.borderColor,t.strokeRect(-s/2,-l/2,s,l),t.restore(),this},drawControls:function(t,e){e=e||{},t.save();var i,n,r=this.canvas.getRetinaScaling();return t.setTransform(r,0,0,r,0,0),t.strokeStyle=t.fillStyle=e.cornerColor||this.cornerColor,this.transparentCorners||(t.strokeStyle=e.cornerStrokeColor||this.cornerStrokeColor),this._setLineDash(t,e.cornerDashArray||this.cornerDashArray),this.setCoords(),this.group&&(i=this.group.calcTransformMatrix()),this.forEachControl((function(r,o,a){n=a.oCoords[o],r.getVisibility(a,o)&&(i&&(n=S.util.transformPoint(n,i)),r.render(t,n.x,n.y,e,a))})),t.restore(),this},isControlVisible:function(t){return this.controls[t]&&this.controls[t].getVisibility(this,t)},setControlVisible:function(t,e){return this._controlsVisibility||(this._controlsVisibility={}),this._controlsVisibility[t]=e,this},setControlsVisibility:function(t){for(var e in t||(t={}),t)this.setControlVisible(e,t[e]);return this},onDeselect:function(){},onSelect:function(){}})}(),S.util.object.extend(S.StaticCanvas.prototype,{FX_DURATION:500,fxCenterObjectH:function(t,e){var i=function(){},n=(e=e||{}).onComplete||i,r=e.onChange||i,o=this;return S.util.animate({startValue:t.left,endValue:this.getCenter().left,duration:this.FX_DURATION,onChange:function(e){t.set("left",e),o.requestRenderAll(),r()},onComplete:function(){t.setCoords(),n()}}),this},fxCenterObjectV:function(t,e){var i=function(){},n=(e=e||{}).onComplete||i,r=e.onChange||i,o=this;return S.util.animate({startValue:t.top,endValue:this.getCenter().top,duration:this.FX_DURATION,onChange:function(e){t.set("top",e),o.requestRenderAll(),r()},onComplete:function(){t.setCoords(),n()}}),this},fxRemove:function(t,e){var i=function(){},n=(e=e||{}).onComplete||i,r=e.onChange||i,o=this;return S.util.animate({startValue:t.opacity,endValue:0,duration:this.FX_DURATION,onChange:function(e){t.set("opacity",e),o.requestRenderAll(),r()},onComplete:function(){o.remove(t),n()}}),this}}),S.util.object.extend(S.Object.prototype,{animate:function(){if(arguments[0]&&"object"==typeof arguments[0]){var t,e,i=[];for(t in arguments[0])i.push(t);for(var n=0,r=i.length;n-1||r&&o.colorProperties.indexOf(r[1])>-1,s=r?this.get(r[0])[r[1]]:this.get(t);"from"in i||(i.from=s),a||(e=~e.indexOf("=")?s+parseFloat(e.replace("=","")):parseFloat(e));var l={startValue:i.from,endValue:e,byValue:i.by,easing:i.easing,duration:i.duration,abort:i.abort&&function(t,e,n){return i.abort.call(o,t,e,n)},onChange:function(e,a,s){r?o[r[0]][r[1]]=e:o.set(t,e),n||i.onChange&&i.onChange(e,a,s)},onComplete:function(t,e,r){n||(o.setCoords(),i.onComplete&&i.onComplete(t,e,r))}};return a?S.util.animateColor(l.startValue,l.endValue,l.duration,l):S.util.animate(l)}}),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.object.extend,n=e.util.object.clone,r={x1:1,x2:1,y1:1,y2:1};function o(t,e){var i=t.origin,n=t.axis1,r=t.axis2,o=t.dimension,a=e.nearest,s=e.center,l=e.farthest;return function(){switch(this.get(i)){case a:return Math.min(this.get(n),this.get(r));case s:return Math.min(this.get(n),this.get(r))+.5*this.get(o);case l:return Math.max(this.get(n),this.get(r))}}}e.Line?e.warn("fabric.Line is already defined"):(e.Line=e.util.createClass(e.Object,{type:"line",x1:0,y1:0,x2:0,y2:0,cacheProperties:e.Object.prototype.cacheProperties.concat("x1","x2","y1","y2"),initialize:function(t,e){t||(t=[0,0,0,0]),this.callSuper("initialize",e),this.set("x1",t[0]),this.set("y1",t[1]),this.set("x2",t[2]),this.set("y2",t[3]),this._setWidthHeight(e)},_setWidthHeight:function(t){t||(t={}),this.width=Math.abs(this.x2-this.x1),this.height=Math.abs(this.y2-this.y1),this.left="left"in t?t.left:this._getLeftToOriginX(),this.top="top"in t?t.top:this._getTopToOriginY()},_set:function(t,e){return this.callSuper("_set",t,e),void 0!==r[t]&&this._setWidthHeight(),this},_getLeftToOriginX:o({origin:"originX",axis1:"x1",axis2:"x2",dimension:"width"},{nearest:"left",center:"center",farthest:"right"}),_getTopToOriginY:o({origin:"originY",axis1:"y1",axis2:"y2",dimension:"height"},{nearest:"top",center:"center",farthest:"bottom"}),_render:function(t){t.beginPath();var e=this.calcLinePoints();t.moveTo(e.x1,e.y1),t.lineTo(e.x2,e.y2),t.lineWidth=this.strokeWidth;var i=t.strokeStyle;t.strokeStyle=this.stroke||t.fillStyle,this.stroke&&this._renderStroke(t),t.strokeStyle=i},_findCenterFromElement:function(){return{x:(this.x1+this.x2)/2,y:(this.y1+this.y2)/2}},toObject:function(t){return i(this.callSuper("toObject",t),this.calcLinePoints())},_getNonTransformedDimensions:function(){var t=this.callSuper("_getNonTransformedDimensions");return"butt"===this.strokeLineCap&&(0===this.width&&(t.y-=this.strokeWidth),0===this.height&&(t.x-=this.strokeWidth)),t},calcLinePoints:function(){var t=this.x1<=this.x2?-1:1,e=this.y1<=this.y2?-1:1,i=t*this.width*.5,n=e*this.height*.5;return{x1:i,x2:t*this.width*-.5,y1:n,y2:e*this.height*-.5}},_toSVG:function(){var t=this.calcLinePoints();return[" \n']}}),e.Line.ATTRIBUTE_NAMES=e.SHARED_ATTRIBUTES.concat("x1 y1 x2 y2".split(" ")),e.Line.fromElement=function(t,n,r){r=r||{};var o=e.parseAttributes(t,e.Line.ATTRIBUTE_NAMES),a=[o.x1||0,o.y1||0,o.x2||0,o.y2||0];n(new e.Line(a,i(o,r)))},e.Line.fromObject=function(t,i){var r=n(t,!0);r.points=[t.x1,t.y1,t.x2,t.y2],e.Object._fromObject("Line",r,(function(t){delete t.points,i&&i(t)}),"points")})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=Math.PI;e.Circle?e.warn("fabric.Circle is already defined."):(e.Circle=e.util.createClass(e.Object,{type:"circle",radius:0,startAngle:0,endAngle:2*i,cacheProperties:e.Object.prototype.cacheProperties.concat("radius","startAngle","endAngle"),_set:function(t,e){return this.callSuper("_set",t,e),"radius"===t&&this.setRadius(e),this},toObject:function(t){return this.callSuper("toObject",["radius","startAngle","endAngle"].concat(t))},_toSVG:function(){var t,n=(this.endAngle-this.startAngle)%(2*i);if(0===n)t=[" \n'];else{var r=e.util.cos(this.startAngle)*this.radius,o=e.util.sin(this.startAngle)*this.radius,a=e.util.cos(this.endAngle)*this.radius,s=e.util.sin(this.endAngle)*this.radius,l=n>i?"1":"0";t=[' \n"]}return t},_render:function(t){t.beginPath(),t.arc(0,0,this.radius,this.startAngle,this.endAngle,!1),this._renderPaintInOrder(t)},getRadiusX:function(){return this.get("radius")*this.get("scaleX")},getRadiusY:function(){return this.get("radius")*this.get("scaleY")},setRadius:function(t){return this.radius=t,this.set("width",2*t).set("height",2*t)}}),e.Circle.ATTRIBUTE_NAMES=e.SHARED_ATTRIBUTES.concat("cx cy r".split(" ")),e.Circle.fromElement=function(t,i){var n,r=e.parseAttributes(t,e.Circle.ATTRIBUTE_NAMES);if(!("radius"in(n=r)&&n.radius>=0))throw new Error("value of `r` attribute is required and can not be negative");r.left=(r.left||0)-r.radius,r.top=(r.top||0)-r.radius,i(new e.Circle(r))},e.Circle.fromObject=function(t,i){e.Object._fromObject("Circle",t,i)})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={});e.Triangle?e.warn("fabric.Triangle is already defined"):(e.Triangle=e.util.createClass(e.Object,{type:"triangle",width:100,height:100,_render:function(t){var e=this.width/2,i=this.height/2;t.beginPath(),t.moveTo(-e,i),t.lineTo(0,-i),t.lineTo(e,i),t.closePath(),this._renderPaintInOrder(t)},_toSVG:function(){var t=this.width/2,e=this.height/2;return[" ']}}),e.Triangle.fromObject=function(t,i){return e.Object._fromObject("Triangle",t,i)})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=2*Math.PI;e.Ellipse?e.warn("fabric.Ellipse is already defined."):(e.Ellipse=e.util.createClass(e.Object,{type:"ellipse",rx:0,ry:0,cacheProperties:e.Object.prototype.cacheProperties.concat("rx","ry"),initialize:function(t){this.callSuper("initialize",t),this.set("rx",t&&t.rx||0),this.set("ry",t&&t.ry||0)},_set:function(t,e){switch(this.callSuper("_set",t,e),t){case"rx":this.rx=e,this.set("width",2*e);break;case"ry":this.ry=e,this.set("height",2*e);break}return this},getRx:function(){return this.get("rx")*this.get("scaleX")},getRy:function(){return this.get("ry")*this.get("scaleY")},toObject:function(t){return this.callSuper("toObject",["rx","ry"].concat(t))},_toSVG:function(){return[" \n']},_render:function(t){t.beginPath(),t.save(),t.transform(1,0,0,this.ry/this.rx,0,0),t.arc(0,0,this.rx,0,i,!1),t.restore(),this._renderPaintInOrder(t)}}),e.Ellipse.ATTRIBUTE_NAMES=e.SHARED_ATTRIBUTES.concat("cx cy rx ry".split(" ")),e.Ellipse.fromElement=function(t,i){var n=e.parseAttributes(t,e.Ellipse.ATTRIBUTE_NAMES);n.left=(n.left||0)-n.rx,n.top=(n.top||0)-n.ry,i(new e.Ellipse(n))},e.Ellipse.fromObject=function(t,i){e.Object._fromObject("Ellipse",t,i)})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.object.extend;e.Rect?e.warn("fabric.Rect is already defined"):(e.Rect=e.util.createClass(e.Object,{stateProperties:e.Object.prototype.stateProperties.concat("rx","ry"),type:"rect",rx:0,ry:0,cacheProperties:e.Object.prototype.cacheProperties.concat("rx","ry"),initialize:function(t){this.callSuper("initialize",t),this._initRxRy()},_initRxRy:function(){this.rx&&!this.ry?this.ry=this.rx:this.ry&&!this.rx&&(this.rx=this.ry)},_render:function(t){var e=this.rx?Math.min(this.rx,this.width/2):0,i=this.ry?Math.min(this.ry,this.height/2):0,n=this.width,r=this.height,o=-this.width/2,a=-this.height/2,s=0!==e||0!==i,l=.4477152502;t.beginPath(),t.moveTo(o+e,a),t.lineTo(o+n-e,a),s&&t.bezierCurveTo(o+n-l*e,a,o+n,a+l*i,o+n,a+i),t.lineTo(o+n,a+r-i),s&&t.bezierCurveTo(o+n,a+r-l*i,o+n-l*e,a+r,o+n-e,a+r),t.lineTo(o+e,a+r),s&&t.bezierCurveTo(o+l*e,a+r,o,a+r-l*i,o,a+r-i),t.lineTo(o,a+i),s&&t.bezierCurveTo(o,a+l*i,o+l*e,a,o+e,a),t.closePath(),this._renderPaintInOrder(t)},toObject:function(t){return this.callSuper("toObject",["rx","ry"].concat(t))},_toSVG:function(){return[" \n']}}),e.Rect.ATTRIBUTE_NAMES=e.SHARED_ATTRIBUTES.concat("x y rx ry width height".split(" ")),e.Rect.fromElement=function(t,n,r){if(!t)return n(null);r=r||{};var o=e.parseAttributes(t,e.Rect.ATTRIBUTE_NAMES);o.left=o.left||0,o.top=o.top||0,o.height=o.height||0,o.width=o.width||0;var a=new e.Rect(i(r?e.util.object.clone(r):{},o));a.visible=a.visible&&a.width>0&&a.height>0,n(a)},e.Rect.fromObject=function(t,i){return e.Object._fromObject("Rect",t,i)})}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.util.object.extend,n=e.util.array.min,r=e.util.array.max,o=e.util.toFixed;e.Polyline?e.warn("fabric.Polyline is already defined"):(e.Polyline=e.util.createClass(e.Object,{type:"polyline",points:null,cacheProperties:e.Object.prototype.cacheProperties.concat("points"),initialize:function(t,e){e=e||{},this.points=t||[],this.callSuper("initialize",e),this._setPositionDimensions(e)},_setPositionDimensions:function(t){var e,i=this._calcDimensions(t);this.width=i.width,this.height=i.height,t.fromSVG||(e=this.translateToGivenOrigin({x:i.left-this.strokeWidth/2,y:i.top-this.strokeWidth/2},"left","top",this.originX,this.originY)),void 0===t.left&&(this.left=t.fromSVG?i.left:e.x),void 0===t.top&&(this.top=t.fromSVG?i.top:e.y),this.pathOffset={x:i.left+this.width/2,y:i.top+this.height/2}},_calcDimensions:function(){var t=this.points,e=n(t,"x")||0,i=n(t,"y")||0;return{left:e,top:i,width:(r(t,"x")||0)-e,height:(r(t,"y")||0)-i}},toObject:function(t){return i(this.callSuper("toObject",t),{points:this.points.concat()})},_toSVG:function(){for(var t=[],i=this.pathOffset.x,n=this.pathOffset.y,r=e.Object.NUM_FRACTION_DIGITS,a=0,s=this.points.length;a \n']},commonRender:function(t){var e,i=this.points.length,n=this.pathOffset.x,r=this.pathOffset.y;if(!i||isNaN(this.points[i-1].y))return!1;t.beginPath(),t.moveTo(this.points[0].x-n,this.points[0].y-r);for(var o=0;o"},toObject:function(t){return r(this.callSuper("toObject",t),{path:this.path.map((function(t){return t.slice()}))})},toDatalessObject:function(t){var e=this.toObject(["sourcePath"].concat(t));return e.sourcePath&&delete e.path,e},_toSVG:function(){return[" \n"]},_getOffsetTransform:function(){var t=e.Object.NUM_FRACTION_DIGITS;return" translate("+a(-this.pathOffset.x,t)+", "+a(-this.pathOffset.y,t)+")"},toClipPathSVG:function(t){var e=this._getOffsetTransform();return"\t"+this._createBaseClipPathSVGMarkup(this._toSVG(),{reviver:t,additionalTransform:e})},toSVG:function(t){var e=this._getOffsetTransform();return this._createBaseSVGMarkup(this._toSVG(),{reviver:t,additionalTransform:e})},complexity:function(){return this.path.length},_calcDimensions:function(){for(var t,r,o=[],a=[],s=0,l=0,c=0,u=0,h=0,f=this.path.length;h"},addWithUpdate:function(t){var i=!!this.group;return this._restoreObjectsState(),e.util.resetObjectTransform(this),t&&(i&&e.util.removeTransformFromObject(t,this.group.calcTransformMatrix()),this._objects.push(t),t.group=this,t._set("canvas",this.canvas)),this._calcBounds(),this._updateObjectsCoords(),this.dirty=!0,i?this.group.addWithUpdate():this.setCoords(),this},removeWithUpdate:function(t){return this._restoreObjectsState(),e.util.resetObjectTransform(this),this.remove(t),this._calcBounds(),this._updateObjectsCoords(),this.setCoords(),this.dirty=!0,this},_onObjectAdded:function(t){this.dirty=!0,t.group=this,t._set("canvas",this.canvas)},_onObjectRemoved:function(t){this.dirty=!0,delete t.group},_set:function(t,i){var n=this._objects.length;if(this.useSetOnGroup)for(;n--;)this._objects[n].setOnGroup(t,i);if("canvas"===t)for(;n--;)this._objects[n]._set(t,i);e.Object.prototype._set.call(this,t,i)},toObject:function(t){var i=this.includeDefaultValues,n=this._objects.filter((function(t){return!t.excludeFromExport})).map((function(e){var n=e.includeDefaultValues;e.includeDefaultValues=i;var r=e.toObject(t);return e.includeDefaultValues=n,r})),r=e.Object.prototype.toObject.call(this,t);return r.objects=n,r},toDatalessObject:function(t){var i,n=this.sourcePath;if(n)i=n;else{var r=this.includeDefaultValues;i=this._objects.map((function(e){var i=e.includeDefaultValues;e.includeDefaultValues=r;var n=e.toDatalessObject(t);return e.includeDefaultValues=i,n}))}var o=e.Object.prototype.toDatalessObject.call(this,t);return o.objects=i,o},render:function(t){this._transformDone=!0,this.callSuper("render",t),this._transformDone=!1},shouldCache:function(){var t=e.Object.prototype.shouldCache.call(this);if(t)for(var i=0,n=this._objects.length;i\n"],i=0,n=this._objects.length;i\n"),e},getSvgStyles:function(){var t=void 0!==this.opacity&&1!==this.opacity?"opacity: "+this.opacity+";":"",e=this.visible?"":" visibility: hidden;";return[t,this.getSvgFilter(),e].join("")},toClipPathSVG:function(t){for(var e=[],i=0,n=this._objects.length;i"},shouldCache:function(){return!1},isOnACache:function(){return!1},_renderControls:function(t,e,i){t.save(),t.globalAlpha=this.isMoving?this.borderOpacityWhenMoving:1,this.callSuper("_renderControls",t,e),void 0===(i=i||{}).hasControls&&(i.hasControls=!1),i.forActiveSelection=!0;for(var n=0,r=this._objects.length;n\n','\t \n',"\n"),a=' clip-path="url(#imageCrop_'+l+')" '}if(this.imageSmoothing||(s='" image-rendering="optimizeSpeed'),i.push("\t \n"),this.stroke||this.strokeDashArray){var c=this.fill;this.fill=null,t=["\t \n'],this.fill=c}return e="fill"!==this.paintFirst?e.concat(t,i):e.concat(i,t)},getSrc:function(t){var e=t?this._element:this._originalElement;return e?e.toDataURL?e.toDataURL():this.srcFromAttribute?e.getAttribute("src"):e.src:this.src||""},setSrc:function(t,e,i){return S.util.loadImage(t,(function(t,n){this.setElement(t,i),this._setWidthHeight(),e&&e(this,n)}),this,i&&i.crossOrigin),this},toString:function(){return'#'},applyResizeFilters:function(){var t=this.resizeFilter,e=this.minimumScaleTrigger,i=this.getTotalObjectScaling(),n=i.scaleX,r=i.scaleY,o=this._filteredEl||this._originalElement;if(this.group&&this.set("dirty",!0),!t||n>e&&r>e)return this._element=o,this._filterScalingX=1,this._filterScalingY=1,this._lastScaleX=n,void(this._lastScaleY=r);S.filterBackend||(S.filterBackend=S.initFilterBackend());var a=S.util.createCanvasElement(),s=this._filteredEl?this.cacheKey+"_filtered":this.cacheKey,l=o.width,c=o.height;a.width=l,a.height=c,this._element=a,this._lastScaleX=t.scaleX=n,this._lastScaleY=t.scaleY=r,S.filterBackend.applyFilters([t],o,l,c,this._element,s),this._filterScalingX=a.width/this._originalElement.width,this._filterScalingY=a.height/this._originalElement.height},applyFilters:function(t){if(t=(t=t||this.filters||[]).filter((function(t){return t&&!t.isNeutralState()})),this.set("dirty",!0),this.removeTexture(this.cacheKey+"_filtered"),0===t.length)return this._element=this._originalElement,this._filteredEl=null,this._filterScalingX=1,this._filterScalingY=1,this;var e=this._originalElement,i=e.naturalWidth||e.width,n=e.naturalHeight||e.height;if(this._element===this._originalElement){var r=S.util.createCanvasElement();r.width=i,r.height=n,this._element=r,this._filteredEl=r}else this._element=this._filteredEl,this._filteredEl.getContext("2d").clearRect(0,0,i,n),this._lastScaleX=1,this._lastScaleY=1;return S.filterBackend||(S.filterBackend=S.initFilterBackend()),S.filterBackend.applyFilters(t,this._originalElement,i,n,this._element,this.cacheKey),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),this},_render:function(t){S.util.setImageSmoothing(t,this.imageSmoothing),!0!==this.isMoving&&this.resizeFilter&&this._needsResize()&&this.applyResizeFilters(),this._stroke(t),this._renderPaintInOrder(t)},drawCacheOnCanvas:function(t){S.util.setImageSmoothing(t,this.imageSmoothing),S.Object.prototype.drawCacheOnCanvas.call(this,t)},shouldCache:function(){return this.needsItsOwnCache()},_renderFill:function(t){var e=this._element;if(e){var i=this._filterScalingX,n=this._filterScalingY,r=this.width,o=this.height,a=Math.min,s=Math.max,l=s(this.cropX,0),c=s(this.cropY,0),u=e.naturalWidth||e.width,h=e.naturalHeight||e.height,f=l*i,g=c*n,d=a(r*i,u-f),v=a(o*n,h-g),p=-r/2,m=-o/2,y=a(r,u/i-l),b=a(o,h/n-c);e&&t.drawImage(e,f,g,d,v,p,m,y,b)}},_needsResize:function(){var t=this.getTotalObjectScaling();return t.scaleX!==this._lastScaleX||t.scaleY!==this._lastScaleY},_resetWidthHeight:function(){this.set(this.getOriginalSize())},_initElement:function(t,e){this.setElement(S.util.getById(t),e),S.util.addClass(this.getElement(),S.Image.CSS_CANVAS)},_initConfig:function(t){t||(t={}),this.setOptions(t),this._setWidthHeight(t)},_initFilters:function(t,e){t&&t.length?S.util.enlivenObjects(t,(function(t){e&&e(t)}),"fabric.Image.filters"):e&&e()},_setWidthHeight:function(t){t||(t={});var e=this.getElement();this.width=t.width||e.naturalWidth||e.width||0,this.height=t.height||e.naturalHeight||e.height||0},parsePreserveAspectRatioAttribute:function(){var t,e=S.util.parsePreserveAspectRatioAttribute(this.preserveAspectRatio||""),i=this._element.width,n=this._element.height,r=1,o=1,a=0,s=0,l=0,c=0,u=this.width,h=this.height,f={width:u,height:h};return!e||"none"===e.alignX&&"none"===e.alignY?(r=u/i,o=h/n):("meet"===e.meetOrSlice&&(t=(u-i*(r=o=S.util.findScaleToFit(this._element,f)))/2,"Min"===e.alignX&&(a=-t),"Max"===e.alignX&&(a=t),t=(h-n*o)/2,"Min"===e.alignY&&(s=-t),"Max"===e.alignY&&(s=t)),"slice"===e.meetOrSlice&&(t=i-u/(r=o=S.util.findScaleToCover(this._element,f)),"Mid"===e.alignX&&(l=t/2),"Max"===e.alignX&&(l=t),t=n-h/o,"Mid"===e.alignY&&(c=t/2),"Max"===e.alignY&&(c=t),i=u/r,n=h/o)),{width:i,height:n,scaleX:r,scaleY:o,offsetLeft:a,offsetTop:s,cropX:l,cropY:c}}}),S.Image.CSS_CANVAS="canvas-img",S.Image.prototype.getSvgSrc=S.Image.prototype.getSrc,S.Image.fromObject=function(t,e){var i=S.util.object.clone(t);S.util.loadImage(i.src,(function(t,n){n?e&&e(null,!0):S.Image.prototype._initFilters.call(i,i.filters,(function(n){i.filters=n||[],S.Image.prototype._initFilters.call(i,[i.resizeFilter],(function(n){i.resizeFilter=n[0],S.util.enlivenObjects([i.clipPath],(function(n){i.clipPath=n[0];var r=new S.Image(t,i);e(r,!1)}))}))}))}),null,i.crossOrigin)},S.Image.fromURL=function(t,e,i){S.util.loadImage(t,(function(t,n){e&&e(new S.Image(t,i),n)}),null,i&&i.crossOrigin)},S.Image.ATTRIBUTE_NAMES=S.SHARED_ATTRIBUTES.concat("x y width height preserveAspectRatio xlink:href crossOrigin image-rendering".split(" ")),S.Image.fromElement=function(t,i,n){var r=S.parseAttributes(t,S.Image.ATTRIBUTE_NAMES);S.Image.fromURL(r["xlink:href"],i,e(n?S.util.object.clone(n):{},r))})}(e),S.util.object.extend(S.Object.prototype,{_getAngleValueForStraighten:function(){var t=this.angle%360;return t>0?90*Math.round((t-1)/90):90*Math.round(t/90)},straighten:function(){return this.rotate(this._getAngleValueForStraighten()),this},fxStraighten:function(t){var e=function(){},i=(t=t||{}).onComplete||e,n=t.onChange||e,r=this;return S.util.animate({startValue:this.get("angle"),endValue:this._getAngleValueForStraighten(),duration:this.FX_DURATION,onChange:function(t){r.rotate(t),n()},onComplete:function(){r.setCoords(),i()}}),this}}),S.util.object.extend(S.StaticCanvas.prototype,{straightenObject:function(t){return t.straighten(),this.requestRenderAll(),this},fxStraightenObject:function(t){return t.fxStraighten({onChange:this.requestRenderAllBound}),this}}),function(){"use strict";function t(t,e){var i="precision "+e+" float;\nvoid main(){}",n=t.createShader(t.FRAGMENT_SHADER);return t.shaderSource(n,i),t.compileShader(n),!!t.getShaderParameter(n,t.COMPILE_STATUS)}function e(t){t&&t.tileSize&&(this.tileSize=t.tileSize),this.setupGLContext(this.tileSize,this.tileSize),this.captureGPUInfo()}S.isWebglSupported=function(e){if(S.isLikelyNode)return!1;e=e||S.WebglFilterBackend.prototype.tileSize;var i=document.createElement("canvas"),n=i.getContext("webgl")||i.getContext("experimental-webgl"),r=!1;if(n){S.maxTextureSize=n.getParameter(n.MAX_TEXTURE_SIZE),r=S.maxTextureSize>=e;for(var o=["highp","mediump","lowp"],a=0;a<3;a++)if(t(n,o[a])){S.webGlPrecision=o[a];break}}return this.isSupported=r,r},S.WebglFilterBackend=e,e.prototype={tileSize:2048,resources:{},setupGLContext:function(t,e){this.dispose(),this.createWebGLCanvas(t,e),this.aPosition=new Float32Array([0,0,0,1,1,0,1,1]),this.chooseFastestCopyGLTo2DMethod(t,e)},chooseFastestCopyGLTo2DMethod:function(t,e){var i,n=void 0!==window.performance;try{new ImageData(1,1),i=!0}catch(t){i=!1}var r="undefined"!=typeof ArrayBuffer,o="undefined"!=typeof Uint8ClampedArray;if(n&&i&&r&&o){var a=S.util.createCanvasElement(),s=new ArrayBuffer(t*e*4);if(S.forceGLPutImageData)return this.imageBuffer=s,void(this.copyGLTo2D=T);var l,c,u={imageBuffer:s,destinationWidth:t,destinationHeight:e,targetCanvas:a};a.width=t,a.height=e,l=window.performance.now(),k.call(u,this.gl,u),c=window.performance.now()-l,l=window.performance.now(),T.call(u,this.gl,u),c>window.performance.now()-l?(this.imageBuffer=s,this.copyGLTo2D=T):this.copyGLTo2D=k}},createWebGLCanvas:function(t,e){var i=S.util.createCanvasElement();i.width=t,i.height=e;var n={alpha:!0,premultipliedAlpha:!1,depth:!1,stencil:!1,antialias:!1},r=i.getContext("webgl",n);r||(r=i.getContext("experimental-webgl",n)),r&&(r.clearColor(0,0,0,0),this.canvas=i,this.gl=r)},applyFilters:function(t,e,i,n,r,o){var a,s=this.gl;o&&(a=this.getCachedTexture(o,e));var l={originalWidth:e.width||e.originalWidth,originalHeight:e.height||e.originalHeight,sourceWidth:i,sourceHeight:n,destinationWidth:i,destinationHeight:n,context:s,sourceTexture:this.createTexture(s,i,n,!a&&e),targetTexture:this.createTexture(s,i,n),originalTexture:a||this.createTexture(s,i,n,!a&&e),passes:t.length,webgl:!0,aPosition:this.aPosition,programCache:this.programCache,pass:0,filterBackend:this,targetCanvas:r},c=s.createFramebuffer();return s.bindFramebuffer(s.FRAMEBUFFER,c),t.forEach((function(t){t&&t.applyTo(l)})),function(t){var e=t.targetCanvas,i=e.width,n=e.height,r=t.destinationWidth,o=t.destinationHeight;i===r&&n===o||(e.width=r,e.height=o)}(l),this.copyGLTo2D(s,l),s.bindTexture(s.TEXTURE_2D,null),s.deleteTexture(l.sourceTexture),s.deleteTexture(l.targetTexture),s.deleteFramebuffer(c),r.getContext("2d").setTransform(1,0,0,1,0,0),l},dispose:function(){this.canvas&&(this.canvas=null,this.gl=null),this.clearWebGLCaches()},clearWebGLCaches:function(){this.programCache={},this.textureCache={}},createTexture:function(t,e,i,n){var r=t.createTexture();return t.bindTexture(t.TEXTURE_2D,r),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MAG_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_MIN_FILTER,t.NEAREST),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_S,t.CLAMP_TO_EDGE),t.texParameteri(t.TEXTURE_2D,t.TEXTURE_WRAP_T,t.CLAMP_TO_EDGE),n?t.texImage2D(t.TEXTURE_2D,0,t.RGBA,t.RGBA,t.UNSIGNED_BYTE,n):t.texImage2D(t.TEXTURE_2D,0,t.RGBA,e,i,0,t.RGBA,t.UNSIGNED_BYTE,null),r},getCachedTexture:function(t,e){if(this.textureCache[t])return this.textureCache[t];var i=this.createTexture(this.gl,e.width,e.height,e);return this.textureCache[t]=i,i},evictCachesForKey:function(t){this.textureCache[t]&&(this.gl.deleteTexture(this.textureCache[t]),delete this.textureCache[t])},copyGLTo2D:k,captureGPUInfo:function(){if(this.gpuInfo)return this.gpuInfo;var t=this.gl,e={renderer:"",vendor:""};if(!t)return e;var i=t.getExtension("WEBGL_debug_renderer_info");if(i){var n=t.getParameter(i.UNMASKED_RENDERER_WEBGL),r=t.getParameter(i.UNMASKED_VENDOR_WEBGL);n&&(e.renderer=n.toLowerCase()),r&&(e.vendor=r.toLowerCase())}return this.gpuInfo=e,e}}}(),function(){"use strict";var t=function(){};function e(){}S.Canvas2dFilterBackend=e,e.prototype={evictCachesForKey:t,dispose:t,clearWebGLCaches:t,resources:{},applyFilters:function(t,e,i,n,r){var o=r.getContext("2d");o.drawImage(e,0,0,i,n);var a={sourceWidth:i,sourceHeight:n,imageData:o.getImageData(0,0,i,n),originalEl:e,originalImageData:o.getImageData(0,0,i,n),canvasEl:r,ctx:o,filterBackend:this};return t.forEach((function(t){t.applyTo(a)})),a.imageData.width===i&&a.imageData.height===n||(r.width=a.imageData.width,r.height=a.imageData.height),o.putImageData(a.imageData,0,0),a}}}(),S.Image=S.Image||{},S.Image.filters=S.Image.filters||{},S.Image.filters.BaseFilter=S.util.createClass({type:"BaseFilter",vertexSource:"attribute vec2 aPosition;\nvarying vec2 vTexCoord;\nvoid main() {\nvTexCoord = aPosition;\ngl_Position = vec4(aPosition * 2.0 - 1.0, 0.0, 1.0);\n}",fragmentSource:"precision highp float;\nvarying vec2 vTexCoord;\nuniform sampler2D uTexture;\nvoid main() {\ngl_FragColor = texture2D(uTexture, vTexCoord);\n}",initialize:function(t){t&&this.setOptions(t)},setOptions:function(t){for(var e in t)this[e]=t[e]},createProgram:function(t,e,i){e=e||this.fragmentSource,i=i||this.vertexSource,"highp"!==S.webGlPrecision&&(e=e.replace(/precision highp float/g,"precision "+S.webGlPrecision+" float"));var n=t.createShader(t.VERTEX_SHADER);if(t.shaderSource(n,i),t.compileShader(n),!t.getShaderParameter(n,t.COMPILE_STATUS))throw new Error("Vertex shader compile error for "+this.type+": "+t.getShaderInfoLog(n));var r=t.createShader(t.FRAGMENT_SHADER);if(t.shaderSource(r,e),t.compileShader(r),!t.getShaderParameter(r,t.COMPILE_STATUS))throw new Error("Fragment shader compile error for "+this.type+": "+t.getShaderInfoLog(r));var o=t.createProgram();if(t.attachShader(o,n),t.attachShader(o,r),t.linkProgram(o),!t.getProgramParameter(o,t.LINK_STATUS))throw new Error('Shader link error for "${this.type}" '+t.getProgramInfoLog(o));var a=this.getAttributeLocations(t,o),s=this.getUniformLocations(t,o)||{};return s.uStepW=t.getUniformLocation(o,"uStepW"),s.uStepH=t.getUniformLocation(o,"uStepH"),{program:o,attributeLocations:a,uniformLocations:s}},getAttributeLocations:function(t,e){return{aPosition:t.getAttribLocation(e,"aPosition")}},getUniformLocations:function(){return{}},sendAttributeData:function(t,e,i){var n=e.aPosition,r=t.createBuffer();t.bindBuffer(t.ARRAY_BUFFER,r),t.enableVertexAttribArray(n),t.vertexAttribPointer(n,2,t.FLOAT,!1,0,0),t.bufferData(t.ARRAY_BUFFER,i,t.STATIC_DRAW)},_setupFrameBuffer:function(t){var e,i,n=t.context;t.passes>1?(e=t.destinationWidth,i=t.destinationHeight,t.sourceWidth===e&&t.sourceHeight===i||(n.deleteTexture(t.targetTexture),t.targetTexture=t.filterBackend.createTexture(n,e,i)),n.framebufferTexture2D(n.FRAMEBUFFER,n.COLOR_ATTACHMENT0,n.TEXTURE_2D,t.targetTexture,0)):(n.bindFramebuffer(n.FRAMEBUFFER,null),n.finish())},_swapTextures:function(t){t.passes--,t.pass++;var e=t.targetTexture;t.targetTexture=t.sourceTexture,t.sourceTexture=e},isNeutralState:function(){var t=this.mainParameter,e=S.Image.filters[this.type].prototype;if(t){if(Array.isArray(e[t])){for(var i=e[t].length;i--;)if(this[t][i]!==e[t][i])return!1;return!0}return e[t]===this[t]}return!1},applyTo:function(t){t.webgl?(this._setupFrameBuffer(t),this.applyToWebGL(t),this._swapTextures(t)):this.applyTo2d(t)},retrieveShader:function(t){return t.programCache.hasOwnProperty(this.type)||(t.programCache[this.type]=this.createProgram(t.context)),t.programCache[this.type]},applyToWebGL:function(t){var e=t.context,i=this.retrieveShader(t);0===t.pass&&t.originalTexture?e.bindTexture(e.TEXTURE_2D,t.originalTexture):e.bindTexture(e.TEXTURE_2D,t.sourceTexture),e.useProgram(i.program),this.sendAttributeData(e,i.attributeLocations,t.aPosition),e.uniform1f(i.uniformLocations.uStepW,1/t.sourceWidth),e.uniform1f(i.uniformLocations.uStepH,1/t.sourceHeight),this.sendUniformData(e,i.uniformLocations),e.viewport(0,0,t.destinationWidth,t.destinationHeight),e.drawArrays(e.TRIANGLE_STRIP,0,4)},bindAdditionalTexture:function(t,e,i){t.activeTexture(i),t.bindTexture(t.TEXTURE_2D,e),t.activeTexture(t.TEXTURE0)},unbindAdditionalTexture:function(t,e){t.activeTexture(e),t.bindTexture(t.TEXTURE_2D,null),t.activeTexture(t.TEXTURE0)},getMainParameter:function(){return this[this.mainParameter]},setMainParameter:function(t){this[this.mainParameter]=t},sendUniformData:function(){},createHelpLayer:function(t){if(!t.helpLayer){var e=document.createElement("canvas");e.width=t.sourceWidth,e.height=t.sourceHeight,t.helpLayer=e}},toObject:function(){var t={type:this.type},e=this.mainParameter;return e&&(t[e]=this[e]),t},toJSON:function(){return this.toObject()}}),S.Image.filters.BaseFilter.fromObject=function(t,e){var i=new S.Image.filters[t.type](t);return e&&e(i),i},function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.Image.filters,n=e.util.createClass;i.ColorMatrix=n(i.BaseFilter,{type:"ColorMatrix",fragmentSource:"precision highp float;\nuniform sampler2D uTexture;\nvarying vec2 vTexCoord;\nuniform mat4 uColorMatrix;\nuniform vec4 uConstants;\nvoid main() {\nvec4 color = texture2D(uTexture, vTexCoord);\ncolor *= uColorMatrix;\ncolor += uConstants;\ngl_FragColor = color;\n}",matrix:[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],mainParameter:"matrix",colorsOnly:!0,initialize:function(t){this.callSuper("initialize",t),this.matrix=this.matrix.slice(0)},applyTo2d:function(t){var e,i,n,r,o,a=t.imageData.data,s=a.length,l=this.matrix,c=this.colorsOnly;for(o=0;o=x||a<0||a>=b||(l=4*(s*b+a),c=p[g*m+f],e+=v[l]*c,i+=v[l+1]*c,n+=v[l+2]*c,_||(r+=v[l+3]*c));I[o]=e,I[o+1]=i,I[o+2]=n,I[o+3]=_?v[o+3]:r}t.imageData=C},getUniformLocations:function(t,e){return{uMatrix:t.getUniformLocation(e,"uMatrix"),uOpaque:t.getUniformLocation(e,"uOpaque"),uHalfSize:t.getUniformLocation(e,"uHalfSize"),uSize:t.getUniformLocation(e,"uSize")}},sendUniformData:function(t,e){t.uniform1fv(e.uMatrix,this.matrix)},toObject:function(){return i(this.callSuper("toObject"),{opaque:this.opaque,matrix:this.matrix})}}),e.Image.filters.Convolute.fromObject=e.Image.filters.BaseFilter.fromObject}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.Image.filters,n=e.util.createClass;i.Grayscale=n(i.BaseFilter,{type:"Grayscale",fragmentSource:{average:"precision highp float;\nuniform sampler2D uTexture;\nvarying vec2 vTexCoord;\nvoid main() {\nvec4 color = texture2D(uTexture, vTexCoord);\nfloat average = (color.r + color.b + color.g) / 3.0;\ngl_FragColor = vec4(average, average, average, color.a);\n}",lightness:"precision highp float;\nuniform sampler2D uTexture;\nuniform int uMode;\nvarying vec2 vTexCoord;\nvoid main() {\nvec4 col = texture2D(uTexture, vTexCoord);\nfloat average = (max(max(col.r, col.g),col.b) + min(min(col.r, col.g),col.b)) / 2.0;\ngl_FragColor = vec4(average, average, average, col.a);\n}",luminosity:"precision highp float;\nuniform sampler2D uTexture;\nuniform int uMode;\nvarying vec2 vTexCoord;\nvoid main() {\nvec4 col = texture2D(uTexture, vTexCoord);\nfloat average = 0.21 * col.r + 0.72 * col.g + 0.07 * col.b;\ngl_FragColor = vec4(average, average, average, col.a);\n}"},mode:"average",mainParameter:"mode",applyTo2d:function(t){var e,i,n=t.imageData.data,r=n.length,o=this.mode;for(e=0;ec[0]&&r>c[1]&&o>c[2]&&n 0.0) {\n"+this.fragmentSource[t]+"}\n}"},retrieveShader:function(t){var e,i=this.type+"_"+this.mode;return t.programCache.hasOwnProperty(i)||(e=this.buildSource(this.mode),t.programCache[i]=this.createProgram(t.context,e)),t.programCache[i]},applyTo2d:function(t){var i,n,r,o,a,s,l,c=t.imageData.data,u=c.length,h=1-this.alpha;i=(l=new e.Color(this.color).getSource())[0]*this.alpha,n=l[1]*this.alpha,r=l[2]*this.alpha;for(var f=0;f=t||e<=-t)return 0;if(e<1.1920929e-7&&e>-1.1920929e-7)return 1;var i=(e*=Math.PI)/t;return s(e)/e*s(i)/i}},applyTo2d:function(t){var e=t.imageData,i=this.scaleX,n=this.scaleY;this.rcpScaleX=1/i,this.rcpScaleY=1/n;var r,o=e.width,s=e.height,l=a(o*i),c=a(s*n);"sliceHack"===this.resizeType?r=this.sliceByTwo(t,o,s,l,c):"hermite"===this.resizeType?r=this.hermiteFastResize(t,o,s,l,c):"bilinear"===this.resizeType?r=this.bilinearFiltering(t,o,s,l,c):"lanczos"===this.resizeType&&(r=this.lanczosResize(t,o,s,l,c)),t.imageData=r},sliceByTwo:function(t,i,r,o,a){var s,l,c=t.imageData,u=.5,h=!1,f=!1,g=i*u,d=r*u,v=e.filterBackend.resources,p=0,m=0,y=i,b=0;for(v.sliceByTwo||(v.sliceByTwo=document.createElement("canvas")),((s=v.sliceByTwo).width<1.5*i||s.height=e)){O=n(1e3*o(M-C.x)),x[O]||(x[O]={});for(var L=I.y-b;L<=I.y+b;L++)L<0||L>=a||(E=n(1e3*o(L-C.y)),x[O][E]||(x[O][E]=g(r(i(O*p,2)+i(E*m,2))/1e3)),(S=x[O][E])>0&&(k+=S,T+=S*u[w=4*(L*e+M)],D+=S*u[w+1],A+=S*u[w+2],j+=S*u[w+3]))}f[w=4*(_*s+l)]=T/k,f[w+1]=D/k,f[w+2]=A/k,f[w+3]=j/k}return++l1&&E<-1||(b=2*E*E*E-3*E*E+1)>0&&(S+=b*g[(O=4*(j+k*e))+3],C+=b,g[O+3]<255&&(b=b*g[O+3]/250),I+=b*g[O],_+=b*g[O+1],M+=b*g[O+2],x+=b)}v[y]=I/x,v[y+1]=_/x,v[y+2]=M/x,v[y+3]=S/C}return d},toObject:function(){return{type:this.type,scaleX:this.scaleX,scaleY:this.scaleY,resizeType:this.resizeType,lanczosLobes:this.lanczosLobes}}}),e.Image.filters.Resize.fromObject=e.Image.filters.BaseFilter.fromObject}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.Image.filters,n=e.util.createClass;i.Contrast=n(i.BaseFilter,{type:"Contrast",fragmentSource:"precision highp float;\nuniform sampler2D uTexture;\nuniform float uContrast;\nvarying vec2 vTexCoord;\nvoid main() {\nvec4 color = texture2D(uTexture, vTexCoord);\nfloat contrastF = 1.015 * (uContrast + 1.0) / (1.0 * (1.015 - uContrast));\ncolor.rgb = contrastF * (color.rgb - 0.5) + 0.5;\ngl_FragColor = color;\n}",contrast:0,mainParameter:"contrast",applyTo2d:function(t){if(0!==this.contrast){var e,i=t.imageData.data,n=i.length,r=Math.floor(255*this.contrast),o=259*(r+255)/(255*(259-r));for(e=0;e1&&(e=1/this.aspectRatio):this.aspectRatio<1&&(e=this.aspectRatio),t=e*this.blur*.12,this.horizontal?i[0]=t:i[1]=t,i}}),i.Blur.fromObject=e.Image.filters.BaseFilter.fromObject}(e),function(t){"use strict";var e=t.fabric||(t.fabric={}),i=e.Image.filters,n=e.util.createClass;i.Gamma=n(i.BaseFilter,{type:"Gamma",fragmentSource:"precision highp float;\nuniform sampler2D uTexture;\nuniform vec3 uGamma;\nvarying vec2 vTexCoord;\nvoid main() {\nvec4 color = texture2D(uTexture, vTexCoord);\nvec3 correction = (1.0 / uGamma);\ncolor.r = pow(color.r, correction.r);\ncolor.g = pow(color.g, correction.g);\ncolor.b = pow(color.b, correction.b);\ngl_FragColor = color;\ngl_FragColor.rgb *= color.a;\n}",gamma:[1,1,1],mainParameter:"gamma",initialize:function(t){this.gamma=[1,1,1],i.BaseFilter.prototype.initialize.call(this,t)},applyTo2d:function(t){var e,i=t.imageData.data,n=this.gamma,r=i.length,o=1/n[0],a=1/n[1],s=1/n[2];for(this.rVals||(this.rVals=new Uint8Array(256),this.gVals=new Uint8Array(256),this.bVals=new Uint8Array(256)),e=0,r=256;e'},_getCacheCanvasDimensions:function(){var t=this.callSuper("_getCacheCanvasDimensions"),e=this.fontSize;return t.width+=e*t.zoomX,t.height+=e*t.zoomY,t},_render:function(t){var e=this.path;e&&!e.isNotVisible()&&e._render(t),this._setTextStyles(t),this._renderTextLinesBackground(t),this._renderTextDecoration(t,"underline"),this._renderText(t),this._renderTextDecoration(t,"overline"),this._renderTextDecoration(t,"linethrough")},_renderText:function(t){"stroke"===this.paintFirst?(this._renderTextStroke(t),this._renderTextFill(t)):(this._renderTextFill(t),this._renderTextStroke(t))},_setTextStyles:function(t,e,i){t.textBaseline="alphabetic",t.font=this._getFontDeclaration(e,i)},calcTextWidth:function(){for(var t=this.getLineWidth(0),e=1,i=this._textLines.length;et&&(t=n)}return t},_renderTextLine:function(t,e,i,n,r,o){this._renderChars(t,e,i,n,r,o)},_renderTextLinesBackground:function(t){if(this.textBackgroundColor||this.styleHas("textBackgroundColor")){for(var e,i,n,r,o,a,s,l=t.fillStyle,c=this._getLeftOffset(),u=this._getTopOffset(),h=0,f=0,g=this.path,d=0,v=this._textLines.length;d=0:is?h%=s:h<0&&(h+=s),this._setGraphemeOnPath(h,o,a),h+=o.kernedWidth}return{width:l,numOfSpaces:0}},_setGraphemeOnPath:function(t,i,n){var r=t+i.kernedWidth/2,o=this.path,a=e.util.getPointOnPath(o.path,r,o.segmentsInfo);i.renderLeft=a.x-n.x,i.renderTop=a.y-n.y,i.angle=a.angle+("right"===this.pathSide?Math.PI:0)},_getGraphemeBox:function(t,e,i,n,r){var o,a=this.getCompleteStyleDeclaration(e,i),s=n?this.getCompleteStyleDeclaration(e,i-1):{},l=this._measureChar(t,a,n,s),c=l.kernedWidth,u=l.width;0!==this.charSpacing&&(u+=o=this._getWidthOfCharSpacing(),c+=o);var h={width:u,left:0,height:a.fontSize,kernedWidth:c,deltaY:a.deltaY};if(i>0&&!r){var f=this.__charBounds[e][i-1];h.left=f.left+f.width+l.kernedWidth-l.width}return h},getHeightOfLine:function(t){if(this.__lineHeights[t])return this.__lineHeights[t];for(var e=this._textLines[t],i=this.getHeightOfChar(t,0),n=1,r=e.length;n0){var k=y+o+h;"rtl"===this.direction&&(k=this.width-k-f),c&&m&&(t.fillStyle=m,t.fillRect(k,u+I*n+a,f,this.fontSize/15)),h=g.left,f=g.width,c=d,m=p,n=r,a=s}else f+=g.kernedWidth;k=y+o+h;"rtl"===this.direction&&(k=this.width-k-f),t.fillStyle=p,d&&p&&t.fillRect(k,u+I*n+a,f-C,this.fontSize/15),b+=i}else b+=i;this._removeShadow(t)}},_getFontDeclaration:function(t,i){var n=t||this,r=this.fontFamily,o=e.Text.genericFonts.indexOf(r.toLowerCase())>-1,a=void 0===r||r.indexOf("'")>-1||r.indexOf(",")>-1||r.indexOf('"')>-1||o?n.fontFamily:'"'+n.fontFamily+'"';return[e.isLikelyNode?n.fontWeight:n.fontStyle,e.isLikelyNode?n.fontStyle:n.fontWeight,i?this.CACHE_FONT_SIZE+"px":n.fontSize+"px",a].join(" ")},render:function(t){this.visible&&(this.canvas&&this.canvas.skipOffscreen&&!this.group&&!this.isOnScreen()||(this._shouldClearDimensionCache()&&this.initDimensions(),this.callSuper("render",t)))},_splitTextIntoLines:function(t){for(var i=t.split(this._reNewline),n=new Array(i.length),r=["\n"],o=[],a=0;a-1&&(t.underline=!0),t.textDecoration.indexOf("line-through")>-1&&(t.linethrough=!0),t.textDecoration.indexOf("overline")>-1&&(t.overline=!0),delete t.textDecoration)}S.IText=S.util.createClass(S.Text,S.Observable,{type:"i-text",selectionStart:0,selectionEnd:0,selectionColor:"rgba(17,119,255,0.3)",isEditing:!1,editable:!0,editingBorderColor:"rgba(102,153,255,0.25)",cursorWidth:2,cursorColor:"",cursorDelay:1e3,cursorDuration:600,caching:!0,hiddenTextareaContainer:null,_reSpace:/\s|\n/,_currentCursorOpacity:0,_selectionDirection:null,_abortCursorAnimation:!1,__widthOfSpace:[],inCompositionMode:!1,initialize:function(t,e){this.callSuper("initialize",t,e),this.initBehavior()},setSelectionStart:function(t){t=Math.max(t,0),this._updateAndFire("selectionStart",t)},setSelectionEnd:function(t){t=Math.min(t,this.text.length),this._updateAndFire("selectionEnd",t)},_updateAndFire:function(t,e){this[t]!==e&&(this._fireSelectionChanged(),this[t]=e),this._updateTextarea()},_fireSelectionChanged:function(){this.fire("selection:changed"),this.canvas&&this.canvas.fire("text:selection:changed",{target:this})},initDimensions:function(){this.isEditing&&this.initDelayedCursor(),this.clearContextTop(),this.callSuper("initDimensions")},render:function(t){this.clearContextTop(),this.callSuper("render",t),this.cursorOffsetCache={},this.renderCursorOrSelection()},_render:function(t){this.callSuper("_render",t)},clearContextTop:function(t){if(this.isEditing&&this.canvas&&this.canvas.contextTop){var e=this.canvas.contextTop,i=this.canvas.viewportTransform;e.save(),e.transform(i[0],i[1],i[2],i[3],i[4],i[5]),this.transform(e),this._clearTextArea(e),t||e.restore()}},renderCursorOrSelection:function(){if(this.isEditing&&this.canvas&&this.canvas.contextTop){var t=this._getCursorBoundaries(),e=this.canvas.contextTop;this.clearContextTop(!0),this.selectionStart===this.selectionEnd?this.renderCursor(t,e):this.renderSelection(t,e),e.restore()}},_clearTextArea:function(t){var e=this.width+4,i=this.height+4;t.clearRect(-e/2,-i/2,e,i)},_getCursorBoundaries:function(t){void 0===t&&(t=this.selectionStart);var e=this._getLeftOffset(),i=this._getTopOffset(),n=this._getCursorBoundariesOffsets(t);return{left:e,top:i,leftOffset:n.left,topOffset:n.top}},_getCursorBoundariesOffsets:function(t){if(this.cursorOffsetCache&&"top"in this.cursorOffsetCache)return this.cursorOffsetCache;var e,i,n,r,o=0,a=0,s=this.get2DCursorLocation(t);n=s.charIndex,i=s.lineIndex;for(var l=0;l0?a:0)},"rtl"===this.direction&&(r.left*=-1),this.cursorOffsetCache=r,this.cursorOffsetCache},renderCursor:function(t,e){var i=this.get2DCursorLocation(),n=i.lineIndex,r=i.charIndex>0?i.charIndex-1:0,o=this.getValueOfPropertyAt(n,r,"fontSize"),a=this.scaleX*this.canvas.getZoom(),s=this.cursorWidth/a,l=t.topOffset,c=this.getValueOfPropertyAt(n,r,"deltaY");l+=(1-this._fontSizeFraction)*this.getHeightOfLine(n)/this.lineHeight-o*(1-this._fontSizeFraction),this.inCompositionMode&&this.renderSelection(t,e),e.fillStyle=this.cursorColor||this.getValueOfPropertyAt(n,r,"fill"),e.globalAlpha=this.__isMousedown?1:this._currentCursorOpacity,e.fillRect(t.left+t.leftOffset-s/2,l+t.top+c,s,o)},renderSelection:function(t,e){for(var i=this.inCompositionMode?this.hiddenTextarea.selectionStart:this.selectionStart,n=this.inCompositionMode?this.hiddenTextarea.selectionEnd:this.selectionEnd,r=-1!==this.textAlign.indexOf("justify"),o=this.get2DCursorLocation(i),a=this.get2DCursorLocation(n),s=o.lineIndex,l=a.lineIndex,c=o.charIndex<0?0:o.charIndex,u=a.charIndex<0?0:a.charIndex,h=s;h<=l;h++){var f,g=this._getLineLeftOffset(h)||0,d=this.getHeightOfLine(h),v=0,p=0;if(h===s&&(v=this.__charBounds[s][c].left),h>=s&&h1)&&(d/=this.lineHeight);var y=t.left+g+v,b=p-v,x=d,C=0;this.inCompositionMode?(e.fillStyle=this.compositionColor||"black",x=1,C=d):e.fillStyle=this.selectionColor,"rtl"===this.direction&&(y=this.width-y-b),e.fillRect(y,t.top+t.topOffset+C,b,x),t.topOffset+=f}},getCurrentCharFontSize:function(){var t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,"fontSize")},getCurrentCharColor:function(){var t=this._getCurrentCharIndex();return this.getValueOfPropertyAt(t.l,t.c,"fill")},_getCurrentCharIndex:function(){var t=this.get2DCursorLocation(this.selectionStart,!0),e=t.charIndex>0?t.charIndex-1:0;return{l:t.lineIndex,c:e}}}),S.IText.fromObject=function(e,i){if(t(e),e.styles)for(var n in e.styles)for(var r in e.styles[n])t(e.styles[n][r]);S.Object._fromObject("IText",e,i,"text")}}(),I=S.util.object.clone,S.util.object.extend(S.IText.prototype,{initBehavior:function(){this.initAddedHandler(),this.initRemovedHandler(),this.initCursorSelectionHandlers(),this.initDoubleClickSimulation(),this.mouseMoveHandler=this.mouseMoveHandler.bind(this)},onDeselect:function(){this.isEditing&&this.exitEditing(),this.selected=!1},initAddedHandler:function(){var t=this;this.on("added",(function(){var e=t.canvas;e&&(e._hasITextHandlers||(e._hasITextHandlers=!0,t._initCanvasHandlers(e)),e._iTextInstances=e._iTextInstances||[],e._iTextInstances.push(t))}))},initRemovedHandler:function(){var t=this;this.on("removed",(function(){var e=t.canvas;e&&(e._iTextInstances=e._iTextInstances||[],S.util.removeFromArray(e._iTextInstances,t),0===e._iTextInstances.length&&(e._hasITextHandlers=!1,t._removeCanvasHandlers(e)))}))},_initCanvasHandlers:function(t){t._mouseUpITextHandler=function(){t._iTextInstances&&t._iTextInstances.forEach((function(t){t.__isMousedown=!1}))},t.on("mouse:up",t._mouseUpITextHandler)},_removeCanvasHandlers:function(t){t.off("mouse:up",t._mouseUpITextHandler)},_tick:function(){this._currentTickState=this._animateCursor(this,1,this.cursorDuration,"_onTickComplete")},_animateCursor:function(t,e,i,n){var r;return r={isAborted:!1,abort:function(){this.isAborted=!0}},t.animate("_currentCursorOpacity",e,{duration:i,onComplete:function(){r.isAborted||t[n]()},onChange:function(){t.canvas&&t.selectionStart===t.selectionEnd&&t.renderCursorOrSelection()},abort:function(){return r.isAborted}}),r},_onTickComplete:function(){var t=this;this._cursorTimeout1&&clearTimeout(this._cursorTimeout1),this._cursorTimeout1=setTimeout((function(){t._currentTickCompleteState=t._animateCursor(t,0,this.cursorDuration/2,"_tick")}),100)},initDelayedCursor:function(t){var e=this,i=t?0:this.cursorDelay;this.abortCursorAnimation(),this._currentCursorOpacity=1,this._cursorTimeout2=setTimeout((function(){e._tick()}),i)},abortCursorAnimation:function(){var t=this._currentTickState||this._currentTickCompleteState,e=this.canvas;this._currentTickState&&this._currentTickState.abort(),this._currentTickCompleteState&&this._currentTickCompleteState.abort(),clearTimeout(this._cursorTimeout1),clearTimeout(this._cursorTimeout2),this._currentCursorOpacity=0,t&&e&&e.clearContext(e.contextTop||e.contextContainer)},selectAll:function(){return this.selectionStart=0,this.selectionEnd=this._text.length,this._fireSelectionChanged(),this._updateTextarea(),this},getSelectedText:function(){return this._text.slice(this.selectionStart,this.selectionEnd).join("")},findWordBoundaryLeft:function(t){var e=0,i=t-1;if(this._reSpace.test(this._text[i]))for(;this._reSpace.test(this._text[i]);)e++,i--;for(;/\S/.test(this._text[i])&&i>-1;)e++,i--;return t-e},findWordBoundaryRight:function(t){var e=0,i=t;if(this._reSpace.test(this._text[i]))for(;this._reSpace.test(this._text[i]);)e++,i++;for(;/\S/.test(this._text[i])&&i-1;)e++,i--;return t-e},findLineBoundaryRight:function(t){for(var e=0,i=t;!/\n/.test(this._text[i])&&i0&&nthis.__selectionStartOnMouseDown?(this.selectionStart=this.__selectionStartOnMouseDown,this.selectionEnd=e):(this.selectionStart=e,this.selectionEnd=this.__selectionStartOnMouseDown),this.selectionStart===i&&this.selectionEnd===n||(this.restartCursorIfNeeded(),this._fireSelectionChanged(),this._updateTextarea(),this.renderCursorOrSelection()))}},_setEditingProps:function(){this.hoverCursor="text",this.canvas&&(this.canvas.defaultCursor=this.canvas.moveCursor="text"),this.borderColor=this.editingBorderColor,this.hasControls=this.selectable=!1,this.lockMovementX=this.lockMovementY=!0},fromStringToGraphemeSelection:function(t,e,i){var n=i.slice(0,t),r=S.util.string.graphemeSplit(n).length;if(t===e)return{selectionStart:r,selectionEnd:r};var o=i.slice(t,e);return{selectionStart:r,selectionEnd:r+S.util.string.graphemeSplit(o).length}},fromGraphemeToStringSelection:function(t,e,i){var n=i.slice(0,t).join("").length;return t===e?{selectionStart:n,selectionEnd:n}:{selectionStart:n,selectionEnd:n+i.slice(t,e).join("").length}},_updateTextarea:function(){if(this.cursorOffsetCache={},this.hiddenTextarea){if(!this.inCompositionMode){var t=this.fromGraphemeToStringSelection(this.selectionStart,this.selectionEnd,this._text);this.hiddenTextarea.selectionStart=t.selectionStart,this.hiddenTextarea.selectionEnd=t.selectionEnd}this.updateTextareaPosition()}},updateFromTextArea:function(){if(this.hiddenTextarea){this.cursorOffsetCache={},this.text=this.hiddenTextarea.value,this._shouldClearDimensionCache()&&(this.initDimensions(),this.setCoords());var t=this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart,this.hiddenTextarea.selectionEnd,this.hiddenTextarea.value);this.selectionEnd=this.selectionStart=t.selectionEnd,this.inCompositionMode||(this.selectionStart=t.selectionStart),this.updateTextareaPosition()}},updateTextareaPosition:function(){if(this.selectionStart===this.selectionEnd){var t=this._calcTextareaPosition();this.hiddenTextarea.style.left=t.left,this.hiddenTextarea.style.top=t.top}},_calcTextareaPosition:function(){if(!this.canvas)return{x:1,y:1};var t=this.inCompositionMode?this.compositionStart:this.selectionStart,e=this._getCursorBoundaries(t),i=this.get2DCursorLocation(t),n=i.lineIndex,r=i.charIndex,o=this.getValueOfPropertyAt(n,r,"fontSize")*this.lineHeight,a=e.leftOffset,s=this.calcTransformMatrix(),l={x:e.left+a,y:e.top+e.topOffset+o},c=this.canvas.getRetinaScaling(),u=this.canvas.upperCanvasEl,h=u.width/c,f=u.height/c,g=h-o,d=f-o,v=u.clientWidth/h,p=u.clientHeight/f;return l=S.util.transformPoint(l,s),(l=S.util.transformPoint(l,this.canvas.viewportTransform)).x*=v,l.y*=p,l.x<0&&(l.x=0),l.x>g&&(l.x=g),l.y<0&&(l.y=0),l.y>d&&(l.y=d),l.x+=this.canvas._offset.left,l.y+=this.canvas._offset.top,{left:l.x+"px",top:l.y+"px",fontSize:o+"px",charHeight:o}},_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}},_restoreEditingProps:function(){this._savedProps&&(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.canvas&&(this.canvas.defaultCursor=this._savedProps.defaultCursor,this.canvas.moveCursor=this._savedProps.moveCursor))},exitEditing:function(){var t=this._textBeforeEdit!==this.text,e=this.hiddenTextarea;return this.selected=!1,this.isEditing=!1,this.selectionEnd=this.selectionStart,e&&(e.blur&&e.blur(),e.parentNode&&e.parentNode.removeChild(e)),this.hiddenTextarea=null,this.abortCursorAnimation(),this._restoreEditingProps(),this._currentCursorOpacity=0,this._shouldClearDimensionCache()&&(this.initDimensions(),this.setCoords()),this.fire("editing:exited"),t&&this.fire("modified"),this.canvas&&(this.canvas.off("mouse:move",this.mouseMoveHandler),this.canvas.fire("text:editing:exited",{target:this}),t&&this.canvas.fire("object:modified",{target:this})),this},_removeExtraneousStyles:function(){for(var t in this.styles)this._textLines[t]||delete this.styles[t]},removeStyleFromTo:function(t,e){var i,n,r=this.get2DCursorLocation(t,!0),o=this.get2DCursorLocation(e,!0),a=r.lineIndex,s=r.charIndex,l=o.lineIndex,c=o.charIndex;if(a!==l){if(this.styles[a])for(i=s;i=c&&(n[u-f]=n[h],delete n[h])}},shiftLineStyles:function(t,e){var i=I(this.styles);for(var n in this.styles){var r=parseInt(n,10);r>t&&(this.styles[r+e]=i[r],i[r-e]||delete this.styles[r])}},restartCursorIfNeeded:function(){this._currentTickState&&!this._currentTickState.isAborted&&this._currentTickCompleteState&&!this._currentTickCompleteState.isAborted||this.initDelayedCursor()},insertNewlineStyleObject:function(t,e,i,n){var r,o={},a=!1,s=this._unwrappedTextLines[t].length===e;for(var l in i||(i=1),this.shiftLineStyles(t,i),this.styles[t]&&(r=this.styles[t][0===e?e:e-1]),this.styles[t]){var c=parseInt(l,10);c>=e&&(a=!0,o[c-e]=this.styles[t][l],s&&0===e||delete this.styles[t][l])}var u=!1;for(a&&!s&&(this.styles[t+i]=o,u=!0),u&&i--;i>0;)n&&n[i-1]?this.styles[t+i]={0:I(n[i-1])}:r?this.styles[t+i]={0:I(r)}:delete this.styles[t+i],i--;this._forceClearCache=!0},insertCharStyleObject:function(t,e,i,n){this.styles||(this.styles={});var r=this.styles[t],o=r?I(r):{};for(var a in i||(i=1),o){var s=parseInt(a,10);s>=e&&(r[s+i]=o[s],o[s-i]||delete r[s])}if(this._forceClearCache=!0,n)for(;i--;)Object.keys(n[i]).length&&(this.styles[t]||(this.styles[t]={}),this.styles[t][e+i]=I(n[i]));else if(r)for(var l=r[e?e-1:1];l&&i--;)this.styles[t][e+i]=I(l)},insertNewStyleBlock:function(t,e,i){for(var n=this.get2DCursorLocation(e,!0),r=[0],o=0,a=0;a0&&(this.insertCharStyleObject(n.lineIndex,n.charIndex,r[0],i),i=i&&i.slice(r[0]+1)),o&&this.insertNewlineStyleObject(n.lineIndex,n.charIndex+r[0],o),a=1;a0?this.insertCharStyleObject(n.lineIndex+a,0,r[a],i):i&&(this.styles[n.lineIndex+a][0]=i[0]),i=i&&i.slice(r[a]+1);r[a]>0&&this.insertCharStyleObject(n.lineIndex+a,0,r[a],i)},setSelectionStartEndWithShift:function(t,e,i){i<=t?(e===t?this._selectionDirection="left":"right"===this._selectionDirection&&(this._selectionDirection="left",this.selectionEnd=t),this.selectionStart=i):i>t&&it?this.selectionStart=t:this.selectionStart<0&&(this.selectionStart=0),this.selectionEnd>t?this.selectionEnd=t:this.selectionEnd<0&&(this.selectionEnd=0)}}),S.util.object.extend(S.IText.prototype,{initDoubleClickSimulation:function(){this.__lastClickTime=+new Date,this.__lastLastClickTime=+new Date,this.__lastPointer={},this.on("mousedown",this.onMouseDown)},onMouseDown:function(t){if(this.canvas){this.__newClickTime=+new Date;var e=t.pointer;this.isTripleClick(e)&&(this.fire("tripleclick",t),this._stopEvent(t.e)),this.__lastLastClickTime=this.__lastClickTime,this.__lastClickTime=this.__newClickTime,this.__lastPointer=e,this.__lastIsEditing=this.isEditing,this.__lastSelected=this.selected}},isTripleClick:function(t){return this.__newClickTime-this.__lastClickTime<500&&this.__lastClickTime-this.__lastLastClickTime<500&&this.__lastPointer.x===t.x&&this.__lastPointer.y===t.y},_stopEvent:function(t){t.preventDefault&&t.preventDefault(),t.stopPropagation&&t.stopPropagation()},initCursorSelectionHandlers:function(){this.initMousedownHandler(),this.initMouseupHandler(),this.initClicks()},doubleClickHandler:function(t){this.isEditing&&this.selectWord(this.getSelectionStartFromPointer(t.e))},tripleClickHandler:function(t){this.isEditing&&this.selectLine(this.getSelectionStartFromPointer(t.e))},initClicks:function(){this.on("mousedblclick",this.doubleClickHandler),this.on("tripleclick",this.tripleClickHandler)},_mouseDownHandler:function(t){!this.canvas||!this.editable||t.e.button&&1!==t.e.button||(this.__isMousedown=!0,this.selected&&(this.inCompositionMode=!1,this.setCursorByClick(t.e)),this.isEditing&&(this.__selectionStartOnMouseDown=this.selectionStart,this.selectionStart===this.selectionEnd&&this.abortCursorAnimation(),this.renderCursorOrSelection()))},_mouseDownHandlerBefore:function(t){!this.canvas||!this.editable||t.e.button&&1!==t.e.button||(this.selected=this===this.canvas._activeObject)},initMousedownHandler:function(){this.on("mousedown",this._mouseDownHandler),this.on("mousedown:before",this._mouseDownHandlerBefore)},initMouseupHandler:function(){this.on("mouseup",this.mouseUpHandler)},mouseUpHandler:function(t){if(this.__isMousedown=!1,!(!this.editable||this.group||t.transform&&t.transform.actionPerformed||t.e.button&&1!==t.e.button)){if(this.canvas){var e=this.canvas._activeObject;if(e&&e!==this)return}this.__lastSelected&&!this.__corner?(this.selected=!1,this.__lastSelected=!1,this.enterEditing(t.e),this.selectionStart===this.selectionEnd?this.initDelayedCursor(!0):this.renderCursorOrSelection()):this.selected=!0}},setCursorByClick:function(t){var e=this.getSelectionStartFromPointer(t),i=this.selectionStart,n=this.selectionEnd;t.shiftKey?this.setSelectionStartEndWithShift(i,n,e):(this.selectionStart=e,this.selectionEnd=e),this.isEditing&&(this._fireSelectionChanged(),this._updateTextarea())},getSelectionStartFromPointer:function(t){for(var e,i=this.getLocalPointer(t),n=0,r=0,o=0,a=0,s=0,l=0,c=this._textLines.length;l0&&(a+=this._textLines[l-1].length+this.missingNewlineOffset(l-1));r=this._getLineLeftOffset(s)*this.scaleX,e=this._textLines[s],"rtl"===this.direction&&(i.x=this.width*this.scaleX-i.x+r);for(var u=0,h=e.length;uo||a<0?0:1);return this.flipX&&(s=r-s),s>this._text.length&&(s=this._text.length),s}}),S.util.object.extend(S.IText.prototype,{initHiddenTextarea:function(){this.hiddenTextarea=S.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 t=this._calcTextareaPosition();this.hiddenTextarea.style.cssText="position: absolute; top: "+t.top+"; left: "+t.left+"; z-index: -999; opacity: 0; width: 1px; height: 1px; font-size: 1px; paddingï½°top: "+t.fontSize+";",this.hiddenTextareaContainer?this.hiddenTextareaContainer.appendChild(this.hiddenTextarea):S.document.body.appendChild(this.hiddenTextarea),S.util.addListener(this.hiddenTextarea,"keydown",this.onKeyDown.bind(this)),S.util.addListener(this.hiddenTextarea,"keyup",this.onKeyUp.bind(this)),S.util.addListener(this.hiddenTextarea,"input",this.onInput.bind(this)),S.util.addListener(this.hiddenTextarea,"copy",this.copy.bind(this)),S.util.addListener(this.hiddenTextarea,"cut",this.copy.bind(this)),S.util.addListener(this.hiddenTextarea,"paste",this.paste.bind(this)),S.util.addListener(this.hiddenTextarea,"compositionstart",this.onCompositionStart.bind(this)),S.util.addListener(this.hiddenTextarea,"compositionupdate",this.onCompositionUpdate.bind(this)),S.util.addListener(this.hiddenTextarea,"compositionend",this.onCompositionEnd.bind(this)),!this._clickHandlerInitialized&&this.canvas&&(S.util.addListener(this.canvas.upperCanvasEl,"click",this.onClick.bind(this)),this._clickHandlerInitialized=!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"},ctrlKeysMapUp:{67:"copy",88:"cut"},ctrlKeysMapDown:{65:"selectAll"},onClick:function(){this.hiddenTextarea&&this.hiddenTextarea.focus()},onKeyDown:function(t){if(this.isEditing){var e="rtl"===this.direction?this.keysMapRtl:this.keysMap;if(t.keyCode in e)this[e[t.keyCode]](t);else{if(!(t.keyCode in this.ctrlKeysMapDown)||!t.ctrlKey&&!t.metaKey)return;this[this.ctrlKeysMapDown[t.keyCode]](t)}t.stopImmediatePropagation(),t.preventDefault(),t.keyCode>=33&&t.keyCode<=40?(this.inCompositionMode=!1,this.clearContextTop(),this.renderCursorOrSelection()):this.canvas&&this.canvas.requestRenderAll()}},onKeyUp:function(t){!this.isEditing||this._copyDone||this.inCompositionMode?this._copyDone=!1:t.keyCode in this.ctrlKeysMapUp&&(t.ctrlKey||t.metaKey)&&(this[this.ctrlKeysMapUp[t.keyCode]](t),t.stopImmediatePropagation(),t.preventDefault(),this.canvas&&this.canvas.requestRenderAll())},onInput:function(t){var e=this.fromPaste;if(this.fromPaste=!1,t&&t.stopPropagation(),this.isEditing){var i,n,r,o,a,s=this._splitTextIntoLines(this.hiddenTextarea.value).graphemeText,l=this._text.length,c=s.length,u=c-l,h=this.selectionStart,f=this.selectionEnd,g=h!==f;if(""===this.hiddenTextarea.value)return this.styles={},this.updateFromTextArea(),this.fire("changed"),void(this.canvas&&(this.canvas.fire("text:changed",{target:this}),this.canvas.requestRenderAll()));var d=this.fromStringToGraphemeSelection(this.hiddenTextarea.selectionStart,this.hiddenTextarea.selectionEnd,this.hiddenTextarea.value),v=h>d.selectionStart;g?(i=this._text.slice(h,f),u+=f-h):c0&&(n+=(i=this.__charBounds[t][e-1]).left+i.width),n},getDownCursorOffset:function(t,e){var i=this._getSelectionForOffset(t,e),n=this.get2DCursorLocation(i),r=n.lineIndex;if(r===this._textLines.length-1||t.metaKey||34===t.keyCode)return this._text.length-i;var o=n.charIndex,a=this._getWidthBeforeCursor(r,o),s=this._getIndexOnLine(r+1,a);return this._textLines[r].slice(o).length+s+1+this.missingNewlineOffset(r)},_getSelectionForOffset:function(t,e){return t.shiftKey&&this.selectionStart!==this.selectionEnd&&e?this.selectionEnd:this.selectionStart},getUpCursorOffset:function(t,e){var i=this._getSelectionForOffset(t,e),n=this.get2DCursorLocation(i),r=n.lineIndex;if(0===r||t.metaKey||33===t.keyCode)return-i;var o=n.charIndex,a=this._getWidthBeforeCursor(r,o),s=this._getIndexOnLine(r-1,a),l=this._textLines[r].slice(0,o),c=this.missingNewlineOffset(r-1);return-this._textLines[r-1].length+s-l.length+(1-c)},_getIndexOnLine:function(t,e){for(var i,n,r=this._textLines[t],o=this._getLineLeftOffset(t),a=0,s=0,l=r.length;se){n=!0;var c=o-i,u=o,h=Math.abs(c-e);a=Math.abs(u-e)=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorUpOrDown("Down",t)},moveCursorUp:function(t){0===this.selectionStart&&0===this.selectionEnd||this._moveCursorUpOrDown("Up",t)},_moveCursorUpOrDown:function(t,e){var i=this["get"+t+"CursorOffset"](e,"right"===this._selectionDirection);e.shiftKey?this.moveCursorWithShift(i):this.moveCursorWithoutShift(i),0!==i&&(this.setSelectionInBoundaries(),this.abortCursorAnimation(),this._currentCursorOpacity=1,this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea())},moveCursorWithShift:function(t){var e="left"===this._selectionDirection?this.selectionStart+t:this.selectionEnd+t;return this.setSelectionStartEndWithShift(this.selectionStart,this.selectionEnd,e),0!==t},moveCursorWithoutShift:function(t){return t<0?(this.selectionStart+=t,this.selectionEnd=this.selectionStart):(this.selectionEnd+=t,this.selectionStart=this.selectionEnd),0!==t},moveCursorLeft:function(t){0===this.selectionStart&&0===this.selectionEnd||this._moveCursorLeftOrRight("Left",t)},_move:function(t,e,i){var n;if(t.altKey)n=this["findWordBoundary"+i](this[e]);else{if(!t.metaKey&&35!==t.keyCode&&36!==t.keyCode)return this[e]+="Left"===i?-1:1,!0;n=this["findLineBoundary"+i](this[e])}if(void 0!==typeof n&&this[e]!==n)return this[e]=n,!0},_moveLeft:function(t,e){return this._move(t,e,"Left")},_moveRight:function(t,e){return this._move(t,e,"Right")},moveCursorLeftWithoutShift:function(t){var e=!0;return this._selectionDirection="left",this.selectionEnd===this.selectionStart&&0!==this.selectionStart&&(e=this._moveLeft(t,"selectionStart")),this.selectionEnd=this.selectionStart,e},moveCursorLeftWithShift:function(t){return"right"===this._selectionDirection&&this.selectionStart!==this.selectionEnd?this._moveLeft(t,"selectionEnd"):0!==this.selectionStart?(this._selectionDirection="left",this._moveLeft(t,"selectionStart")):void 0},moveCursorRight:function(t){this.selectionStart>=this._text.length&&this.selectionEnd>=this._text.length||this._moveCursorLeftOrRight("Right",t)},_moveCursorLeftOrRight:function(t,e){var i="moveCursor"+t+"With";this._currentCursorOpacity=1,e.shiftKey?i+="Shift":i+="outShift",this[i](e)&&(this.abortCursorAnimation(),this.initDelayedCursor(),this._fireSelectionChanged(),this._updateTextarea())},moveCursorRightWithShift:function(t){return"left"===this._selectionDirection&&this.selectionStart!==this.selectionEnd?this._moveRight(t,"selectionStart"):this.selectionEnd!==this._text.length?(this._selectionDirection="right",this._moveRight(t,"selectionEnd")):void 0},moveCursorRightWithoutShift:function(t){var e=!0;return this._selectionDirection="right",this.selectionStart===this.selectionEnd?(e=this._moveRight(t,"selectionStart"),this.selectionEnd=this.selectionStart):this.selectionStart=this.selectionEnd,e},removeChars:function(t,e){void 0===e&&(e=t+1),this.removeStyleFromTo(t,e),this._text.splice(t,e-t),this.text=this._text.join(""),this.set("dirty",!0),this._shouldClearDimensionCache()&&(this.initDimensions(),this.setCoords()),this._removeExtraneousStyles()},insertChars:function(t,e,i,n){void 0===n&&(n=i),n>i&&this.removeStyleFromTo(i,n);var r=S.util.string.graphemeSplit(t);this.insertNewStyleBlock(r,i,e),this._text=[].concat(this._text.slice(0,i),r,this._text.slice(n)),this.text=this._text.join(""),this.set("dirty",!0),this._shouldClearDimensionCache()&&(this.initDimensions(),this.setCoords()),this._removeExtraneousStyles()}}),_=S.util.toFixed,M=/ +/g,S.util.object.extend(S.Text.prototype,{_toSVG:function(){var t=this._getSVGLeftTopOffsets(),e=this._getSVGTextAndBg(t.textTop,t.textLeft);return this._wrapSVGTextAndBg(e)},toSVG:function(t){return this._createBaseSVGMarkup(this._toSVG(),{reviver:t,noStyle:!0,withShadow:!0})},_getSVGLeftTopOffsets:function(){return{textLeft:-this.width/2,textTop:-this.height/2,lineTop:this.getHeightOfLine(0)}},_wrapSVGTextAndBg:function(t){var e=this.getSvgTextDecoration(this);return[t.textBgRects.join(""),'\t\t",t.textSpans.join("")," \n"]},_getSVGTextAndBg:function(t,e){var i,n=[],r=[],o=t;this._setSVGBg(r);for(var a=0,s=this._textLines.length;a",S.util.string.escapeXml(t),""].join("")},_setSVGTextLineText:function(t,e,i,n){var r,o,a,s,l,c=this.getHeightOfLine(e),u=-1!==this.textAlign.indexOf("justify"),h="",f=0,g=this._textLines[e];n+=c*(1-this._fontSizeFraction)/this.lineHeight;for(var d=0,v=g.length-1;d<=v;d++)l=d===v||this.charSpacing,h+=g[d],a=this.__charBounds[e][d],0===f?(i+=a.kernedWidth-a.width,f+=a.width):f+=a.kernedWidth,u&&!l&&this._reSpaceAndTab.test(g[d])&&(l=!0),l||(r=r||this.getCompleteStyleDeclaration(e,d),o=this.getCompleteStyleDeclaration(e,d+1),l=this._hasStyleChangedForSvg(r,o)),l&&(s=this._getStyleDeclaration(e,d)||{},t.push(this._createTextCharSpan(h,s,i,n)),h="",r=o,i+=f,f=0)},_pushTextBgRect:function(t,e,i,n,r,o){var a=S.Object.NUM_FRACTION_DIGITS;t.push("\t\t \n')},_setSVGTextLineBg:function(t,e,i,n){for(var r,o,a=this._textLines[e],s=this.getHeightOfLine(e)/this.lineHeight,l=0,c=0,u=this.getValueOfPropertyAt(e,0,"textBackgroundColor"),h=0,f=a.length;hthis.width&&this._set("width",this.dynamicMinWidth),-1!==this.textAlign.indexOf("justify")&&this.enlargeSpaces(),this.height=this.calcTextHeight(),this.saveState({propertySet:"_dimensionAffectingProps"}))},_generateStyleMap:function(t){for(var e=0,i=0,n=0,r={},o=0;o0?(i=0,n++,e++):!this.splitByGrapheme&&this._reSpaceAndTab.test(t.graphemeText[n])&&o>0&&(i++,n++),r[o]={line:e,offset:i},n+=t.graphemeLines[o].length,i+=t.graphemeLines[o].length;return r},styleHas:function(t,i){if(this._styleMap&&!this.isWrapping){var n=this._styleMap[i];n&&(i=n.line)}return e.Text.prototype.styleHas.call(this,t,i)},isEmptyStyles:function(t){if(!this.styles)return!0;var e,i,n=0,r=!1,o=this._styleMap[t],a=this._styleMap[t+1];for(var s in o&&(t=o.line,n=o.offset),a&&(r=a.line===t,e=a.offset),i=void 0===t?this.styles:{line:this.styles[t]})for(var l in i[s])if(l>=n&&(!r||ln&&!p?(s.push(l),l=[],o=g,p=!0):o+=m,p||a||l.push(f),l=l.concat(u),d=a?0:this._measureWord([f],i,h),h++,p=!1,g>v&&(v=g);return y&&s.push(l),v+r>this.dynamicMinWidth&&(this.dynamicMinWidth=v-m+r),s},isEndOfWrapping:function(t){return!this._styleMap[t+1]||this._styleMap[t+1].line!==this._styleMap[t].line},missingNewlineOffset:function(t){return this.splitByGrapheme?this.isEndOfWrapping(t)?1:0:1},_splitTextIntoLines:function(t){for(var i=e.Text.prototype._splitTextIntoLines.call(this,t),n=this._wrapText(i.lines,this.width),r=new Array(n.length),o=0;o=0&&r-1?e[i][1]+=1:e.push([t,1]))},h.prototype._forgetContext=function(t){var e,i;r(t)&&(e=this._safeContext(),(i=this._indexOfContext(t))>-1&&(e[i][1]-=1,e[i][1]<=0&&e.splice(i,1)))},h.prototype._bindEvent=function(t,e,i){var n=this._safeEvent(t);this._memorizeContext(i),n.push(this._getHandlerItem(e,i))},h.prototype.on=function(t,e,i){var n=this;o(t)?(t=t.split(u),c(t,(function(t){n._bindEvent(t,e,i)}))):a(t)&&(i=e,c(t,(function(t,e){n.on(e,t,i)})))},h.prototype.once=function(t,e,i){var n=this;if(a(t))return i=e,void c(t,(function(t,e){n.once(e,t,i)}));this.on(t,(function r(){e.apply(i,arguments),n.off(t,r,i)}),i)},h.prototype._spliceMatches=function(t,e){var i,n=0;if(s(t))for(i=t.length;n0},h.prototype.getListenerLength=function(t){return this._safeEvent(t).length},t.exports=h},961:function(t){"use strict";t.exports=function(t,e){var i,n,r,o,a=Object.prototype.hasOwnProperty;for(r=1,o=arguments.length;r6048e5}(a)||(window.localStorage.setItem(o,(new Date).getTime()),setTimeout((function(){"interactive"!==document.readyState&&"complete"!==document.readyState||r("https://www.google-analytics.com/collect",{v:1,t:"event",tid:e,cid:i,dp:i,dh:t,el:t,ec:"use"})}),1e3)))}},602:function(t){"use strict";t.exports=function(t){return t instanceof Array}},9886:function(t,e,i){"use strict";var n=i(5695),r=i(3778);t.exports=function(t){return!n(t)&&!r(t)}},5183:function(t){"use strict";t.exports=function(t){return t instanceof Function}},3778:function(t){"use strict";t.exports=function(t){return null===t}},5393:function(t){"use strict";t.exports=function(t){return t===Object(t)}},2560:function(t){"use strict";t.exports=function(t){return"string"==typeof t||t instanceof String}},5695:function(t){"use strict";t.exports=function(t){return void 0===t}},4426:function(t,e,i){t.exports=i(4486)},9406:function(t,e,i){t.exports=i(4877)},789:function(t,e,i){t.exports=i(7178)},381:function(t,e,i){t.exports=i(5603)},7636:function(t,e,i){t.exports=i(1206)},1899:function(t,e,i){t.exports=i(6174)},899:function(t,e,i){t.exports=i(57)},8005:function(t,e,i){t.exports=i(4741)},6562:function(t,e,i){t.exports=i(8368)},9131:function(t,e,i){t.exports=i(3739)},4383:function(t,e,i){t.exports=i(172)},6065:function(t,e,i){t.exports=i(4963)},1734:function(t,e,i){t.exports=i(7820)},2461:function(t,e,i){t.exports=i(5636)},5214:function(t,e,i){t.exports=i(5059)},6397:function(t,e,i){t.exports=i(3969)},8189:function(t,e,i){t.exports=i(6618)},9146:function(t,e,i){t.exports=i(5279)},4496:function(t,e,i){t.exports=i(9562)},3972:function(t,e,i){t.exports=i(652)},7172:function(t,e,i){t.exports=i(2813)},1845:function(t,e,i){t.exports=i(8664)},662:function(t,e,i){t.exports=i(1457)},711:function(t,e,i){t.exports=i(2937)},6623:function(t,e,i){t.exports=i(9297)},7077:function(t,e,i){t.exports=i(8026)},9856:function(t,e,i){t.exports=i(2044)},4230:function(t,e,i){t.exports=i(2214)},184:function(t,e,i){t.exports=i(9256)},3742:function(t,e,i){t.exports=i(5659)},1801:function(t){var e={rect:1,circle:2,triangle:1},i={rect:{w:"width",h:"height"},circle:{w:"rx",h:"ry"},triangle:{w:"width",h:"height"}};function n(t,e,i){var n=t.x,r=t.y,o=e.x,a=e.y,s=i*Math.PI/180;return{originX:n>(o-n)*Math.cos(s)-(a-r)*Math.sin(s)+n?"right":"left",originY:r>(o-n)*Math.sin(s)+(a-r)*Math.cos(s)+r?"bottom":"top"}}t.exports={setOrigins:function(t){var e=t.getPointByOrigin("left","top"),i=t.getPointByOrigin("right","top"),n=t.getPointByOrigin("right","bottom"),r=t.getPointByOrigin("left","bottom");t.origins={lt:e,rt:i,rb:n,lb:r}},resize:function(t,r,o){(function(t){return"center"===t.originX&&"center"===t.originY})(t)&&(function(t,e){var i=e.getPointByOrigin("center","center"),r=n(i,t,-e.angle),o=r.originX,a=r.originY,s=e.getPointByOrigin(o,a),l=e.left-(i.x-s.x),c=e.top-(i.y-s.y);e.set({originX:o,originY:a,left:l,top:c}),e.setCoords()}(r,t),function(t){var e=t.originX,i=t.originY,n=e.substring(0,1)+i.substring(0,1);t.startPoint=t.origins[n]}(t)),o?function(t){var e=t.type,n=t.scaleX,r=t.scaleY,o=i[e],a=t[o.w]*n,s=t[o.h]*r;if(t.isRegular){var l=Math.max(n,r);a=t[o.w]*l,s=t[o.h]*l}var c={hasControls:!1,hasBorders:!1,scaleX:1,scaleY:1};c[o.w]=a,c[o.h]=s,t.set(c)}(t):function(t,n){var r=n.type,o=n.strokeWidth,a=n.startPoint,s=e[r],l=i[r],c=!("triangle"!==n.type),u={},h=Math.abs(a.x-t.x)/s,f=Math.abs(a.y-t.y)/s;h>o&&(h-=o/s),f>o&&(f-=o/s),n.isRegular&&(h=f=Math.max(h,f),c&&(f=Math.sqrt(3)/2*h)),u[l.w]=h,u[l.h]=f,n.set(u)}(r,t),function(t,e){var i=e.startPoint,r=n(i,t,-e.angle),o=r.originX,a=r.originY;e.setPositionByOrigin(i,o,a),e.setCoords()}(r,t)},adjustOriginToCenter:function(t){var e=t.getPointByOrigin("center","center"),i=t.originX,n=t.originY,r=t.getPointByOrigin(i,n),o=t.left+(e.x-r.x),a=t.top+(e.y-r.y);t.set({hasControls:!0,hasBorders:!0,originX:"center",originY:"center",left:o,top:a}),t.setCoords()}}},2221:function(t,e,i){i(5454),i(9173);var n=i(7545);t.exports=n.Array.from},5078:function(t,e,i){i(8118);var n=i(7545);t.exports=n.Array.isArray},6135:function(t,e,i){i(9106);var n=i(5607);t.exports=n("Array").concat},9510:function(t,e,i){i(1710);var n=i(5607);t.exports=n("Array").fill},3971:function(t,e,i){i(3436);var n=i(5607);t.exports=n("Array").filter},98:function(t,e,i){i(9823);var n=i(5607);t.exports=n("Array").forEach},2089:function(t,e,i){i(2276);var n=i(5607);t.exports=n("Array").indexOf},6209:function(t,e,i){i(3838);var n=i(5607);t.exports=n("Array").map},2671:function(t,e,i){i(5818);var n=i(5607);t.exports=n("Array").slice},1375:function(t,e,i){i(2178);var n=i(5607);t.exports=n("Array").splice},3528:function(t,e,i){i(665);var n=i(5607);t.exports=n("Function").bind},5739:function(t,e,i){i(8939),i(5454);var n=i(8703);t.exports=n},278:function(t,e,i){var n=i(3528),r=Function.prototype;t.exports=function(t){var e=t.bind;return t===r||t instanceof Function&&e===r.bind?n:e}},1484:function(t,e,i){var n=i(6135),r=Array.prototype;t.exports=function(t){var e=t.concat;return t===r||t instanceof Array&&e===r.concat?n:e}},7731:function(t,e,i){var n=i(9510),r=Array.prototype;t.exports=function(t){var e=t.fill;return t===r||t instanceof Array&&e===r.fill?n:e}},3669:function(t,e,i){var n=i(3971),r=Array.prototype;t.exports=function(t){var e=t.filter;return t===r||t instanceof Array&&e===r.filter?n:e}},2604:function(t,e,i){var n=i(2089),r=Array.prototype;t.exports=function(t){var e=t.indexOf;return t===r||t instanceof Array&&e===r.indexOf?n:e}},263:function(t,e,i){var n=i(6209),r=Array.prototype;t.exports=function(t){var e=t.map;return t===r||t instanceof Array&&e===r.map?n:e}},7663:function(t,e,i){var n=i(2671),r=Array.prototype;t.exports=function(t){var e=t.slice;return t===r||t instanceof Array&&e===r.slice?n:e}},5063:function(t,e,i){var n=i(1375),r=Array.prototype;t.exports=function(t){var e=t.splice;return t===r||t instanceof Array&&e===r.splice?n:e}},6813:function(t,e,i){var n=i(3842),r=String.prototype;t.exports=function(t){var e=t.trim;return"string"==typeof t||t===r||t instanceof String&&e===r.trim?n:e}},6285:function(t,e,i){i(2666);var n=i(7545);t.exports=n.Number.parseInt},3213:function(t,e,i){i(3113);var n=i(7545).Object;t.exports=function(t,e){return n.create(t,e)}},3512:function(t,e,i){i(297);var n=i(7545).Object,r=t.exports=function(t,e,i){return n.defineProperty(t,e,i)};n.defineProperty.sham&&(r.sham=!0)},8168:function(t,e,i){i(9234);var n=i(7545);t.exports=n.Object.getPrototypeOf},8651:function(t,e,i){i(2647);var n=i(7545);t.exports=n.Object.keys},3083:function(t,e,i){i(3222);var n=i(7545);t.exports=n.Object.setPrototypeOf},2987:function(t,e,i){i(4859);var n=i(7545);t.exports=n.parseFloat},2239:function(t,e,i){i(5706);var n=i(7545);t.exports=n.parseInt},3154:function(t,e,i){i(4242),i(8939),i(6663),i(9021),i(7884),i(8885),i(1868),i(5454);var n=i(7545);t.exports=n.Promise},6577:function(t,e,i){i(5397);var n=i(7545);t.exports=n.Reflect.construct},3842:function(t,e,i){i(957);var n=i(5607);t.exports=n("String").trim},5008:function(t,e,i){i(9106),i(6663),i(6187),i(9781),i(492),i(6681),i(9594),i(3665),i(9017),i(1250),i(9786),i(503),i(6565),i(9322),i(3610),i(6886),i(3514),i(8671),i(8556),i(1367);var n=i(7545);t.exports=n.Symbol},994:function(t,e,i){i(8939),i(6663),i(5454),i(3665);var n=i(9207);t.exports=n.f("iterator")},2813:function(t,e,i){var n=i(3822);t.exports=n},8664:function(t,e,i){var n=i(1434);t.exports=n},1457:function(t,e,i){var n=i(7710);t.exports=n},2937:function(t,e,i){var n=i(4741);t.exports=n},9297:function(t,e,i){var n=i(4963);t.exports=n},8026:function(t,e,i){var n=i(7820);t.exports=n},2044:function(t,e,i){var n=i(8980);t.exports=n},2214:function(t,e,i){var n=i(6672);t.exports=n},9256:function(t,e,i){var n=i(2285);i(177),i(9031),i(6658),i(1875),i(8658),i(4592),i(6680),t.exports=n},5659:function(t,e,i){var n=i(8535);t.exports=n},6235:function(t,e,i){var n=i(6447),r=i(9288);t.exports=function(t){if(n(t))return t;throw TypeError(r(t)+" is not a function")}},1404:function(t,e,i){var n=i(2091),r=i(9288);t.exports=function(t){if(n(t))return t;throw TypeError(r(t)+" is not a constructor")}},7757:function(t,e,i){var n=i(6447);t.exports=function(t){if("object"==typeof t||n(t))return t;throw TypeError("Can't set "+String(t)+" as a prototype")}},7423:function(t){t.exports=function(){}},6961:function(t){t.exports=function(t,e,i){if(t instanceof e)return t;throw TypeError("Incorrect "+(i?i+" ":"")+"invocation")}},1138:function(t,e,i){var n=i(5744);t.exports=function(t){if(n(t))return t;throw TypeError(String(t)+" is not an object")}},2724:function(t,e,i){"use strict";var n=i(1795),r=i(7739),o=i(4104);t.exports=function(t){for(var e=n(this),i=o(e),a=arguments.length,s=r(a>1?arguments[1]:void 0,i),l=a>2?arguments[2]:void 0,c=void 0===l?i:r(l,i);c>s;)e[s++]=t;return e}},7397:function(t,e,i){"use strict";var n=i(454).forEach,r=i(424)("forEach");t.exports=r?[].forEach:function(t){return n(this,t,arguments.length>1?arguments[1]:void 0)}},841:function(t,e,i){"use strict";var n=i(8043),r=i(1795),o=i(1635),a=i(6109),s=i(2091),l=i(4104),c=i(9361),u=i(1669),h=i(8703);t.exports=function(t){var e=r(t),i=s(this),f=arguments.length,g=f>1?arguments[1]:void 0,d=void 0!==g;d&&(g=n(g,f>2?arguments[2]:void 0,2));var v,p,m,y,b,x,C=h(e),I=0;if(!C||this==Array&&a(C))for(v=l(e),p=i?new this(v):Array(v);v>I;I++)x=d?g(e[I],I):e[I],c(p,I,x);else for(b=(y=u(e,C)).next,p=i?new this:[];!(m=b.call(y)).done;I++)x=d?o(y,g,[m.value,I],!0):m.value,c(p,I,x);return p.length=I,p}},8180:function(t,e,i){var n=i(101),r=i(7739),o=i(4104),a=function(t){return function(e,i,a){var s,l=n(e),c=o(l),u=r(a,c);if(t&&i!=i){for(;c>u;)if((s=l[u++])!=s)return!0}else for(;c>u;u++)if((t||u in l)&&l[u]===i)return t||u||0;return!t&&-1}};t.exports={includes:a(!0),indexOf:a(!1)}},454:function(t,e,i){var n=i(8043),r=i(2202),o=i(1795),a=i(4104),s=i(1321),l=[].push,c=function(t){var e=1==t,i=2==t,c=3==t,u=4==t,h=6==t,f=7==t,g=5==t||h;return function(d,v,p,m){for(var y,b,x=o(d),C=r(x),I=n(v,p,3),_=a(C),M=0,S=m||s,w=e?S(d,_):i||f?S(d,0):void 0;_>M;M++)if((g||M in C)&&(b=I(y=C[M],M,x),t))if(e)w[M]=b;else if(b)switch(t){case 3:return!0;case 5:return y;case 6:return M;case 2:l.call(w,y)}else switch(t){case 4:return!1;case 7:l.call(w,y)}return h?-1:c||u?u:w}};t.exports={forEach:c(0),map:c(1),filter:c(2),some:c(3),every:c(4),find:c(5),findIndex:c(6),filterReject:c(7)}},242:function(t,e,i){var n=i(6192),r=i(8182),o=i(4218),a=r("species");t.exports=function(t){return o>=51||!n((function(){var e=[];return(e.constructor={})[a]=function(){return{foo:1}},1!==e[t](Boolean).foo}))}},424:function(t,e,i){"use strict";var n=i(6192);t.exports=function(t,e){var i=[][t];return!!i&&n((function(){i.call(null,e||function(){throw 1},1)}))}},3712:function(t,e,i){var n=i(4770),r=i(2091),o=i(5744),a=i(8182)("species");t.exports=function(t){var e;return n(t)&&(e=t.constructor,(r(e)&&(e===Array||n(e.prototype))||o(e)&&null===(e=e[a]))&&(e=void 0)),void 0===e?Array:e}},1321:function(t,e,i){var n=i(3712);t.exports=function(t,e){return new(n(t))(0===e?0:e)}},1635:function(t,e,i){var n=i(1138),r=i(6639);t.exports=function(t,e,i,o){try{return o?e(n(i)[0],i[1]):e(i)}catch(e){r(t,"throw",e)}}},9770:function(t,e,i){var n=i(8182)("iterator"),r=!1;try{var o=0,a={next:function(){return{done:!!o++}},return:function(){r=!0}};a[n]=function(){return this},Array.from(a,(function(){throw 2}))}catch(t){}t.exports=function(t,e){if(!e&&!r)return!1;var i=!1;try{var o={};o[n]=function(){return{next:function(){return{done:i=!0}}}},t(o)}catch(t){}return i}},9272:function(t){var e={}.toString;t.exports=function(t){return e.call(t).slice(8,-1)}},4696:function(t,e,i){var n=i(3471),r=i(6447),o=i(9272),a=i(8182)("toStringTag"),s="Arguments"==o(function(){return arguments}());t.exports=n?o:function(t){var e,i,n;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(i=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),a))?i:s?o(e):"Object"==(n=o(e))&&r(e.callee)?"Arguments":n}},4635:function(t,e,i){var n=i(6192);t.exports=!n((function(){function t(){}return t.prototype.constructor=null,Object.getPrototypeOf(new t)!==t.prototype}))},5148:function(t,e,i){"use strict";var n=i(4413).IteratorPrototype,r=i(2853),o=i(774),a=i(1284),s=i(7771),l=function(){return this};t.exports=function(t,e,i){var c=e+" Iterator";return t.prototype=r(n,{next:o(1,i)}),a(t,c,!1,!0),s[c]=l,t}},8711:function(t,e,i){var n=i(69),r=i(2760),o=i(774);t.exports=n?function(t,e,i){return r.f(t,e,o(1,i))}:function(t,e,i){return t[e]=i,t}},774:function(t){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},9361:function(t,e,i){"use strict";var n=i(77),r=i(2760),o=i(774);t.exports=function(t,e,i){var a=n(e);a in t?r.f(t,a,o(0,i)):t[a]=i}},7218:function(t,e,i){"use strict";var n=i(3085),r=i(5546),o=i(2282),a=i(6447),s=i(5148),l=i(9341),c=i(4469),u=i(1284),h=i(8711),f=i(9482),g=i(8182),d=i(7771),v=i(4413),p=o.PROPER,m=o.CONFIGURABLE,y=v.IteratorPrototype,b=v.BUGGY_SAFARI_ITERATORS,x=g("iterator"),C="keys",I="values",_="entries",M=function(){return this};t.exports=function(t,e,i,o,g,v,S){s(i,e,o);var w,k,T,D=function(t){if(t===g&&L)return L;if(!b&&t in O)return O[t];switch(t){case C:return function(){return new i(this,t)};case I:return function(){return new i(this,t)};case _:return function(){return new i(this,t)}}return function(){return new i(this)}},A=e+" Iterator",j=!1,O=t.prototype,E=O[x]||O["@@iterator"]||g&&O[g],L=!b&&E||D(g),N="Array"==e&&O.entries||E;if(N&&(w=l(N.call(new t)))!==Object.prototype&&w.next&&(r||l(w)===y||(c?c(w,y):a(w[x])||f(w,x,M)),u(w,A,!0,!0),r&&(d[A]=M)),p&&g==I&&E&&E.name!==I&&(!r&&m?h(O,"name",I):(j=!0,L=function(){return E.call(this)})),g)if(k={values:D(I),keys:v?L:D(C),entries:D(_)},S)for(T in k)(b||j||!(T in O))&&f(O,T,k[T]);else n({target:e,proto:!0,forced:b||j},k);return r&&!S||O[x]===L||f(O,x,L,{name:g}),d[e]=L,k}},1488:function(t,e,i){var n=i(7545),r=i(4500),o=i(9207),a=i(2760).f;t.exports=function(t){var e=n.Symbol||(n.Symbol={});r(e,t)||a(e,t,{value:o.f(t)})}},69:function(t,e,i){var n=i(6192);t.exports=!n((function(){return 7!=Object.defineProperty({},1,{get:function(){return 7}})[1]}))},7449:function(t,e,i){var n=i(8576),r=i(5744),o=n.document,a=r(o)&&r(o.createElement);t.exports=function(t){return a?o.createElement(t):{}}},7365:function(t){t.exports={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRectList:0,DOMRectList:0,DOMStringList:0,DOMTokenList:1,DataTransferItemList:0,FileList:0,HTMLAllCollection:0,HTMLCollection:0,HTMLFormElement:0,HTMLSelectElement:0,MediaList:0,MimeTypeArray:0,NamedNodeMap:0,NodeList:1,PaintRequestList:0,Plugin:0,PluginArray:0,SVGLengthList:0,SVGNumberList:0,SVGPathSegList:0,SVGPointList:0,SVGStringList:0,SVGTransformList:0,SourceBufferList:0,StyleSheetList:0,TextTrackCueList:0,TextTrackList:0,TouchList:0}},2957:function(t){t.exports="object"==typeof window},9347:function(t,e,i){var n=i(8989),r=i(8576);t.exports=/ipad|iphone|ipod/i.test(n)&&void 0!==r.Pebble},9536:function(t,e,i){var n=i(8989);t.exports=/(?:ipad|iphone|ipod).*applewebkit/i.test(n)},224:function(t,e,i){var n=i(9272),r=i(8576);t.exports="process"==n(r.process)},5914:function(t,e,i){var n=i(8989);t.exports=/web0s(?!.*chrome)/i.test(n)},8989:function(t,e,i){var n=i(150);t.exports=n("navigator","userAgent")||""},4218:function(t,e,i){var n,r,o=i(8576),a=i(8989),s=o.process,l=o.Deno,c=s&&s.versions||l&&l.version,u=c&&c.v8;u?r=(n=u.split("."))[0]<4?1:n[0]+n[1]:a&&(!(n=a.match(/Edge\/(\d+)/))||n[1]>=74)&&(n=a.match(/Chrome\/(\d+)/))&&(r=n[1]),t.exports=r&&+r},5607:function(t,e,i){var n=i(7545);t.exports=function(t){return n[t+"Prototype"]}},2952:function(t){t.exports=["constructor","hasOwnProperty","isPrototypeOf","propertyIsEnumerable","toLocaleString","toString","valueOf"]},3085:function(t,e,i){"use strict";var n=i(8576),r=i(6447),o=i(5141).f,a=i(9245),s=i(7545),l=i(8043),c=i(8711),u=i(4500),h=function(t){var e=function(e,i,n){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,i)}return new t(e,i,n)}return t.apply(this,arguments)};return e.prototype=t.prototype,e};t.exports=function(t,e){var i,f,g,d,v,p,m,y,b=t.target,x=t.global,C=t.stat,I=t.proto,_=x?n:C?n[b]:(n[b]||{}).prototype,M=x?s:s[b]||c(s,b,{})[b],S=M.prototype;for(g in e)i=!a(x?g:b+(C?".":"#")+g,t.forced)&&_&&u(_,g),v=M[g],i&&(p=t.noTargetGet?(y=o(_,g))&&y.value:_[g]),d=i&&p?p:e[g],i&&typeof v==typeof d||(m=t.bind&&i?l(d,n):t.wrap&&i?h(d):I&&r(d)?l(Function.call,d):d,(t.sham||d&&d.sham||v&&v.sham)&&c(m,"sham",!0),c(M,g,m),I&&(u(s,f=b+"Prototype")||c(s,f,{}),c(s[f],g,d),t.real&&S&&!S[g]&&c(S,g,d)))}},6192:function(t){t.exports=function(t){try{return!!t()}catch(t){return!0}}},8043:function(t,e,i){var n=i(6235);t.exports=function(t,e,i){if(n(t),void 0===e)return t;switch(i){case 0:return function(){return t.call(e)};case 1:return function(i){return t.call(e,i)};case 2:return function(i,n){return t.call(e,i,n)};case 3:return function(i,n,r){return t.call(e,i,n,r)}}return function(){return t.apply(e,arguments)}}},6782:function(t,e,i){"use strict";var n=i(6235),r=i(5744),o=[].slice,a={},s=function(t,e,i){if(!(e in a)){for(var n=[],r=0;rg;g++)if((v=M(t[g]))&&v instanceof u)return v;return new u(!1)}h=s(t,f)}for(p=h.next;!(m=p.call(h)).done;){try{v=M(m.value)}catch(t){c(h,"throw",t)}if("object"==typeof v&&v&&v instanceof u)return v}return new u(!1)}},6639:function(t,e,i){var n=i(1138),r=i(5037);t.exports=function(t,e,i){var o,a;n(t);try{if(!(o=r(t,"return"))){if("throw"===e)throw i;return i}o=o.call(t)}catch(t){a=!0,o=t}if("throw"===e)throw i;if(a)throw o;return n(o),i}},4413:function(t,e,i){"use strict";var n,r,o,a=i(6192),s=i(6447),l=i(2853),c=i(9341),u=i(9482),h=i(8182),f=i(5546),g=h("iterator"),d=!1;[].keys&&("next"in(o=[].keys())?(r=c(c(o)))!==Object.prototype&&(n=r):d=!0),null==n||a((function(){var t={};return n[g].call(t)!==t}))?n={}:f&&(n=l(n)),s(n[g])||u(n,g,(function(){return this})),t.exports={IteratorPrototype:n,BUGGY_SAFARI_ITERATORS:d}},7771:function(t){t.exports={}},4104:function(t,e,i){var n=i(8445);t.exports=function(t){return n(t.length)}},2950:function(t,e,i){var n,r,o,a,s,l,c,u,h=i(8576),f=i(5141).f,g=i(7160).set,d=i(9536),v=i(9347),p=i(5914),m=i(224),y=h.MutationObserver||h.WebKitMutationObserver,b=h.document,x=h.process,C=h.Promise,I=f(h,"queueMicrotask"),_=I&&I.value;_||(n=function(){var t,e;for(m&&(t=x.domain)&&t.exit();r;){e=r.fn,r=r.next;try{e()}catch(t){throw r?a():o=void 0,t}}o=void 0,t&&t.enter()},d||m||p||!y||!b?!v&&C&&C.resolve?((c=C.resolve(void 0)).constructor=C,u=c.then,a=function(){u.call(c,n)}):a=m?function(){x.nextTick(n)}:function(){g.call(h,n)}:(s=!0,l=b.createTextNode(""),new y(n).observe(l,{characterData:!0}),a=function(){l.data=s=!s})),t.exports=_||function(t){var e={fn:t,next:void 0};o&&(o.next=e),r||(r=e,a()),o=e}},4471:function(t,e,i){var n=i(8576);t.exports=n.Promise},3045:function(t,e,i){var n=i(4218),r=i(6192);t.exports=!!Object.getOwnPropertySymbols&&!r((function(){var t=Symbol();return!String(t)||!(Object(t)instanceof Symbol)||!Symbol.sham&&n&&n<41}))},4551:function(t,e,i){var n=i(6192),r=i(8182),o=i(5546),a=r("iterator");t.exports=!n((function(){var t=new URL("b?a=1&b=2&c=3","http://a"),e=t.searchParams,i="";return t.pathname="c%20d",e.forEach((function(t,n){e.delete("b"),i+=n+t})),o&&!t.toJSON||!e.sort||"http://a/c%20d?a=1&c=3"!==t.href||"3"!==e.get("c")||"a=1"!==String(new URLSearchParams("?a=1"))||!e[a]||"a"!==new URL("https://a@b").username||"b"!==new URLSearchParams(new URLSearchParams("a=b")).get("a")||"xn--e1aybc"!==new URL("http://теÑÑ‚").host||"#%D0%B1"!==new URL("http://a#б").hash||"a1c3"!==i||"x"!==new URL("http://x",void 0).host}))},8921:function(t,e,i){var n=i(8576),r=i(6447),o=i(9516),a=n.WeakMap;t.exports=r(a)&&/native code/.test(o(a))},9438:function(t,e,i){"use strict";var n=i(6235),r=function(t){var e,i;this.promise=new t((function(t,n){if(void 0!==e||void 0!==i)throw TypeError("Bad Promise constructor");e=t,i=n})),this.resolve=n(e),this.reject=n(i)};t.exports.f=function(t){return new r(t)}},15:function(t,e,i){var n=i(8576),r=i(6192),o=i(4845),a=i(4277).trim,s=i(1450),l=n.parseFloat,c=n.Symbol,u=c&&c.iterator,h=1/l(s+"-0")!=-1/0||u&&!r((function(){l(Object(u))}));t.exports=h?function(t){var e=a(o(t)),i=l(e);return 0===i&&"-"==e.charAt(0)?-0:i}:l},2558:function(t,e,i){var n=i(8576),r=i(6192),o=i(4845),a=i(4277).trim,s=i(1450),l=n.parseInt,c=n.Symbol,u=c&&c.iterator,h=/^[+-]?0[Xx]/,f=8!==l(s+"08")||22!==l(s+"0x16")||u&&!r((function(){l(Object(u))}));t.exports=f?function(t,e){var i=a(o(t));return l(i,e>>>0||(h.test(i)?16:10))}:l},2503:function(t,e,i){"use strict";var n=i(69),r=i(6192),o=i(7653),a=i(4750),s=i(6007),l=i(1795),c=i(2202),u=Object.assign,h=Object.defineProperty;t.exports=!u||r((function(){if(n&&1!==u({b:1},u(h({},"a",{enumerable:!0,get:function(){h(this,"b",{value:3,enumerable:!1})}}),{b:2})).b)return!0;var t={},e={},i=Symbol(),r="abcdefghijklmnopqrst";return t[i]=7,r.split("").forEach((function(t){e[t]=t})),7!=u({},t)[i]||o(u({},e)).join("")!=r}))?function(t,e){for(var i=l(t),r=arguments.length,u=1,h=a.f,f=s.f;r>u;)for(var g,d=c(arguments[u++]),v=h?o(d).concat(h(d)):o(d),p=v.length,m=0;p>m;)g=v[m++],n&&!f.call(d,g)||(i[g]=d[g]);return i}:u},2853:function(t,e,i){var n,r=i(1138),o=i(1187),a=i(2952),s=i(4535),l=i(7403),c=i(7449),u=i(9766),h=u("IE_PROTO"),f=function(){},g=function(t){return"