@aurigma/design-atoms-model 7.0.34 → 7.0.37

package/Product/Items/PlaceholderItem.js

@@ -1,16 +1,3 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -20,26 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spread = (this && this.__spread) || function () {
-    for (var ar = [], i = 0; i < arguments.length; i++) ar = ar.concat(__read(arguments[i]));
-    return ar;
-};
 import { ShapeItem } from "./ShapeItem";
 import { ImageItem } from "./ImageItem";
 import { ImageMetaData } from "./ImageMetaData";
@@ -51,7 +18,8 @@ import { RectangleF } from "../../Math/RectangleF";
 import { Path } from "../../Math/Path";
 import { ArgumentException } from "../../Exception";
 import { BarcodeFormat } from "./BarcodeFormat";
-import { equals, arrayEquals } from "../../Utils/Utils";
+import { equals } from "../../Utils/Utils";
+import { arraysIsEqual } from "@aurigma/utils-js/algorithms/array";
 import { OverlayEffect } from "./OverlayEffect";
 import { Property } from "../Decorators/Property";
 import { BlendMode } from "./BlendMode";
@@ -79,164 +47,138 @@ export var ResizeMode;
     ResizeMode[ResizeMode["Fill"] = 1] = "Fill";
     ResizeMode[ResizeMode["Original"] = 2] = "Original";
 })(ResizeMode || (ResizeMode = {}));
-var PlaceholderItem = /** @class */ (function (_super) {
-    __extends(PlaceholderItem, _super);
+export class PlaceholderItem extends ShapeItem {
     //TODO: return ctor signature constructor(sourcePath?: VectorObjects.Math.Path) after fix 0021990
-    function PlaceholderItem(sourceRec) {
-        var _this = _super.call(this, sourceRec != null ? Path.rectangle(sourceRec.left, sourceRec.top, sourceRec.width, sourceRec.height) : null) || this;
-        _this._isStubContent = false;
-        _this._isCoverMode = false;
-        _this._contentResizeMode = ResizeMode.Fill;
-        _this._contentEffect = ImageEffect.None;
-        _this._contentFillColor = null;
-        _this._contentOverlayEffect = null;
-        _this.stubStorageMeta = null;
-        _this.linkId = null;
-        _this.allowedSubfolder = null;
-        _this.allowedTabs = null;
-        _this.contentVerticalAlignment = VerticalContentAlignment.None;
-        _this.contentHorizontalAlignment = HorizontalContentAlignment.None;
-        _this.type = PlaceholderItem.type;
-        _this._content = null;
-        _this._topFrames = [];
-        _this._bottomFrames = [];
-        _this._onContentOverlayEffectPropertyChanged = function (s, p) {
-            _this._propertyChanged.notify(_this, "contentOverlayEffect");
+    constructor(sourceRec) {
+        super(sourceRec != null ? Path.rectangle(sourceRec.left, sourceRec.top, sourceRec.width, sourceRec.height) : null);
+        this._isStubContent = false;
+        this._isCoverMode = false;
+        this._contentResizeMode = ResizeMode.Fill;
+        this._contentEffect = ImageEffect.None;
+        this._contentFillColor = null;
+        this._contentOverlayEffect = null;
+        this.stubStorageMeta = null;
+        this.linkId = null;
+        this.allowedSubfolder = null;
+        this.allowedTabs = null;
+        this.contentVerticalAlignment = VerticalContentAlignment.None;
+        this.contentHorizontalAlignment = HorizontalContentAlignment.None;
+        this.type = PlaceholderItem.type;
+        this._content = null;
+        this._topFrames = [];
+        this._bottomFrames = [];
+        this._onContentOverlayEffectPropertyChanged = (s, p) => {
+            this._propertyChanged.notify(this, "contentOverlayEffect");
         };
-        _this.fixedStubContentSize = false;
-        _this.sourceRectangle = sourceRec != null ? sourceRec : new RectangleF(0, 0, 10, 10);
+        this.fixedStubContentSize = false;
+        this.sourceRectangle = sourceRec != null ? sourceRec : new RectangleF(0, 0, 10, 10);
         ;
-        _this.fillColor = RgbColors.transparent;
-        _this.borderWidth = 0;
-        _this.placeholderPermissions = new PlaceholderPermissions();
-        _this._contentPermissions = new ContentPermissions();
-        _this._contentPermissions.propertyChanged.add(_this._onPermissionsChanged);
-        _this._setViolationSettings(new ImageViolationSettings(), true);
-        _this._ignorePermissionsChange = true;
-        _this.manipulationPermissions.resizeGrips = new ResizeGripsPermissions(true, true, false);
-        _this.shapePermissions.allowChangeFillColor = false;
-        _this.itemPermissions.allowRemoveOnLayoutChange = true;
-        _this.itemPermissions.itemToolbarPermissions.showEditButton = true;
-        _this.itemPermissions.itemToolbarPermissions.showSelectButtonConstraint = null;
-        _this.itemPermissions.itemToolbarPermissions.showSelectButton = true;
-        _this.contentPermissions.imagePermissions.allowKeepOverlayColor = false;
-        _this._ignorePermissionsChange = false;
-        return _this;
-    }
-    Object.defineProperty(PlaceholderItem.prototype, "contentEffect", {
-        get: function () {
-            return this._contentEffect;
-        },
-        set: function (value) {
-            if (this._contentEffect === value)
-                return;
-            this._contentEffect = value;
-            this._propertyChanged.notify(this, "contentEffect");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    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", {
-        get: function () {
-            return this._isStubContent;
-        },
-        set: function (value) {
-            if (this._isStubContent === value)
-                return;
-            this._isStubContent = value;
-            this._setStubStorageMeta();
-            this.applyPermissionsConstrain();
-            this._propertyChanged.notify(this, "isStubContent");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "contentResizeMode", {
-        get: function () {
-            if (this.isCoverMode)
-                return ResizeMode.Fill;
-            if (this.isBarcodePlaceholder)
-                return ResizeMode.Fit;
-            return this._contentResizeMode;
-        },
-        set: function (value) {
-            if (this._contentResizeMode === value)
-                return;
-            this._contentResizeMode = value;
-            this._propertyChanged.notify(this, "contentResizeMode");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "contentOverlayEffect", {
-        get: function () {
-            return this._contentOverlayEffect;
-        },
-        set: function (value) {
-            if (OverlayEffect.equals(this.contentOverlayEffect, value))
-                return;
-            this._unsubscribeContentOverlayEffectPropertyChanged();
-            this._contentOverlayEffect = value;
-            this._subscribeContentOverlayEffectPropertyChanged();
-            this._propertyChanged.notify(this, "contentOverlayEffect");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype._subscribeContentOverlayEffectPropertyChanged = function () {
+        this.fillColor = RgbColors.transparent;
+        this.borderWidth = 0;
+        this.placeholderPermissions = new PlaceholderPermissions();
+        this._contentPermissions = new ContentPermissions();
+        this._contentPermissions.propertyChanged.add(this._onPermissionsChanged);
+        this._setViolationSettings(new ImageViolationSettings(), true);
+        this._ignorePermissionsChange = true;
+        this.manipulationPermissions.resizeGrips = new ResizeGripsPermissions(true, true, false);
+        this.shapePermissions.allowChangeFillColor = false;
+        this.itemPermissions.allowRemoveOnLayoutChange = true;
+        this.itemPermissions.itemToolbarPermissions.showEditButton = true;
+        this.itemPermissions.itemToolbarPermissions.showSelectButtonConstraint = null;
+        this.itemPermissions.itemToolbarPermissions.showSelectButton = true;
+        this.contentPermissions.imagePermissions.allowKeepOverlayColor = false;
+        this._ignorePermissionsChange = false;
+    }
+    get contentEffect() {
+        return this._contentEffect;
+    }
+    set contentEffect(value) {
+        if (this._contentEffect === value)
+            return;
+        this._contentEffect = value;
+        this._propertyChanged.notify(this, "contentEffect");
+    }
+    get contentFillColor() {
+        return this._contentFillColor;
+    }
+    set contentFillColor(value) {
+        if (this._contentFillColor === value)
+            return;
+        this._contentFillColor = value;
+        this._propertyChanged.notify(this, "contentFillColor");
+    }
+    get isStubContent() {
+        return this._isStubContent;
+    }
+    set isStubContent(value) {
+        if (this._isStubContent === value)
+            return;
+        this._isStubContent = value;
+        this._setStubStorageMeta();
+        this.applyPermissionsConstrain();
+        this._propertyChanged.notify(this, "isStubContent");
+    }
+    get contentResizeMode() {
+        if (this.isCoverMode)
+            return ResizeMode.Fill;
+        if (this.isBarcodePlaceholder)
+            return ResizeMode.Fit;
+        return this._contentResizeMode;
+    }
+    set contentResizeMode(value) {
+        if (this._contentResizeMode === value)
+            return;
+        this._contentResizeMode = value;
+        this._propertyChanged.notify(this, "contentResizeMode");
+    }
+    get contentOverlayEffect() {
+        return this._contentOverlayEffect;
+    }
+    set contentOverlayEffect(value) {
+        if (OverlayEffect.equals(this.contentOverlayEffect, value))
+            return;
+        this._unsubscribeContentOverlayEffectPropertyChanged();
+        this._contentOverlayEffect = value;
+        this._subscribeContentOverlayEffectPropertyChanged();
+        this._propertyChanged.notify(this, "contentOverlayEffect");
+    }
+    _subscribeContentOverlayEffectPropertyChanged() {
         if (this.contentOverlayEffect != null)
             this.contentOverlayEffect.addPropertyChanged(this._onContentOverlayEffectPropertyChanged);
-    };
-    PlaceholderItem.prototype._unsubscribeContentOverlayEffectPropertyChanged = function () {
+    }
+    _unsubscribeContentOverlayEffectPropertyChanged() {
         if (this.contentOverlayEffect != null)
             this.contentOverlayEffect.removePropertyChanged(this._onContentOverlayEffectPropertyChanged);
-    };
-    Object.defineProperty(PlaceholderItem.prototype, "isCoverMode", {
-        //Cover mode - the mode in which you can't place/move the content of placeholder so that empty space remains inside of the placeholder.
-        //Important!!! In this mode, you can't rotate the content. This is important because the algorithms in SelectionHandler.js are based on the fact
-        //that the placeholder and its content in this mode always have the same rotation angle and only a proportional resize of the content is allowed.
-        get: function () {
-            return this.barcodeFormat == null
-                && this._isCoverMode;
-        },
-        set: function (value) {
-            if (this._isCoverMode === value)
-                return;
-            this._isCoverMode = value;
-            if (!this.isEmptyContent) {
-                this.content.applyPermissionsConstrain();
-            }
-            this._propertyChanged.notify(this, "isCoverMode");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype.getImagePermissions = function () {
+    }
+    //Cover mode - the mode in which you can't place/move the content of placeholder so that empty space remains inside of the placeholder.
+    //Important!!! In this mode, you can't rotate the content. This is important because the algorithms in SelectionHandler.js are based on the fact
+    //that the placeholder and its content in this mode always have the same rotation angle and only a proportional resize of the content is allowed.
+    get isCoverMode() {
+        return this.barcodeFormat == null
+            && this._isCoverMode;
+    }
+    set isCoverMode(value) {
+        if (this._isCoverMode === value)
+            return;
+        this._isCoverMode = value;
+        if (!this.isEmptyContent) {
+            this.content.applyPermissionsConstrain();
+        }
+        this._propertyChanged.notify(this, "isCoverMode");
+    }
+    getImagePermissions() {
         if (this.contentPermissions != null)
             return this.contentPermissions.imagePermissions;
         if (this.content instanceof ImageItem)
             return this.content.imagePermissions;
         return null;
-    };
-    PlaceholderItem.prototype.applyPermissionsConstrain = function () {
-        var itemTlbrPerms = this.itemPermissions.itemToolbarPermissions;
-        var imagePermissions = this.getImagePermissions();
-        var allowChangeImage = imagePermissions != null ? imagePermissions.allowChangeImage : true;
-        var allowEditImage = imagePermissions != null ? imagePermissions.allowEditImage : false;
-        var isVector = this.content != null && this.content instanceof ImageItem && this.content.source != null && this.content.source.isVector;
+    }
+    applyPermissionsConstrain() {
+        const itemTlbrPerms = this.itemPermissions.itemToolbarPermissions;
+        const imagePermissions = this.getImagePermissions();
+        const allowChangeImage = imagePermissions != null ? imagePermissions.allowChangeImage : true;
+        const allowEditImage = imagePermissions != null ? imagePermissions.allowEditImage : false;
+        const isVector = this.content != null && this.content instanceof ImageItem && this.content.source != null && this.content.source.isVector;
         if (this.isStubOrEmpty || !allowEditImage || isVector) {
             itemTlbrPerms.showEditButtonConstraint = false;
         }
@@ -277,87 +219,66 @@ var PlaceholderItem = /** @class */ (function (_super) {
                 }
             }
         }
-    };
-    Object.defineProperty(PlaceholderItem.prototype, "contentPermissions", {
-        get: function () {
-            return this._contentPermissions;
-        },
-        set: function (value) {
-            if (value == null) {
-                throw new ArgumentException("ContentPermissions cannot be null");
-            }
-            if (equals(this._contentPermissions, value))
-                return;
-            this._contentPermissions.propertyChanged.remove(this._onPermissionsChanged);
-            this._contentPermissions = value;
-            this._contentPermissions.propertyChanged.add(this._onPermissionsChanged);
-            this._onPermissionsChanged();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "placeholderPermissions", {
-        get: function () {
-            return this._placeholderPermissions;
-        },
-        set: function (value) {
-            if (value == null)
-                throw new ArgumentException("placeholderPermissions cannot be null");
-            if (equals(this._placeholderPermissions, value))
-                return;
-            if (this._placeholderPermissions != null)
-                this._placeholderPermissions.propertyChanged.remove(this._onPermissionsChanged);
-            this._placeholderPermissions = value;
-            this.applyPermissionsConstrain();
-            this._placeholderPermissions.propertyChanged.add(this._onPermissionsChanged);
-            this._propertyChanged.notify(this, "placeholderPermissions");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "violationSettings", {
-        get: function () {
-            return this._violationSettings;
-        },
-        set: function (value) {
-            this._setViolationSettings(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype._setViolationSettings = function (value, skipTypeCheck) {
-        if (skipTypeCheck === void 0) { skipTypeCheck = false; }
+    }
+    get contentPermissions() {
+        return this._contentPermissions;
+    }
+    set contentPermissions(value) {
+        if (value == null) {
+            throw new ArgumentException("ContentPermissions cannot be null");
+        }
+        if (equals(this._contentPermissions, value))
+            return;
+        this._contentPermissions.propertyChanged.remove(this._onPermissionsChanged);
+        this._contentPermissions = value;
+        this._contentPermissions.propertyChanged.add(this._onPermissionsChanged);
+        this._onPermissionsChanged();
+    }
+    get placeholderPermissions() {
+        return this._placeholderPermissions;
+    }
+    set placeholderPermissions(value) {
+        if (value == null)
+            throw new ArgumentException("placeholderPermissions cannot be null");
+        if (equals(this._placeholderPermissions, value))
+            return;
+        if (this._placeholderPermissions != null)
+            this._placeholderPermissions.propertyChanged.remove(this._onPermissionsChanged);
+        this._placeholderPermissions = value;
+        this.applyPermissionsConstrain();
+        this._placeholderPermissions.propertyChanged.add(this._onPermissionsChanged);
+        this._propertyChanged.notify(this, "placeholderPermissions");
+    }
+    get violationSettings() {
+        return this._violationSettings;
+    }
+    set violationSettings(value) {
+        this._setViolationSettings(value);
+    }
+    _setViolationSettings(value, skipTypeCheck = false) {
         if (!skipTypeCheck && !(value instanceof ImageViolationSettings))
             throw new ArgumentException("Shape ViolationSettings property must has ImageViolationSettings type!");
-        _super.prototype._setViolationSettings.call(this, value, skipTypeCheck);
-    };
-    Object.defineProperty(PlaceholderItem.prototype, "isFrame", {
-        get: function () {
-            return (this._topFrames != null && this._topFrames.length > 0)
-                || (this._bottomFrames != null && this._bottomFrames.length > 0);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "content", {
-        get: function () {
-            return this._content;
-        },
-        set: function (value) {
-            this._content = value;
-            if (!this.isEmptyContent) {
-                this._content.parentPlaceholder = this;
-                this._content.parentContainer = null;
-                this._content.applyPermissionsConstrain();
-            }
-            this.applyPermissionsConstrain();
-            this._setStubStorageMeta();
-            this._propertyChanged.notify(this, "content");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype._setStubStorageMeta = function () {
+        super._setViolationSettings(value, skipTypeCheck);
+    }
+    get isFrame() {
+        return (this._topFrames != null && this._topFrames.length > 0)
+            || (this._bottomFrames != null && this._bottomFrames.length > 0);
+    }
+    get content() {
+        return this._content;
+    }
+    set content(value) {
+        this._content = value;
+        if (!this.isEmptyContent) {
+            this._content.parentPlaceholder = this;
+            this._content.parentContainer = null;
+            this._content.applyPermissionsConstrain();
+        }
+        this.applyPermissionsConstrain();
+        this._setStubStorageMeta();
+        this._propertyChanged.notify(this, "content");
+    }
+    _setStubStorageMeta() {
         if (this.isStubContent && this._content instanceof ImageItem) {
             this.stubStorageMeta = new ImageMetaData({
                 isUserImage: this._content.isUserImage,
@@ -371,94 +292,68 @@ var PlaceholderItem = /** @class */ (function (_super) {
         else {
             this.stubStorageMeta = null;
         }
-    };
+    }
     ;
-    Object.defineProperty(PlaceholderItem.prototype, "topFrames", {
-        get: function () {
-            return this._topFrames;
-        },
-        set: function (value) {
-            var _this = this;
-            if (value == null)
-                throw new ArgumentException();
-            this._topFrames = value;
-            this._topFrames.forEach(function (contentItem) {
-                contentItem.parentPlaceholder = _this;
-                contentItem.parentContainer = null;
-            });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "bottomFrames", {
-        get: function () {
-            return this._bottomFrames;
-        },
-        set: function (value) {
-            var _this = this;
-            if (value == null)
-                throw new ArgumentException();
-            this._bottomFrames = value;
-            this._bottomFrames.forEach(function (contentItem) {
-                contentItem.parentPlaceholder = _this;
-                contentItem.parentContainer = null;
-            });
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype.updateContentAndFrames = function (func) {
+    get topFrames() {
+        return this._topFrames;
+    }
+    set topFrames(value) {
+        if (value == null)
+            throw new ArgumentException();
+        this._topFrames = value;
+        this._topFrames.forEach((contentItem) => {
+            contentItem.parentPlaceholder = this;
+            contentItem.parentContainer = null;
+        });
+    }
+    get bottomFrames() {
+        return this._bottomFrames;
+    }
+    set bottomFrames(value) {
+        if (value == null)
+            throw new ArgumentException();
+        this._bottomFrames = value;
+        this._bottomFrames.forEach((contentItem) => {
+            contentItem.parentPlaceholder = this;
+            contentItem.parentContainer = null;
+        });
+    }
+    updateContentAndFrames(func) {
         if (this.content != null)
             func(this.content);
         if (this.topFrames != null) {
-            this.topFrames.forEach(function (contentItem) {
+            this.topFrames.forEach(contentItem => {
                 func(contentItem);
             });
         }
         if (this.bottomFrames != null) {
-            this.bottomFrames.forEach(function (contentItem) {
+            this.bottomFrames.forEach(contentItem => {
                 func(contentItem);
             });
         }
-    };
-    Object.defineProperty(PlaceholderItem.prototype, "imageContent", {
-        get: function () {
-            if (!this.isEmptyContent && this.content instanceof ImageItem) {
-                return this._content;
-            }
-            else {
-                return null;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "isEmptyContent", {
-        get: function () {
-            return this._content == null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(PlaceholderItem.prototype, "isStubOrEmpty", {
-        get: function () {
-            return this.isStubContent || this.isEmptyContent;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype._canSetIsVariable = function () {
+    }
+    get imageContent() {
+        if (!this.isEmptyContent && this.content instanceof ImageItem) {
+            return this._content;
+        }
+        else {
+            return null;
+        }
+    }
+    get isEmptyContent() {
+        return this._content == null;
+    }
+    get isStubOrEmpty() {
+        return this.isStubContent || this.isEmptyContent;
+    }
+    _canSetIsVariable() {
         return true;
-    };
-    Object.defineProperty(PlaceholderItem.prototype, "isBarcodePlaceholder", {
-        get: function () {
-            return this.barcodeFormat != null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PlaceholderItem.prototype.getSimplifiedObject = function () {
-        var simplified = _super.prototype.getSimplifiedObject.call(this, [
+    }
+    get isBarcodePlaceholder() {
+        return this.barcodeFormat != null;
+    }
+    getSimplifiedObject() {
+        const simplified = super.getSimplifiedObject([
             "_content",
             "imageContent",
             "placeholderPermissions",
@@ -472,12 +367,12 @@ var PlaceholderItem = /** @class */ (function (_super) {
         simplified["placeholderPermissions"] = this.placeholderPermissions.getSimplifiedObject();
         simplified["contentPermissions"] = this.contentPermissions.getSimplifiedObject();
         return simplified;
-    };
-    PlaceholderItem.prototype._copy = function (source, destination, generateNewIds, appropriateParentContainer) {
-        _super.prototype._copy.call(this, source, destination, generateNewIds, appropriateParentContainer);
+    }
+    _copy(source, destination, generateNewIds, appropriateParentContainer) {
+        super._copy(source, destination, generateNewIds, appropriateParentContainer);
         destination.linkId = source.linkId;
         destination.allowedSubfolder = source.allowedSubfolder;
-        destination.allowedTabs = source.allowedTabs != null ? source.allowedTabs.map(function (i) { return i; }) : null;
+        destination.allowedTabs = source.allowedTabs != null ? source.allowedTabs.map(i => i) : null;
         destination.contentVerticalAlignment = source.contentVerticalAlignment;
         destination.contentHorizontalAlignment = source.contentHorizontalAlignment;
         destination.placeholderPermissions = source.placeholderPermissions.clone();
@@ -491,27 +386,27 @@ var PlaceholderItem = /** @class */ (function (_super) {
         else
             destination.content = null;
         if (source.topFrames.length === destination.topFrames.length) {
-            for (var i = 0; i < source.topFrames.length; i++) {
+            for (let i = 0; i < source.topFrames.length; i++) {
                 destination.topFrames[i].update(source.topFrames[i]);
                 destination.topFrames[i].parentPlaceholder = destination;
             }
         }
         else {
-            destination.topFrames = source.topFrames.map(function (i) {
-                var cloned = i.clone(generateNewIds, appropriateParentContainer);
+            destination.topFrames = source.topFrames.map(i => {
+                const cloned = i.clone(generateNewIds, appropriateParentContainer);
                 cloned.parentPlaceholder = destination;
                 return cloned;
             });
         }
         if (source.bottomFrames.length === destination.bottomFrames.length) {
-            for (var i = 0; i < source.bottomFrames.length; i++) {
+            for (let i = 0; i < source.bottomFrames.length; i++) {
                 destination.bottomFrames[i].update(source.bottomFrames[i]);
                 destination.bottomFrames[i].parentPlaceholder = destination;
             }
         }
         else {
-            destination.bottomFrames = source.bottomFrames.map(function (i) {
-                var cloned = i.clone(generateNewIds, appropriateParentContainer);
+            destination.bottomFrames = source.bottomFrames.map(i => {
+                const cloned = i.clone(generateNewIds, appropriateParentContainer);
                 cloned.parentPlaceholder = destination;
                 return cloned;
             });
@@ -526,13 +421,13 @@ var PlaceholderItem = /** @class */ (function (_super) {
         destination.barcodeFormat = source.barcodeFormat;
         destination.contentPermissions = source.contentPermissions.clone();
         destination.isVariable = source.isVariable;
-    };
-    PlaceholderItem.prototype.equals = function (other) {
-        return _super.prototype.equals.call(this, other) &&
-            arrayEquals(__spread([this._content], this._topFrames, this._bottomFrames), __spread([other._content], other._topFrames, other._bottomFrames)) &&
+    }
+    equals(other) {
+        return super.equals(other) &&
+            arraysIsEqual([this._content, ...this._topFrames, ...this._bottomFrames], [other._content, ...other._topFrames, ...other._bottomFrames], equals) &&
             equals(this.linkId, other.linkId) &&
             equals(this.allowedSubfolder, other.allowedSubfolder) &&
-            arrayEquals(this.allowedTabs, other.allowedTabs) &&
+            arraysIsEqual(this.allowedTabs, other.allowedTabs) &&
             equals(this.contentVerticalAlignment, other.contentVerticalAlignment) &&
             equals(this.contentHorizontalAlignment, other.contentHorizontalAlignment) &&
             equals(this._placeholderPermissions, other._placeholderPermissions) &&
@@ -544,76 +439,72 @@ var PlaceholderItem = /** @class */ (function (_super) {
             equals(this.barcodeFormat, other.barcodeFormat) &&
             equals(this._contentPermissions, other._contentPermissions) &&
             equals(this.isVariable, other.isVariable);
-    };
-    PlaceholderItem.prototype.clone = function (generateNewIds, appropriateParentContainer) {
-        if (generateNewIds === void 0) { generateNewIds = false; }
-        if (appropriateParentContainer === void 0) { appropriateParentContainer = false; }
-        var item = new PlaceholderItem();
+    }
+    clone(generateNewIds = false, appropriateParentContainer = false) {
+        const item = new PlaceholderItem();
         this._copy(this, item, generateNewIds, appropriateParentContainer);
         return item;
-    };
-    PlaceholderItem.type = "PlaceholderItem";
-    __decorate([
-        Property({ factory: new ObjectPropertyFactory(ImageMetaData), displayName: "Stub storage meta" }),
-        __metadata("design:type", ImageMetaData)
-    ], PlaceholderItem.prototype, "stubStorageMeta", void 0);
-    __decorate([
-        Property({ type: "string" }),
-        __metadata("design:type", String)
-    ], PlaceholderItem.prototype, "linkId", void 0);
-    __decorate([
-        Property({ factory: new SimplePropertyFactory("subfolder"), displayName: "Allowed subfolder" }),
-        __metadata("design:type", String)
-    ], PlaceholderItem.prototype, "allowedSubfolder", void 0);
-    __decorate([
-        Property({ factory: new CollectionPropertyFactory(Array), displayName: "Allowed tabs" }),
-        __metadata("design:type", Array)
-    ], PlaceholderItem.prototype, "allowedTabs", void 0);
-    __decorate([
-        Property({ enumObject: VerticalContentAlignment }),
-        __metadata("design:type", Object)
-    ], PlaceholderItem.prototype, "contentVerticalAlignment", void 0);
-    __decorate([
-        Property({ enumObject: HorizontalContentAlignment }),
-        __metadata("design:type", Object)
-    ], PlaceholderItem.prototype, "contentHorizontalAlignment", void 0);
-    __decorate([
-        Property({ enumObject: ImageEffect }),
-        __metadata("design:type", Number),
-        __metadata("design:paramtypes", [Number])
-    ], PlaceholderItem.prototype, "contentEffect", null);
-    __decorate([
-        Property({ factory: new ColorPropertyFactory(), displayName: "Content fill color" }),
-        __metadata("design:type", Color),
-        __metadata("design:paramtypes", [Color])
-    ], PlaceholderItem.prototype, "contentFillColor", null);
-    __decorate([
-        Property({ enumObject: ResizeMode }),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], PlaceholderItem.prototype, "contentResizeMode", null);
-    __decorate([
-        Property({ enumObject: BarcodeFormat, factory: new SimplePropertyFactory(BarcodeFormat.QR_CODE), displayName: "Barcode format" }),
-        __metadata("design:type", String)
-    ], PlaceholderItem.prototype, "barcodeFormat", void 0);
-    __decorate([
-        Property({
-            factory: new ObjectPropertyFactory(OverlayEffect, {
-                color: new CmykColor(0, 0, 0, 0, 255),
-                opacity: 1,
-                blendMode: BlendMode.Normal
-            }),
-            displayName: "Content overlay effect"
+    }
+}
+PlaceholderItem.type = "PlaceholderItem";
+__decorate([
+    Property({ factory: new ObjectPropertyFactory(ImageMetaData), displayName: "Stub storage meta" }),
+    __metadata("design:type", ImageMetaData)
+], PlaceholderItem.prototype, "stubStorageMeta", void 0);
+__decorate([
+    Property({ type: "string" }),
+    __metadata("design:type", String)
+], PlaceholderItem.prototype, "linkId", void 0);
+__decorate([
+    Property({ factory: new SimplePropertyFactory("subfolder"), displayName: "Allowed subfolder" }),
+    __metadata("design:type", String)
+], PlaceholderItem.prototype, "allowedSubfolder", void 0);
+__decorate([
+    Property({ factory: new CollectionPropertyFactory(Array), displayName: "Allowed tabs" }),
+    __metadata("design:type", Array)
+], PlaceholderItem.prototype, "allowedTabs", void 0);
+__decorate([
+    Property({ enumObject: VerticalContentAlignment }),
+    __metadata("design:type", Object)
+], PlaceholderItem.prototype, "contentVerticalAlignment", void 0);
+__decorate([
+    Property({ enumObject: HorizontalContentAlignment }),
+    __metadata("design:type", Object)
+], PlaceholderItem.prototype, "contentHorizontalAlignment", void 0);
+__decorate([
+    Property({ enumObject: ImageEffect }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], PlaceholderItem.prototype, "contentEffect", null);
+__decorate([
+    Property({ factory: new ColorPropertyFactory(), displayName: "Content fill color" }),
+    __metadata("design:type", Color),
+    __metadata("design:paramtypes", [Color])
+], PlaceholderItem.prototype, "contentFillColor", null);
+__decorate([
+    Property({ enumObject: ResizeMode }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], PlaceholderItem.prototype, "contentResizeMode", null);
+__decorate([
+    Property({ enumObject: BarcodeFormat, factory: new SimplePropertyFactory(BarcodeFormat.QR_CODE), displayName: "Barcode format" }),
+    __metadata("design:type", String)
+], PlaceholderItem.prototype, "barcodeFormat", void 0);
+__decorate([
+    Property({
+        factory: new ObjectPropertyFactory(OverlayEffect, {
+            color: new CmykColor(0, 0, 0, 0, 255),
+            opacity: 1,
+            blendMode: BlendMode.Normal
         }),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], PlaceholderItem.prototype, "contentOverlayEffect", null);
-    __decorate([
-        Property({ type: "item" }),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], PlaceholderItem.prototype, "content", null);
-    return PlaceholderItem;
-}(ShapeItem));
-export { PlaceholderItem };
+        displayName: "Content overlay effect"
+    }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], PlaceholderItem.prototype, "contentOverlayEffect", null);
+__decorate([
+    Property({ type: "item" }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], PlaceholderItem.prototype, "content", null);
 //# sourceMappingURL=PlaceholderItem.js.map