@aurigma/design-atoms - npm Package Compare versions

Comparing version 6.4.0 to 6.5.0

Canvas.d.ts

@@ -510,4 +510,4 @@ import { ItemHandler } from "./ItemHandlers/ItemHandler";
     pauseRedraw(): void;
-    continueRedraw(): void;
-    redraw(immidiently?: boolean): void;
+    continueRedraw(immediately?: boolean): void;
+    redraw(immediately?: boolean): void;
     private _redraw;
@@ -514,0 +514,0 @@ redrawDesign(): void;

CanvasElementHandler.d.ts

@@ -99,3 +99,6 @@ import { SelectionHandler } from "./SelectionHandler";
     updateViolationContainer(itemHandler: BaseRectangleItemHandler, updatePosition: boolean, viewer: Viewer): void;
-    updateViolationContainerPosition(itemHandler: BaseRectangleItemHandler, viewer: Viewer): void;
+    _updateVCPtimers: {};
+    private _updateViolationContainerPositionByTimer;
+    private _addUpdateVCPCallback;
+    updateViolationContainerPosition(itemHandler: BaseRectangleItemHandler, viewer: Viewer, fromTimer?: boolean): void;
     private readonly _textEditorId;
@@ -102,0 +105,0 @@ private _addTextEditorDiv;

CHANGELOG.md

 # Design Atoms Framework Changelog
 
 
+## [6.5.0] - 2021-03-11
+### Added
+- Support for anchor points in auto-layout groups.
+
+### Fixed
+- Hiding empty text elements in nested auto-layout groups in the viewer.
+- Positioning of `CurvedTextItem`.
+- Applying the `isVariable` property to text items.
+
+
+## [6.4.0] - 2021-03-04
+### Added
+- Support for overprint: you can now import overprint-related properties from InDesign templates and output them to PDF files.
+
+
 ## [6.3.5] - 2021-02-26
@@ -5,0 +20,0 @@ ### Changed

ItemHandlers/BaseRectangleItemHandler.js

@@ -342,2 +342,4 @@ var __extends = (this && this.__extends) || (function () {
     BaseRectangleItemHandler.prototype.getSelectionRectangle = function () {
+        if (!this.isVisible())
+            return null;
         return this.rectangle;
@@ -344,0 +346,0 @@ };

ItemHandlers/CurvedTextItemHandler.d.ts

 import { CurvedTextItem } from "@aurigma/design-atoms-model/Product/Items/CurvedTextItem";
 import { BaseTextItemHandler } from "./BaseTextItemHandler";
 import * as TextWhizz from "@aurigma/text-whizz/TextWhizzJS";
+import { CurvedTextHandlerData } from "./CurvedTextHandlerData";
 export declare class CurvedTextItemHandler extends BaseTextItemHandler {
@@ -30,2 +31,3 @@ firstUpdateIsComplete: boolean;
     protected _setDefaultTextControlPoints(): void;
+    protected _createDataInstance(itemHandler?: CurvedTextItemHandler): CurvedTextHandlerData;
 }

ItemHandlers/CurvedTextItemHandler.js

@@ -17,2 +17,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Graphics } from "../Graphics";
+import { CurvedTextHandlerData } from "./CurvedTextHandlerData";
 var CurvedTextItemHandler = /** @class */ (function (_super) {
@@ -153,2 +154,5 @@ __extends(CurvedTextItemHandler, _super);
     };
+    CurvedTextItemHandler.prototype._createDataInstance = function (itemHandler) {
+        return new CurvedTextHandlerData(itemHandler);
+    };
     CurvedTextItemHandler.typeName = "CurvedTextItemHandler";
@@ -155,0 +159,0 @@ return CurvedTextItemHandler;

ItemHandlers/GroupItemHandler.d.ts

@@ -13,2 +13,3 @@ import { ItemHandler } from "./ItemHandler";
 export declare class GroupItemHandler extends BaseRectangleItemHandler implements IContainerItemHandler {
+    static readonly typeName: string;
     constructor(item: GroupItem, itemHandlers?: ItemHandler[], textWhizz?: typeof TextWhizz);
@@ -15,0 +16,0 @@ private _unsubscribeItemHandlers;

ItemHandlers/GroupItemHandler.js

@@ -203,3 +203,3 @@ var __extends = (this && this.__extends) || (function () {
             var itemHandler = itemHandlers.shift();
-            if (onlyVisible && (!itemHandler.visible || itemHandler.getPermissions().noShow))
+            if (onlyVisible && (!itemHandler.isVisible() || itemHandler.getPermissions().noShow))
                 continue;
@@ -279,3 +279,3 @@ if (itemHandler instanceof GroupItemHandler) {
         };
-        this.getNestedItemHandlers(true).forEach(positioning);
+        this.itemHandlers.forEach(positioning);
         var positionedRectangle = this.rectangle;
@@ -291,3 +291,3 @@ var scaling = function (itemHandler) {
         };
-        this.getNestedItemHandlers(true).forEach(scaling);
+        this.itemHandlers.forEach(scaling);
         _super.prototype.setRectangle.call(this, rectangle, supressOnChanged);
@@ -379,2 +379,3 @@ };
     });
+    GroupItemHandler.typeName = "GroupItemHandler";
     return GroupItemHandler;
@@ -381,0 +382,0 @@ }(BaseRectangleItemHandler));

ItemHandlers/ItemHandler.d.ts

@@ -14,2 +14,5 @@ import { Utils } from "../Utils/Common";
 import { GroupItemHandler } from "./GroupItemHandler";
+export interface IGroupHandler {
+    isChildVisible(childItemHandler: ItemHandler): any;
+}
 export declare class ItemHandler {
@@ -87,2 +90,3 @@ protected _isDisposed: boolean;
     isVisible(): boolean;
+    static isGroupHandler(itemHandler: any): itemHandler is IGroupHandler;
     isEmpty(): boolean;
@@ -157,2 +161,3 @@ get locked(): boolean;
     dispose(): void;
+    protected _isGroupHandler(): boolean;
 }

ItemHandlers/ItemHandler.js

@@ -420,3 +420,5 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     ItemHandler.prototype.isVisible = function () {
-        var belongInvisibleGroup = function (item) {
+        var _this = this;
+        var invisibleByParentGroup = function (item) {
+            var _a;
             var parentGroupItem = item.parentGroupItem;
@@ -427,4 +429,8 @@ if (parentGroupItem == null)
                 return true;
-            else
-                return belongInvisibleGroup(parentGroupItem);
+            var parentGroupHandler = (_a = _this.canvas) === null || _a === void 0 ? void 0 : _a.handlerFactory.get(parentGroupItem);
+            if (parentGroupHandler && !parentGroupHandler.isVisible())
+                return true;
+            if (parentGroupHandler && ItemHandler.isGroupHandler(parentGroupHandler) && !parentGroupHandler.isChildVisible(_this))
+                return true;
+            return invisibleByParentGroup(parentGroupItem);
         };
@@ -434,4 +440,7 @@ return this.visible &&
             (this.layer == null || this.layer.getVisible()) &&
-            !belongInvisibleGroup(this.item);
+            !invisibleByParentGroup(this.item);
     };
+    ItemHandler.isGroupHandler = function (itemHandler) {
+        return itemHandler._isGroupHandler();
+    };
     ItemHandler.prototype.isEmpty = function () {
@@ -870,2 +879,5 @@ return false;
     };
+    ItemHandler.prototype._isGroupHandler = function () {
+        return true;
+    };
     ItemHandler.typeName = "ItemHandler";
@@ -872,0 +884,0 @@ return ItemHandler;

ItemHandlers/LayoutItem/AutoLayoutHandler.d.ts

@@ -46,2 +46,5 @@ import { Collection } from "@aurigma/design-atoms-model/Collection";
     private _applyLayoutImpl;
+    private _getSourceRectangleByAnchorPoint;
+    private _getAnchorPoint;
+    private _applyAnchor;
     private _correctCenterPosition;
@@ -48,0 +51,0 @@ private _setItemHandlerPosition;

ItemHandlers/LayoutItem/AutoLayoutHandler.js

@@ -38,4 +38,4 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
 import { EventObject } from "@aurigma/design-atoms-model/EventObject";
-import { PointF, RotatedRectangleF } from "@aurigma/design-atoms-model/Math";
-import { AutoLayoutSettings, AutoLayoutAlignItems, AutoLayoutOrientation } from "@aurigma/design-atoms-model/Product/Items";
+import { PointF, RectangleF, RotatedRectangleF } from "@aurigma/design-atoms-model/Math";
+import { AutoLayoutSettings, AutoLayoutAlignItems, AutoLayoutOrientation, AutoLayoutAnchorPoint } from "@aurigma/design-atoms-model/Product/Items";
 import { BaseTextItemHandler, NewBaseTextItemHandler, PlaceholderItemHandler } from "..";
@@ -251,3 +251,3 @@ import { LayoutItemHandler } from "../LayoutItemHandler";
             var changed = this._applyLayoutImpl(fromCenter);
-            this._itemHandler.canvas.continueRedraw();
+            this._itemHandler.canvas.continueRedraw(true);
             if (historyActive) {
@@ -259,3 +259,2 @@ if (changed)
             }
-            //if (changed)
             this._layoutEvent.notify();
@@ -276,8 +275,9 @@ }
         var originalCenter = originalRectangle.center;
-        var _b = this._item.layoutSettings, alignItems = _b.alignItems, orientation = _b.orientation, margin = _b.margin;
+        var _b = this._item.layoutSettings, alignItems = _b.alignItems, orientation = _b.orientation, margin = _b.margin, anchorPoint = _b.anchorPoint;
         var angle = this._item.transform.angle;
         var layoutRect = originalRectangle.toRectangleF();
+        var layoutAnchorPoint = this._getAnchorPoint(layoutRect, anchorPoint, orientation);
         var currentPoint = this._getOriginalPoint(layoutRect, alignItems, orientation);
         sortedItemHandlers = sortedItemHandlers.filter(function (itemHandler) { return _this._filterHiddenItems(itemHandler); });
-        var anyChildChanged = false;
+        var rects = [];
         sortedItemHandlers.forEach(function (element) {
@@ -287,2 +287,8 @@ var elementPositionRect = _this._getItemHandlerPositionRect(element, originalRectangle, currentPoint, alignItems, orientation);
             currentPoint = _this._getOriginalPoint(layoutRect, alignItems, orientation, offset);
+            rects.push(elementPositionRect);
+        });
+        rects = this._applyAnchor(rects, layoutRect, anchorPoint, orientation);
+        var anyChildChanged = false;
+        sortedItemHandlers.forEach(function (element) {
+            var elementPositionRect = rects.shift();
             var changed = _this._setItemHandlerPosition(element, originalRectangle, elementPositionRect);
@@ -293,8 +299,9 @@ anyChildChanged = anyChildChanged || changed;
         if (filteredItems.any()) {
-            var newSourceRectangle = filteredItems.select(function (x) { return x.getTransformedRectangle(false, true); }).aggregate(function (a, b) { return RotatedRectangleF.union(a, b); });
+            var childItemsBounds = filteredItems.select(function (x) { return x.getTransformedRectangle(false, true); }).aggregate(function (a, b) { return RotatedRectangleF.union(a, b); });
             if (fromCenter) {
-                this._correctCenterPosition(newSourceRectangle.center, originalCenter, sortedItemHandlers);
-                newSourceRectangle = filteredItems.select(function (x) { return x.getTransformedRectangle(false, true); }).aggregate(function (a, b) { return RotatedRectangleF.union(a, b); });
+                this._correctCenterPosition(childItemsBounds.center, originalCenter, sortedItemHandlers);
+                childItemsBounds = filteredItems.select(function (x) { return x.getTransformedRectangle(false, true); }).aggregate(function (a, b) { return RotatedRectangleF.union(a, b); });
             }
-            this._itemHandler.setRectangle(newSourceRectangle, true);
+            var newSourceRectangle = this._getSourceRectangleByAnchorPoint(childItemsBounds, layoutAnchorPoint, orientation, anchorPoint);
+            this._itemHandler.setSourceRectangle(newSourceRectangle);
         }
@@ -304,2 +311,85 @@ (_a = this._itemHandler.canvas) === null || _a === void 0 ? void 0 : _a.updateTexts();
     };
+    AutoLayoutHandler.prototype._getSourceRectangleByAnchorPoint = function (childBounds, layoutAnchorPoint, orientation, anchor) {
+        var angle = childBounds.angle;
+        var childRect = childBounds.toRectangleF();
+        if (orientation == AutoLayoutOrientation.horizontal) {
+            if (anchor == AutoLayoutAnchorPoint.start) {
+                childRect.left = layoutAnchorPoint.x;
+            }
+            else if (anchor == AutoLayoutAnchorPoint.center) {
+                var dx = childRect.center.x - layoutAnchorPoint.x;
+                childRect.left -= dx;
+            }
+            else { // end
+                childRect.right = layoutAnchorPoint.x;
+            }
+        }
+        else { // vertical
+            if (anchor == AutoLayoutAnchorPoint.start) {
+                childRect.top = layoutAnchorPoint.y;
+            }
+            else if (anchor == AutoLayoutAnchorPoint.center) {
+                var dy = childRect.center.y - layoutAnchorPoint.y;
+                childRect.top -= dy;
+            }
+            else { // end
+                childRect.bottom = layoutAnchorPoint.y;
+            }
+        }
+        return RotatedRectangleF.fromRectangleF(childRect, angle);
+    };
+    AutoLayoutHandler.prototype._getAnchorPoint = function (layoutRect, anchorPoint, orientation) {
+        if (orientation == AutoLayoutOrientation.horizontal) {
+            var y = layoutRect.center.y;
+            switch (anchorPoint) {
+                case AutoLayoutAnchorPoint.start:
+                    return new PointF(layoutRect.left, y);
+                case AutoLayoutAnchorPoint.center:
+                    return new PointF(layoutRect.center.x, y);
+                case AutoLayoutAnchorPoint.end:
+                    return new PointF(layoutRect.right, y);
+            }
+        }
+        else {
+            var x = layoutRect.center.x;
+            switch (anchorPoint) {
+                case AutoLayoutAnchorPoint.start:
+                    return new PointF(x, layoutRect.top);
+                case AutoLayoutAnchorPoint.center:
+                    return new PointF(x, layoutRect.center.y);
+                case AutoLayoutAnchorPoint.end:
+                    return new PointF(x, layoutRect.bottom);
+            }
+        }
+    };
+    AutoLayoutHandler.prototype._applyAnchor = function (inputRects, layoutRect, anchorPoint, orientation) {
+        if (inputRects.length == 0)
+            return inputRects;
+        if (anchorPoint == AutoLayoutAnchorPoint.start)
+            return inputRects;
+        var calculateDiff = function (rects) {
+            var dx = 0;
+            var dy = 0;
+            var unionRect = rects.reduce(function (prev, current) { return RectangleF.union(prev, current); });
+            if (orientation == AutoLayoutOrientation.horizontal) {
+                if (anchorPoint == AutoLayoutAnchorPoint.center)
+                    dx = unionRect.center.x - layoutRect.center.x;
+                else if (anchorPoint == AutoLayoutAnchorPoint.end)
+                    dx = unionRect.right - layoutRect.right;
+                else
+                    throw new Error("Invalid _applyAnchor operation. Orientation: '" + orientation + "' AnchorPoint: '" + anchorPoint + "'");
+            }
+            else { // vertical
+                if (anchorPoint == AutoLayoutAnchorPoint.center)
+                    dy = unionRect.center.y - layoutRect.center.y;
+                else if (anchorPoint == AutoLayoutAnchorPoint.end)
+                    dy = unionRect.bottom - layoutRect.bottom;
+                else
+                    throw new Error("Invalid _applyAnchor operation. Orientation: '" + orientation + "' AnchorPoint: '" + anchorPoint + "'");
+            }
+            return new PointF(dx, dy);
+        };
+        var diff = calculateDiff(inputRects);
+        return inputRects.map(function (x) { return new RectangleF(x.left - diff.x, x.top - diff.y, x.width, x.height); });
+    };
     AutoLayoutHandler.prototype._correctCenterPosition = function (currentCenter, originalCenter, itemHandlers) {
@@ -306,0 +396,0 @@ var _this = this;

ItemHandlers/LayoutItemHandler.d.ts

 import { LayoutItem, AutoLayoutOrientation, AutoLayoutAlignItems, AutoLayoutJustifyContent, Item } from "@aurigma/design-atoms-model/Product/Items";
 import { RotatedRectangleF, RectangleF, Matrix } from "@aurigma/design-atoms-model/Math";
 import { GroupItemHandler } from "./GroupItemHandler";
-import { ItemHandler } from "./ItemHandler";
+import { IGroupHandler, ItemHandler } from "./ItemHandler";
 import { EventObject } from "@aurigma/design-atoms-model/EventObject";
 import { History } from "../History/History";
 import * as TextWhizz from "@aurigma/text-whizz/TextWhizzJS";
-export declare class LayoutItemHandler extends GroupItemHandler {
+export declare class LayoutItemHandler extends GroupItemHandler implements IGroupHandler {
     private _history;
     private _layoutHandler;
     private _layoutEvent;
+    static readonly typeName: string;
     constructor(item: LayoutItem, itemHandlers: ItemHandler[], _history: History, textWhizz?: typeof TextWhizz);
+    protected _isGroupHandler(): boolean;
     _rectMap: {
@@ -39,2 +41,3 @@ [name: string]: RotatedRectangleF;
     setRectangle(rectangle: RotatedRectangleF, suppressOnChanged?: boolean, updateChildren?: boolean): void;
+    setSourceRectangle(rectangle: RotatedRectangleF): void;
     transformByMatrix(matrix: Matrix): void;
@@ -56,2 +59,3 @@ getOrderedItems(): any;
     private _onItemHandlerExitedEditMode;
+    private _onItemHandlerEnteredEditMode;
     protected _onItemHandlerRemoved(data?: {
@@ -58,0 +62,0 @@ item: ItemHandler;

ItemHandlers/LayoutItemHandler.js

@@ -58,3 +58,3 @@ var __extends = (this && this.__extends) || (function () {
 import { EventObject } from "@aurigma/design-atoms-model/EventObject";
-import { NewBaseTextItemHandler } from ".";
+import { NewBaseTextItemHandler } from "./NewBaseTextItemHandler";
 var LayoutItemHandler = /** @class */ (function (_super) {
@@ -86,4 +86,8 @@ __extends(LayoutItemHandler, _super);
         _this._onItemHandlerExitedEditMode = function (sender) {
+            // TODO: if empty or changed
             _this.applyLayout();
         };
+        _this._onItemHandlerEnteredEditMode = function (sender) {
+            _this.applyLayout();
+        };
         _this._initSourceRectangle().then(function () {
@@ -96,2 +100,5 @@ _this._initLayoutHandler();
     }
+    LayoutItemHandler.prototype._isGroupHandler = function () {
+        return true;
+    };
     LayoutItemHandler.prototype._onItemPropertyChanged = function (sender, propertyName) {
@@ -157,3 +164,3 @@ switch (propertyName) {
                         sourceRectangle = this.itemHandlers.cast().select(function (x) { return x.rectangle; }).aggregate(function (a, b) { return RotatedRectangleF.union(a, b); });
-                        this.setRectangle(sourceRectangle, true);
+                        this.setSourceRectangle(sourceRectangle);
                         return [2 /*return*/];
@@ -193,28 +200,22 @@ }
             return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        _super.prototype._endTransform.call(this, changed, resized, suppressOnChanged);
-                        if (this._transformedRectangle == null) {
-                            this._transformStarted = false;
-                            if (this._layoutHandler)
-                                this._layoutHandler.ignoreLayoutApply = false;
-                            return [2 /*return*/];
-                        }
-                        this.canvas.pauseRedraw();
-                        t = this._transformedRectangle;
-                        this._transformedRectangle = null;
-                        this._transformStarted = false;
-                        return [4 /*yield*/, this.waitUpdate()];
-                    case 1:
-                        _a.sent();
-                        this._history.pause();
-                        this.item.sourceRectangle = t.toRectangleF();
-                        this.item.transform = new Transform(1, 1, 0, 0, t.angle);
-                        if (this._layoutHandler)
-                            this._layoutHandler.ignoreLayoutApply = false;
-                        this.applyLayout(null);
-                        this._history.resume(true, false, true);
-                        this.canvas.continueRedraw();
-                        return [2 /*return*/];
+                _super.prototype._endTransform.call(this, changed, resized, suppressOnChanged);
+                if (this._transformedRectangle == null) {
+                    this._transformStarted = false;
+                    if (this._layoutHandler)
+                        this._layoutHandler.ignoreLayoutApply = false;
+                    return [2 /*return*/];
                 }
+                this.canvas.pauseRedraw();
+                t = this._transformedRectangle;
+                this._transformedRectangle = null;
+                this._transformStarted = false;
+                //await this.waitUpdate();
+                this._history.pause();
+                this.setSourceRectangle(t);
+                if (this._layoutHandler)
+                    this._layoutHandler.ignoreLayoutApply = false;
+                this.applyLayout(null);
+                this._history.resume(true, false, true);
+                this.canvas.continueRedraw();
+                return [2 /*return*/];
             });
@@ -279,3 +280,3 @@ });
     LayoutItemHandler.prototype.setRectangle = function (rectangle, suppressOnChanged, updateChildren) {
-        if (updateChildren === void 0) { updateChildren = false; }
+        if (updateChildren === void 0) { updateChildren = true; }
         if (this._transformStarted) {
@@ -287,2 +288,5 @@ this._transformedRectangle = rectangle.clone();
             _super.prototype.setRectangle.call(this, rectangle, suppressOnChanged);
+        this.setSourceRectangle(rectangle);
+    };
+    LayoutItemHandler.prototype.setSourceRectangle = function (rectangle) {
         this.item.sourceRectangle = rectangle.toRectangleF();
@@ -373,2 +377,3 @@ this.item.transform = new Transform(1, 1, 0, 0, rectangle.angle);
             itemHandler.exitedEditModeEvent.add(this._onItemHandlerExitedEditMode);
+            itemHandler.enteredEditModeEvent.add(this._onItemHandlerEnteredEditMode);
         }
@@ -380,2 +385,3 @@ };
             itemHandler.exitedEditModeEvent.remove(this._onItemHandlerExitedEditMode);
+            itemHandler.enteredEditModeEvent.remove(this._onItemHandlerEnteredEditMode);
         }
@@ -443,3 +449,5 @@ };
         }
+        return true;
     };
+    LayoutItemHandler.typeName = "LayoutItemHandler";
     return LayoutItemHandler;
@@ -446,0 +454,0 @@ }(GroupItemHandler));

package.json

 {
-  "version": "6.4.0",
+  "version": "6.5.0",
   "name": "@aurigma/design-atoms",
@@ -22,3 +22,3 @@ "license": "SEE LICENSE IN License.md",
   "dependencies": {
-    "@aurigma/design-atoms-model": "6.2.0",
+    "@aurigma/design-atoms-model": "6.3.0",
     "@aurigma/text-whizz": "1.2.123",
@@ -25,0 +25,0 @@ "clone": "2.1.1",

SelectionHandler.js

@@ -393,6 +393,2 @@ import { PointF, RotatedRectangleF, RectangleF, EqualsOfFloatNumbers, getTriangleAngle, normalizeAngle } from "@aurigma/design-atoms-model/Math";
         var rectangle = this.visibleRectangle;
-        //console.log("visibleRect rect ", rectangle);
-        //var visibleHandler = this._itemHandlers.where(x => x.isVisible()).toArray();
-        //var cnt = visibleHandler.length;
-        //console.log("visibleHandler", visibleHandler, cnt);
         if (rectangle == null || this._itemHandlers.where(function (x) { return x.isVisible(); }).count() === 0) {
@@ -399,0 +395,0 @@ this._canvas.hideSelection();

Services/ItemsDataApplier.js

@@ -569,2 +569,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     ItemsDataApplier.prototype._applyToBaseTextItem = function (textItem, itemData, params) {
+        var _a;
         if (itemData != null) {
@@ -591,2 +592,3 @@ if (params.ignorePermissions || textItem.textPermissions.allowChangeText)
             textItem.checkTextCrop = Utils.applyNullableValue(textItem.checkTextCrop, itemData.checkTextCrop);
+            textItem.isVariable = (_a = itemData.isVariable) !== null && _a !== void 0 ? _a : textItem.isVariable;
             if (itemData.color != null && (params.ignorePermissions || textItem.textPermissions.allowChangeFontColor)) {
@@ -593,0 +595,0 @@ var color = ColorFactory.createColor(itemData.color);

No alert changes

Improved metrics

Total package byte prevSize

3389237

0.38%

Lines of code

45207

0.33%

Dependency changes

• Updated

  @aurigma/design-atoms-model@6.3.0