redhotmagma-graphics-editor 1.41.1 → 1.42.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/App.js +90 -165
- package/CanvasAdapters/Mock/Canvas.js +71 -125
- package/CanvasAdapters/Mock/Objects/CanvasObject.js +23 -40
- package/CanvasAdapters/Mock/Objects/Group.js +15 -46
- package/CanvasAdapters/Mock/Objects/Image.js +15 -46
- package/CanvasAdapters/Mock/Objects/Text.js +15 -51
- package/CanvasAdapters/Mock/index.js +0 -1
- package/CanvasAdapters/PaperJs/Canvas.js +268 -398
- package/CanvasAdapters/PaperJs/CanvasRepository.js +6 -23
- package/CanvasAdapters/PaperJs/Modifiers/FontSizeMin.js +2 -5
- package/CanvasAdapters/PaperJs/Objects/CanvasObject.js +33 -65
- package/CanvasAdapters/PaperJs/Objects/Group.js +14 -48
- package/CanvasAdapters/PaperJs/Objects/Image.js +58 -114
- package/CanvasAdapters/PaperJs/Objects/Text.js +43 -99
- package/CanvasAdapters/PaperJs/Utils/HTML2Paper.js +57 -108
- package/CanvasAdapters/PaperJs/Utils/SVGfix.js +9 -30
- package/CanvasAdapters/PaperJs/Utils/StyleParams.js +10 -21
- package/CanvasAdapters/PaperJs/Utils/TextToSVGRepository.js +53 -86
- package/CanvasAdapters/PaperJs/Utils/TextToSVGUtils.js +4 -14
- package/CanvasAdapters/PaperJs/Utils/UTF8Base64.js +3 -24
- package/CanvasAdapters/PaperJs/Utils/UseColorLayer.js +58 -0
- package/CanvasAdapters/PaperJs/Utils/UseMask.js +183 -279
- package/CanvasAdapters/PaperJs/Utils/__tests__/SVGfix.test.js +0 -1
- package/CanvasAdapters/PaperJs/Utils/__tests__/TextToSVGUtils.test.js +0 -1
- package/CanvasAdapters/PaperJs/Utils/__tests__/updateFontStyle.test.js +0 -1
- package/CanvasAdapters/PaperJs/Utils/updateFontStyle.js +5 -11
- package/CanvasAdapters/PaperJs/index.js +0 -1
- package/CanvasInterface/Canvas.js +145 -235
- package/CanvasInterface/CanvasProvider.js +25 -75
- package/CanvasInterface/Objects/CanvasObject.js +68 -148
- package/CanvasInterface/Objects/index.js +0 -1
- package/CanvasInterface/Observable.js +10 -29
- package/CanvasInterface/canvasConnect.js +12 -44
- package/CanvasInterface/index.js +1 -7
- package/Components/Canvas/Canvas.js +14 -41
- package/Components/Canvas/CanvasContainer.js +5 -18
- package/Components/Canvas/styles.js +2 -3
- package/Components/DelayedContainer.js +14 -39
- package/Components/Editor/Editor.js +47 -102
- package/Components/Editor/EditorContainer.js +47 -131
- package/Components/Editor/styles.js +2 -3
- package/Components/InlineToolbox/InlineToolbox.js +49 -142
- package/Components/InlineToolbox/InlineToolboxButton.js +9 -19
- package/Components/InlineToolbox/styles.js +2 -3
- package/Components/ManipulableContainer.js +15 -41
- package/Components/ResizeDetect/ResizeDetect.js +14 -47
- package/Components/Rulers/Ruler.js +20 -68
- package/Components/Rulers/Rulers.js +14 -46
- package/Components/Rulers/styles.js +2 -3
- package/Components/SelectionToolbox/ColorPalette.js +25 -73
- package/Components/SelectionToolbox/SelectionToolbox.js +39 -101
- package/Components/SelectionToolbox/TextTools.js +81 -157
- package/Components/SelectionToolbox/styles.js +2 -3
- package/Components/StandardToolbox/StandardToolbox.js +81 -144
- package/Components/TextEditor/TextEditor.js +67 -182
- package/Components/TextEditor/TextEditorStateProvider.js +20 -56
- package/Components/Toolbox/ToolboxContainer.js +5 -18
- package/Components/Toolbox/ToolboxRow.js +4 -16
- package/Components/Toolbox/styles.js +2 -3
- package/Utils/Calc2D.js +3 -9
- package/Utils/DOM.js +22 -80
- package/Utils/Device.js +2 -6
- package/Utils/Image.js +17 -11
- package/Utils/Logger.js +8 -32
- package/Utils/Range.js +6 -33
- package/Utils/String.js +2 -8
- package/Utils/UnitConversion.js +3 -9
- package/Utils/__tests__/Calc2D.test.js +1 -3
- package/Utils/__tests__/DOM.test.js +17 -25
- package/Utils/__tests__/Range.test.js +0 -1
- package/_demos/UsingExternalControls/App.js +13 -48
- package/_demos/UsingRenderProps/App.js +15 -54
- package/index.js +2 -6
- package/package.json +5 -7
- package/src/App.js +35 -38
- package/src/CanvasAdapters/PaperJs/Canvas.ts +11 -0
- package/src/CanvasAdapters/PaperJs/Utils/UseColorLayer.js +56 -0
- package/src/Components/InlineToolbox/InlineToolbox.js +2 -2
- package/src/Components/SelectionToolbox/TextTools.js +1 -1
- package/src/_demos/UsingExternalControls/App.js +25 -28
- package/src/_demos/UsingRenderProps/App.js +16 -19
- package/src/index.js +2 -2
|
@@ -4,62 +4,45 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.createCanvasRepository = void 0;
|
|
7
|
-
|
|
8
7
|
var _Canvas = require("./Canvas");
|
|
9
|
-
|
|
10
|
-
var createCanvasRepository = function createCanvasRepository() {
|
|
8
|
+
var createCanvasRepository = exports.createCanvasRepository = function createCanvasRepository() {
|
|
11
9
|
var repositoryMap = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Map();
|
|
12
10
|
var activeCanvas;
|
|
13
|
-
|
|
14
11
|
var requestCanvas = function requestCanvas(key) {
|
|
15
12
|
var canvasSize = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
16
13
|
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
17
14
|
var _options$updateCanvas = options.updateCanvas,
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
updateCanvas = _options$updateCanvas === void 0 ? false : _options$updateCanvas;
|
|
20
16
|
if (!repositoryMap.has(key) || updateCanvas) {
|
|
21
17
|
var _canvas = new _Canvas.Canvas();
|
|
22
|
-
|
|
23
18
|
_canvas.init(); // create canvas element
|
|
24
|
-
|
|
25
|
-
|
|
26
19
|
if (canvasSize) {
|
|
27
20
|
_canvas.setSize(canvasSize);
|
|
28
21
|
}
|
|
29
|
-
|
|
30
22
|
repositoryMap.set(key, _canvas);
|
|
31
|
-
|
|
32
23
|
if (repository.onCreate) {
|
|
33
24
|
repository.onCreate(_canvas);
|
|
34
25
|
}
|
|
35
26
|
}
|
|
36
|
-
|
|
37
27
|
var canvas = repositoryMap.get(key);
|
|
38
28
|
var _options$activate = options.activate,
|
|
39
|
-
|
|
40
|
-
|
|
29
|
+
activate = _options$activate === void 0 ? true : _options$activate;
|
|
41
30
|
if (activate) {
|
|
42
|
-
canvas.activate();
|
|
43
|
-
|
|
31
|
+
canvas.activate();
|
|
32
|
+
// clear selection if the active canvas is not the same as the previous one
|
|
44
33
|
if (activeCanvas && activeCanvas !== canvas) {
|
|
45
34
|
activeCanvas.clearSelection();
|
|
46
35
|
}
|
|
47
|
-
|
|
48
36
|
activeCanvas = canvas;
|
|
49
37
|
}
|
|
50
|
-
|
|
51
38
|
return canvas;
|
|
52
39
|
};
|
|
53
|
-
|
|
54
40
|
var getActiveCanvas = function getActiveCanvas() {
|
|
55
41
|
return activeCanvas;
|
|
56
42
|
};
|
|
57
|
-
|
|
58
43
|
var repository = {
|
|
59
44
|
requestCanvas: requestCanvas,
|
|
60
45
|
getActiveCanvas: getActiveCanvas
|
|
61
46
|
};
|
|
62
47
|
return repository;
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
exports.createCanvasRepository = createCanvasRepository;
|
|
48
|
+
};
|
|
@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.applyFontSizeMin = void 0;
|
|
7
|
-
|
|
8
|
-
var applyFontSizeMin = function applyFontSizeMin(canvas, fontSizeMin) {
|
|
7
|
+
var applyFontSizeMin = exports.applyFontSizeMin = function applyFontSizeMin(canvas, fontSizeMin) {
|
|
9
8
|
canvas.objects.forEach(function (o) {
|
|
10
9
|
if (o.type === 'Text') {
|
|
11
10
|
o.fontSizeMin = fontSizeMin;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
exports.applyFontSizeMin = applyFontSizeMin;
|
|
13
|
+
};
|
|
@@ -1,63 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.CanvasObject = void 0;
|
|
9
|
-
|
|
10
7
|
var _CanvasObject = require("../../../CanvasInterface/Objects/CanvasObject");
|
|
11
|
-
|
|
12
8
|
var _Calc2D = require("../../../Utils/Calc2D");
|
|
13
|
-
|
|
9
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
10
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
19
|
-
|
|
20
|
-
function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
|
|
21
|
-
|
|
11
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
12
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
13
|
+
function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
|
|
22
14
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
27
|
-
|
|
15
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
16
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
28
17
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
29
|
-
|
|
30
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
31
|
-
|
|
18
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
32
19
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
33
|
-
|
|
34
20
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
21
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
22
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
24
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
25
|
+
var CanvasObject = exports.CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
41
26
|
_inherits(CanvasObject, _AbstractCanvasObject);
|
|
42
|
-
|
|
43
27
|
var _super = _createSuper(CanvasObject);
|
|
44
|
-
|
|
45
28
|
function CanvasObject(options) {
|
|
46
29
|
var _this;
|
|
47
|
-
|
|
48
30
|
_classCallCheck(this, CanvasObject);
|
|
49
|
-
|
|
50
31
|
_this = _super.call(this, options);
|
|
51
|
-
|
|
52
32
|
_defineProperty(_assertThisInitialized(_this), "triggerChangeEvent", function (prevState) {
|
|
53
33
|
_this._observable.triggerEvent(_CanvasObject.CanvasObjectEvents.OnChange, {
|
|
54
34
|
prevState: prevState
|
|
55
35
|
});
|
|
56
36
|
});
|
|
57
|
-
|
|
58
37
|
return _this;
|
|
59
38
|
}
|
|
60
|
-
|
|
61
39
|
_createClass(CanvasObject, [{
|
|
62
40
|
key: "getOptionsFromWrappedObject",
|
|
63
41
|
value: function getOptionsFromWrappedObject() {
|
|
@@ -99,18 +77,19 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
99
77
|
}
|
|
100
78
|
}, {
|
|
101
79
|
key: "initObjectEvents",
|
|
102
|
-
value: function initObjectEvents() {
|
|
80
|
+
value: function initObjectEvents() {
|
|
81
|
+
//do nothing
|
|
103
82
|
}
|
|
104
83
|
}, {
|
|
105
84
|
key: "getTransformedRect",
|
|
106
85
|
value: function getTransformedRect() {
|
|
107
86
|
var o = this.wrappedObject;
|
|
108
87
|
var internalBounds = o.internalBounds,
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
88
|
+
bounds = o.bounds,
|
|
89
|
+
rotation = o.rotation,
|
|
90
|
+
scaling = o.scaling;
|
|
112
91
|
var width = internalBounds.width,
|
|
113
|
-
|
|
92
|
+
height = internalBounds.height;
|
|
114
93
|
var center = bounds.center;
|
|
115
94
|
var zoom = o.getView().getZoom();
|
|
116
95
|
var scaledX = center.x * zoom;
|
|
@@ -127,43 +106,38 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
127
106
|
x: scaledX,
|
|
128
107
|
y: scaledY
|
|
129
108
|
},
|
|
130
|
-
|
|
131
109
|
get topRight() {
|
|
132
110
|
var x = this.left + this.width;
|
|
133
111
|
var y = this.top;
|
|
134
112
|
var _this$center = this.center,
|
|
135
|
-
|
|
136
|
-
|
|
113
|
+
cx = _this$center.x,
|
|
114
|
+
cy = _this$center.y;
|
|
137
115
|
return (0, _Calc2D.transformPoint)(x, y, cx, cy, this.rotation);
|
|
138
116
|
},
|
|
139
|
-
|
|
140
117
|
get bottomRight() {
|
|
141
118
|
var x = this.left + this.width;
|
|
142
119
|
var y = this.top + this.height;
|
|
143
120
|
var _this$center2 = this.center,
|
|
144
|
-
|
|
145
|
-
|
|
121
|
+
cx = _this$center2.x,
|
|
122
|
+
cy = _this$center2.y;
|
|
146
123
|
return (0, _Calc2D.transformPoint)(x, y, cx, cy, this.rotation);
|
|
147
124
|
},
|
|
148
|
-
|
|
149
125
|
get bottomLeft() {
|
|
150
126
|
var x = this.left;
|
|
151
127
|
var y = this.top + this.height;
|
|
152
128
|
var _this$center3 = this.center,
|
|
153
|
-
|
|
154
|
-
|
|
129
|
+
cx = _this$center3.x,
|
|
130
|
+
cy = _this$center3.y;
|
|
155
131
|
return (0, _Calc2D.transformPoint)(x, y, cx, cy, this.rotation);
|
|
156
132
|
},
|
|
157
|
-
|
|
158
133
|
get topLeft() {
|
|
159
134
|
var x = this.left;
|
|
160
135
|
var y = this.top;
|
|
161
136
|
var _this$center4 = this.center,
|
|
162
|
-
|
|
163
|
-
|
|
137
|
+
cx = _this$center4.x,
|
|
138
|
+
cy = _this$center4.y;
|
|
164
139
|
return (0, _Calc2D.transformPoint)(x, y, cx, cy, this.rotation);
|
|
165
140
|
}
|
|
166
|
-
|
|
167
141
|
};
|
|
168
142
|
}
|
|
169
143
|
}, {
|
|
@@ -171,11 +145,9 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
171
145
|
value: function getCenter() {
|
|
172
146
|
var o = this.wrappedObject;
|
|
173
147
|
var zoom = o.getView().getZoom();
|
|
174
|
-
|
|
175
148
|
var _o$bounds$center$mult = o.bounds.center.multiply(zoom),
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
149
|
+
x = _o$bounds$center$mult.x,
|
|
150
|
+
y = _o$bounds$center$mult.y;
|
|
179
151
|
return {
|
|
180
152
|
x: x,
|
|
181
153
|
y: y
|
|
@@ -185,7 +157,6 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
185
157
|
key: "remove",
|
|
186
158
|
value: function remove() {
|
|
187
159
|
_get(_getPrototypeOf(CanvasObject.prototype), "remove", this).call(this);
|
|
188
|
-
|
|
189
160
|
this.wrappedObject.remove();
|
|
190
161
|
}
|
|
191
162
|
}, {
|
|
@@ -201,8 +172,8 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
201
172
|
key: "getBoundSize",
|
|
202
173
|
value: function getBoundSize() {
|
|
203
174
|
var _this$wrappedObject$b = this.wrappedObject.bounds,
|
|
204
|
-
|
|
205
|
-
|
|
175
|
+
height = _this$wrappedObject$b.height,
|
|
176
|
+
width = _this$wrappedObject$b.width;
|
|
206
177
|
return {
|
|
207
178
|
height: height,
|
|
208
179
|
width: width
|
|
@@ -212,16 +183,13 @@ var CanvasObject = /*#__PURE__*/function (_AbstractCanvasObject) {
|
|
|
212
183
|
key: "getSize",
|
|
213
184
|
value: function getSize() {
|
|
214
185
|
var _this$wrappedObject$i = this.wrappedObject.internalBounds,
|
|
215
|
-
|
|
216
|
-
|
|
186
|
+
height = _this$wrappedObject$i.height,
|
|
187
|
+
width = _this$wrappedObject$i.width;
|
|
217
188
|
return {
|
|
218
189
|
height: height,
|
|
219
190
|
width: width
|
|
220
191
|
};
|
|
221
192
|
}
|
|
222
193
|
}]);
|
|
223
|
-
|
|
224
194
|
return CanvasObject;
|
|
225
|
-
}(_CanvasObject.AbstractCanvasObject);
|
|
226
|
-
|
|
227
|
-
exports.CanvasObject = CanvasObject;
|
|
195
|
+
}(_CanvasObject.AbstractCanvasObject);
|
|
@@ -1,69 +1,43 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.Group = void 0;
|
|
9
|
-
|
|
10
7
|
var _CanvasObject2 = require("./CanvasObject");
|
|
11
|
-
|
|
12
8
|
var _paper = _interopRequireDefault(require("paper"));
|
|
13
|
-
|
|
14
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
15
|
-
|
|
16
|
-
function ownKeys(
|
|
17
|
-
|
|
18
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
19
|
-
|
|
10
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
11
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
13
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
25
|
-
|
|
26
|
-
function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
|
|
27
|
-
|
|
14
|
+
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
15
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
16
|
+
function _get() { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get.bind(); } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(arguments.length < 3 ? target : receiver); } return desc.value; }; } return _get.apply(this, arguments); }
|
|
28
17
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
-
|
|
18
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
19
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
34
20
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
|
-
|
|
36
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
37
|
-
|
|
21
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
38
22
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
39
|
-
|
|
40
23
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
|
-
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
var Group = /*#__PURE__*/function (_CanvasObject) {
|
|
24
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
25
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
26
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
27
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
28
|
+
var Group = exports.Group = /*#__PURE__*/function (_CanvasObject) {
|
|
47
29
|
_inherits(Group, _CanvasObject);
|
|
48
|
-
|
|
49
30
|
var _super = _createSuper(Group);
|
|
50
|
-
|
|
51
31
|
function Group() {
|
|
52
32
|
var _this;
|
|
53
|
-
|
|
54
33
|
_classCallCheck(this, Group);
|
|
55
|
-
|
|
56
34
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
57
35
|
args[_key] = arguments[_key];
|
|
58
36
|
}
|
|
59
|
-
|
|
60
37
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
61
|
-
|
|
62
38
|
_defineProperty(_assertThisInitialized(_this), "_src", '');
|
|
63
|
-
|
|
64
39
|
return _this;
|
|
65
40
|
}
|
|
66
|
-
|
|
67
41
|
_createClass(Group, [{
|
|
68
42
|
key: "src",
|
|
69
43
|
get: function get() {
|
|
@@ -76,7 +50,6 @@ var Group = /*#__PURE__*/function (_CanvasObject) {
|
|
|
76
50
|
key: "loadFromURL",
|
|
77
51
|
value: function loadFromURL(url) {
|
|
78
52
|
var _this2 = this;
|
|
79
|
-
|
|
80
53
|
return new Promise(function (resolve, reject) {
|
|
81
54
|
_paper["default"].project.importSVG(url, {
|
|
82
55
|
onLoad: function onLoad(group, xmlStr) {
|
|
@@ -92,22 +65,15 @@ var Group = /*#__PURE__*/function (_CanvasObject) {
|
|
|
92
65
|
key: "toObject",
|
|
93
66
|
value: function toObject() {
|
|
94
67
|
var _get2;
|
|
95
|
-
|
|
96
68
|
var src = this.src;
|
|
97
|
-
|
|
98
69
|
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
99
70
|
args[_key2] = arguments[_key2];
|
|
100
71
|
}
|
|
101
|
-
|
|
102
72
|
return _objectSpread(_objectSpread({}, (_get2 = _get(_getPrototypeOf(Group.prototype), "toObject", this)).call.apply(_get2, [this].concat(args))), {}, {
|
|
103
73
|
src: src
|
|
104
74
|
});
|
|
105
75
|
}
|
|
106
76
|
}]);
|
|
107
|
-
|
|
108
77
|
return Group;
|
|
109
78
|
}(_CanvasObject2.CanvasObject);
|
|
110
|
-
|
|
111
|
-
exports.Group = Group;
|
|
112
|
-
|
|
113
79
|
_defineProperty(Group, "type", 'Group');
|