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

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

@@ -1,28 +0,0 @@
-import { RingGraphModel } from '../../model/ring-graph/ring-graph.model';
-import { VariableCommunicator } from '../../communication/variable/variable-communicator';
-import { Localization } from '../../localization/localization.service';
-import { ReadableElement } from '../base/readable-element';
-import { VariableStore } from '../../config';
-import { PermissionChecker } from '../../service';
-export declare class RingGraphElement extends ReadableElement {
-    private static DEFAULT_MIN_VALUE;
-    private static DEFAULT_MAX_VALUE;
-    protected readonly model: RingGraphModel;
-    private _barElement$;
-    private _textElement$;
-    private valueObj;
-    private isNeedUpdateScale;
-    get readVariableName(): string;
-    get minVariableName(): string;
-    get maxVariableName(): string;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    private initFrameNode;
-    init(variableName: string): void;
-    private updateValueObj;
-    private updateScale;
-    protected updateVariableValue(value: number, variableName: any): void;
-    private updateBar;
-    private getBarColor;
-    private drawClockWiseArc;
-    private drawAntiClockWiseArc;
-}

package/elements/ring-graph/ring-graph-element.js

@@ -1,192 +0,0 @@
-import { path } from 'd3-path';
-import { ReadableElement } from '../base/readable-element';
-import { RotationDirectionType } from '../../model/shared/rotation/rotation-direction-type';
-import { calculatePercent, degreesToRadians } from '../shared/math-utils';
-import { VariableUtil } from '../../utils/variable-util';
-import { VariableDefinition } from '../../communication/variable/variable-definition';
-import { forEach } from 'lodash';
-import { VariableState } from '../../communication';
-import { VariableValueType } from '../../model/shared/condition/variable-value-type';
-export class RingGraphElement extends ReadableElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.valueObj = {};
-        this.isNeedUpdateScale = false;
-        if ((this.model.minValueType === VariableValueType.Constant && this.model.maxValueType === VariableValueType.Variable)
-            || this.model.maxValueType === VariableValueType.Constant && this.model.minValueType === VariableValueType.Variable) {
-            this.isNeedUpdateScale = true;
-            this.updateScale();
-            this.isNeedUpdateScale = false;
-        }
-        const el$ = $(element);
-        this._barElement$ = el$.find('path[data-id="barArc"]');
-        this._textElement$ = el$.find('text[data-id="pText"]');
-        setTimeout(() => {
-            this.initFrameNode();
-            this.changeStates();
-        });
-    }
-    get readVariableName() {
-        if (!this.model.variableId) {
-            return '';
-        }
-        if (!this.model.variableId.variableName || !this.model.variableId.variableName.name) {
-            return undefined;
-        }
-        const variable = new VariableDefinition(this.model.variableId.variableName.name, this.model.variableId.variableName.groupName, this.model.variableId.dataSourceCode, this.model.variableId.variableName.variableVersion);
-        return VariableUtil.getConvertedVariableName(this.variableStore, variable);
-    }
-    get minVariableName() {
-        if (!this.model.minValueType) {
-            return undefined;
-        }
-        if (!this.model.minVariable || !this.model.minVariable.name) {
-            return undefined;
-        }
-        const variable = new VariableDefinition(this.model.minVariable.name, this.model.minVariable.groupName, this.model.minVariable.dataSourceCode, this.model.minVariable.variableVersion);
-        return VariableUtil.getConvertedVariableName(this.variableStore, variable);
-    }
-    get maxVariableName() {
-        if (!this.model.maxValueType) {
-            return undefined;
-        }
-        if (!this.model.maxVariable || !this.model.maxVariable.name) {
-            return undefined;
-        }
-        const variable = new VariableDefinition(this.model.maxVariable.name, this.model.maxVariable.groupName, this.model.maxVariable.dataSourceCode, this.model.maxVariable.variableVersion);
-        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');
-    }
-    init(variableName) {
-        if (variableName) {
-            let hasVariable = false;
-            forEach(this.elementStates, elementState => {
-                if (elementState.variableName === variableName) {
-                    hasVariable = true;
-                }
-            });
-            if (!hasVariable && variableName === this.readVariableName) {
-                this.elementStates.push(new VariableState(variableName, undefined));
-            }
-        }
-    }
-    updateValueObj(value, variableName) {
-        var _a, _b, _c;
-        if (((_a = this.model.variableId) === null || _a === void 0 ? void 0 : _a.variableName.name) === variableName) {
-            this.isNeedUpdateScale = false;
-            this.valueObj.value = value;
-        }
-        if (((_b = this.model.minVariable) === null || _b === void 0 ? void 0 : _b.name) === variableName) {
-            this.isNeedUpdateScale = true;
-            this.valueObj.min = value;
-        }
-        if (((_c = this.model.maxVariable) === null || _c === void 0 ? void 0 : _c.name) === variableName) {
-            this.isNeedUpdateScale = true;
-            this.valueObj.max = value;
-        }
-    }
-    updateScale() {
-        if (!this.isNeedUpdateScale) {
-            return;
-        }
-        const textElements = this.$element.find('g:first > text');
-        let min = this.model.minValueType ? this.valueObj.min : this.model.min;
-        let max = this.model.maxValueType ? this.valueObj.max : this.model.max;
-        min = Number(min);
-        max = Number(max);
-        if (isNaN(min) || isNaN(max)) {
-            min = RingGraphElement.DEFAULT_MIN_VALUE;
-            max = RingGraphElement.DEFAULT_MAX_VALUE;
-        }
-        const avgSacle = ((max - min) / this.model.masterDivisionNumber).toFixed(5);
-        for (let i = 0; i < textElements.length; i++) {
-            const text = textElements[i];
-            if (!text.innerHTML) {
-                continue;
-            }
-            let sacleValue = ((Number(avgSacle) * i) + min).toFixed(0);
-            // 整数位和小数位格式化；
-            if (this.model.fractionDigits > 0) {
-                sacleValue = (sacleValue / Math.pow(10, this.model.fractionDigits)).toFixed(this.model.fractionDigits);
-            }
-            if (!isNaN(sacleValue)) {
-                text.innerHTML = sacleValue;
-            }
-        }
-    }
-    updateVariableValue(value, variableName) {
-        this.updateValueObj(value, variableName);
-        this.updateScale();
-        let min = this.model.minValueType ? this.valueObj.min : this.model.min;
-        let max = this.model.maxValueType ? this.valueObj.max : this.model.max;
-        min = Number(min);
-        max = Number(max);
-        if (isNaN(min) || isNaN(max)) {
-            min = RingGraphElement.DEFAULT_MIN_VALUE;
-            max = RingGraphElement.DEFAULT_MAX_VALUE;
-        }
-        const percent = calculatePercent(min, max, this.valueObj.value || 0);
-        this.updateBar(percent);
-        this._barElement$.attr('fill', this.getBarColor(value));
-        if (this.model.showPercentage) {
-            this._textElement$.text((percent * 100).toFixed(0) + '%');
-        }
-    }
-    updateBar(percent) {
-        const model = this.model;
-        const outer = model.size.width / 2.0;
-        const rawStartAngle = model.arc.startAngle;
-        const rawEndAngle = model.arc.endAngle;
-        const sweepAngle = rawStartAngle === rawEndAngle ? 360 :
-            (rawStartAngle < rawEndAngle ? rawEndAngle - rawStartAngle : rawEndAngle + 360 - rawStartAngle);
-        const scale = model.scale;
-        const inner = outer * (scale / 100.0);
-        const arcPath = path();
-        switch (Number(model.direction)) {
-            case RotationDirectionType.ClockWise:
-                this.drawClockWiseArc(rawStartAngle, sweepAngle, percent, arcPath, outer, inner);
-                break;
-            case RotationDirectionType.ReverseClockWise:
-                this.drawAntiClockWiseArc(rawEndAngle, sweepAngle, percent, arcPath, outer, inner);
-                break;
-        }
-        arcPath.closePath();
-        this._barElement$.attr('d', arcPath.toString());
-    }
-    getBarColor(value) {
-        const model = this.model;
-        if (!model.enableAlarmRange) {
-            return model.barFill;
-        }
-        const alarmRange = model.alarmRange;
-        if (value > alarmRange.upper) {
-            return alarmRange.upperFill;
-        }
-        else if (value < alarmRange.lower) {
-            return alarmRange.lowerFill;
-        }
-        else {
-            return model.barFill;
-        }
-    }
-    drawClockWiseArc(rawStartAngle, sweepAngle, percent, arcPath, outer, inner) {
-        const startRadians = degreesToRadians(rawStartAngle);
-        const endAngle = sweepAngle * percent + rawStartAngle;
-        const endRadians = degreesToRadians(endAngle);
-        arcPath.arc(outer, outer, outer, startRadians, endRadians);
-        arcPath.arc(outer, outer, inner, endRadians, startRadians, true);
-    }
-    drawAntiClockWiseArc(rawEndAngle, sweepAngle, percent, arcPath, outer, inner) {
-        const startRadians = degreesToRadians(rawEndAngle);
-        const endAngle = rawEndAngle - sweepAngle * percent;
-        const endRadians = degreesToRadians(endAngle);
-        arcPath.arc(outer, outer, outer, startRadians, endRadians, true);
-        arcPath.arc(outer, outer, inner, endRadians, startRadians);
-    }
-}
-RingGraphElement.DEFAULT_MIN_VALUE = 0;
-RingGraphElement.DEFAULT_MAX_VALUE = 100;

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"RingGraphElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/readable-element","name":"ReadableElement","line":16,"character":38},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":60,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":60,"character":57},{"__symbolic":"reference","module":"../../communication/variable/variable-communicator","name":"VariableCommunicator","line":61,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":62,"character":23},{"__symbolic":"reference","module":"../../localization/localization.service","name":"Localization","line":63,"character":22},{"__symbolic":"reference","name":"string"}]}],"initFrameNode":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"updateValueObj":[{"__symbolic":"method"}],"updateScale":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}],"updateBar":[{"__symbolic":"method"}],"getBarColor":[{"__symbolic":"method"}],"drawClockWiseArc":[{"__symbolic":"method"}],"drawAntiClockWiseArc":[{"__symbolic":"method"}]},"statics":{"DEFAULT_MIN_VALUE":0,"DEFAULT_MAX_VALUE":100}}}}]

package/elements/shared/graph/graph-state-element.d.ts

@@ -1,27 +0,0 @@
-import { GraphStore } from '../../../config';
-import { LoggerService } from '../../../logger';
-import { GraphSetting } from '../../../model';
-import { IndicatorLightFaultFlicker } from '../../../model/switch-indicator-light/indicator-light-fault-flicker';
-export declare class GraphStateElement {
-    private readonly graphSetting;
-    private readonly width;
-    private readonly height;
-    private readonly graphStore;
-    private readonly logger;
-    private readonly version?;
-    private readonly faultFlickers?;
-    private graphs;
-    private activeState;
-    private imageElement;
-    private _element;
-    get Element(): SVGElement;
-    private faultFlickerStatus;
-    private faultFlickerInterval;
-    constructor(graphSetting: GraphSetting, width: number, height: number, graphStore: GraphStore, logger: LoggerService, version?: number, faultFlickers?: IndicatorLightFaultFlicker[]);
-    switchToState(stateId: number): void;
-    private changeGraph;
-    private getImageElement;
-    private removeImageElement;
-    private doFaultFlicker;
-    private clearFlickerInterval;
-}

package/elements/shared/graph/graph-state-element.js

@@ -1,110 +0,0 @@
-import { GraphType } from '../../../config';
-import { Flicker } from '../../../model';
-import { GraphUtil } from '../../../utils';
-export class GraphStateElement {
-    constructor(graphSetting, width, height, graphStore, logger, version, faultFlickers) {
-        this.graphSetting = graphSetting;
-        this.width = width;
-        this.height = height;
-        this.graphStore = graphStore;
-        this.logger = logger;
-        this.version = version;
-        this.faultFlickers = faultFlickers;
-        this.graphs = new Map();
-        this.activeState = 0;
-        this.faultFlickerStatus = false;
-        this.faultFlickerInterval = undefined;
-        this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-    }
-    get Element() {
-        return this._element;
-    }
-    switchToState(stateId) {
-        this.activeState = stateId;
-        if (this.graphs.has(stateId)) {
-            const graph = this.graphs.get(stateId);
-            // 已经发出过图形请求，不再重复请求。
-            if (graph == null) {
-                return;
-            }
-            this.changeGraph(stateId, graph);
-        }
-        else {
-            // 标记，防止重复请求图形。
-            this.graphs.set(stateId, null);
-            this.graphStore.getGraph(this.graphSetting.id, stateId, GraphUtil.getExtendedStyle(this.graphSetting, stateId))
-                .subscribe(graphResult => {
-                this.graphs.set(stateId, graphResult);
-                if (this.activeState === stateId) {
-                    this.changeGraph(stateId, graphResult);
-                }
-            });
-        }
-    }
-    changeGraph(stateId, graphResult) {
-        if (!graphResult.failed) {
-            const graph = graphResult.graph;
-            switch (graph.graphType) {
-                case GraphType.Image:
-                case GraphType.SVG:
-                    const imageElement = this.getImageElement();
-                    imageElement.setAttributeNS('http://www.w3.org/1999/xlink', 'href', graph.source);
-                    this.doFaultFlicker(imageElement, stateId);
-                    break;
-                default:
-                    this.logger.error(new Error(`Unknown graph ${graph.graphType}.`));
-                    this.removeImageElement();
-                    break;
-            }
-        }
-        else {
-            this.removeImageElement();
-        }
-    }
-    getImageElement() {
-        if (!this.imageElement) {
-            this.imageElement = document.createElementNS('http://www.w3.org/2000/svg', 'image');
-            this.imageElement.setAttribute('width', this.width + '');
-            this.imageElement.setAttribute('height', this.height + '');
-            this.imageElement.setAttribute('fill', 'none');
-            this.imageElement.setAttribute('preserveAspectRatio', 'none');
-            this.imageElement.setAttribute('crossorigin', 'anonymous');
-            this._element.appendChild(this.imageElement);
-        }
-        return this.imageElement;
-    }
-    removeImageElement() {
-        if (this.imageElement) {
-            this._element.removeChild(this.imageElement);
-            delete this.imageElement;
-        }
-    }
-    doFaultFlicker(imageElement, stateId) {
-        if (this.version > 3 && this.faultFlickers) {
-            this.clearFlickerInterval(imageElement);
-            const faultFlicker = this.faultFlickers.find(t => t.id === stateId);
-            if (faultFlicker && faultFlicker.faultFlicker) {
-                if (faultFlicker.faultFlicker.flicker === Flicker.Image) {
-                    this.faultFlickerInterval = setInterval(() => {
-                        if (this.faultFlickerStatus) {
-                            imageElement.setAttributeNS(null, 'display', 'block');
-                            this.faultFlickerStatus = false;
-                        }
-                        else {
-                            imageElement.setAttributeNS(null, 'display', 'none');
-                            this.faultFlickerStatus = true;
-                        }
-                    }, faultFlicker.faultFlicker.frequency * 500);
-                }
-            }
-        }
-    }
-    clearFlickerInterval(imageElement) {
-        if (this.faultFlickerInterval) {
-            clearInterval(this.faultFlickerInterval);
-            if (this.faultFlickerStatus) {
-                imageElement.setAttributeNS(null, 'display', 'block');
-            }
-        }
-    }
-}

package/elements/shared/graph/graph-state-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"GraphStateElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../../../model","name":"GraphSetting","line":21,"character":47},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"../../../config","name":"GraphStore","line":24,"character":37},{"__symbolic":"reference","module":"../../../logger","name":"LoggerService","line":25,"character":33},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"../../../model/switch-indicator-light/indicator-light-fault-flicker","name":"IndicatorLightFaultFlicker","line":27,"character":41}]}]}],"switchToState":[{"__symbolic":"method"}],"changeGraph":[{"__symbolic":"method"}],"getImageElement":[{"__symbolic":"method"}],"removeImageElement":[{"__symbolic":"method"}],"doFaultFlicker":[{"__symbolic":"method"}],"clearFlickerInterval":[{"__symbolic":"method"}]}}}}]

package/elements/shared/math-utils.d.ts

@@ -1,2 +0,0 @@
-export declare function calculatePercent(min: number, max: number, value: number): number;
-export declare function degreesToRadians(degrees: number): number;

package/elements/shared/math-utils.js

@@ -1,14 +0,0 @@
-export function calculatePercent(min, max, value) {
-    if (value > max) {
-        return 1;
-    }
-    else if (value < min) {
-        return 0;
-    }
-    else {
-        return (value - min) / (max - min);
-    }
-}
-export function degreesToRadians(degrees) {
-    return degrees * (Math.PI / 180);
-}

package/elements/shared/math-utils.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"calculatePercent":{"__symbolic":"function"},"degreesToRadians":{"__symbolic":"function","parameters":["degrees"],"value":{"__symbolic":"binop","operator":"*","left":{"__symbolic":"reference","name":"degrees"},"right":{"__symbolic":"binop","operator":"/","left":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"Math"},"member":"PI"},"right":180}}}}}]

package/elements/shared/text/text-element.d.ts

@@ -1,8 +0,0 @@
-import { Font } from '../../../model';
-export declare class TextElementModal {
-    private _element;
-    get Element(): SVGElement;
-    constructor(content: string, font: Font, width: number, height: number, isVariableText?: boolean);
-    private getforeignObjectElement;
-    private createNewForeignObjectText;
-}

package/elements/shared/text/text-element.js

@@ -1,79 +0,0 @@
-import { isNil } from 'lodash';
-export class TextElementModal {
-    constructor(content, font, width, height, isVariableText) {
-        if (/iPhone|iPod/i.test(navigator.userAgent)) {
-            width += 10;
-        }
-        this._element = this.getforeignObjectElement(width, height);
-        this._element.innerHTML = '';
-        const text = this.createNewForeignObjectText(content, font, width, height, isVariableText);
-        this._element.appendChild(text);
-    }
-    get Element() {
-        return this._element;
-    }
-    getforeignObjectElement(width, height) {
-        const textElement = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
-        textElement.setAttribute('width', width.toString());
-        textElement.setAttribute('height', height.toString());
-        return textElement;
-    }
-    createNewForeignObjectText(content, font, width, height, isVariableText) {
-        if (font && !font.fontFamily.includes(',msyh')) {
-            font.fontFamily += ',msyh';
-        }
-        const bodyDiv = document.createElement('div');
-        const textAlign = font.textAlign ? font.textAlign : 'center';
-        bodyDiv.style.cssText = `user-select: none;text-align: ${textAlign};display: table-cell;vertical-align: middle;`;
-        if (isNil(content)) {
-            content = '';
-        }
-        let textArray = content.toString().split('\n');
-        textArray = textArray.map(item => {
-            return item.toString().replace(/\s/g, ' ');
-        });
-        const fragment = document.createDocumentFragment();
-        for (let index = 0; index < textArray.length; index++) {
-            const textDiv = document.createElement('div');
-            textDiv.className = 'text-list';
-            const innerHTML = textArray[index] ? textArray[index] : '&nbsp;';
-            let fontString = '';
-            if (font.isItalic) {
-                fontString += 'italic ';
-            }
-            if (font.isBold) {
-                fontString += 'bold ';
-            }
-            let lineHeight = 0;
-            // chrome支持可显示最小字体大小为12px, 更小字体通过缩放实现
-            const minFontSize = 12;
-            lineHeight = parseInt(font.fontSize, 10) + 5;
-            fontString += font.fontSize + '/' + lineHeight.toString() + 'px ' + font.fontFamily;
-            textDiv.style.cssText = `color: ${font.color};word-break: break-all;font: ${fontString};`;
-            if (font.isUnderline) {
-                textDiv.style.textDecoration = 'underline';
-            }
-            const spanText = document.createElement('span');
-            spanText.style.cssText = `
-                display: contents;
-                transform: scale(${parseInt(font.fontSize, 10) > minFontSize ? 1 : parseInt(font.fontSize, 10) / minFontSize});
-                width: 100%;
-                height: 100%;
-            `;
-            spanText.innerHTML = innerHTML;
-            textDiv.appendChild(spanText);
-            fragment.appendChild(textDiv);
-        }
-        bodyDiv.appendChild(fragment);
-        const contentDiv = document.createElement('div');
-        contentDiv.style.cssText = 'display: table;width: 100%;height: 100%;';
-        contentDiv.appendChild(bodyDiv);
-        const containerDiv = document.createElement('div');
-        containerDiv.style.cssText = `overflow: hidden;width: ${width.toString() + 'px'};height: ${height.toString() + 'px'};`;
-        if (isVariableText) {
-            containerDiv.style.paddingRight = '8px';
-        }
-        containerDiv.appendChild(contentDiv);
-        return containerDiv;
-    }
-}

package/elements/shared/text/text-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TextElementModal":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../../model","name":"Font","line":11,"character":39},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"boolean"}]}],"getforeignObjectElement":[{"__symbolic":"method"}],"createNewForeignObjectText":[{"__symbolic":"method"}]}}}}]

package/elements/shared/text/text-state-element.d.ts

@@ -1,23 +0,0 @@
-import { LoggerService } from '../../../logger';
-import { IndicatorLightFaultFlicker } from '../../../model/switch-indicator-light/indicator-light-fault-flicker';
-import { TextState } from './text-state.model';
-export declare class TextStateElement {
-    private readonly textStates;
-    private width;
-    private readonly height;
-    private readonly logger;
-    private readonly version?;
-    private readonly faultFlickers?;
-    private textElement;
-    private _element;
-    get Element(): SVGElement;
-    private faultFlickerStatus;
-    private faultFlickerInterval;
-    constructor(textStates: TextState[], width: number, height: number, logger: LoggerService, version?: number, faultFlickers?: IndicatorLightFaultFlicker[]);
-    switchToState(stateId: number): void;
-    private getforeignObjectElement;
-    private createNewForeignObjectText;
-    private removeForeignObjectlement;
-    private doFaultFlicker;
-    private clearFlickerInterval;
-}

package/elements/shared/text/text-state-element.js

@@ -1,136 +0,0 @@
-import { Flicker } from '../../../model';
-import { isNil } from 'lodash';
-export class TextStateElement {
-    constructor(textStates, width, height, logger, version, faultFlickers) {
-        this.textStates = textStates;
-        this.width = width;
-        this.height = height;
-        this.logger = logger;
-        this.version = version;
-        this.faultFlickers = faultFlickers;
-        this.faultFlickerStatus = false;
-        this.faultFlickerInterval = undefined;
-        this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
-    }
-    get Element() {
-        return this._element;
-    }
-    switchToState(stateId) {
-        const textState = this.textStates.find(t => t.id === stateId);
-        if (textState === undefined) {
-            this.removeForeignObjectlement();
-            this.logger.debug(`Can not find text state:${stateId}.`);
-            return;
-        }
-        const content = textState.text.content;
-        if (content === '') {
-            this.removeForeignObjectlement();
-            return;
-        }
-        const font = textState.text.font;
-        if (!font) {
-            this.removeForeignObjectlement();
-            this.logger.debug('The font is undefined.');
-            return;
-        }
-        const foreignObjectElement = this.getforeignObjectElement();
-        foreignObjectElement.innerHTML = '';
-        const text = this.createNewForeignObjectText(content, font);
-        foreignObjectElement.appendChild(text);
-        this.doFaultFlicker(foreignObjectElement, stateId);
-    }
-    getforeignObjectElement() {
-        if (!this.textElement) {
-            this.textElement = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
-            this.textElement.setAttribute('width', this.width.toString());
-            this.textElement.setAttribute('height', this.height.toString());
-            this._element.appendChild(this.textElement);
-        }
-        return this.textElement;
-    }
-    createNewForeignObjectText(content, font) {
-        if (font && !font.fontFamily.includes(',msyh')) {
-            font.fontFamily += ',msyh';
-        }
-        const bodyDiv = document.createElement('div');
-        bodyDiv.style.textAlign = font.textAlign ? font.textAlign : 'center';
-        bodyDiv.style.userSelect = 'none';
-        bodyDiv.style.display = 'table-cell';
-        bodyDiv.style.verticalAlign = 'middle';
-        if (isNil(content)) {
-            content = '';
-        }
-        let textArray = content.toString().split('\n');
-        textArray = textArray.map(item => {
-            return item.toString().replace(/\s/g, ' ');
-        });
-        const fragment = document.createDocumentFragment();
-        for (let index = 0; index < textArray.length; index++) {
-            const textDiv = document.createElement('div');
-            textDiv.innerHTML = textArray[index] ? textArray[index] : '&nbsp;';
-            let fontString = '';
-            if (font.isItalic) {
-                fontString += 'italic ';
-            }
-            if (font.isBold) {
-                fontString += 'bold ';
-            }
-            textDiv.style.wordBreak = 'break-word';
-            textDiv.style.color = font.color;
-            let lineHeight = 0;
-            lineHeight = parseInt(font.fontSize, 10) + 5;
-            fontString += font.fontSize + 'px/' + lineHeight + 'px ' + font.fontFamily;
-            textDiv.style.font = fontString;
-            if (font.isUnderline) {
-                textDiv.style.textDecoration = 'underline';
-            }
-            fragment.appendChild(textDiv);
-        }
-        bodyDiv.appendChild(fragment);
-        const contentDiv = document.createElement('div');
-        contentDiv.style.display = 'table';
-        contentDiv.style.width = '100%';
-        contentDiv.style.height = '100%';
-        contentDiv.appendChild(bodyDiv);
-        const containerDiv = document.createElement('div');
-        containerDiv.style.overflow = 'hidden';
-        containerDiv.style.width = this.width.toString() + 'px';
-        containerDiv.style.height = this.height.toString() + 'px';
-        containerDiv.appendChild(contentDiv);
-        return containerDiv;
-    }
-    removeForeignObjectlement() {
-        if (this.textElement) {
-            this._element.removeChild(this.textElement);
-            delete this.textElement;
-        }
-    }
-    doFaultFlicker(textElement, stateId) {
-        if (this.version > 3 && this.faultFlickers) {
-            this.clearFlickerInterval(textElement);
-            const faultFlicker = this.faultFlickers.find(t => t.id === stateId);
-            if (faultFlicker && faultFlicker.faultFlicker) {
-                if (faultFlicker.faultFlicker.flicker === Flicker.Label) {
-                    this.faultFlickerInterval = setInterval(() => {
-                        if (this.faultFlickerStatus) {
-                            textElement.setAttributeNS(null, 'display', 'block');
-                            this.faultFlickerStatus = false;
-                        }
-                        else {
-                            textElement.setAttributeNS(null, 'display', 'none');
-                            this.faultFlickerStatus = true;
-                        }
-                    }, faultFlicker.faultFlicker.frequency * 500);
-                }
-            }
-        }
-    }
-    clearFlickerInterval(textElement) {
-        if (this.faultFlickerInterval) {
-            clearInterval(this.faultFlickerInterval);
-            if (this.faultFlickerStatus) {
-                textElement.setAttributeNS(null, 'display', 'block');
-            }
-        }
-    }
-}

package/elements/shared/text/text-state-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"TextStateElement":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"./text-state.model","name":"TextState","line":18,"character":45}]},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"../../../logger","name":"LoggerService","line":21,"character":33},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"Array","arguments":[{"__symbolic":"reference","module":"../../../model/switch-indicator-light/indicator-light-fault-flicker","name":"IndicatorLightFaultFlicker","line":23,"character":41}]}]}],"switchToState":[{"__symbolic":"method"}],"getforeignObjectElement":[{"__symbolic":"method"}],"createNewForeignObjectText":[{"__symbolic":"method"}],"removeForeignObjectlement":[{"__symbolic":"method"}],"doFaultFlicker":[{"__symbolic":"method"}],"clearFlickerInterval":[{"__symbolic":"method"}]}}}}]

package/elements/shared/text/text-state.model.d.ts

@@ -1,5 +0,0 @@
-import { Text } from '../../../model';
-export interface TextState {
-    readonly id: number;
-    readonly text: Text;
-}