@flexem/fc-gui 3.0.0-alpha.9 → 3.0.0-alpha.91

package/core/stringifying-set.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"StringifyingSet":{"__symbolic":"class","arity":1,"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Expression form not supported","line":4,"character":46}]}],"add":[{"__symbolic":"method"}],"has":[{"__symbolic":"method"}],"delete":[{"__symbolic":"method"}],"forEach":[{"__symbolic":"method"}]}}}}]

package/elements/bar-graph-element.d.ts

@@ -1,21 +0,0 @@
-import { BarGraph } from '../model';
-import { Localization } from '../localization';
-import { VariableCommunicator } from '../communication';
-import { ReadableElement } from './base/readable-element';
-import { VariableStore } from '../config';
-import { PermissionChecker } from '../service';
-export declare class BarGraphElement extends ReadableElement {
-    readonly model: BarGraph;
-    private readonly $barRect;
-    private readonly barElement;
-    private readonly $barText;
-    private readonly defaultTransform;
-    private defaultBarColor;
-    private defaultUpperLimitColor;
-    private defaultLowerLimitColor;
-    private barText;
-    get readVariableName(): string;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    private initFrameNode;
-    updateVariableValue(value: number): void;
-}

package/elements/bar-graph-element.js

@@ -1,114 +0,0 @@
-import { BarGraphDirection } from '../model';
-import { ReadableElement } from './base/readable-element';
-import { calculatePercent } from './shared/math-utils';
-import { VariableUtil } from '../utils/variable-util';
-export class BarGraphElement extends ReadableElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.defaultBarColor = '#6fd149';
-        this.defaultUpperLimitColor = '#ff4448';
-        this.defaultLowerLimitColor = '#0f60e8';
-        this.barText = '';
-        this.$barRect = this.$element.find('rect');
-        this.$barText = this.$element.find('text[id="text"]').last();
-        if (this.model.version && this.model.version >= 1) {
-            const backgroundColor = this.model.backgroundColor ? this.model.backgroundColor : 'transparent';
-            this.barElement = this.$element.children(`path[fill='${backgroundColor}']`);
-            this.defaultTransform = this.barElement.attr('transform');
-            this.$barRect.attr('transform', this.defaultTransform);
-        }
-        setTimeout(() => {
-            this.initFrameNode();
-        }, 0);
-    }
-    get readVariableName() {
-        if (!this.model) {
-            throw new Error('Model cannot be null');
-        }
-        if (null == this.model.version || this.model.version < 2) {
-            return this.model.variableName;
-        }
-        else {
-            const variable = this.model.readVariable;
-            if (!variable) {
-                return undefined;
-            }
-            return VariableUtil.getConvertedVariableName(this.variableStore, variable);
-        }
-    }
-    initFrameNode() {
-        const arcPath = Snap(this.$element[0]);
-        const b = arcPath.getBBox(true);
-        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', b.width).attr('height', b.height).attr('fill', 'transparent');
-    }
-    updateVariableValue(value) {
-        const variableValue = Number(value).valueOf();
-        const maxValue = Number(this.model.max).valueOf();
-        const minValue = Number(this.model.min).valueOf();
-        const useAlarmLimit = this.model.useAlarmLimit;
-        const useAlarmUpperLimit = null != this.model.upperLimit;
-        const useAlarmLowerLimit = null != this.model.lowerLimit;
-        let barColor = this.model.barColor;
-        const upperLimitColor = this.model.upperLimitColor;
-        const lowerLimitColor = this.model.lowerLimitColor;
-        const percentageFont = this.model.percentageFont;
-        let box;
-        if (this.model.version && this.model.version >= 1) {
-            box = this.barElement[0].getBBox();
-        }
-        else {
-            box = this.$barRect.parent()[0].getBBox();
-        }
-        const percent = calculatePercent(minValue, maxValue, variableValue);
-        let translateY = 0;
-        if (this.model.direction === BarGraphDirection.DownToUp || this.model.direction === BarGraphDirection.LeftToRight) {
-            translateY = box.height * (1 - percent);
-        }
-        if (!barColor) {
-            barColor = this.defaultBarColor;
-        }
-        if (useAlarmLimit) {
-            if (useAlarmUpperLimit && variableValue > +this.model.upperLimit) {
-                if (upperLimitColor) {
-                    barColor = upperLimitColor;
-                }
-                else {
-                    barColor = this.defaultUpperLimitColor;
-                }
-            }
-            else if (useAlarmLowerLimit && variableValue < +this.model.lowerLimit) {
-                if (lowerLimitColor) {
-                    barColor = lowerLimitColor;
-                }
-                else {
-                    barColor = this.defaultLowerLimitColor;
-                }
-            }
-        }
-        this.$barRect.attr('height', box.height * percent);
-        this.$barRect.attr('width', box.width);
-        this.$barRect.attr('fill', barColor);
-        if (this.model.version && this.model.version >= 1) {
-            this.$barRect.attr('transform', this.defaultTransform + ` translate(0,${translateY})`);
-        }
-        else {
-            this.$barRect.attr('transform', `translate(0,${translateY})`);
-        }
-        this.barText = (percent * 100).toFixed(0) + '%';
-        this.$barText.text(this.barText);
-        if (percentageFont) {
-            this.$barText.attr('font-family', 'Microsoft YaHei');
-            this.$barText.attr('font-size', percentageFont.fontSize + '');
-            this.$barText.attr('fill', percentageFont.color);
-            if (percentageFont.isBold) {
-                this.$barText.attr('font-weight', 'bold');
-            }
-            if (percentageFont.isItalic) {
-                this.$barText.attr('font-style', 'italic');
-            }
-            if (percentageFont.isUnderline) {
-                this.$barText.attr('text-decoration', 'underline');
-            }
-        }
-    }
-}

package/elements/bar-graph-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"BarGraphElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base/readable-element","name":"ReadableElement","line":9,"character":37},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":33,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../service","name":"PermissionChecker","line":33,"character":57},{"__symbolic":"reference","module":"../communication","name":"VariableCommunicator","line":34,"character":30},{"__symbolic":"reference","module":"../config","name":"VariableStore","line":35,"character":23},{"__symbolic":"reference","module":"../localization","name":"Localization","line":36,"character":22},{"__symbolic":"reference","name":"string"}]}],"initFrameNode":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}]}}}}]

package/elements/base/base-element.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="jquery" />
-/// <reference types="jqueryui" />
-import * as d3 from 'd3-selection';
-import { BaseElementModel } from '../../model';
-export declare abstract class BaseElement {
-    protected readonly signalRAppId: string;
-    protected readonly $element: JQuery;
-    protected readonly rootElement: d3.Selection<any, {}, null, undefined>;
-    protected model: BaseElementModel;
-    constructor(element: HTMLElement, signalRAppId?: string);
-}

package/elements/base/base-element.js

@@ -1,9 +0,0 @@
-import * as d3 from 'd3-selection';
-export class BaseElement {
-    constructor(element, signalRAppId = '') {
-        this.signalRAppId = signalRAppId;
-        this.$element = $(element);
-        this.rootElement = d3.select(element);
-        this.model = JSON.parse(this.rootElement.attr('data-model'));
-    }
-}

package/elements/base/base-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"BaseElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":9,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","name":"string"}]}]}}}}]

package/elements/base/conditional-control-element.d.ts

@@ -1,16 +0,0 @@
-import { ConditionControlResultValue } from '../../model';
-import { ConditionalControlModel } from '../../model/base/conditional-control-model';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { StateControlElement } from './state-control-element';
-import { Localization } from '../../localization';
-import { VariableStore } from '../../config';
-export declare abstract class ConditionalControlElement extends StateControlElement {
-    protected readonly variableCommunicator: VariableCommunicator;
-    protected readonly variableStore: VariableStore;
-    protected abstract readonly model: ConditionalControlModel;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    protected abstract updateElement(value: ConditionControlResultValue): void;
-    private initConditionalControl;
-    private recoverData;
-}

package/elements/base/conditional-control-element.js

@@ -1,87 +0,0 @@
-import { BitConditonLogic, ConditionItemsResultObserver } from '../../model';
-import { forEach } from 'lodash';
-import { ConditionType } from '../../model/shared/condition/condition-type';
-import { RelationType } from '../../model/shared/condition/relation-type';
-import { VariableState } from '../../communication';
-import { StateControlElement } from './state-control-element';
-import { VariableUtil } from '../../utils/variable-util';
-import { VariableDefinition } from '../../communication/variable/variable-definition';
-export class ConditionalControlElement extends StateControlElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.variableCommunicator = variableCommunicator;
-        this.variableStore = variableStore;
-        this.recoverData();
-        setTimeout(() => {
-            this.initConditionalControl();
-        });
-    }
-    initConditionalControl() {
-        if (this.model.isControl === false) {
-            return;
-        }
-        if (null == this.model.controlItems || !this.model.controlItems.length) {
-            return;
-        }
-        const controlConditionResult = new ConditionItemsResultObserver(this.model.controlItems, this.variableCommunicator, this.variableStore);
-        controlConditionResult.conditionResultChanged.subscribe(result => {
-            this.updateElement(result);
-        });
-        controlConditionResult.requestData(this.signalRAppId);
-    }
-    recoverData() {
-        if (!this.model) {
-            throw new Error('Model cannot be null');
-        }
-        if (null == this.model.version || this.model.version < 1) {
-            if (this.model.variableName) {
-                this.model.controlItems = new Array();
-                const bitCondition = {
-                    variableName: this.model.variableName,
-                    bitConditionLogic: BitConditonLogic.On
-                };
-                const condition = {
-                    index: 0,
-                    conditionType: ConditionType.Bit,
-                    condition: bitCondition,
-                    relationType: RelationType.None
-                };
-                this.model.controlItems.push(condition);
-                const variable = new VariableDefinition(condition.condition.variableName, condition.condition.variableGroupName, condition.condition.dataSourceCode, condition.condition.variableVersion);
-                this.addElementState(new VariableState(VariableUtil.getConvertedVariableName(this.variableStore, variable), undefined));
-                this.initState();
-            }
-        }
-        else if (this.model.version < 2) {
-            if (this.model.readVariable
-                && this.model.readVariable.name
-                && this.model.readVariable.groupName) {
-                this.model.controlItems = new Array();
-                const bitCondition = {
-                    variableName: this.model.readVariable.name,
-                    variableGroupName: this.model.readVariable.groupName,
-                    bitConditionLogic: BitConditonLogic.On
-                };
-                const condition = {
-                    index: 0,
-                    conditionType: ConditionType.Bit,
-                    condition: bitCondition,
-                    relationType: RelationType.None
-                };
-                this.model.controlItems.push(condition);
-                const variable = new VariableDefinition(condition.condition.variableName, condition.condition.variableGroupName, condition.condition.dataSourceCode, condition.condition.variableVersion);
-                this.addElementState(new VariableState(VariableUtil.getConvertedVariableName(this.variableStore, variable), undefined));
-                this.initState();
-            }
-        }
-        else {
-            forEach(this.model.controlItems, controlItem => {
-                if (controlItem.condition.variableName) {
-                    const variable = new VariableDefinition(controlItem.condition.variableName, controlItem.condition.variableGroupName, controlItem.condition.dataSourceCode, controlItem.condition.variableVersion);
-                    this.addElementState(new VariableState(VariableUtil.getConvertedVariableName(this.variableStore, variable), undefined));
-                    this.initState();
-                }
-            });
-        }
-    }
-}

package/elements/base/conditional-control-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ConditionalControlElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./state-control-element","name":"StateControlElement","line":15,"character":56},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":19,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":20,"character":27},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":21,"character":49},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":21,"character":105},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":21,"character":134},{"__symbolic":"reference","name":"string"}]}],"updateElement":[{"__symbolic":"method"}],"initConditionalControl":[{"__symbolic":"method"}],"recoverData":[{"__symbolic":"method"}]}}}}]

package/elements/base/conditional-display-element.d.ts

@@ -1,24 +0,0 @@
-import { ConditionalDisplayModel } from '../../model';
-import { VariableCommunicator } from '../../communication';
-import { BaseElement } from './base-element';
-import { VariableStore } from '../../config';
-import { PermissionChecker } from '../../service/permission-checker';
-export declare abstract class ConditionalDisplayElement extends BaseElement {
-    protected readonly permissionChecker: PermissionChecker;
-    protected readonly variableCommunicator: VariableCommunicator;
-    protected readonly variableStore: VariableStore;
-    protected abstract readonly model: ConditionalDisplayModel;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
-    private initDisplay;
-    private checkDisplayConditionAndPermission;
-    private updateVisibilityByCondition;
-    private updateVisibilityByPermission;
-    /**
-     * Hide this element
-     */
-    hide(): void;
-    /**
-     * Show this element
-     */
-    show(): void;
-}

package/elements/base/conditional-display-element.js

@@ -1,86 +0,0 @@
-import { ConditionItemsResultObserver } from '../../model';
-import { BaseElement } from './base-element';
-export class ConditionalDisplayElement extends BaseElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
-        super(element, signalRAppId);
-        this.permissionChecker = permissionChecker;
-        this.variableCommunicator = variableCommunicator;
-        this.variableStore = variableStore;
-        this.initDisplay();
-    }
-    initDisplay() {
-        if (false !== this.model.isAwaysDisplay) {
-            return;
-        }
-        // If this element is conditional display, hide this element by default
-        this.hide();
-        if (this.model.version == null || this.model.version < 3) {
-            this.updateVisibilityByCondition();
-        }
-        else {
-            const isDisplayControl = this.model.isDisplayControl || this.model.conditionItems.length > 0;
-            if (this.model.isDisplayPermission && !isDisplayControl) {
-                this.updateVisibilityByPermission();
-            }
-            if (!this.model.isDisplayPermission && isDisplayControl) {
-                this.updateVisibilityByCondition();
-            }
-            if (this.model.isDisplayPermission && isDisplayControl) {
-                this.checkDisplayConditionAndPermission();
-            }
-        }
-    }
-    checkDisplayConditionAndPermission() {
-        if (null == this.model.conditionItems || !this.model.conditionItems.length) {
-            return;
-        }
-        const conditionResult = new ConditionItemsResultObserver(this.model.conditionItems, this.variableCommunicator, this.variableStore);
-        conditionResult.conditionResultChanged.subscribe(result => {
-            if (result.value) {
-                this.updateVisibilityByPermission();
-            }
-            else {
-                this.hide();
-            }
-        });
-        conditionResult.requestData(this.signalRAppId);
-    }
-    updateVisibilityByCondition() {
-        if (null == this.model.conditionItems || !this.model.conditionItems.length) {
-            return;
-        }
-        const conditionResult = new ConditionItemsResultObserver(this.model.conditionItems, this.variableCommunicator, this.variableStore);
-        conditionResult.conditionResultChanged.subscribe(result => {
-            if (result.value) {
-                this.show();
-            }
-            else {
-                this.hide();
-            }
-        });
-        conditionResult.requestData(this.signalRAppId);
-    }
-    updateVisibilityByPermission() {
-        if (!this.model.displayPermissionCodes || !this.model.displayPermissionCodes.length) {
-            return;
-        }
-        if (this.permissionChecker.isGranted(this.model.displayPermissionCodes)) {
-            this.show();
-        }
-        else {
-            this.hide();
-        }
-    }
-    /**
-     * Hide this element
-     */
-    hide() {
-        this.rootElement.style('display', 'none');
-    }
-    /**
-     * Show this element
-     */
-    show() {
-        this.rootElement.style('display', 'block');
-    }
-}

package/elements/base/conditional-display-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ConditionalDisplayElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./base-element","name":"BaseElement","line":6,"character":56},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":10,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service/permission-checker","name":"PermissionChecker","line":11,"character":46},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":12,"character":49},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":13,"character":42},{"__symbolic":"reference","name":"string"}]}],"initDisplay":[{"__symbolic":"method"}],"checkDisplayConditionAndPermission":[{"__symbolic":"method"}],"updateVisibilityByCondition":[{"__symbolic":"method"}],"updateVisibilityByPermission":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}]}}}}]

package/elements/base/conditional-dynamic-display-element.d.ts

@@ -1,26 +0,0 @@
-import { ConditionalDynamicDisplayModel } from '../../model/base/conditional-dynamic-display-model';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalDisplayElement } from './conditional-display-element';
-import { Size, Point } from '../../model';
-import { VariableStore } from '../../config';
-import { PermissionChecker } from '../../service/permission-checker';
-export declare abstract class ConditionalDynamicDisplayElement extends ConditionalDisplayElement {
-    protected readonly variableCommunicator: VariableCommunicator;
-    protected readonly variableStore: VariableStore;
-    protected abstract readonly model: ConditionalDynamicDisplayModel;
-    protected hor: number;
-    protected ver: number;
-    protected ang: number;
-    protected x: number;
-    protected y: number;
-    protected rotatedHor: number;
-    protected rotatedVer: number;
-    protected transform: string;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, signalRAppId: string);
-    protected initDynamicBehavior(): void;
-    protected getActualSize(): Size;
-    protected getActualLocation(): Point;
-    isBold(fontStyle: string): boolean;
-    isItalic(fontStyle: string): boolean;
-    fontFamily(fontStyle: string): string;
-}

package/elements/base/conditional-dynamic-display-element.js

@@ -1,142 +0,0 @@
-import { DynamicBehaviorType } from '../../model/shared/dynamic-display/dynamic-behavior-type';
-import { DynamicDisplay } from '../../model/shared/dynamic-display/dynamic-display';
-import { ConditionalDisplayElement } from './conditional-display-element';
-import { GuiConsts } from '../../shared';
-export class ConditionalDynamicDisplayElement extends ConditionalDisplayElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, signalRAppId);
-        this.variableCommunicator = variableCommunicator;
-        this.variableStore = variableStore;
-        this.initDynamicBehavior();
-    }
-    initDynamicBehavior() {
-        this.ang = 0;
-        if (this.model.version >= 1 && this.model.dynamicSetting != null) {
-            const location = this.getActualLocation();
-            const strokeWidth = this.model.strokeWidth ? this.model.strokeWidth : 0;
-            this.hor = location.x - Number(strokeWidth) / 2;
-            this.ver = location.y - Number(strokeWidth) / 2;
-            const behavior = new DynamicDisplay(this.model.dynamicSetting, this.variableCommunicator, this.variableStore, location, this.signalRAppId);
-            behavior.doBehavior.subscribe(result => {
-                if (this.model.angle) {
-                    this.ang = Number(this.model.angle);
-                }
-                if (result.behaviorType === DynamicBehaviorType.HorizontalTranslation) {
-                    this.hor = Number(result.translation) - Number(strokeWidth) / 2;
-                }
-                else if (result.behaviorType === DynamicBehaviorType.VerticalTranslation) {
-                    this.ver = Number(result.translation) - Number(strokeWidth) / 2;
-                }
-                else if (result.behaviorType === DynamicBehaviorType.Rotation) {
-                    if (this.model.angle) {
-                        this.ang += Number(result.angel);
-                    }
-                    else {
-                        this.ang = Number(result.angel);
-                    }
-                }
-                const cosVal = Math.cos(this.ang * Math.PI / 180), sinVal = Math.sin(this.ang * Math.PI / 180);
-                if (this.model.version >= 2) {
-                    const size = this.getActualSize();
-                    if (size === undefined) {
-                        this.x = this.hor;
-                        this.y = this.ver;
-                    }
-                    else {
-                        switch (this.model.fixedPositionType) {
-                            case 0:
-                                this.x = this.hor;
-                                this.y = this.ver;
-                                break;
-                            case 1:
-                                this.x = this.hor + size.width / 2;
-                                this.y = this.ver;
-                                break;
-                            case 2:
-                                this.x = this.hor + size.width;
-                                this.y = this.ver;
-                                break;
-                            case 3:
-                                this.x = this.hor;
-                                this.y = this.ver + size.height / 2;
-                                break;
-                            case 4:
-                                this.x = this.hor + size.width / 2;
-                                this.y = this.ver + size.height / 2;
-                                break;
-                            case 5:
-                                this.x = this.hor + size.width;
-                                this.y = this.ver + size.height / 2;
-                                break;
-                            case 6:
-                                this.x = this.hor;
-                                this.y = this.ver + size.height;
-                                break;
-                            case 7:
-                                this.x = this.hor + size.width / 2;
-                                this.y = this.ver + size.height;
-                                break;
-                            case 8:
-                                this.x = this.hor + size.width;
-                                this.y = this.ver + size.height;
-                                break;
-                        }
-                    }
-                    let isOldData = true;
-                    if ((this.model.category === GuiConsts.components.meterKey || this.model.category === GuiConsts.components.switchIndicatorLightKey
-                        || this.model.category === GuiConsts.components.imageKey) && this.model.version > 4) {
-                        isOldData = false;
-                    }
-                    else if (this.model.category === GuiConsts.components.toggleViewKey && this.model.version > 5) {
-                        isOldData = false;
-                    }
-                    else if (!(this.model.category === GuiConsts.components.meterKey || this.model.category === GuiConsts.components.switchIndicatorLightKey
-                        || this.model.category === GuiConsts.components.imageKey || this.model.category === GuiConsts.components.toggleViewKey) && this.model.version > 3) {
-                        isOldData = false;
-                    }
-                    else {
-                        isOldData = true;
-                    }
-                    if (isOldData) {
-                        this.rotatedHor = (this.hor - this.x) * cosVal - (this.ver - this.y) * sinVal + this.x;
-                        this.rotatedVer = (this.hor - this.x) * sinVal + (this.ver - this.y) * cosVal + this.y;
-                    }
-                    else {
-                        this.rotatedHor = (this.hor - this.x) * cosVal - (this.ver - this.y) * sinVal + this.hor;
-                        this.rotatedVer = (this.hor - this.x) * sinVal + (this.ver - this.y) * cosVal + this.ver;
-                    }
-                    this.transform = 'matrix(' + cosVal.toFixed(6) + ',' + sinVal.toFixed(6) + ','
-                        + (-1 * sinVal).toFixed(6) + ',' + cosVal.toFixed(6) + ',' + this.rotatedHor + ',' + this.rotatedVer + ')';
-                    this.rootElement.style('-webkit-transform', this.transform);
-                }
-                else {
-                    this.transform = 'matrix(' + cosVal.toFixed(6) + ',' + sinVal.toFixed(6) + ','
-                        + (-1 * sinVal).toFixed(6) + ',' + cosVal.toFixed(6) + ',' + this.hor + ',' + this.ver + ')';
-                    this.rootElement.style('-webkit-transform', this.transform);
-                }
-            });
-        }
-    }
-    getActualSize() {
-        return this.model.size;
-    }
-    getActualLocation() {
-        return this.model.location;
-    }
-    isBold(fontStyle) {
-        return fontStyle && fontStyle.indexOf('bold') !== -1;
-    }
-    isItalic(fontStyle) {
-        return fontStyle && fontStyle.indexOf('Italic') !== -1;
-    }
-    fontFamily(fontStyle) {
-        if (!fontStyle) {
-            return null;
-        }
-        const isBold = this.isBold(fontStyle) ? 1 : 0;
-        const isItalic = this.isItalic(fontStyle) ? 1 : 0;
-        const fontSettings = fontStyle.split(' ');
-        const fontFamilyIndex = isBold + isItalic + 1;
-        return fontSettings.length > fontFamilyIndex ? fontSettings[fontFamilyIndex] : null;
-    }
-}

package/elements/base/conditional-dynamic-display-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"ConditionalDynamicDisplayElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./conditional-display-element","name":"ConditionalDisplayElement","line":10,"character":63},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":23,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service/permission-checker","name":"PermissionChecker","line":23,"character":57},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":24,"character":49},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":25,"character":42},{"__symbolic":"reference","name":"string"}]}],"initDynamicBehavior":[{"__symbolic":"method"}],"getActualSize":[{"__symbolic":"method"}],"getActualLocation":[{"__symbolic":"method"}],"isBold":[{"__symbolic":"method"}],"isItalic":[{"__symbolic":"method"}],"fontFamily":[{"__symbolic":"method"}]}}}}]

package/elements/base/conditional-enable-element.d.ts

@@ -1,21 +0,0 @@
-import { ConditionalEnableModel } from '../../model';
-import { PermissionChecker } from '../../service';
-import { Localization } from '../../localization';
-import { VariableCommunicator } from '../../communication';
-import { StateControlElement } from './state-control-element';
-import { VariableStore } from '../../config';
-export declare abstract class ConditionalEnableElement extends StateControlElement {
-    protected readonly permissionChecker: PermissionChecker;
-    protected readonly variableCommunicator: VariableCommunicator;
-    protected readonly variableStore: VariableStore;
-    protected readonly localization: Localization;
-    protected abstract readonly model: ConditionalEnableModel;
-    isGrantedPermission: boolean;
-    isInitialized: boolean;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    private initialize;
-    private updateEnableStateByConditionAndPermission;
-    private updateEnableStateByCondition;
-    private updateEnableStateByPermission;
-    private setEnableByConditionOrPermission;
-}