@leapfrog/interactive-canvas 1.5.2 → 1.6.0

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
@@ -2404,6 +2425,10 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
         this.fontLibrary = new FontLibrary();
         this.dimensionChangeRejections$ = new Subject();
         this.IMAGE_CAPTURE_COEFFICIENT = this.calculateImageCaptureCoefficient();
+        /**
+         * Fabric defaults to only 2 decimal places when saving, which causes havoc on the scaling of large images.
+         */
+        fabric.Object.NUM_FRACTION_DIGITS = 10;
         this.baseDimensions = new PixelCanvasDimensions(this.fabricCanvas.width, this.fabricCanvas.height);
         var baseRestrictions = { width: { min: 1 }, height: { min: 1 } };
         //Initialize properties

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
@@ -2404,6 +2425,10 @@ var AbstractInteractiveCanvas = /** @class */ (function () {
         this.fontLibrary = new FontLibrary();
         this.dimensionChangeRejections$ = new rxjs.Subject();
         this.IMAGE_CAPTURE_COEFFICIENT = this.calculateImageCaptureCoefficient();
+        /**
+         * Fabric defaults to only 2 decimal places when saving, which causes havoc on the scaling of large images.
+         */
+        fabric.Object.NUM_FRACTION_DIGITS = 10;
         this.baseDimensions = new PixelCanvasDimensions(this.fabricCanvas.width, this.fabricCanvas.height);
         var baseRestrictions = { width: { min: 1 }, height: { min: 1 } };
         //Initialize properties

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.2",
+  "version": "1.6.0",
   "description": "Leapfrog interactive canvas",
   "files": [
     "dist"