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

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

@@ -0,0 +1,87 @@
+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

@@ -0,0 +1 @@
+[{"__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

@@ -0,0 +1,24 @@
+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

@@ -0,0 +1,86 @@
+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

@@ -0,0 +1 @@
+[{"__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

@@ -0,0 +1,26 @@
+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

@@ -0,0 +1,142 @@
+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

@@ -0,0 +1 @@
+[{"__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

@@ -0,0 +1,21 @@
+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;
+}

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

@@ -0,0 +1,100 @@
+import { ConditionItemsResultObserver } from '../../model';
+import { StateControlElement } from './state-control-element';
+export class ConditionalEnableElement extends StateControlElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
+        this.permissionChecker = permissionChecker;
+        this.variableCommunicator = variableCommunicator;
+        this.variableStore = variableStore;
+        this.localization = localization;
+        this.isGrantedPermission = false;
+        this.isInitialized = false; // 逻辑控制专用
+        setTimeout(() => {
+            this.initialize();
+        });
+    }
+    initialize() {
+        if (false !== this.model.isAwaysEnable) {
+            this.isInitialized = true;
+            return;
+        }
+        if (this.model.version == null || this.model.version < 3) {
+            this.updateEnableStateByCondition();
+        }
+        else {
+            if (this.model.isEnablePermission || this.model.isEnablePermission === undefined) {
+                if (this.model.enablePermissionCodes) {
+                    this.isGrantedPermission = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
+                }
+                else {
+                    this.isGrantedPermission = true;
+                }
+            }
+            else {
+                this.isGrantedPermission = true;
+            }
+            if (this.model.isEnablePermission && !this.model.isEnableControl) {
+                this.updateEnableStateByPermission();
+            }
+            if (!this.model.isEnablePermission && this.model.isEnableControl) {
+                this.updateEnableStateByCondition();
+            }
+            if (this.model.isEnablePermission && this.model.isEnableControl) {
+                this.updateEnableStateByConditionAndPermission();
+            }
+            if (!this.model.isEnablePermission && !this.model.isEnableControl) {
+                this.updateEnableStateByConditionAndPermission();
+            }
+        }
+        if (!this.isGrantedPermission) {
+            this.isInitialized = true;
+            this.isEnable = false;
+            this.changeStates();
+        }
+    }
+    updateEnableStateByConditionAndPermission() {
+        if (null == this.model.enableItems || !this.model.enableItems.length) {
+            this.isInitialized = true;
+            return;
+        }
+        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
+        enableConditionResult.conditionResultChanged.subscribe(result => {
+            if (result.value) {
+                this.updateEnableStateByPermission();
+            }
+            else {
+                this.setEnableByConditionOrPermission(false);
+            }
+            this.isInitialized = true;
+            this.changeStates();
+        });
+        enableConditionResult.requestData(this.signalRAppId);
+    }
+    updateEnableStateByCondition() {
+        if (null == this.model.enableItems || !this.model.enableItems.length) {
+            this.isInitialized = true;
+            return;
+        }
+        const enableConditionResult = new ConditionItemsResultObserver(this.model.enableItems, this.variableCommunicator, this.variableStore);
+        enableConditionResult.conditionResultChanged.subscribe(result => {
+            this.setEnableByConditionOrPermission(result.value);
+            this.isInitialized = true;
+            this.changeStates();
+        });
+        enableConditionResult.requestData(this.signalRAppId);
+    }
+    updateEnableStateByPermission() {
+        let isEnable = false;
+        if (this.model.enablePermissionCodes) {
+            isEnable = this.permissionChecker.isGranted(this.model.enablePermissionCodes);
+        }
+        else {
+            isEnable = true;
+        }
+        this.setEnableByConditionOrPermission(isEnable);
+        this.isInitialized = true;
+    }
+    setEnableByConditionOrPermission(isEnable) {
+        this.isEnable = isEnable;
+    }
+}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ConditionalEnableElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./state-control-element","name":"StateControlElement","line":7,"character":55},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":14,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":15,"character":46},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":16,"character":49},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":17,"character":42},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":18,"character":41},{"__symbolic":"reference","name":"string"}]}],"initialize":[{"__symbolic":"method"}],"updateEnableStateByConditionAndPermission":[{"__symbolic":"method"}],"updateEnableStateByCondition":[{"__symbolic":"method"}],"updateEnableStateByPermission":[{"__symbolic":"method"}],"setEnableByConditionOrPermission":[{"__symbolic":"method"}]}}}}]

package/elements/base/index.js

@@ -0,0 +1,3 @@
+export { BaseElement } from './base-element';
+export { StateControlElement } from './state-control-element';
+export { ReadableElement } from './readable-element';

package/elements/base/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./base-element","export":["BaseElement"]},{"from":"./state-control-element","export":["StateControlElement"]},{"from":"./readable-element","export":["ReadableElement"]}]}]

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

@@ -0,0 +1,20 @@
+import { ReadableModel } from '../../model';
+import { VariableCommunicator, VariableValue, VariableState } from '../../communication';
+import { ConditionalEnableElement } from './conditional-enable-element';
+import { PermissionChecker } from '../../service';
+import { Localization } from '../../localization';
+import { VariableStore } from '../../config';
+export declare abstract class ReadableElement extends ConditionalEnableElement {
+    protected abstract model: ReadableModel;
+    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
+    init(variableName: string): void;
+    get readVariableName(): string;
+    get minVariableName(): string;
+    get minValueType(): any;
+    get maxVariableName(): string;
+    get maxValueType(): any;
+    private getVariableName;
+    protected abstract updateVariableValue(value: any, variableName: any): void;
+    reportStateChanged(variableState: VariableState): void;
+    reportValueChanged(value: VariableValue): void;
+}

package/elements/base/readable-element.js

@@ -0,0 +1,87 @@
+import { State } from '../../model';
+import { VariableState } from '../../communication';
+import { ConditionalEnableElement } from './conditional-enable-element';
+import { forEach } from 'lodash';
+import { VariableUtil } from '../../utils/variable-util';
+export class ReadableElement extends ConditionalEnableElement {
+    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
+        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
+    }
+    init(variableName) {
+        if (variableName) {
+            let hasVariable = false;
+            forEach(this.elementStates, elementState => {
+                if (elementState.variableName === variableName) {
+                    hasVariable = true;
+                }
+            });
+            if (!hasVariable) {
+                this.elementStates.push(new VariableState(variableName, undefined));
+            }
+        }
+        this.initState();
+    }
+    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);
+        }
+    }
+    get minVariableName() {
+        if (!this.model.minValueType) {
+            return undefined;
+        }
+        return this.getVariableName(this.model.minVariable);
+    }
+    get minValueType() {
+        return this.model.minValueType;
+    }
+    get maxVariableName() {
+        if (!this.model.maxValueType) {
+            return undefined;
+        }
+        return this.getVariableName(this.model.maxVariable);
+    }
+    get maxValueType() {
+        return this.model.maxValueType;
+    }
+    getVariableName(variable) {
+        if (!this.model) {
+            throw new Error('Model cannot be null');
+        }
+        if (!variable) {
+            return undefined;
+        }
+        return VariableUtil.getConvertedVariableName(this.variableStore, variable);
+    }
+    reportStateChanged(variableState) {
+        forEach(this.elementStates, elementState => {
+            if (elementState.variableName === variableState.variableName) {
+                elementState.state = variableState.state;
+                this.changeStates();
+            }
+        });
+    }
+    reportValueChanged(value) {
+        forEach(this.elementStates, elementState => {
+            if (elementState.variableName === value.variableName) {
+                elementState.state = value.state;
+                this.changeStates();
+            }
+        });
+        if (this.state === State.Normal || this.state === State.Disable
+            || value.variableName === this.minVariableName
+            || value.variableName === this.maxVariableName) {
+            this.updateVariableValue(value.value, value.variableName);
+        }
+    }
+}

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

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ReadableElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./conditional-enable-element","name":"ConditionalEnableElement","line":9,"character":46},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":13,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":13,"character":57},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":13,"character":98},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":14,"character":23},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":14,"character":52},{"__symbolic":"reference","name":"string"}]}],"init":[{"__symbolic":"method"}],"getVariableName":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}],"reportStateChanged":[{"__symbolic":"method"}],"reportValueChanged":[{"__symbolic":"method"}]}}}}]