redhotmagma-graphics-editor 1.41.0 → 1.42.0
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
|
@@ -1,75 +1,47 @@
|
|
|
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.Image = 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
|
|
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; }
|
|
13
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
20
14
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
21
|
-
|
|
22
15
|
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
23
|
-
|
|
24
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
29
|
-
|
|
30
|
-
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); }
|
|
31
|
-
|
|
17
|
+
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); } }
|
|
18
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
+
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); }
|
|
32
20
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
33
|
-
|
|
34
|
-
function
|
|
35
|
-
|
|
36
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
37
|
-
|
|
21
|
+
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); }
|
|
22
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
38
23
|
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); }; }
|
|
39
|
-
|
|
40
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
41
|
-
|
|
24
|
+
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); }
|
|
42
25
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
43
|
-
|
|
44
26
|
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; } }
|
|
45
|
-
|
|
46
|
-
function
|
|
47
|
-
|
|
48
|
-
function
|
|
49
|
-
|
|
50
|
-
var Image = /*#__PURE__*/function (_CanvasObject) {
|
|
27
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
28
|
+
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; }
|
|
29
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
30
|
+
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); }
|
|
31
|
+
var Image = exports.Image = /*#__PURE__*/function (_CanvasObject) {
|
|
51
32
|
_inherits(Image, _CanvasObject);
|
|
52
|
-
|
|
53
33
|
var _super = _createSuper(Image);
|
|
54
|
-
|
|
55
34
|
function Image(options) {
|
|
56
35
|
var _this;
|
|
57
|
-
|
|
58
36
|
_classCallCheck(this, Image);
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
37
|
+
_this = _super.call(this, options);
|
|
38
|
+
// it has to be called again to set the local properties correctly
|
|
62
39
|
_defineProperty(_assertThisInitialized(_this), "_src", '');
|
|
63
|
-
|
|
64
40
|
_defineProperty(_assertThisInitialized(_this), "_imageData", null);
|
|
65
|
-
|
|
66
41
|
_defineProperty(_assertThisInitialized(_this), "_transformImageSrc", null);
|
|
67
|
-
|
|
68
42
|
_this.initOptions(options);
|
|
69
|
-
|
|
70
43
|
return _this;
|
|
71
44
|
}
|
|
72
|
-
|
|
73
45
|
_createClass(Image, [{
|
|
74
46
|
key: "src",
|
|
75
47
|
get: function get() {
|
|
@@ -96,79 +68,61 @@ var Image = /*#__PURE__*/function (_CanvasObject) {
|
|
|
96
68
|
}, {
|
|
97
69
|
key: "updateOptions",
|
|
98
70
|
value: function () {
|
|
99
|
-
var _updateOptions = _asyncToGenerator( /*#__PURE__*/
|
|
100
|
-
return
|
|
101
|
-
while (1) {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
case 2:
|
|
108
|
-
if (!options) {
|
|
109
|
-
_context.next = 7;
|
|
110
|
-
break;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
_context.t0 = this.src;
|
|
114
|
-
|
|
115
|
-
if (!_context.t0) {
|
|
116
|
-
_context.next = 7;
|
|
117
|
-
break;
|
|
118
|
-
}
|
|
119
|
-
|
|
71
|
+
var _updateOptions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(options) {
|
|
72
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
73
|
+
while (1) switch (_context.prev = _context.next) {
|
|
74
|
+
case 0:
|
|
75
|
+
_context.next = 2;
|
|
76
|
+
return _get(_getPrototypeOf(Image.prototype), "updateOptions", this).call(this, options);
|
|
77
|
+
case 2:
|
|
78
|
+
if (!options) {
|
|
120
79
|
_context.next = 7;
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
80
|
+
break;
|
|
81
|
+
}
|
|
82
|
+
_context.t0 = this.src;
|
|
83
|
+
if (!_context.t0) {
|
|
84
|
+
_context.next = 7;
|
|
85
|
+
break;
|
|
86
|
+
}
|
|
87
|
+
_context.next = 7;
|
|
88
|
+
return this.loadFromURL();
|
|
89
|
+
case 7:
|
|
90
|
+
return _context.abrupt("return", this);
|
|
91
|
+
case 8:
|
|
92
|
+
case "end":
|
|
93
|
+
return _context.stop();
|
|
130
94
|
}
|
|
131
95
|
}, _callee, this);
|
|
132
96
|
}));
|
|
133
|
-
|
|
134
97
|
function updateOptions(_x) {
|
|
135
98
|
return _updateOptions.apply(this, arguments);
|
|
136
99
|
}
|
|
137
|
-
|
|
138
100
|
return updateOptions;
|
|
139
101
|
}()
|
|
140
102
|
}, {
|
|
141
103
|
key: "loadFromURL",
|
|
142
104
|
value: function () {
|
|
143
|
-
var _loadFromURL = _asyncToGenerator(
|
|
105
|
+
var _loadFromURL = _asyncToGenerator(function () {
|
|
144
106
|
var _this2 = this;
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
while (1) {
|
|
151
|
-
switch (_context2.prev = _context2.next) {
|
|
107
|
+
var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.src;
|
|
108
|
+
return /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
109
|
+
var source;
|
|
110
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
111
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
152
112
|
case 0:
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
if (!this._transformImageSrc) {
|
|
156
|
-
_context2.next = 7;
|
|
113
|
+
if (!_this2._transformImageSrc) {
|
|
114
|
+
_context2.next = 6;
|
|
157
115
|
break;
|
|
158
116
|
}
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
case 4:
|
|
117
|
+
_context2.next = 3;
|
|
118
|
+
return _this2._transformImageSrc(url);
|
|
119
|
+
case 3:
|
|
164
120
|
_context2.t0 = _context2.sent;
|
|
165
|
-
_context2.next =
|
|
121
|
+
_context2.next = 7;
|
|
166
122
|
break;
|
|
167
|
-
|
|
168
|
-
case 7:
|
|
123
|
+
case 6:
|
|
169
124
|
_context2.t0 = url;
|
|
170
|
-
|
|
171
|
-
case 8:
|
|
125
|
+
case 7:
|
|
172
126
|
source = _context2.t0;
|
|
173
127
|
return _context2.abrupt("return", new Promise(function (resolve, reject) {
|
|
174
128
|
var raster = _this2.wrappedObject || (_this2.wrappedObject = new _paper["default"].Raster({
|
|
@@ -183,43 +137,33 @@ var Image = /*#__PURE__*/function (_CanvasObject) {
|
|
|
183
137
|
});
|
|
184
138
|
raster.setSource(source);
|
|
185
139
|
}));
|
|
186
|
-
|
|
187
|
-
case 10:
|
|
140
|
+
case 9:
|
|
188
141
|
case "end":
|
|
189
142
|
return _context2.stop();
|
|
190
143
|
}
|
|
191
|
-
}
|
|
192
|
-
}
|
|
193
|
-
})
|
|
194
|
-
|
|
144
|
+
}, _callee2);
|
|
145
|
+
})();
|
|
146
|
+
});
|
|
195
147
|
function loadFromURL() {
|
|
196
148
|
return _loadFromURL.apply(this, arguments);
|
|
197
149
|
}
|
|
198
|
-
|
|
199
150
|
return loadFromURL;
|
|
200
151
|
}()
|
|
201
152
|
}, {
|
|
202
153
|
key: "toObject",
|
|
203
154
|
value: function toObject() {
|
|
204
155
|
var _get2;
|
|
205
|
-
|
|
206
156
|
var src = this.src,
|
|
207
|
-
|
|
208
|
-
|
|
157
|
+
imageData = this.imageData;
|
|
209
158
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
210
159
|
args[_key] = arguments[_key];
|
|
211
160
|
}
|
|
212
|
-
|
|
213
161
|
return _objectSpread(_objectSpread({}, (_get2 = _get(_getPrototypeOf(Image.prototype), "toObject", this)).call.apply(_get2, [this].concat(args))), {}, {
|
|
214
162
|
src: src,
|
|
215
163
|
imageData: imageData
|
|
216
164
|
});
|
|
217
165
|
}
|
|
218
166
|
}]);
|
|
219
|
-
|
|
220
167
|
return Image;
|
|
221
168
|
}(_CanvasObject2.CanvasObject);
|
|
222
|
-
|
|
223
|
-
exports.Image = Image;
|
|
224
|
-
|
|
225
169
|
_defineProperty(Image, "type", 'Image');
|
|
@@ -1,123 +1,77 @@
|
|
|
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.Text = void 0;
|
|
9
|
-
|
|
10
7
|
var _debounce = _interopRequireDefault(require("lodash/debounce"));
|
|
11
|
-
|
|
12
8
|
var _isInteger = _interopRequireDefault(require("lodash/isInteger"));
|
|
13
|
-
|
|
14
9
|
var _CanvasObject2 = require("./CanvasObject");
|
|
15
|
-
|
|
16
10
|
var _Logger = require("../../../Utils/Logger");
|
|
17
|
-
|
|
18
11
|
var _HTML2Paper = _interopRequireDefault(require("../Utils/HTML2Paper"));
|
|
19
|
-
|
|
20
12
|
var _StyleParams = require("../Utils/StyleParams");
|
|
21
|
-
|
|
22
13
|
var _updateFontStyle = require("../Utils/updateFontStyle");
|
|
23
|
-
|
|
24
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
|
-
function ownKeys(
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
30
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
35
|
-
|
|
19
|
+
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); } }
|
|
20
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
36
21
|
function set(target, property, value, receiver) { if (typeof Reflect !== "undefined" && Reflect.set) { set = Reflect.set; } else { set = function set(target, property, value, receiver) { var base = _superPropBase(target, property); var desc; if (base) { desc = Object.getOwnPropertyDescriptor(base, property); if (desc.set) { desc.set.call(receiver, value); return true; } else if (!desc.writable) { return false; } } desc = Object.getOwnPropertyDescriptor(receiver, property); if (desc) { if (!desc.writable) { return false; } desc.value = value; Object.defineProperty(receiver, property, desc); } else { _defineProperty(receiver, property, value); } return true; }; } return set(target, property, value, receiver); }
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
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); }
|
|
41
|
-
|
|
22
|
+
function _set(target, property, value, receiver, isStrict) { var s = set(target, property, value, receiver || target); if (!s && isStrict) { throw new TypeError('failed to set property'); } return value; }
|
|
23
|
+
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); }
|
|
42
24
|
function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
47
|
-
|
|
25
|
+
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); }
|
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
48
27
|
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); }; }
|
|
49
|
-
|
|
50
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
|
|
51
|
-
|
|
28
|
+
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); }
|
|
52
29
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
53
|
-
|
|
54
30
|
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; } }
|
|
55
|
-
|
|
56
|
-
function
|
|
57
|
-
|
|
58
|
-
function
|
|
59
|
-
|
|
31
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
32
|
+
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; }
|
|
33
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
34
|
+
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); }
|
|
60
35
|
var logger = new _Logger.Logger('Text');
|
|
61
|
-
|
|
62
|
-
var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
36
|
+
var Text = exports.Text = /*#__PURE__*/function (_CanvasObject) {
|
|
63
37
|
_inherits(Text, _CanvasObject);
|
|
64
|
-
|
|
65
38
|
var _super = _createSuper(Text);
|
|
66
|
-
|
|
67
39
|
function Text(options) {
|
|
68
40
|
var _this;
|
|
69
|
-
|
|
70
41
|
_classCallCheck(this, Text);
|
|
71
|
-
|
|
72
42
|
_this = _super.call(this);
|
|
73
|
-
|
|
74
43
|
_defineProperty(_assertThisInitialized(_this), "_content", '');
|
|
75
|
-
|
|
76
44
|
_defineProperty(_assertThisInitialized(_this), "_style", {});
|
|
77
|
-
|
|
78
45
|
_defineProperty(_assertThisInitialized(_this), "_fontSize", 16);
|
|
79
|
-
|
|
80
46
|
_defineProperty(_assertThisInitialized(_this), "_fontSizeMin", 8);
|
|
81
|
-
|
|
82
47
|
_defineProperty(_assertThisInitialized(_this), "_isBulkName", false);
|
|
83
|
-
|
|
84
48
|
_defineProperty(_assertThisInitialized(_this), "_textAlign", 'left');
|
|
85
|
-
|
|
86
49
|
_defineProperty(_assertThisInitialized(_this), "_fontItem", {});
|
|
87
|
-
|
|
50
|
+
/**
|
|
51
|
+
* This method runs with a delay after the setScaling has been called.
|
|
52
|
+
*/
|
|
88
53
|
_defineProperty(_assertThisInitialized(_this), "transformScalingToFontSize", (0, _debounce["default"])(function () {
|
|
89
54
|
var scaling = _this.scaling;
|
|
90
|
-
|
|
91
55
|
if (scaling !== 1) {
|
|
92
56
|
_this._scaling = 1;
|
|
93
57
|
var fontSize = Math.floor(_this._fontSize * scaling);
|
|
94
|
-
|
|
95
58
|
if ((0, _isInteger["default"])(fontSize)) {
|
|
96
59
|
_this.fontSize = fontSize;
|
|
97
60
|
}
|
|
98
61
|
}
|
|
99
62
|
}, 500));
|
|
100
|
-
|
|
101
63
|
_this.initOptions(options);
|
|
102
|
-
|
|
103
64
|
if (options.content) {
|
|
104
65
|
_this.content = options.content;
|
|
105
66
|
}
|
|
106
|
-
|
|
107
67
|
return _this;
|
|
108
68
|
}
|
|
109
|
-
|
|
110
69
|
_createClass(Text, [{
|
|
111
70
|
key: "setScaling",
|
|
112
71
|
value: function setScaling(scaling) {
|
|
113
72
|
_get(_getPrototypeOf(Text.prototype), "setScaling", this).call(this, scaling);
|
|
114
|
-
|
|
115
73
|
this.transformScalingToFontSize();
|
|
116
74
|
}
|
|
117
|
-
/**
|
|
118
|
-
* This method runs with a delay after the setScaling has been called.
|
|
119
|
-
*/
|
|
120
|
-
|
|
121
75
|
}, {
|
|
122
76
|
key: "content",
|
|
123
77
|
get: function get() {
|
|
@@ -126,8 +80,8 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
126
80
|
set: function set(value) {
|
|
127
81
|
// create a wrapper element and assign it to the contentHTML, it does the rest
|
|
128
82
|
var element = document.createElement('div');
|
|
129
|
-
element.innerHTML = value;
|
|
130
|
-
|
|
83
|
+
element.innerHTML = value;
|
|
84
|
+
// if it has only one child then use that directly
|
|
131
85
|
this.contentHTML = element.children.length === 1 ? element.firstChild : element;
|
|
132
86
|
}
|
|
133
87
|
}, {
|
|
@@ -136,8 +90,8 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
136
90
|
return this._content;
|
|
137
91
|
},
|
|
138
92
|
set: function set(element) {
|
|
139
|
-
var prevState = this.toObject();
|
|
140
|
-
|
|
93
|
+
var prevState = this.toObject();
|
|
94
|
+
// store the outerHTML to get the default values as well
|
|
141
95
|
this._content = element.outerHTML;
|
|
142
96
|
this._style = _objectSpread(_objectSpread({}, (0, _StyleParams.collectStyleParams)(this._content)), this.getExplicitStyleParams());
|
|
143
97
|
this.build();
|
|
@@ -148,7 +102,8 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
148
102
|
get: function get() {
|
|
149
103
|
return this._style;
|
|
150
104
|
},
|
|
151
|
-
set: function set(style) {
|
|
105
|
+
set: function set(style) {
|
|
106
|
+
//skipping explicit update as style is computed in contentHTML setter
|
|
152
107
|
}
|
|
153
108
|
}, {
|
|
154
109
|
key: "fontSize",
|
|
@@ -158,15 +113,12 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
158
113
|
set: function set(value) {
|
|
159
114
|
var prevState = this.toObject();
|
|
160
115
|
var fontSize = parseInt(value);
|
|
161
|
-
|
|
162
116
|
if (!fontSize) {
|
|
163
117
|
throw new Error('The given value is not a number!');
|
|
164
118
|
}
|
|
165
|
-
|
|
166
119
|
if (fontSize === this._fontSize) {
|
|
167
120
|
return;
|
|
168
121
|
}
|
|
169
|
-
|
|
170
122
|
this._fontSize = Math.max(this._fontSizeMin, fontSize);
|
|
171
123
|
this.build();
|
|
172
124
|
this.triggerChangeEvent(prevState);
|
|
@@ -178,8 +130,8 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
178
130
|
},
|
|
179
131
|
set: function set(value) {
|
|
180
132
|
var prevState = this.toObject();
|
|
181
|
-
this._fontSizeMin = value;
|
|
182
|
-
|
|
133
|
+
this._fontSizeMin = value;
|
|
134
|
+
// update fontSize to resize it if smaller than the minimum
|
|
183
135
|
this.fontSize = this._fontSize;
|
|
184
136
|
this.build();
|
|
185
137
|
this.triggerChangeEvent(prevState);
|
|
@@ -190,41 +142,40 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
190
142
|
var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
191
143
|
var triggerChange = options.triggerChange;
|
|
192
144
|
var converter = new _HTML2Paper["default"]();
|
|
193
|
-
var canvas = this.canvas;
|
|
145
|
+
var canvas = this.canvas;
|
|
146
|
+
// to do the build correctly for some browsers (eg. edge) the canvas has to be added to the DOM
|
|
194
147
|
// test browser info: Microsoft Edge 44.18362.449.0
|
|
195
|
-
|
|
196
148
|
var un = canvas && canvas.addToContainer();
|
|
197
149
|
this.wrappedObject = converter.importHTML(this.content, this.wrappedObject, false, true, this.getExplicitStyleParams());
|
|
198
150
|
un && canvas.removeFromContainer();
|
|
199
|
-
|
|
200
151
|
if (triggerChange) {
|
|
201
152
|
var prevState = this.toObject();
|
|
202
153
|
this.triggerChangeEvent(prevState);
|
|
203
154
|
}
|
|
204
155
|
}
|
|
156
|
+
|
|
205
157
|
/**
|
|
206
158
|
* Triggers the build function if the canvas is available, so the content can be imported correctly
|
|
207
159
|
* @param canvas
|
|
208
160
|
*/
|
|
209
|
-
|
|
210
161
|
}, {
|
|
211
162
|
key: "canvas",
|
|
212
|
-
get:
|
|
163
|
+
get:
|
|
164
|
+
// the getter should be always overridden in pair with the setter
|
|
213
165
|
// otherwise an access to this.canvas returns undefined (see Object.defineProperty for details)
|
|
214
166
|
function get() {
|
|
215
167
|
return this._canvas;
|
|
216
168
|
},
|
|
217
169
|
set: function set(canvas) {
|
|
218
170
|
_set(_getPrototypeOf(Text.prototype), "canvas", canvas, this, true);
|
|
219
|
-
|
|
220
171
|
this.build();
|
|
221
172
|
}
|
|
222
173
|
}, {
|
|
223
174
|
key: "getExplicitStyleParams",
|
|
224
175
|
value: function getExplicitStyleParams() {
|
|
225
176
|
var fontSize = this.fontSize,
|
|
226
|
-
|
|
227
|
-
|
|
177
|
+
textAlign = this.textAlign,
|
|
178
|
+
fontItem = this.fontItem;
|
|
228
179
|
return {
|
|
229
180
|
fontSize: fontSize,
|
|
230
181
|
textAlign: textAlign,
|
|
@@ -263,10 +214,10 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
263
214
|
key: "getState",
|
|
264
215
|
value: function getState() {
|
|
265
216
|
var content = this.content,
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
217
|
+
fontSize = this.fontSize,
|
|
218
|
+
fontSizeMin = this.fontSizeMin,
|
|
219
|
+
textAlign = this.textAlign,
|
|
220
|
+
fontItem = this.fontItem;
|
|
270
221
|
return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(Text.prototype), "getState", this).call(this)), {}, {
|
|
271
222
|
content: content,
|
|
272
223
|
fontSize: fontSize,
|
|
@@ -279,19 +230,16 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
279
230
|
key: "toObject",
|
|
280
231
|
value: function toObject() {
|
|
281
232
|
var _get2;
|
|
282
|
-
|
|
283
233
|
var content = this.content,
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
234
|
+
style = this.style,
|
|
235
|
+
fontSize = this.fontSize,
|
|
236
|
+
fontSizeMin = this.fontSizeMin,
|
|
237
|
+
isBulkName = this.isBulkName,
|
|
238
|
+
textAlign = this.textAlign,
|
|
239
|
+
fontItem = this.fontItem;
|
|
291
240
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
292
241
|
args[_key] = arguments[_key];
|
|
293
242
|
}
|
|
294
|
-
|
|
295
243
|
return _objectSpread(_objectSpread({}, (_get2 = _get(_getPrototypeOf(Text.prototype), "toObject", this)).call.apply(_get2, [this].concat(args))), {}, {
|
|
296
244
|
content: content,
|
|
297
245
|
style: style,
|
|
@@ -303,10 +251,6 @@ var Text = /*#__PURE__*/function (_CanvasObject) {
|
|
|
303
251
|
});
|
|
304
252
|
}
|
|
305
253
|
}]);
|
|
306
|
-
|
|
307
254
|
return Text;
|
|
308
255
|
}(_CanvasObject2.CanvasObject);
|
|
309
|
-
|
|
310
|
-
exports.Text = Text;
|
|
311
|
-
|
|
312
256
|
_defineProperty(Text, "type", 'Text');
|