@leapfrog/interactive-canvas 1.8.0 → 1.8.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/dist/index.d.ts +2 -1
- package/dist/interactive-canvas.es.js +52 -52
- package/dist/interactive-canvas.js +52 -51
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -18,13 +18,14 @@ export * from "./mutator/mutable-position.interface";
|
|
|
18
18
|
export * from "./mutator/mutable-text.interface";
|
|
19
19
|
export * from "./mutator/mutable-text-style.interface";
|
|
20
20
|
export * from "./object/abstract-canvas-object";
|
|
21
|
-
export * from "./object/canvas-object.interface";
|
|
22
21
|
export * from "./object/canvas-object-data";
|
|
22
|
+
export * from "./object/canvas-object.interface";
|
|
23
23
|
export * from "./object/impl/border";
|
|
24
24
|
export * from "./object/impl/cutoff";
|
|
25
25
|
export * from "./object/impl/horizontal-rule";
|
|
26
26
|
export * from "./object/impl/image";
|
|
27
27
|
export * from "./object/impl/rectangle";
|
|
28
|
+
export * from "./object/impl/rich-text";
|
|
28
29
|
export * from "./object/impl/text";
|
|
29
30
|
export * from "./object/impl/vertical-rule";
|
|
30
31
|
export * from "./profile/canvas-profile.interface";
|
|
@@ -1660,6 +1660,57 @@ var Rectangle = /** @class */ (function (_super) {
|
|
|
1660
1660
|
return Rectangle;
|
|
1661
1661
|
}(AbstractCanvasObject));
|
|
1662
1662
|
|
|
1663
|
+
var RichText = /** @class */ (function (_super) {
|
|
1664
|
+
__extends(RichText, _super);
|
|
1665
|
+
function RichText(canvas, fabricObject, persistedField) {
|
|
1666
|
+
var _this = _super.call(this, canvas, fabricObject, persistedField) || this;
|
|
1667
|
+
_this.data.type = ObjectType.RICH_TEXT;
|
|
1668
|
+
return _this;
|
|
1669
|
+
}
|
|
1670
|
+
Object.defineProperty(RichText.prototype, "htmlContent", {
|
|
1671
|
+
/**
|
|
1672
|
+
* @override
|
|
1673
|
+
* @inheritDoc
|
|
1674
|
+
*/
|
|
1675
|
+
get: function () {
|
|
1676
|
+
return this.data.userText;
|
|
1677
|
+
},
|
|
1678
|
+
/**
|
|
1679
|
+
* @override
|
|
1680
|
+
* @inheritDoc
|
|
1681
|
+
*/
|
|
1682
|
+
set: function (text) {
|
|
1683
|
+
this.data.userText = text;
|
|
1684
|
+
},
|
|
1685
|
+
enumerable: false,
|
|
1686
|
+
configurable: true
|
|
1687
|
+
});
|
|
1688
|
+
/**
|
|
1689
|
+
* @override
|
|
1690
|
+
* @inheritDoc
|
|
1691
|
+
*/
|
|
1692
|
+
RichText.prototype.setRichTextContent = function (renderedContentUrl, htmlContent) {
|
|
1693
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1694
|
+
var canvasWidthPx;
|
|
1695
|
+
return __generator(this, function (_a) {
|
|
1696
|
+
switch (_a.label) {
|
|
1697
|
+
case 0:
|
|
1698
|
+
canvasWidthPx = this.canvas.getDimensions().widthPx;
|
|
1699
|
+
if (!renderedContentUrl)
|
|
1700
|
+
return [2 /*return*/];
|
|
1701
|
+
this.htmlContent = htmlContent;
|
|
1702
|
+
return [4 /*yield*/, this.setImageUrl(renderedContentUrl)];
|
|
1703
|
+
case 1:
|
|
1704
|
+
_a.sent();
|
|
1705
|
+
this.setImageWidth(canvasWidthPx);
|
|
1706
|
+
return [2 /*return*/];
|
|
1707
|
+
}
|
|
1708
|
+
});
|
|
1709
|
+
});
|
|
1710
|
+
};
|
|
1711
|
+
return RichText;
|
|
1712
|
+
}(Image));
|
|
1713
|
+
|
|
1663
1714
|
var Text = /** @class */ (function (_super) {
|
|
1664
1715
|
__extends(Text, _super);
|
|
1665
1716
|
function Text(canvas, fabricObject, persistedField) {
|
|
@@ -2418,57 +2469,6 @@ var ObjectType;
|
|
|
2418
2469
|
ObjectType["RICH_TEXT"] = "RICH_TEXT";
|
|
2419
2470
|
})(ObjectType || (ObjectType = {}));
|
|
2420
2471
|
|
|
2421
|
-
var RichText = /** @class */ (function (_super) {
|
|
2422
|
-
__extends(RichText, _super);
|
|
2423
|
-
function RichText(canvas, fabricObject, persistedField) {
|
|
2424
|
-
var _this = _super.call(this, canvas, fabricObject, persistedField) || this;
|
|
2425
|
-
_this.data.type = ObjectType.RICH_TEXT;
|
|
2426
|
-
return _this;
|
|
2427
|
-
}
|
|
2428
|
-
Object.defineProperty(RichText.prototype, "htmlContent", {
|
|
2429
|
-
/**
|
|
2430
|
-
* @override
|
|
2431
|
-
* @inheritDoc
|
|
2432
|
-
*/
|
|
2433
|
-
get: function () {
|
|
2434
|
-
return this.data.userText;
|
|
2435
|
-
},
|
|
2436
|
-
/**
|
|
2437
|
-
* @override
|
|
2438
|
-
* @inheritDoc
|
|
2439
|
-
*/
|
|
2440
|
-
set: function (text) {
|
|
2441
|
-
this.data.userText = text;
|
|
2442
|
-
},
|
|
2443
|
-
enumerable: false,
|
|
2444
|
-
configurable: true
|
|
2445
|
-
});
|
|
2446
|
-
/**
|
|
2447
|
-
* @override
|
|
2448
|
-
* @inheritDoc
|
|
2449
|
-
*/
|
|
2450
|
-
RichText.prototype.setRichTextContent = function (renderedContentUrl, htmlContent) {
|
|
2451
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
2452
|
-
var canvasWidthPx;
|
|
2453
|
-
return __generator(this, function (_a) {
|
|
2454
|
-
switch (_a.label) {
|
|
2455
|
-
case 0:
|
|
2456
|
-
canvasWidthPx = this.canvas.getDimensions().widthPx;
|
|
2457
|
-
if (!renderedContentUrl)
|
|
2458
|
-
return [2 /*return*/];
|
|
2459
|
-
this.htmlContent = htmlContent;
|
|
2460
|
-
return [4 /*yield*/, this.setImageUrl(renderedContentUrl)];
|
|
2461
|
-
case 1:
|
|
2462
|
-
_a.sent();
|
|
2463
|
-
this.setImageWidth(canvasWidthPx);
|
|
2464
|
-
return [2 /*return*/];
|
|
2465
|
-
}
|
|
2466
|
-
});
|
|
2467
|
-
});
|
|
2468
|
-
};
|
|
2469
|
-
return RichText;
|
|
2470
|
-
}(Image));
|
|
2471
|
-
|
|
2472
2472
|
var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
2473
2473
|
function AbstractInteractiveCanvas(fabric, fabricCanvas, devicePixelRatio) {
|
|
2474
2474
|
this.fabric = fabric;
|
|
@@ -3452,4 +3452,4 @@ var InteractiveCanvas = /** @class */ (function (_super) {
|
|
|
3452
3452
|
return InteractiveCanvas;
|
|
3453
3453
|
}(AbstractInteractiveCanvas));
|
|
3454
3454
|
|
|
3455
|
-
export { AbstractCanvasObject, AbstractInteractiveCanvas, AbstractLayoutManager, AdvancedLayoutManager, Border, CanvasObjectData, Cutoff, DefaultCanvasProfile, Font, FontLibrary, HeadlessInteractiveCanvas, HorizontalRule, Image, ImageType, InteractiveCanvas, LayoutManager, MillimeterDimensions, ObjectType, PixelCanvasDimensions, Print6ColCanvasDimensions, Print8ColCanvasDimensions, Rectangle, SelectionData, StandardLayoutManager, Text, UNKNOWN_FONT, UnknownFont, VerticalRule, isMutableBackgroundColor, isMutableColor, isMutableImage, isMutablePosition, isMutableText, isMutableTextStyle };
|
|
3455
|
+
export { AbstractCanvasObject, AbstractInteractiveCanvas, AbstractLayoutManager, AdvancedLayoutManager, Border, CanvasObjectData, Cutoff, DefaultCanvasProfile, Font, FontLibrary, HeadlessInteractiveCanvas, HorizontalRule, Image, ImageType, InteractiveCanvas, LayoutManager, MillimeterDimensions, ObjectType, PixelCanvasDimensions, Print6ColCanvasDimensions, Print8ColCanvasDimensions, Rectangle, RichText, SelectionData, StandardLayoutManager, Text, UNKNOWN_FONT, UnknownFont, VerticalRule, isMutableBackgroundColor, isMutableColor, isMutableImage, isMutablePosition, isMutableText, isMutableTextStyle };
|
|
@@ -1662,6 +1662,57 @@ var Rectangle = /** @class */ (function (_super) {
|
|
|
1662
1662
|
return Rectangle;
|
|
1663
1663
|
}(AbstractCanvasObject));
|
|
1664
1664
|
|
|
1665
|
+
var RichText = /** @class */ (function (_super) {
|
|
1666
|
+
__extends(RichText, _super);
|
|
1667
|
+
function RichText(canvas, fabricObject, persistedField) {
|
|
1668
|
+
var _this = _super.call(this, canvas, fabricObject, persistedField) || this;
|
|
1669
|
+
_this.data.type = exports.ObjectType.RICH_TEXT;
|
|
1670
|
+
return _this;
|
|
1671
|
+
}
|
|
1672
|
+
Object.defineProperty(RichText.prototype, "htmlContent", {
|
|
1673
|
+
/**
|
|
1674
|
+
* @override
|
|
1675
|
+
* @inheritDoc
|
|
1676
|
+
*/
|
|
1677
|
+
get: function () {
|
|
1678
|
+
return this.data.userText;
|
|
1679
|
+
},
|
|
1680
|
+
/**
|
|
1681
|
+
* @override
|
|
1682
|
+
* @inheritDoc
|
|
1683
|
+
*/
|
|
1684
|
+
set: function (text) {
|
|
1685
|
+
this.data.userText = text;
|
|
1686
|
+
},
|
|
1687
|
+
enumerable: false,
|
|
1688
|
+
configurable: true
|
|
1689
|
+
});
|
|
1690
|
+
/**
|
|
1691
|
+
* @override
|
|
1692
|
+
* @inheritDoc
|
|
1693
|
+
*/
|
|
1694
|
+
RichText.prototype.setRichTextContent = function (renderedContentUrl, htmlContent) {
|
|
1695
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
1696
|
+
var canvasWidthPx;
|
|
1697
|
+
return __generator(this, function (_a) {
|
|
1698
|
+
switch (_a.label) {
|
|
1699
|
+
case 0:
|
|
1700
|
+
canvasWidthPx = this.canvas.getDimensions().widthPx;
|
|
1701
|
+
if (!renderedContentUrl)
|
|
1702
|
+
return [2 /*return*/];
|
|
1703
|
+
this.htmlContent = htmlContent;
|
|
1704
|
+
return [4 /*yield*/, this.setImageUrl(renderedContentUrl)];
|
|
1705
|
+
case 1:
|
|
1706
|
+
_a.sent();
|
|
1707
|
+
this.setImageWidth(canvasWidthPx);
|
|
1708
|
+
return [2 /*return*/];
|
|
1709
|
+
}
|
|
1710
|
+
});
|
|
1711
|
+
});
|
|
1712
|
+
};
|
|
1713
|
+
return RichText;
|
|
1714
|
+
}(Image));
|
|
1715
|
+
|
|
1665
1716
|
var Text = /** @class */ (function (_super) {
|
|
1666
1717
|
__extends(Text, _super);
|
|
1667
1718
|
function Text(canvas, fabricObject, persistedField) {
|
|
@@ -2418,57 +2469,6 @@ var DefaultCanvasProfile = /** @class */ (function () {
|
|
|
2418
2469
|
ObjectType["RICH_TEXT"] = "RICH_TEXT";
|
|
2419
2470
|
})(exports.ObjectType || (exports.ObjectType = {}));
|
|
2420
2471
|
|
|
2421
|
-
var RichText = /** @class */ (function (_super) {
|
|
2422
|
-
__extends(RichText, _super);
|
|
2423
|
-
function RichText(canvas, fabricObject, persistedField) {
|
|
2424
|
-
var _this = _super.call(this, canvas, fabricObject, persistedField) || this;
|
|
2425
|
-
_this.data.type = exports.ObjectType.RICH_TEXT;
|
|
2426
|
-
return _this;
|
|
2427
|
-
}
|
|
2428
|
-
Object.defineProperty(RichText.prototype, "htmlContent", {
|
|
2429
|
-
/**
|
|
2430
|
-
* @override
|
|
2431
|
-
* @inheritDoc
|
|
2432
|
-
*/
|
|
2433
|
-
get: function () {
|
|
2434
|
-
return this.data.userText;
|
|
2435
|
-
},
|
|
2436
|
-
/**
|
|
2437
|
-
* @override
|
|
2438
|
-
* @inheritDoc
|
|
2439
|
-
*/
|
|
2440
|
-
set: function (text) {
|
|
2441
|
-
this.data.userText = text;
|
|
2442
|
-
},
|
|
2443
|
-
enumerable: false,
|
|
2444
|
-
configurable: true
|
|
2445
|
-
});
|
|
2446
|
-
/**
|
|
2447
|
-
* @override
|
|
2448
|
-
* @inheritDoc
|
|
2449
|
-
*/
|
|
2450
|
-
RichText.prototype.setRichTextContent = function (renderedContentUrl, htmlContent) {
|
|
2451
|
-
return __awaiter(this, void 0, void 0, function () {
|
|
2452
|
-
var canvasWidthPx;
|
|
2453
|
-
return __generator(this, function (_a) {
|
|
2454
|
-
switch (_a.label) {
|
|
2455
|
-
case 0:
|
|
2456
|
-
canvasWidthPx = this.canvas.getDimensions().widthPx;
|
|
2457
|
-
if (!renderedContentUrl)
|
|
2458
|
-
return [2 /*return*/];
|
|
2459
|
-
this.htmlContent = htmlContent;
|
|
2460
|
-
return [4 /*yield*/, this.setImageUrl(renderedContentUrl)];
|
|
2461
|
-
case 1:
|
|
2462
|
-
_a.sent();
|
|
2463
|
-
this.setImageWidth(canvasWidthPx);
|
|
2464
|
-
return [2 /*return*/];
|
|
2465
|
-
}
|
|
2466
|
-
});
|
|
2467
|
-
});
|
|
2468
|
-
};
|
|
2469
|
-
return RichText;
|
|
2470
|
-
}(Image));
|
|
2471
|
-
|
|
2472
2472
|
var AbstractInteractiveCanvas = /** @class */ (function () {
|
|
2473
2473
|
function AbstractInteractiveCanvas(fabric, fabricCanvas, devicePixelRatio) {
|
|
2474
2474
|
this.fabric = fabric;
|
|
@@ -3471,6 +3471,7 @@ exports.PixelCanvasDimensions = PixelCanvasDimensions;
|
|
|
3471
3471
|
exports.Print6ColCanvasDimensions = Print6ColCanvasDimensions;
|
|
3472
3472
|
exports.Print8ColCanvasDimensions = Print8ColCanvasDimensions;
|
|
3473
3473
|
exports.Rectangle = Rectangle;
|
|
3474
|
+
exports.RichText = RichText;
|
|
3474
3475
|
exports.SelectionData = SelectionData;
|
|
3475
3476
|
exports.StandardLayoutManager = StandardLayoutManager;
|
|
3476
3477
|
exports.Text = Text;
|