@leapfrog/interactive-canvas 1.5.3 → 1.7.0

package/dist/abstract-interactive-canvas.d.ts

@@ -276,7 +276,7 @@ export declare abstract class AbstractInteractiveCanvas implements IInteractiveC
      * @override
      * @inheritDoc
      */
-    toImage(): string;
+    toImage(multiplier?: number): string;
     /**
      * @override
      * @inheritDoc

package/dist/interactive-canvas.es.js

@@ -1713,6 +1713,27 @@ var Text = /** @class */ (function (_super) {
         this.data.userText = this.fabricObject.text;
         this.text$.next(this.fabricObject.text);
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    Text.prototype.insertText = function (text, style, start, end) {
+        this.fabricObject.insertChars(text, style, start, end);
+        var newCursorLocation = start + text.length;
+        this.fabricObject.selectionStart = newCursorLocation;
+        this.fabricObject.selectionEnd = newCursorLocation;
+        this.redraw();
+        this.data.userText = this.fabricObject.text;
+        this.text$.next(this.fabricObject.text);
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    Text.prototype.insertTextAtSelection = function (text, style) {
+        var selection = this.getTextSelection();
+        this.insertText(text, style, selection.start, selection.end);
+    };
     /**
      * @override
      * @inheritDoc
@@ -3072,11 +3093,11 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
      * @override
      * @inheritDoc
      */
-    AbstractInteractiveCanvas.prototype.toImage = function () {
+    AbstractInteractiveCanvas.prototype.toImage = function (multiplier) {
         var _this = this;
         var options = {
             format: "png",
-            multiplier: this.IMAGE_CAPTURE_COEFFICIENT,
+            multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
             enableRetinaScaling: true
         };
         console.debug("Capturing canvas image", options);

package/dist/interactive-canvas.interface.d.ts

@@ -219,8 +219,9 @@ export interface IInteractiveCanvas {
     toSvg(): string;
     /**
      * Export the canvas to a DataUrl image.
+     * @param multiplier Multiply the image pixel density by this amount.
      */
-    toImage(): string;
+    toImage(multiplier?: number): string;
     /**
      * Notify the canvas that the object list has changed.
      */

package/dist/interactive-canvas.js

@@ -1715,6 +1715,27 @@ var Text = /** @class */ (function (_super) {
         this.data.userText = this.fabricObject.text;
         this.text$.next(this.fabricObject.text);
     };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    Text.prototype.insertText = function (text, style, start, end) {
+        this.fabricObject.insertChars(text, style, start, end);
+        var newCursorLocation = start + text.length;
+        this.fabricObject.selectionStart = newCursorLocation;
+        this.fabricObject.selectionEnd = newCursorLocation;
+        this.redraw();
+        this.data.userText = this.fabricObject.text;
+        this.text$.next(this.fabricObject.text);
+    };
+    /**
+     * @override
+     * @inheritDoc
+     */
+    Text.prototype.insertTextAtSelection = function (text, style) {
+        var selection = this.getTextSelection();
+        this.insertText(text, style, selection.start, selection.end);
+    };
     /**
      * @override
      * @inheritDoc
@@ -3072,11 +3093,11 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
      * @override
      * @inheritDoc
      */
-    AbstractInteractiveCanvas.prototype.toImage = function () {
+    AbstractInteractiveCanvas.prototype.toImage = function (multiplier) {
         var _this = this;
         var options = {
             format: "png",
-            multiplier: this.IMAGE_CAPTURE_COEFFICIENT,
+            multiplier: multiplier || this.IMAGE_CAPTURE_COEFFICIENT,
             enableRetinaScaling: true
         };
         console.debug("Capturing canvas image", options);

package/dist/mutator/mutable-text.interface.d.ts

@@ -24,6 +24,26 @@ export interface IMutableText extends ICanvasObject {
      * @param replacement Replacement fragment.
      */
     replaceText(target: string, replacement: string): void;
+    /**
+     * Taken from the fabric JSDOC:
+     * 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 text text to insert
+     * @param style array of style objects
+     * @param start
+     * @param end default to start + 1
+     */
+    insertText(text: string, style?: any[], start?: number, end?: number): void;
+    /**
+     * {@link #insertText} but at the current cursor location.
+     * @param text
+     * @param style
+     */
+    insertTextAtSelection(text: string, style?: any[]): void;
     /**
      * Is the text bulleted?
      */

package/dist/object/impl/text.d.ts

@@ -71,6 +71,16 @@ export declare class Text extends AbstractCanvasObject<fabric.Textbox> implement
      * @inheritDoc
      */
     replaceText(target: string, replacement: string): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    insertText(text: string, style?: any[], start?: number, end?: number): void;
+    /**
+     * @override
+     * @inheritDoc
+     */
+    insertTextAtSelection(text: string, style?: any[]): void;
     /**
      * @override
      * @inheritDoc

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapfrog/interactive-canvas",
-  "version": "1.5.3",
+  "version": "1.7.0",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"