@aurigma/design-atoms-model 7.0.34 → 7.0.37

package/Product/Items/ImageItem.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,28 +7,16 @@ 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 __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
 import { ContentItem } from "./ContentItem";
 import { ImagePermissions } from "./ImagePermissions";
 import { ResizeGripsPermissions } from "./ResizeGripsPermissions";
 import { RectangleF } from "../../Math/RectangleF";
 import { ArgumentException, NotImplementedException, Exception } from "../../Exception";
 import { EventWithSenderArg } from "../../EventObject";
-import * as _ from "underscore";
 import { ImageEffect } from "./ImageEffect";
 import { pixelsToPoints } from "../../Utils/Convert";
 import { OverlayEffect } from "./OverlayEffect";
-import { equals, arrayEquals } from "../../Utils/Utils";
+import { equals, isString } from "../../Utils/Utils";
 import { Size } from "./Size";
 import { Property } from "../Decorators/Property";
 import { BlendMode } from "./BlendMode";
@@ -49,71 +24,69 @@ import { CmykColor } from "../../Colors";
 import { ImageViolationSettings } from "./ImageViolationSettings";
 import { CollectionPropertyFactory, ObjectPropertyFactory, SimplePropertyFactory } from "../Decorators/Factory";
 import { NDEffects } from "../Effects/NDEffects";
-var ImageItem = /** @class */ (function (_super) {
-    __extends(ImageItem, _super);
-    function ImageItem(sourceStorageId, location, width, height, ratioWidthToHeight) {
-        var _this = _super.call(this) || this;
-        _this.ndEffects = new NDEffects();
-        _this._effect = ImageEffect.None;
-        _this._overlayEffect = null;
-        _this.type = ImageItem.type;
-        _this.mviKeepTemplateTransform = false;
-        _this.values = [];
-        _this.allowedSubfolder = null;
-        _this.allowedTabs = null;
-        _this.ratioWidthToHeight = null;
-        _this.isUserImage = false;
-        _this.unconvertedSource = null;
-        _this._onSourcePropertyChanged = function (sender, property) {
+import { arraysIsEqual } from "@aurigma/utils-js/algorithms/array";
+export class ImageItem extends ContentItem {
+    constructor(sourceStorageId, location, width, height, ratioWidthToHeight) {
+        super();
+        this.ndEffects = new NDEffects();
+        this._effect = ImageEffect.None;
+        this._overlayEffect = null;
+        this.type = ImageItem.type;
+        this.mviKeepTemplateTransform = false;
+        this.values = [];
+        this.allowedSubfolder = null;
+        this.allowedTabs = null;
+        this.ratioWidthToHeight = null;
+        this.isUserImage = false;
+        this.unconvertedSource = null;
+        this._onSourcePropertyChanged = (sender, property) => {
             switch (property) {
                 case "url":
                 case "id":
                 case "pageIndex":
-                    _this._propertyChanged.notify(_this, "source");
+                    this._propertyChanged.notify(this, "source");
                     break;
                 case "isVector":
-                    _this.applyPermissionsConstrain();
-                    _this._propertyChanged.notify(_this, "source");
+                    this.applyPermissionsConstrain();
+                    this._propertyChanged.notify(this, "source");
                     break;
                 default:
             }
         };
-        _this._onOverlayEffectPropertyChanged = function (s, p) {
-            _this._propertyChanged.notify(_this, "overlayEffect");
+        this._onOverlayEffectPropertyChanged = (s, p) => {
+            this._propertyChanged.notify(this, "overlayEffect");
         };
-        _this.imagePermissions = new ImagePermissions();
-        _this._setViolationSettings(new ImageViolationSettings(), true);
-        _this.manipulationPermissions.resizeGrips = new ResizeGripsPermissions(true, false);
-        _this.shapePermissions.allowChangeFillColor = false;
-        _this.imagePermissions.allowKeepOverlayColor = false;
-        _this.itemPermissions.itemToolbarPermissions.showSelectButton = true;
+        this.imagePermissions = new ImagePermissions();
+        this._setViolationSettings(new ImageViolationSettings(), true);
+        this.manipulationPermissions.resizeGrips = new ResizeGripsPermissions(true, false);
+        this.shapePermissions.allowChangeFillColor = false;
+        this.imagePermissions.allowKeepOverlayColor = false;
+        this.itemPermissions.itemToolbarPermissions.showSelectButton = true;
         if (sourceStorageId != null) {
-            _this.source = new ImageItem.ImageSource(sourceStorageId);
+            this.source = new ImageItem.ImageSource(sourceStorageId);
         }
         else {
-            _this.source = new ImageItem.ImageSource();
+            this.source = new ImageItem.ImageSource();
         }
         if (ratioWidthToHeight != null)
-            _this.ratioWidthToHeight = ratioWidthToHeight;
+            this.ratioWidthToHeight = ratioWidthToHeight;
         if (width != null && height != null) {
-            _this.sourceRectangle = new RectangleF(0, 0, width, height);
+            this.sourceRectangle = new RectangleF(0, 0, width, height);
         }
         else {
             if (width != null)
-                _this.SetWidth(width);
+                this.SetWidth(width);
             if (height != null)
-                _this.SetHeight(height);
+                this.SetHeight(height);
         }
         if (location != null) {
-            _this.sourceRectangle.left = location.x;
-            _this.sourceRectangle.top = location.y;
+            this.sourceRectangle.left = location.x;
+            this.sourceRectangle.top = location.y;
         }
-        return _this;
     }
-    ImageItem.prototype._copy = function (source, destination, generateNewIds, appropriateParentContainer) {
-        var e_1, _a;
-        var _b;
-        _super.prototype._copy.call(this, source, destination, generateNewIds, appropriateParentContainer);
+    _copy(source, destination, generateNewIds, appropriateParentContainer) {
+        var _a;
+        super._copy(source, destination, generateNewIds, appropriateParentContainer);
         destination.imagePermissions = source._imagePermissions != null ? source._imagePermissions.clone() : null;
         destination.effect = source._effect;
         destination.overlayEffect = source.overlayEffect != null ? source.overlayEffect.clone() : null;
@@ -122,88 +95,66 @@ var ImageItem = /** @class */ (function (_super) {
         destination.mviKeepTemplateTransform = source.mviKeepTemplateTransform;
         if (source.values != null) {
             destination.values = [];
-            try {
-                for (var _c = __values(source.values), _d = _c.next(); !_d.done; _d = _c.next()) {
-                    var i = _d.value;
-                    destination.values.push(i.clone());
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (_d && !_d.done && (_a = _c.return)) _a.call(_c);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
+            for (var i of source.values)
+                destination.values.push(i.clone());
         }
-        destination.originalImageSource = (_b = source.originalImageSource) === null || _b === void 0 ? void 0 : _b.clone();
+        destination.originalImageSource = (_a = source.originalImageSource) === null || _a === void 0 ? void 0 : _a.clone();
         destination.ndEffects = source.ndEffects.clone();
         destination.allowedSubfolder = source.allowedSubfolder;
-        destination.allowedTabs = _.clone(source.allowedTabs);
+        destination.allowedTabs = structuredClone(source.allowedTabs);
         destination.ratioWidthToHeight = source.ratioWidthToHeight;
         destination.isUserImage = source.isUserImage;
         destination.displayName = source.displayName;
-    };
-    ImageItem.prototype.equals = function (other) {
-        return _super.prototype.equals.call(this, other) &&
+    }
+    equals(other) {
+        return super.equals(other) &&
             equals(this._imagePermissions, other._imagePermissions) &&
             equals(this._effect, other._effect) &&
             equals(this.unconvertedSource, other.unconvertedSource) &&
             equals(this._source, other._source) &&
             equals(this.mviKeepTemplateTransform, other.mviKeepTemplateTransform) &&
             equals(this.overlayEffect, other.overlayEffect) &&
-            arrayEquals(this.values, other.values) &&
+            arraysIsEqual(this.values, other.values, equals) &&
             equals(this.allowedSubfolder, other.allowedSubfolder) &&
-            arrayEquals(this.allowedTabs, other.allowedTabs) &&
+            arraysIsEqual(this.allowedTabs, other.allowedTabs) &&
             equals(this.ratioWidthToHeight, other.ratioWidthToHeight) &&
             equals(this.isUserImage, other.isUserImage) &&
             equals(this.originalImageSource, other.originalImageSource) &&
             equals(this.ndEffects, other.ndEffects);
-    };
-    ImageItem.prototype.clone = function (generateNewIds, appropriateParentContainer) {
-        if (generateNewIds === void 0) { generateNewIds = false; }
-        if (appropriateParentContainer === void 0) { appropriateParentContainer = false; }
-        var item = new ImageItem();
+    }
+    clone(generateNewIds = false, appropriateParentContainer = false) {
+        const item = new ImageItem();
         this._copy(this, item, generateNewIds, appropriateParentContainer);
         return item;
-    };
-    Object.defineProperty(ImageItem.prototype, "imagePermissions", {
-        get: function () {
-            return this._imagePermissions;
-        },
-        set: function (value) {
-            if (value == null)
-                throw new ArgumentException("imagePermissions cannot be null");
-            if (equals(this._imagePermissions, value))
-                return;
-            if (this._imagePermissions != null)
-                this._imagePermissions.propertyChanged.remove(this._onPermissionsChanged);
-            this._imagePermissions = value;
-            this.applyPermissionsConstrain();
-            this._imagePermissions.propertyChanged.add(this._onPermissionsChanged);
-            this._propertyChanged.notify(this, "imagePermissions");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ImageItem.prototype, "violationSettings", {
-        get: function () {
-            return this._violationSettings;
-        },
-        set: function (value) {
-            this._setViolationSettings(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ImageItem.prototype._setViolationSettings = function (value, skipTypeCheck) {
-        if (skipTypeCheck === void 0) { skipTypeCheck = false; }
+    }
+    get imagePermissions() {
+        return this._imagePermissions;
+    }
+    set imagePermissions(value) {
+        if (value == null)
+            throw new ArgumentException("imagePermissions cannot be null");
+        if (equals(this._imagePermissions, value))
+            return;
+        if (this._imagePermissions != null)
+            this._imagePermissions.propertyChanged.remove(this._onPermissionsChanged);
+        this._imagePermissions = value;
+        this.applyPermissionsConstrain();
+        this._imagePermissions.propertyChanged.add(this._onPermissionsChanged);
+        this._propertyChanged.notify(this, "imagePermissions");
+    }
+    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);
-    };
-    ImageItem.prototype.applyPermissionsConstrain = function () {
-        _super.prototype.applyPermissionsConstrain.call(this);
+        super._setViolationSettings(value, skipTypeCheck);
+    }
+    applyPermissionsConstrain() {
+        super.applyPermissionsConstrain();
         if (this.imagePermissions != null && !this.imagePermissions.allowEditImage)
             this.itemPermissions.itemToolbarPermissions.showEditButtonConstraint = false;
         else if (this.source != null && this.source.isVector)
@@ -214,197 +165,176 @@ var ImageItem = /** @class */ (function (_super) {
             this.itemPermissions.itemToolbarPermissions.showSelectButtonConstraint = false;
         else
             this.itemPermissions.itemToolbarPermissions.showSelectButtonConstraint = null;
-    };
-    Object.defineProperty(ImageItem.prototype, "displayName", {
-        get: function () {
-            var _this = this;
-            if (this._displayName == null && this.values != null && this.values.length > 0) {
-                var selectedValue = this.values.find(function (imageItemValue) { return imageItemValue.value.id === _this.source.id; });
-                if (selectedValue != null)
-                    this.displayName = selectedValue.name;
-            }
-            return this._displayName;
-        },
-        set: function (value) {
-            if (value != this._displayName)
-                this._displayName = value;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ImageItem.prototype, "source", {
-        get: function () {
-            return this._source;
-        },
-        set: function (value) {
-            if (this._source === value || this._source != null && this._source.equals(value))
-                return;
-            if (this._source != null)
-                this._source.removePropertyChanged(this._onSourcePropertyChanged);
-            this._source = value;
-            if (this._source != null)
-                this._source.addPropertyChanged(this._onSourcePropertyChanged);
-            this._propertyChanged.notify(this, "source");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ImageItem.prototype, "effect", {
-        get: function () {
-            return this._effect;
-        },
-        set: function (value) {
-            if (this._effect !== value) {
-                this._effect = value;
-                this._propertyChanged.notify(this, "effect");
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(ImageItem.prototype, "overlayEffect", {
-        get: function () {
-            return this._overlayEffect;
-        },
-        set: function (value) {
-            if (OverlayEffect.equals(this.overlayEffect, value))
-                return;
-            this._unsubscribeOverlayEffectPropertyChanged();
-            this._overlayEffect = value;
-            this._subscribeOverlayEffectPropertyChanged();
-            this._propertyChanged.notify(this, "overlayEffect");
-        },
-        enumerable: true,
-        configurable: true
-    });
-    ImageItem.prototype._subscribeOverlayEffectPropertyChanged = function () {
+    }
+    get displayName() {
+        if (this._displayName == null && this.values != null && this.values.length > 0) {
+            const selectedValue = this.values.find((imageItemValue) => imageItemValue.value.id === this.source.id);
+            if (selectedValue != null)
+                this.displayName = selectedValue.name;
+        }
+        return this._displayName;
+    }
+    set displayName(value) {
+        if (value != this._displayName)
+            this._displayName = value;
+    }
+    get source() {
+        return this._source;
+    }
+    set source(value) {
+        if (this._source === value || this._source != null && this._source.equals(value))
+            return;
+        if (this._source != null)
+            this._source.removePropertyChanged(this._onSourcePropertyChanged);
+        this._source = value;
+        if (this._source != null)
+            this._source.addPropertyChanged(this._onSourcePropertyChanged);
+        this._propertyChanged.notify(this, "source");
+    }
+    get effect() {
+        return this._effect;
+    }
+    set effect(value) {
+        if (this._effect !== value) {
+            this._effect = value;
+            this._propertyChanged.notify(this, "effect");
+        }
+    }
+    get overlayEffect() {
+        return this._overlayEffect;
+    }
+    set overlayEffect(value) {
+        if (OverlayEffect.equals(this.overlayEffect, value))
+            return;
+        this._unsubscribeOverlayEffectPropertyChanged();
+        this._overlayEffect = value;
+        this._subscribeOverlayEffectPropertyChanged();
+        this._propertyChanged.notify(this, "overlayEffect");
+    }
+    _subscribeOverlayEffectPropertyChanged() {
         if (this.overlayEffect != null)
             this.overlayEffect.addPropertyChanged(this._onOverlayEffectPropertyChanged);
-    };
-    ImageItem.prototype._unsubscribeOverlayEffectPropertyChanged = function () {
+    }
+    _unsubscribeOverlayEffectPropertyChanged() {
         if (this.overlayEffect != null)
             this.overlayEffect.removePropertyChanged(this._onOverlayEffectPropertyChanged);
-    };
-    ImageItem.prototype.SetWidth = function (value, calculateHeight) {
+    }
+    SetWidth(value, calculateHeight) {
         this.sourceRectangle.width = value;
         if (calculateHeight != null)
             calculateHeight = true;
         if (this.source.id != null && calculateHeight)
             this.sourceRectangle.height = this._calculateHeight(value);
-    };
-    ImageItem.prototype.SetHeight = function (value, calculateWidth) {
+    }
+    SetHeight(value, calculateWidth) {
         this.sourceRectangle.height = value;
         if (calculateWidth != null)
             calculateWidth = true;
         if (this.source.id != null && calculateWidth)
             this.sourceRectangle.width = this._calculateWidth(value);
-    };
-    ImageItem.prototype.getSource = function () {
+    }
+    getSource() {
         throw new NotImplementedException();
-    };
-    ImageItem.prototype._calculateHeight = function (width) {
+    }
+    _calculateHeight(width) {
         if (this.ratioWidthToHeight == null)
             throw new Exception("Field ratioWidthToHeight is not set!");
         return width / this.ratioWidthToHeight;
-    };
-    ImageItem.prototype._calculateWidth = function (height) {
+    }
+    _calculateWidth(height) {
         if (this.ratioWidthToHeight == null)
             throw new Exception("Field ratioWidthToHeight is not set!");
         return height * this.ratioWidthToHeight;
-    };
-    ImageItem.prototype.getSimplifiedObject = function (omitProperties) {
+    }
+    getSimplifiedObject(omitProperties) {
         var _a, _b;
-        if (!_.isArray(omitProperties) && !_.isString(omitProperties))
+        if (!Array.isArray(omitProperties) && !isString(omitProperties))
             omitProperties = [];
-        var simplified = _super.prototype.getSimplifiedObject.call(this, ["imagePermissions"].concat(omitProperties));
+        const simplified = super.getSimplifiedObject(["imagePermissions"].concat(omitProperties));
         simplified["source"] = this.source.toJSON();
         simplified["originalImageSource"] = (_a = this.originalImageSource) === null || _a === void 0 ? void 0 : _a.toJSON();
         simplified["unconvertedSource"] = (_b = this.unconvertedSource) === null || _b === void 0 ? void 0 : _b.toJSON();
         simplified["ndEffects"] = this.ndEffects.toJSON();
         simplified["imagePermissions"] = this.imagePermissions.getSimplifiedObject();
         return simplified;
-    };
-    ImageItem.prototype.getOriginalImageSize = function () {
+    }
+    getOriginalImageSize() {
         return {
             width: pixelsToPoints(this.source.width, this.source.dpiX || 72),
             height: pixelsToPoints(this.source.height, this.source.dpiY || 72)
         };
-    };
-    ImageItem.type = "ImageItem";
-    __decorate([
-        Property({ factory: new SimplePropertyFactory("subfolder"), displayName: "Allowed subfolder" }),
-        __metadata("design:type", String)
-    ], ImageItem.prototype, "allowedSubfolder", void 0);
-    __decorate([
-        Property({ factory: new CollectionPropertyFactory(Array), displayName: "Allowed tabs", }),
-        __metadata("design:type", Array)
-    ], ImageItem.prototype, "allowedTabs", void 0);
-    __decorate([
-        Property({ factory: new SimplePropertyFactory("Image"), displayName: "Display name" }),
-        __metadata("design:type", Object),
-        __metadata("design:paramtypes", [Object])
-    ], ImageItem.prototype, "displayName", null);
-    __decorate([
-        Property({ ignore: true }),
-        __metadata("design:type", ImageItem.ImageSource)
-    ], ImageItem.prototype, "unconvertedSource", void 0);
-    __decorate([
-        Property({ enumObject: ImageEffect }),
-        __metadata("design:type", Number),
-        __metadata("design:paramtypes", [Number])
-    ], ImageItem.prototype, "effect", null);
-    __decorate([
-        Property({
-            factory: new ObjectPropertyFactory(OverlayEffect, {
-                color: new CmykColor(0, 0, 0, 0, 255),
-                opacity: 1,
-                blendMode: BlendMode.Normal
-            }),
-            displayName: "Overlay effect"
+    }
+}
+ImageItem.type = "ImageItem";
+__decorate([
+    Property({ factory: new SimplePropertyFactory("subfolder"), displayName: "Allowed subfolder" }),
+    __metadata("design:type", String)
+], ImageItem.prototype, "allowedSubfolder", void 0);
+__decorate([
+    Property({ factory: new CollectionPropertyFactory(Array), displayName: "Allowed tabs", }),
+    __metadata("design:type", Array)
+], ImageItem.prototype, "allowedTabs", void 0);
+__decorate([
+    Property({ factory: new SimplePropertyFactory("Image"), displayName: "Display name" }),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], ImageItem.prototype, "displayName", null);
+__decorate([
+    Property({ ignore: true }),
+    __metadata("design:type", ImageItem.ImageSource)
+], ImageItem.prototype, "unconvertedSource", void 0);
+__decorate([
+    Property({ enumObject: ImageEffect }),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [Number])
+], ImageItem.prototype, "effect", null);
+__decorate([
+    Property({
+        factory: new ObjectPropertyFactory(OverlayEffect, {
+            color: new CmykColor(0, 0, 0, 0, 255),
+            opacity: 1,
+            blendMode: BlendMode.Normal
         }),
-        __metadata("design:type", OverlayEffect),
-        __metadata("design:paramtypes", [OverlayEffect])
-    ], ImageItem.prototype, "overlayEffect", null);
-    return ImageItem;
-}(ContentItem));
-export { ImageItem };
+        displayName: "Overlay effect"
+    }),
+    __metadata("design:type", OverlayEffect),
+    __metadata("design:paramtypes", [OverlayEffect])
+], ImageItem.prototype, "overlayEffect", null);
 (function (ImageItem) {
-    var ImageMetaData = /** @class */ (function () {
-        function ImageMetaData(rawData) {
-            _.extend(this, rawData);
+    class ImageMetaData {
+        constructor(rawData) {
+            Object.assign(this, rawData);
         }
-        ImageMetaData.prototype.clone = function () {
+        clone() {
             return new ImageMetaData(this);
-        };
-        ImageMetaData.prototype.equals = function (other) {
+        }
+        equals(other) {
             return other != null &&
                 equals(this.id, other.id) &&
                 equals(this.width, other.width) &&
                 equals(this.height, other.height) &&
                 equals(this.isVector, other.isVector);
-        };
-        return ImageMetaData;
-    }());
+        }
+    }
     ImageItem.ImageMetaData = ImageMetaData;
-    var ImageItemValue = /** @class */ (function () {
-        function ImageItemValue(name, value, transformedRectangle) {
+    class ImageItemValue {
+        constructor(name, value, transformedRectangle) {
             this.name = name;
             this.value = value;
             this.transformedRectangle = transformedRectangle;
         }
-        ImageItemValue.prototype.clone = function () {
+        clone() {
             return new ImageItemValue(this.name, this.value.clone(), this.transformedRectangle.clone());
-        };
-        ImageItemValue.prototype.equals = function (other) {
+        }
+        equals(other) {
             return other != null &&
                 equals(this.name, other.name) &&
                 equals(this.value, other.value) &&
                 equals(this.transformedRectangle, other.transformedRectangle);
-        };
-        return ImageItemValue;
-    }());
+        }
+    }
     ImageItem.ImageItemValue = ImageItemValue;
-    var ImageSourceType;
+    let ImageSourceType;
     (function (ImageSourceType) {
         ImageSourceType[ImageSourceType["None"] = 0] = "None";
         ImageSourceType[ImageSourceType["File"] = 1] = "File";
@@ -413,15 +343,13 @@ export { ImageItem };
         ImageSourceType[ImageSourceType["PublicImage"] = 5] = "PublicImage";
         ImageSourceType[ImageSourceType["UserImage"] = 6] = "UserImage";
     })(ImageSourceType = ImageItem.ImageSourceType || (ImageItem.ImageSourceType = {}));
-    var ImageSource = /** @class */ (function () {
-        function ImageSource(storageId, url, sourcePageIndex, actualSize, saveAspectRatio, origin) {
-            if (sourcePageIndex === void 0) { sourcePageIndex = 0; }
-            if (actualSize === void 0) { actualSize = false; }
-            if (saveAspectRatio === void 0) { saveAspectRatio = true; }
+    class ImageSource {
+        constructor(storageId, url, sourcePageIndex = 0, actualSize = false, saveAspectRatio = true, origin) {
             this._storageId = null;
             this._url = null;
             this._type = ImageSourceType.None;
             this._isVector = false;
+            this._containsOnlyVectorElements = false;
             this._pageIndex = 0;
             this._origin = null;
             this._actualSize = false;
@@ -441,14 +369,15 @@ export { ImageItem };
                 this._saveAspectRatio = saveAspectRatio;
             }
         }
-        ImageSource.prototype.clone = function () {
-            var clonedItem = new ImageSource();
+        clone() {
+            const clonedItem = new ImageSource();
             clonedItem.id = this.id;
             clonedItem.url = this.url;
             clonedItem._type = this._type;
             clonedItem._width = this._width;
             clonedItem._height = this._height;
             clonedItem._isVector = this._isVector;
+            clonedItem._containsOnlyVectorElements = this._containsOnlyVectorElements;
             clonedItem._pageIndex = this._pageIndex;
             clonedItem._origin = this._origin != null ? this._origin.clone() : null;
             clonedItem._actualSize = this._actualSize;
@@ -456,8 +385,8 @@ export { ImageItem };
             clonedItem._dpiX = this._dpiX;
             clonedItem._dpiY = this._dpiY;
             return clonedItem;
-        };
-        ImageSource.prototype.equals = function (other) {
+        }
+        equals(other) {
             return equals(this.id, other.id) &&
                 equals(this.url, other.url) &&
                 equals(this._type, other._type) &&
@@ -469,191 +398,151 @@ export { ImageItem };
                 JSON.stringify(other._origin) === JSON.stringify(this._origin) &&
                 other._actualSize === this._actualSize &&
                 other._saveAspectRatio === this._saveAspectRatio;
-        };
-        Object.defineProperty(ImageSource.prototype, "id", {
-            get: function () {
-                return this._storageId;
-            },
-            set: function (value) {
-                if (this._storageId === value)
-                    return;
-                this._storageId = value;
-                this._propertyChanged.notify(this, "id");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        ImageSource.prototype.setIdWithOrigin = function (id, origin) {
+        }
+        get id() {
+            return this._storageId;
+        }
+        set id(value) {
+            if (this._storageId === value)
+                return;
+            this._storageId = value;
+            this._propertyChanged.notify(this, "id");
+        }
+        setIdWithOrigin(id, origin) {
             this.id = id;
             this._setOrigin(origin);
-        };
-        Object.defineProperty(ImageSource.prototype, "url", {
-            get: function () {
-                return this._url;
-            },
-            set: function (value) {
-                if (this._url === value)
-                    return;
-                this._url = value;
-                this._propertyChanged.notify(this, "url");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "width", {
-            get: function () {
-                return this._width;
-            },
-            set: function (value) {
-                if (this._width === value)
-                    return;
-                this._width = value;
-                this._propertyChanged.notify(this, "width");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "height", {
-            get: function () {
-                return this._height;
-            },
-            set: function (value) {
-                if (this._height === value)
-                    return;
-                this._height = value;
-                this._propertyChanged.notify(this, "height");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "isVector", {
-            get: function () {
-                return this._isVector;
-            },
-            set: function (value) {
-                if (this._isVector === value)
-                    return;
-                this._isVector = value;
-                this._propertyChanged.notify(this, "isVector");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "pageIndex", {
-            get: function () {
-                return this._pageIndex;
-            },
-            set: function (value) {
-                if (value === this._pageIndex)
-                    return;
-                this._pageIndex = value;
-                this._propertyChanged.notify(this, "pageIndex");
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "origin", {
-            get: function () {
-                return this._origin;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        ImageSource.prototype._setOrigin = function (value) {
+        }
+        get url() {
+            return this._url;
+        }
+        set url(value) {
+            if (this._url === value)
+                return;
+            this._url = value;
+            this._propertyChanged.notify(this, "url");
+        }
+        get width() {
+            return this._width;
+        }
+        set width(value) {
+            if (this._width === value)
+                return;
+            this._width = value;
+            this._propertyChanged.notify(this, "width");
+        }
+        get height() {
+            return this._height;
+        }
+        set height(value) {
+            if (this._height === value)
+                return;
+            this._height = value;
+            this._propertyChanged.notify(this, "height");
+        }
+        get isVector() {
+            return this._isVector;
+        }
+        set isVector(value) {
+            if (this._isVector === value)
+                return;
+            this._isVector = value;
+            this._propertyChanged.notify(this, "isVector");
+        }
+        get containsOnlyVectorElements() {
+            return this._containsOnlyVectorElements;
+        }
+        set containsOnlyVectorElements(value) {
+            if (this._containsOnlyVectorElements === value)
+                return;
+            this._containsOnlyVectorElements = value;
+            this._propertyChanged.notify(this, "containsOnlyVectorElements");
+        }
+        get pageIndex() {
+            return this._pageIndex;
+        }
+        set pageIndex(value) {
+            if (value === this._pageIndex)
+                return;
+            this._pageIndex = value;
+            this._propertyChanged.notify(this, "pageIndex");
+        }
+        get origin() {
+            return this._origin;
+        }
+        _setOrigin(value) {
             if (value === this._origin)
                 return;
             this._origin = value;
             this._propertyChanged.notify(this, "origin");
-        };
-        Object.defineProperty(ImageSource.prototype, "type", {
-            get: function () {
-                return this._type;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "actualSize", {
-            get: function () {
-                return this._actualSize;
-            },
-            set: function (value) {
-                this._actualSize = value;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "saveAspectRatio", {
-            get: function () {
-                return this._saveAspectRatio;
-            },
-            set: function (value) {
-                this._saveAspectRatio = value;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "dpiX", {
-            get: function () {
-                return this._dpiX;
-            },
-            set: function (dpi) {
-                if (dpi > 0)
-                    this._dpiX = dpi;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        Object.defineProperty(ImageSource.prototype, "dpiY", {
-            get: function () {
-                return this._dpiY;
-            },
-            set: function (dpi) {
-                if (dpi > 0)
-                    this._dpiY = dpi;
-            },
-            enumerable: true,
-            configurable: true
-        });
-        ImageSource.prototype.addPropertyChanged = function (listener) {
+        }
+        get type() {
+            return this._type;
+        }
+        get actualSize() {
+            return this._actualSize;
+        }
+        set actualSize(value) {
+            this._actualSize = value;
+        }
+        get saveAspectRatio() {
+            return this._saveAspectRatio;
+        }
+        set saveAspectRatio(value) {
+            this._saveAspectRatio = value;
+        }
+        get dpiX() {
+            return this._dpiX;
+        }
+        set dpiX(dpi) {
+            if (dpi > 0)
+                this._dpiX = dpi;
+        }
+        get dpiY() {
+            return this._dpiY;
+        }
+        set dpiY(dpi) {
+            if (dpi > 0)
+                this._dpiY = dpi;
+        }
+        addPropertyChanged(listener) {
             this._propertyChanged.add(listener);
-        };
-        ImageSource.prototype.removePropertyChanged = function (listener) {
+        }
+        removePropertyChanged(listener) {
             this._propertyChanged.remove(listener);
-        };
-        ImageSource.prototype.toJSON = function () {
+        }
+        toJSON() {
             return {
                 "id": this.id,
                 "width": this.width,
                 "height": this.height,
                 "isVector": this.isVector,
+                "containsOnlyVectorElements": this.containsOnlyVectorElements,
                 "pageIndex": this.pageIndex,
                 "url": this.url,
                 "actualSize": this.actualSize,
                 "saveAspectRatio": this.saveAspectRatio,
                 "origin": this.origin
             };
-        };
-        return ImageSource;
-    }());
+        }
+    }
     ImageItem.ImageSource = ImageSource;
     (function (ImageSource) {
-        var Origin = /** @class */ (function () {
-            function Origin(rawData) {
-                _.extend(this, rawData || {});
+        class Origin {
+            constructor(rawData) {
+                Object.assign(this, rawData || {});
                 if (rawData != null && rawData["originalSize"] != null)
                     this.originalSize = new Size(rawData["originalSize"]["width"], rawData["originalSize"]["height"]);
             }
-            Origin.prototype.equals = function (other) {
+            equals(other) {
                 return other == null &&
                     equals(this.type, other.type) &&
                     equals(this.data, other.data) &&
                     equals(this.originalSize, other.originalSize);
-            };
-            Origin.prototype.clone = function () {
+            }
+            clone() {
                 return new Origin(this);
-            };
-            return Origin;
-        }());
+            }
+        }
         ImageSource.Origin = Origin;
     })(ImageSource = ImageItem.ImageSource || (ImageItem.ImageSource = {}));
 })(ImageItem || (ImageItem = {}));