@aurigma/design-atoms - npm Package Compare versions

Comparing version 5.17.1 to 5.18.0

CanvasElementHandler.d.ts

@@ -80,2 +80,3 @@ import { SelectionHandler } from "./SelectionHandler";
     private _getSelectButtonTitle;
+    private _getControlRectangle;
 }

CanvasRenderer.d.ts

@@ -21,5 +21,4 @@ import { Canvas } from "./Canvas";
     private _getItemHandlersByRenderState;
-    private _drawHighlight;
     private _drawFade;
     private _drawMargins;
 }

CanvasRenderer.js

@@ -13,3 +13,2 @@ import { RotatedRectangleF } from "./Math";
     CanvasRenderer.prototype.redrawActiveCanvas = function (layers, activeCanvas, designCanvas) {
-        var _this = this;
         var activeCtx = this._getScaledContext(activeCanvas);
@@ -23,3 +22,3 @@ var designCtx = this._getScaledContext(designCanvas);
             this._selection.get_selectedItemHandlers().forEach(function (i) {
-                _this._drawHighlight(designCtx, i._getHighlightRectangle());
+                i.drawHighlight(designCtx);
             });
@@ -32,3 +31,3 @@ }
                 current.draw(designCtx);
-                this._drawHighlight(designCtx, current._getHighlightRectangle());
+                current.drawHighlight(designCtx);
             }
@@ -94,6 +93,2 @@ }
     };
-    CanvasRenderer.prototype._drawHighlight = function (context, rect) {
-        var mul = this._canvas.get_mul();
-        Graphics.rectangle(context, rect, this._canvas.selectionWidth / mul, this._canvas.selectionColor);
-    };
     CanvasRenderer.prototype._drawFade = function (context) {
@@ -100,0 +95,0 @@ var rectangle = RotatedRectangleF.FromLTRB(0, 0, this._canvas.workspaceWidth, this._canvas.workspaceHeight);

ItemHandlers/BarcodeItemHandler.d.ts

@@ -25,2 +25,3 @@ import { ContentItemHandler } from "./ContentItemHandler";
     protected _onImageLoaded(e: any, target: any): void;
+    quickUpdate(): void;
     drawItemHandler(itemHandlerCtx: CanvasRenderingContext2D): void;
@@ -27,0 +28,0 @@ _onResized(): boolean;

ItemHandlers/BarcodeItemHandler.js

@@ -58,15 +58,19 @@ var __extends = (this && this.__extends) || (function () {
     BarcodeItemHandler.prototype._createImageUrl = function () {
-        var cv = this.get_canvas();
-        if (this.currentFileId == null || cv == null)
-            return;
+        if (this.currentFileId == null && this.isVisible()) {
+            this.update();
+            return null;
+        }
+        var canvas = this.canvas;
+        if (this.currentFileId == null || canvas == null)
+            return null;
         var parentSurface = (this.item.parentPlaceholder != null ?
             this.item.parentPlaceholder.parentContainer.parentComponent :
             this.item.parentContainer.parentComponent);
-        var dpi = (this.canvas.viewer.configuration && this.canvas.viewer.configuration.renderingConfig)
-            ? this.canvas.viewer.configuration.renderingConfig.getHiResRendering(parentSurface.printAreas.get_item(0)).dpi
+        var dpi = (canvas.viewer.configuration && canvas.viewer.configuration.renderingConfig)
+            ? canvas.viewer.configuration.renderingConfig.getHiResRendering(parentSurface.printAreas.get_item(0)).dpi
             : 72;
         var pixelWidth, pixelHeight;
-        var zoom = cv.get_zoom();
-        var XDpi = cv.get_screenXDpi();
-        var YDpi = cv.get_screenYDpi();
+        var zoom = canvas.get_zoom();
+        var XDpi = canvas.get_screenXDpi();
+        var YDpi = canvas.get_screenYDpi();
         var pttopx_x = zoom * XDpi / 72;
@@ -87,3 +91,3 @@ var pttopx_y = zoom * YDpi / 72;
         this._pixelHeight = pixelHeight;
-        return ImageUtils.getImageUrl(this.canvas, this.currentFileId, this._pixelWidth, this._pixelHeight, false);
+        return ImageUtils.getImageUrl(canvas, this.currentFileId, this._pixelWidth, this._pixelHeight, false);
     };
@@ -96,2 +100,4 @@ BarcodeItemHandler.prototype._createStubTextImageUrl = function () {
     BarcodeItemHandler.prototype.update = function (beforeUpdate, afterUpdate) {
+        if (!this.isVisible())
+            return;
         if (this.currentFileId == null && this.errorMessage == null) {
@@ -156,2 +162,10 @@ _super.prototype._update.call(this, null, beforeUpdate, afterUpdate);
     };
+    BarcodeItemHandler.prototype.quickUpdate = function () {
+        if (this.isVisible() &&
+            !this._imageContainer.source &&
+            this.canvas &&
+            !this.canvas.service.imageLoaderService.hasImageContainerFor(this.currentFileId)) {
+            _super.prototype.quickUpdate.call(this);
+        }
+    };
     BarcodeItemHandler.prototype.drawItemHandler = function (itemHandlerCtx) {
@@ -158,0 +172,0 @@ if (itemHandlerCtx == null)

ItemHandlers/BaseRectangleItemHandler.d.ts

@@ -55,3 +55,4 @@ import { EventWithSenderArg } from "../EventObject";
     removeClick(handler: (sender?: BaseRectangleItemHandler, e?: any) => any): void;
-    _getHighlightRectangle(): RotatedRectangleF;
+    drawHighlight(ctx: CanvasRenderingContext2D): void;
+    protected _getHighlightRectangle(): RotatedRectangleF;
     getSelectionRectangle(): RotatedRectangleF;
@@ -75,2 +76,3 @@ getBorderMargin(): number;
     showSelectToolbarButton(): boolean;
+    protected _updateVisibility(): void;
     protected _updateDeleteAndEditGroup(): void;
@@ -77,0 +79,0 @@ protected _violationWarningButtonClick: EventWithSenderArg<this, Event>;

ItemHandlers/BaseRectangleItemHandler.js

@@ -63,4 +63,3 @@ var __extends = (this && this.__extends) || (function () {
             case "visible":
-                this._updateDeleteAndEditGroup();
-                this._updateViolationContainersVisibility();
+                this._updateVisibility();
                 break;
@@ -268,2 +267,7 @@ case "textWrappingMode":
     };
+    BaseRectangleItemHandler.prototype.drawHighlight = function (ctx) {
+        var mul = this.canvas.get_mul();
+        var rect = this._getHighlightRectangle();
+        Graphics.rectangle(ctx, rect, this.canvas.selectionWidth / mul, this.canvas.selectionColor);
+    };
     BaseRectangleItemHandler.prototype._getHighlightRectangle = function () {
@@ -321,2 +325,6 @@ var rect = this.rectangle;
     };
+    BaseRectangleItemHandler.prototype._updateVisibility = function () {
+        this._updateDeleteAndEditGroup();
+        this._updateViolationContainersVisibility();
+    };
     BaseRectangleItemHandler.prototype._updateDeleteAndEditGroup = function () {
@@ -323,0 +331,0 @@ var canvas = this.canvas;

ItemHandlers/BaseTextItemHandler.js

@@ -312,2 +312,8 @@ var __extends = (this && this.__extends) || (function () {
             this._updateImageUrl();
+        if (this.isVisible() &&
+            !this._imageContainer.source &&
+            this.canvas &&
+            !this.canvas.service.imageLoaderService.hasImageContainerFor(this.currentTextImage.cacheFileId)) {
+            this.update();
+        }
     };
@@ -314,0 +320,0 @@ BaseTextItemHandler.prototype._getBoundsMargin = function () {

ItemHandlers/ItemHandler.d.ts

@@ -37,2 +37,3 @@ import { Utils } from "../Utils/Common";
     private _createUniqueID;
+    protected _updateVisibility(): void;
     clone(): ItemHandler;
@@ -39,0 +40,0 @@ readonly ready: boolean;

ItemHandlers/ItemHandler.js

@@ -97,2 +97,3 @@ import { EventWithSenderArg, EventObject } from "../EventObject";
             case "visible":
+                this.quickUpdate();
                 if (this.canvas != null) {
@@ -108,3 +109,7 @@ this.canvas.redraw();
                 this._permissions = null;
+                this.quickUpdate();
+                if (this.canvas)
+                    this.canvas.redraw();
                 this.raiseChanged();
+                this._updateVisibility();
                 break;
@@ -118,2 +123,5 @@ default:
     };
+    ItemHandler.prototype._updateVisibility = function () {
+        //do nothing by default
+    };
     ItemHandler.prototype.clone = function () {
@@ -332,3 +340,3 @@ var clonedObject = new this["constructor"]();
     ItemHandler.prototype.updateItem = function (item) {
-        this._skippedPropertyName = null;
+        this._skippedPropertyName = null; // Can be buggy if several properties changed. See #7700
         this._modifyItem(function (i) {
@@ -335,0 +343,0 @@ i.update(item);

ItemHandlers/PlaceholderItemHandler.d.ts

@@ -37,2 +37,3 @@ import { ItemHandler } from "./ItemHandler";
     protected _setVisible(value: boolean): void;
+    quickUpdate(): void;
     content: ContentItemHandler;
@@ -60,3 +61,3 @@ topFrames: ContentItemHandler[];
     getSelectionRectangle(): RotatedRectangleF;
-    _getHighlightRectangle(): RotatedRectangleF;
+    protected _getHighlightRectangle(): RotatedRectangleF;
     getBorderMargin(): number;
@@ -63,0 +64,0 @@ update(): void;

ItemHandlers/PlaceholderItemHandler.js

@@ -116,2 +116,8 @@ var __extends = (this && this.__extends) || (function () {
     };
+    PlaceholderItemHandler.prototype.quickUpdate = function () {
+        if (this.isVisible())
+            this.update();
+        if (this.canvas != null)
+            this.canvas.updatePlaceholderButtonGroup(this);
+    };
     Object.defineProperty(PlaceholderItemHandler.prototype, "content", {
@@ -118,0 +124,0 @@ get: function () {

License.js

@@ -65,3 +65,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
                     case 2:
-                        if (this._license.isEnterprise) {
+                        if (this._license.isEnterprise && !this._license.isTrial) {
                             if (this._getLeftDays() <= 30) {
@@ -68,0 +68,0 @@ this._expireLicenseMessageElement = this._createExpireLicenseMessage();

Math/RectangleF.js

@@ -55,4 +55,2 @@ import { PointF } from "./PointF";
             EqualsOfFloatNumbers(a.top, b.top, tolerance) &&
-            EqualsOfFloatNumbers(a.bottom, b.bottom, tolerance) &&
-            EqualsOfFloatNumbers(a.right, b.right, tolerance) &&
             EqualsOfFloatNumbers(a.width, b.width, tolerance) &&
@@ -59,0 +57,0 @@ EqualsOfFloatNumbers(a.height, b.height, tolerance);

Model/Product/Items/BarcodeItem.js

@@ -128,3 +128,3 @@ var __extends = (this && this.__extends) || (function () {
         set: function (value) {
-            if (this._barcodeOptions === value)
+            if (JSON.stringify(this._barcodeOptions) === JSON.stringify(value))
                 return;
@@ -159,16 +159,17 @@ this._barcodeOptions = value;
         destination.color = source.color.clone();
-        destination.barcodeOptions = {};
-        destination.barcodeOptions.width = source.barcodeOptions.width;
-        destination.barcodeOptions.height = source.barcodeOptions.height;
-        destination.barcodeOptions.margin = source.barcodeOptions.margin;
-        destination.barcodeOptions.pureBarcode = source.barcodeOptions.pureBarcode;
-        destination.barcodeOptions.errorCorrection = source.barcodeOptions.errorCorrection;
-        destination.barcodeOptions.characterSet = source.barcodeOptions.characterSet;
-        destination.barcodeOptions.pdf417Compact = source.barcodeOptions.pdf417Compact;
-        destination.barcodeOptions.pdf417Compaction = source.barcodeOptions.pdf417Compaction;
-        destination.barcodeOptions.pdf417Dimensions = source.barcodeOptions.pdf417Dimensions;
-        destination.barcodeOptions.disableEci = source.barcodeOptions.disableEci;
-        destination.barcodeOptions.code128ForceCodesetB = source.barcodeOptions.code128ForceCodesetB;
-        destination.barcodeOptions.aztecLayers = source.barcodeOptions.aztecLayers;
-        destination.barcodeOptions.qrVersion = source.barcodeOptions.qrVersion;
+        destination.barcodeOptions = {
+            width: source.barcodeOptions.width,
+            height: source.barcodeOptions.height,
+            margin: source.barcodeOptions.margin,
+            pureBarcode: source.barcodeOptions.pureBarcode,
+            errorCorrection: source.barcodeOptions.errorCorrection,
+            characterSet: source.barcodeOptions.characterSet,
+            pdf417Compact: source.barcodeOptions.pdf417Compact,
+            pdf417Compaction: source.barcodeOptions.pdf417Compaction,
+            pdf417Dimensions: source.barcodeOptions.pdf417Dimensions,
+            disableEci: source.barcodeOptions.disableEci,
+            code128ForceCodesetB: source.barcodeOptions.code128ForceCodesetB,
+            aztecLayers: source.barcodeOptions.aztecLayers,
+            qrVersion: source.barcodeOptions.qrVersion,
+        };
     };
@@ -175,0 +176,0 @@ BarcodeItem.prototype.clone = function (generateNewIds, appropriateParentContainer) {

Model/Product/Items/CurvedTextItem.js

@@ -40,2 +40,4 @@ var __extends = (this && this.__extends) || (function () {
         set: function (value) {
+            if (this._textPath.equals(value))
+                return;
             this._textPath = value;
@@ -42,0 +44,0 @@ this._propertyChanged.notify(this, "textPath");

Model/Product/Items/ImageItem.d.ts

@@ -89,2 +89,3 @@ import { ContentItem } from "./ContentItem";
         clone(): ImageSource;
+        equals(otherSource: ImageSource): boolean;
         id: string;
@@ -91,0 +92,0 @@ setIdWithOrigin(id: string, origin: ImageSource.IOrigin): void;

Model/Product/Items/ImageItem.js

@@ -190,3 +190,3 @@ var __extends = (this && this.__extends) || (function () {
         set: function (value) {
-            if (this._source === value)
+            if (this._source === value || this._source != null && this._source.equals(value))
                 return;
@@ -406,2 +406,17 @@ if (this._source != null)
         };
+        ImageSource.prototype.equals = function (otherSource) {
+            if (otherSource != null &&
+                otherSource.id === this.id &&
+                otherSource.url === this.url &&
+                otherSource._type === this._type &&
+                otherSource._width === this._width &&
+                otherSource._height === this._height &&
+                otherSource._isVector === this._isVector &&
+                otherSource._pageIndex === this._pageIndex &&
+                JSON.stringify(otherSource._origin) === JSON.stringify(this._origin) &&
+                otherSource._actualSize === this._actualSize &&
+                otherSource._saveAspectRatio === this._saveAspectRatio)
+                return true;
+            return false;
+        };
         Object.defineProperty(ImageSource.prototype, "id", {
@@ -408,0 +423,0 @@ get: function () { return this._storageId; },

Model/Product/Items/ParagraphSettings.js

@@ -23,3 +23,3 @@ // ReSharper disable InconsistentNaming
             return true;
-        if (a != null || b != null)
+        if (a == null || b == null)
             return false;
@@ -26,0 +26,0 @@ return a.equals(b);

Model/Product/Items/PathBoundedTextItem.js

@@ -51,2 +51,4 @@ var __extends = (this && this.__extends) || (function () {
         set: function (value) {
+            if (value.length === this.boundingPaths.length && this.boundingPaths.every(function (path, index) { return path.isEqual(value[index]); }))
+                return;
             this._boundingPaths = value;
@@ -53,0 +55,0 @@ this._propertyChanged.notify(this, "boundingPaths");

Model/Product/Items/PlaceholderItem.d.ts

@@ -5,2 +5,3 @@ import { ShapeItem } from "./ShapeItem";
 import { ImageMetaData } from "./ImageMetaData";
+import { Color } from "../../../Colors";
 import { PlaceholderPermissions } from "./PlaceholderPermissions";
@@ -32,2 +33,3 @@ import { ContentPermissions } from "./ContentPermissions";
     private _contentEffect;
+    private _contentFillColor;
     stubStorageMeta: ImageMetaData;
@@ -49,2 +51,3 @@ linkId: string;
     contentEffect: number;
+    contentFillColor: Color;
     isStubContent: boolean;
@@ -51,0 +54,0 @@ contentResizeMode: ResizeMode;

Model/Product/Items/PlaceholderItem.js

@@ -54,2 +54,3 @@ var __extends = (this && this.__extends) || (function () {
         _this._contentEffect = 0;
+        _this._contentFillColor = null;
         _this.stubStorageMeta = null;
@@ -94,2 +95,13 @@ _this.allowedSubfolder = null;
     });
+    Object.defineProperty(PlaceholderItem.prototype, "contentFillColor", {
+        get: function () { return this._contentFillColor; },
+        set: function (value) {
+            if (this._contentFillColor === value)
+                return;
+            this._contentFillColor = value;
+            this._propertyChanged.notify(this, "contentFillColor");
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(PlaceholderItem.prototype, "isStubContent", {
@@ -410,2 +422,3 @@ get: function () { return this._isStubContent; },
         destination.contentEffect = source.contentEffect;
+        destination.contentFillColor = source._contentFillColor != null ? source._contentFillColor.clone() : null;
         destination.barcodeFormat = source.barcodeFormat;
@@ -412,0 +425,0 @@ destination.contentPermissions = source.contentPermissions.clone();

Model/Product/Serializer/ProductParser.js

@@ -384,3 +384,6 @@ var __read = (this && this.__read) || function (o, n) {
         var autoScaledTextItem = new AutoScaledTextItem();
-        var converters = baseConverters.concat(this._getShapeConverters(), this._getInStringPlaceholdersConverter(autoScaledTextItem));
+        var converters = baseConverters.concat(this._getShapeConverters(), [
+            new PropertyConverter("textRectangle", this.parseRectangleF.bind(this)),
+            this._getInStringPlaceholdersConverter(autoScaledTextItem),
+        ]);
         this._parseModelComponent(rawAutoScaledText, autoScaledTextItem, converters);
@@ -450,2 +453,3 @@ return autoScaledTextItem;
             new PropertyConverter("stubStorageMeta", function (rawObject) { return new ImageMetaData(rawObject); }),
+            new PropertyConverter("contentFillColor", this.parseColor.bind(this)),
         ]);
@@ -452,0 +456,0 @@ this._parseModelComponent(rawPlaceholder, placeholder, converters);

package.json

 {
-  "version": "5.17.1",
+  "version": "5.18.0",
   "name": "@aurigma/design-atoms",
@@ -4,0 +4,0 @@ "license": "SEE LICENSE IN License.md",

Version.d.ts

 /** @hidden */
 /** Don't include in docs */
-export declare const VERSION = "5.17.1";
+export declare const VERSION = "5.18.0";

Version.js

 /** @hidden */
 /** Don't include in docs */
-export var VERSION = "5.17.1";
+export var VERSION = "5.18.0";
 //# sourceMappingURL=Version.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2724636

increased by0.17%

Lines of code

38795

increased by0.2%

No dependency changes