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

package/elements/numerical-display/numerical-display-element.js

@@ -1,361 +0,0 @@
-import { LOGGER_SERVICE_TOKEN } from '../../logger';
-import { WriteValueModalArgs } from '../../modal/write-value/write-value-modal-args';
-import { State, DisplayDataType } from '../../model';
-import { AccessPermissionService, DataTypeService, FractionDigitService, NumericalOperationService } from '../../utils';
-import { ReadableElement } from '../base/readable-element';
-import { GraphStateElement } from '../shared/graph/graph-state-element';
-import { TextElementModal } from '../shared/text/text-element';
-import { AlertModalComponent } from '../../modal/alert/alert-modal.component';
-import { WriteValueModalComponent } from '../../modal/write-value/write-value-modal.component';
-import { ConfirmOperationModalComponent } from '../../modal/confirm-operation/confirm-operation-modal.component';
-import { VerifyPasswordModalComponent } from '../../modal/verify-password/verify-password-modal.component';
-import { isNil } from 'lodash';
-import { FCloudDataType } from '../../model/shared/data-type/fcloud-data-Type';
-export class NumericalDisplayElement extends ReadableElement {
-    constructor(element, injector, modalService, permissionChecker, variableCommunicator, graphStore, operationRecordService, securityChecker, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.modalService = modalService;
-        this.graphStore = graphStore;
-        this.operationRecordService = operationRecordService;
-        this.securityChecker = securityChecker;
-        this.displayText = '';
-        this.enableDataParsed = false;
-        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
-        this.dataTypeService = injector.get(DataTypeService);
-        this.fractionDigitService = injector.get(FractionDigitService);
-        this.accessPermissionService = injector.get(AccessPermissionService);
-        this.numericalOperationService = injector.get(NumericalOperationService);
-        if (!isNil(this.model.displayDataType)) {
-            if (this.model.displayDataType === DisplayDataType.Binary) {
-                this.model.dataType = FCloudDataType.Binary;
-            }
-            if (this.model.displayDataType === DisplayDataType.Hex) {
-                this.model.dataType = FCloudDataType.Hex;
-            }
-        }
-        // version小于6时是老版本，默认支持数据解析
-        if (this.model.version < 6 || this.model.enableDataParsed) {
-            this.enableDataParsed = true;
-        }
-        this.initElement();
-    }
-    get writeVariableName() {
-        return this.readVariableName;
-    }
-    dispose() {
-        if (this.displayForeignObject) {
-            this.displayForeignObject.remove();
-        }
-        if (this.$element) {
-            this.$element.remove();
-        }
-    }
-    initElement() {
-        const { rootElement } = this;
-        rootElement.selectAll('*').remove();
-        let width = null, height = null;
-        if (this.model.size) {
-            width = this.model.size.width;
-            height = this.model.size.height;
-        }
-        if (!width || !height) {
-            width = 60;
-            height = 38;
-        }
-        rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
-        this.initVariableText(width, height);
-        this.initGraphAndText(width, height);
-        if (!this.accessPermissionService.canWrite(this.model.accessPermission) || null == this.model.dataType) {
-            return;
-        }
-        this.rootElement.style('cursor', 'hand');
-        this.$element.click(__ => {
-            if (!this.isInitialized) {
-                return;
-            }
-            if (!this.isEnable) {
-                const message = !this.isGrantedPermission ? this.localization.permissiontip : this.localization.conditionIsNotMetTip;
-                const modalRef = this.modalService.show(AlertModalComponent, { initialState: { alermMessage: message }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
-                const onClosedSub = modalRef.content.onClosed.subscribe(() => {
-                    modalRef.hide();
-                    onClosedSub.unsubscribe();
-                });
-                return;
-            }
-            if (this.model.useSecurity) {
-                const modalRef = this.modalService.show(ConfirmOperationModalComponent, {
-                    backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
-                });
-                const onClosedSub = modalRef.content.onClosed.subscribe(result => {
-                    modalRef.hide();
-                    onClosedSub.unsubscribe();
-                    if (result) {
-                        this.checkElementPassword();
-                    }
-                });
-            }
-            else {
-                this.checkElementPassword();
-            }
-        });
-    }
-    checkElementPassword() {
-        if (this.model.enablePassword) {
-            const modalRef = this.modalService.show(VerifyPasswordModalComponent, { initialState: { securityChecker: this.securityChecker }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false });
-            const onClosedSub = modalRef.content.onClosed.subscribe(result => {
-                modalRef.hide();
-                onClosedSub.unsubscribe();
-                if (result) {
-                    this.doWriteValue();
-                }
-            });
-        }
-        else {
-            this.doWriteValue();
-        }
-    }
-    initVariableText(width, height) {
-        if (!this.model.showVariableText) {
-            return;
-        }
-        const font = {
-            isUnderline: this.model.variableText.font.isUnderline,
-            isBold: this.model.variableText.font.isBold,
-            isItalic: this.model.variableText.font.isItalic,
-            fontSize: this.model.variableText.font.fontSize,
-            fontFamily: this.model.variableText.font.fontFamily,
-            color: this.model.variableText.font.color,
-            textAlign: this.model.variableText.font.textAlign
-        };
-        const textElement = new TextElementModal(this.model.variableText.content + ':', font, width * 7 / 11, height, true);
-        this.$element.append(textElement.Element);
-    }
-    initGraphAndText(width, height) {
-        let translateX = '';
-        if (this.model.showVariableText) {
-            translateX = `translate(${width * 7 / 11},0)`;
-            width = width * 4 / 11;
-        }
-        else {
-            translateX = 'translate(0,0)';
-        }
-        if (this.model.useGraph === true) {
-            const graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
-            graphStateElement.Element.setAttribute('transform', translateX);
-            this.$element.append(graphStateElement.Element);
-            graphStateElement.switchToState(0);
-        }
-        let isUnderline = false;
-        let isBold = false;
-        let isItalic = false;
-        let fontFamily = 'Microsoft YaHei';
-        if (this.model.font) {
-            const fontStyle = this.model.font.split(' ');
-            isUnderline = this.model.isUnderline;
-            isBold = $.inArray('bold', fontStyle) >= 0;
-            isItalic = $.inArray('Italic', fontStyle) >= 0;
-            fontFamily = this.model.font.split(' ').pop();
-        }
-        const font = {
-            isUnderline: isUnderline,
-            isBold: isBold,
-            isItalic: isItalic,
-            fontSize: this.model.fontSize,
-            fontFamily: fontFamily,
-            color: this.model.stroke,
-            textAlign: this.model.textAlign
-        };
-        const textElement = new TextElementModal('', font, width, height);
-        textElement.Element.setAttribute('transform', translateX);
-        this.$element.append(textElement.Element);
-    }
-    doWriteValue() {
-        if (null == this.writeVariableName) {
-            return;
-        }
-        const args = new WriteValueModalArgs(this.writeVariableName, this.model.dataType, this.model.integerDigits, this.model.fractionDigits, this.numericalOperationService.getNumericalOperations(this.model), this.model.version, this.enableDataParsed);
-        const modalRef = this.modalService.show(WriteValueModalComponent, {
-            initialState: { args: args }, backdrop: 'static', class: 'gui-modal-dialog-position', animated: false
-        });
-        const onClosedSub = modalRef.content.onClosed.subscribe(result => {
-            modalRef.hide();
-            onClosedSub.unsubscribe();
-            if (result) {
-                const writeValue = this.dataTypeService.formatToDecimal(this.model.version, result.value, this.model.dataType);
-                this.variableCommunicator.write(this.writeVariableName, writeValue).subscribe();
-                this.recordOperation(result.value);
-            }
-        });
-    }
-    recordOperation(newValue) {
-        if (this.model.isRecordOperation || this.model.isRecordOperation === undefined) {
-            this.operationRecordService.record({
-                variableOptionModel: {
-                    variableName: this.writeVariableName,
-                    originValue: this.formatDisplayTextUnit(this.displayText),
-                    newValue: this.formatDisplayTextUnit(this.formatNumericalDisplayText(this.model.dataType, this.model.fractionDigits, newValue))
-                },
-                operationDescription: this.model.operationDescription
-            });
-        }
-    }
-    changeStates() {
-        super.changeStates();
-        if (this.state === State.Normal || this.state === State.Disable) {
-            this.updateDisplayText(this.formatDisplayTextUnit(this.displayText));
-        }
-        else {
-            if (this.preState !== this.state) {
-                this.updateDisplayText('');
-            }
-        }
-    }
-    updateVariableValue(value) {
-        this.displayText = this.formatNumericalDisplayText(this.model.dataType, this.model.fractionDigits, value);
-        this.updateDisplayText(this.formatDisplayTextUnit(this.displayText));
-    }
-    updateDisplayText(text) {
-        if (!this.displayForeignObject) {
-            if (this.model.showVariableText) {
-                this.displayForeignObject = this.$element.find('foreignObject').eq(1);
-            }
-            else {
-                this.displayForeignObject = this.$element.find('foreignObject').eq(0);
-            }
-        }
-        if (isNil(text)) {
-            this.displayForeignObject.remove();
-        }
-        else {
-            const textList = this.displayForeignObject.find('.text-list');
-            const textArray = text.toString().split('\n');
-            if (textList.length === textArray.length) {
-                for (let index = 0; index < textList.length; index++) {
-                    textList[index].innerText = textArray[index];
-                }
-            }
-            else {
-                this.displayForeignObject.remove();
-                const width = this.displayForeignObject.attr('width');
-                const height = this.displayForeignObject.attr('height');
-                const transform = this.displayForeignObject.attr('transform');
-                this.displayForeignObject = $(this.rebuildTextElement(width, height, transform, text));
-            }
-        }
-    }
-    rebuildTextElement(width, height, transform, text) {
-        let isUnderline = false;
-        let isBold = false;
-        let isItalic = false;
-        let fontFamily = 'Microsoft YaHei';
-        if (this.model.font) {
-            const fontStyle = this.model.font.split(' ');
-            isUnderline = this.model.isUnderline;
-            isBold = $.inArray('bold', fontStyle) >= 0;
-            isItalic = $.inArray('Italic', fontStyle) >= 0;
-            fontFamily = this.model.font.split(' ').pop();
-        }
-        const font = {
-            isUnderline: isUnderline,
-            isBold: isBold,
-            isItalic: isItalic,
-            fontSize: this.model.fontSize,
-            fontFamily: fontFamily,
-            color: this.model.stroke,
-            textAlign: this.model.textAlign
-        };
-        const textElement = new TextElementModal(text, font, Number(width), Number(height));
-        textElement.Element.setAttribute('transform', transform);
-        this.$element.append(textElement.Element);
-        return textElement.Element;
-    }
-    formatNumericalDisplayText(dataType, fractionDigits, value) {
-        if (null == value || value.toString().trim().length <= 0) {
-            return '';
-        }
-        value = +value;
-        // 16进制数
-        if (this.dataTypeService.isHexType(this.model.version, dataType)) {
-            // eslint-disable-next-line no-bitwise
-            return (value >>> 0).toString(16).toUpperCase();
-        }
-        // 2进制
-        if (this.dataTypeService.isBinaryType(this.model.version, dataType)) {
-            // eslint-disable-next-line no-bitwise
-            const formatValue = (value >>> 0).toString(2);
-            if (formatValue.length < 17) {
-                return formatValue;
-            }
-            const constOne = '1111111111111111';
-            if (formatValue.indexOf(constOne) === 0) {
-                return formatValue.replace(constOne, '');
-            }
-            const constZero = '0000000000000000';
-            if (formatValue.indexOf(constZero) === 0) {
-                return formatValue.replace(constZero, '');
-            }
-            return formatValue;
-        }
-        if (!this.isNumeric(value) || null == fractionDigits || fractionDigits < 0) {
-            return value;
-        }
-        // 数据解析
-        if (!this.enableDataParsed) {
-            return value;
-        }
-        const supportFractionDigits = this.dataTypeService.isSupportFractionDigit(this.model.version, dataType);
-        if (!supportFractionDigits) {
-            return value;
-        }
-        // 数值运算
-        if (this.dataTypeService.isSupportNumericalOperation(this.model.version, dataType)) {
-            if (this.model.enableNumericalOperation && this.isNumeric(value)) {
-                return this.numericalOperationService.getNumericalOperationedValue(this.model, value, fractionDigits);
-            }
-        }
-        // 浮点数
-        if (this.dataTypeService.isFloat(this.model.version, dataType)) {
-            return this.formatFloatDisplayText(fractionDigits, value);
-        }
-        // 有符号数及无符号数
-        if (fractionDigits === 0) {
-            return value;
-        }
-        let displayText = Number(value).toFixed(0).toString();
-        const isNegative = +displayText < 0;
-        if (isNegative) {
-            displayText = displayText.slice(1, displayText.length);
-        }
-        if (displayText.length > fractionDigits) {
-            const dotPosition = displayText.length - fractionDigits;
-            displayText = displayText.substr(0, dotPosition) + '.' + displayText.substr(dotPosition);
-        }
-        else {
-            const fillZeroCount = fractionDigits - displayText.length;
-            for (let i = 0; i < fillZeroCount; i++) {
-                displayText = `0${displayText}`;
-            }
-            displayText = `0.${displayText}`;
-        }
-        return isNegative ? `-${displayText}` : displayText;
-    }
-    formatFloatDisplayText(fractionDigits, text) {
-        let value = Number(text);
-        if (!isNil(fractionDigits)) {
-            value = +value.toFixed(fractionDigits + 2);
-        }
-        else {
-            return value.toFixed(0);
-        }
-        return this.fractionDigitService.roundingToFixedFractionDigits(value, fractionDigits);
-    }
-    isNumeric(num) {
-        return !isNaN(num);
-    }
-    formatDisplayTextUnit(displayText) {
-        if (this.model.showUnit !== false && this.model.unit) {
-            return `${displayText} ${this.model.unit}`;
-        }
-        return displayText;
-    }
-}

package/elements/numerical-display/numerical-display-element.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"NumericalDisplayElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/readable-element","name":"ReadableElement","line":22,"character":45},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":39,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":40,"character":18},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":41,"character":39},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":42,"character":27},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":43,"character":30},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":44,"character":37},{"__symbolic":"reference","module":"../../service","name":"OperationRecordService","line":45,"character":49},{"__symbolic":"reference","module":"../../security","name":"SecurityChecker","line":46,"character":42},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":47,"character":23},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":48,"character":22},{"__symbolic":"reference","name":"string"}]}],"dispose":[{"__symbolic":"method"}],"initElement":[{"__symbolic":"method"}],"checkElementPassword":[{"__symbolic":"method"}],"initVariableText":[{"__symbolic":"method"}],"initGraphAndText":[{"__symbolic":"method"}],"doWriteValue":[{"__symbolic":"method"}],"recordOperation":[{"__symbolic":"method"}],"changeStates":[{"__symbolic":"method"}],"updateVariableValue":[{"__symbolic":"method"}],"updateDisplayText":[{"__symbolic":"method"}],"rebuildTextElement":[{"__symbolic":"method"}],"formatNumericalDisplayText":[{"__symbolic":"method"}],"formatFloatDisplayText":[{"__symbolic":"method"}],"isNumeric":[{"__symbolic":"method"}],"formatDisplayTextUnit":[{"__symbolic":"method"}]}}}}]

package/elements/per-view-variable-communicator.d.ts

@@ -1,17 +0,0 @@
-import { Observable } from 'rxjs';
-import { VariableCommunicator, VariableValue } from '../communication';
-import { VariableState } from '../communication/variable/variable-state';
-export declare class PerViewVariableCommunicator implements VariableCommunicator {
-    private _rawVariableCommunicator;
-    private observers;
-    private variableValuesChangedSubscriptions;
-    private variableStatesChangedSubscription;
-    constructor(variableCommunicator: VariableCommunicator);
-    openVariable(variableName: string, appId: string): Observable<VariableValue>;
-    openVariables(variableNames: Array<string>, appId?: string): Observable<Array<VariableValue>>;
-    write(variableName: string, value: any): Observable<VariableValue>;
-    writeWordByBit(variableName: string, index: number, value: number): Observable<VariableValue>;
-    subscribeVariableState(variableName: string): Observable<VariableState>;
-    subscribeVariableStates(variableNames: string[]): Observable<Array<VariableState>>;
-    dispose(): void;
-}

package/elements/per-view-variable-communicator.js

@@ -1,45 +0,0 @@
-import { each, forEach } from 'lodash';
-import { Observable } from 'rxjs';
-import { map } from 'rxjs/operators';
-export class PerViewVariableCommunicator {
-    constructor(variableCommunicator) {
-        this.observers = new Map();
-        this.variableValuesChangedSubscriptions = new Array();
-        this.variableStatesChangedSubscription = new Array();
-        this._rawVariableCommunicator = variableCommunicator;
-    }
-    openVariable(variableName, appId) {
-        return this.openVariables([variableName], appId).pipe(map(values => values[0]));
-    }
-    openVariables(variableNames, appId = '') {
-        return new Observable(subscriber => {
-            each(variableNames, variableName => {
-                if (!this.observers.has(variableName)) {
-                    this.observers.set(variableName, []);
-                }
-                this.observers.get(variableName).push(subscriber);
-            });
-            const subscription = this._rawVariableCommunicator.openVariables(variableNames, appId).subscribe(values => subscriber.next(values), error => subscriber.error(error), () => subscriber.complete());
-            this.variableValuesChangedSubscriptions.push(subscription);
-        });
-    }
-    write(variableName, value) {
-        return this._rawVariableCommunicator.write(variableName, value);
-    }
-    writeWordByBit(variableName, index, value) {
-        return this._rawVariableCommunicator.writeWordByBit(variableName, index, value);
-    }
-    subscribeVariableState(variableName) {
-        return this.subscribeVariableStates([variableName]).pipe(map(values => values[0]));
-    }
-    subscribeVariableStates(variableNames) {
-        return new Observable(subscriber => {
-            const subscription = this._rawVariableCommunicator.subscribeVariableStates(variableNames).subscribe(values => subscriber.next(values), error => subscriber.error(error), () => subscriber.complete());
-            this.variableStatesChangedSubscription.push(subscription);
-        });
-    }
-    dispose() {
-        forEach(this.variableValuesChangedSubscriptions, s => s.unsubscribe());
-        forEach(this.variableStatesChangedSubscription, s => s.unsubscribe());
-    }
-}

package/elements/per-view-variable-communicator.metadata.json

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"PerViewVariableCommunicator":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../communication","name":"VariableCommunicator","line":14,"character":38}]}],"openVariable":[{"__symbolic":"method"}],"openVariables":[{"__symbolic":"method"}],"write":[{"__symbolic":"method"}],"writeWordByBit":[{"__symbolic":"method"}],"subscribeVariableState":[{"__symbolic":"method"}],"subscribeVariableStates":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}}}}]

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

@@ -1,19 +0,0 @@
-import { Localization } from '../../localization';
-import { Pipe, ConditionControlResultValue } from '../../model';
-import { PermissionChecker } from '../../service';
-import { VariableCommunicator } from '../../communication';
-import { ConditionalControlElement } from '../base/conditional-control-element';
-import { VariableStore } from '../../config';
-export declare class PipeElement extends ConditionalControlElement {
-    readonly model: Pipe;
-    private readonly elePipeInnerwall;
-    private readonly elePipeFlowBlock;
-    private pathLength;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    initDefaultData(model: any): void;
-    protected updateElement(result: ConditionControlResultValue): void;
-    private initFrameNode;
-    private startOrStopPipeFlow;
-    private getAnimate;
-    private getAnimateElement;
-}

package/elements/pipe/pipe-element.js

@@ -1,141 +0,0 @@
-import { FlowDirectionType } from '../../model';
-import { ConditionalControlElement } from '../base/conditional-control-element';
-export class PipeElement extends ConditionalControlElement {
-    constructor(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.initDefaultData(this.model);
-        const children = this.$element.children();
-        if (!children || !children.length) {
-            return;
-        }
-        // Pipe use PipeWall
-        if (this.model.isPipeWall) {
-            const elePipeOuterwall = children.eq(0);
-            if (elePipeOuterwall) {
-                elePipeOuterwall.attr('stroke', this.model.pipeWallColor);
-                elePipeOuterwall.attr('stroke-width', this.model.pipeDiameter);
-            }
-        }
-        this.elePipeInnerwall = children.eq(this.model.isPipeWall ? 1 : 0);
-        this.elePipeInnerwall.attr('stroke', this.model.backGroundColor);
-        if (this.model.pipeDiameter - 2 * this.model.pipeWallSize <= 0) {
-            this.elePipeInnerwall.attr('stroke-width', 1);
-        }
-        else {
-            this.elePipeInnerwall.attr('stroke-width', this.model.pipeDiameter - 2 * this.model.pipeWallSize);
-        }
-        this.elePipeInnerwall.attr('stroke-opacity', 1);
-        // Pipe use FlowBlock
-        if (this.model.isFlowBlock) {
-            const strBlock = this.model.blockLength + ',' + this.model.blockMargin;
-            this.elePipeFlowBlock = children.eq(this.model.isPipeWall ? 2 : 1);
-            this.elePipeFlowBlock.attr('d', children.first().attr('d'));
-            this.elePipeFlowBlock.attr('stroke', this.model.blockColor);
-            this.elePipeFlowBlock.attr('stroke-width', this.model.blockWidth);
-            this.elePipeFlowBlock.attr('stroke-dasharray', strBlock);
-            this.elePipeFlowBlock.attr('stroke-opacity', 1);
-            this.elePipeFlowBlock.css('display', 'block');
-        }
-        this.pathLength = this.model.blockLength + this.model.blockMargin;
-        // is not use vaiable to control, then flow in default
-        if (this.model.isFlowBlock && !this.model.isFlow) {
-            this.elePipeFlowBlock.append(this.getAnimate());
-        }
-        setTimeout(() => {
-            this.initFrameNode();
-        }, 0);
-    }
-    initDefaultData(model) {
-        // 向前兼容
-        if (model.isPipeWall === undefined) {
-            model.isPipeWall = true;
-        }
-        if (model.isFlowBlock === undefined) {
-            model.isFlowBlock = true;
-        }
-        if (model.pipeWallColor === undefined) {
-            this.model.pipeWallColor = '#333';
-        }
-        if (model.pipeDiameter === undefined) {
-            model.pipeDiameter = 14;
-        }
-        if (model.backGroundColor === undefined) {
-            model.backGroundColor = '#ffffff';
-        }
-        if (model.pipeWallSize === undefined) {
-            model.pipeWallSize = 1;
-        }
-        if (model.blockLength === undefined) {
-            model.blockLength = 12;
-        }
-        if (model.blockMargin === undefined) {
-            model.blockMargin = 6;
-        }
-        if (model.blockColor === undefined) {
-            model.blockColor = '#0081ff';
-        }
-        if (model.blockWidth === undefined) {
-            model.blockWidth = 6;
-        }
-    }
-    updateElement(result) {
-        this.updateElementStates(result.states);
-        if (!this.model.isFlow) {
-            return;
-        }
-        this.startOrStopPipeFlow(result.value);
-    }
-    initFrameNode() {
-        const arcPath = Snap(this.$element.find('path:last')[0]);
-        const b = arcPath.getBBox(true);
-        let height = this.model.pipeDiameter;
-        let width = b.width + 1;
-        height = height < b.height ? b.height : height;
-        height = height < 20 ? 20 : height;
-        let x = height / 2;
-        if (b.height > 0) {
-            x = 6;
-            height += 15;
-            width += 2;
-        }
-        else {
-            x -= 1;
-            if (height === 20) {
-                x -= 3;
-            }
-        }
-        this.rootElement.append('rect').attr('id', 'StateFrame')
-            .attr('width', width).attr('height', height).attr('x', x).attr('fill', 'none');
-    }
-    startOrStopPipeFlow(isStart) {
-        if (!this.elePipeFlowBlock) {
-            return;
-        }
-        this.elePipeFlowBlock.children().remove();
-        if (isStart) {
-            this.elePipeFlowBlock.append(this.getAnimate());
-        }
-    }
-    getAnimate() {
-        switch (this.model.flowDirection) {
-            case FlowDirectionType.Positive:
-                return this.getAnimateElement(this.pathLength, 0);
-            case FlowDirectionType.Negative:
-                return this.getAnimateElement(0, this.pathLength);
-            default:
-                throw new Error('Unknown flowDirection:' + this.model.flowDirection);
-        }
-    }
-    getAnimateElement(from, to) {
-        const document = this.$element[0].ownerDocument;
-        const animate = document.createElementNS('http://www.w3.org/2000/svg', 'animate');
-        animate.setAttribute('attributeType', 'XML');
-        animate.setAttribute('attributeName', 'stroke-dashoffset');
-        animate.setAttribute('from', from.toString());
-        animate.setAttribute('to', to.toString());
-        animate.setAttribute('by', '3');
-        animate.setAttribute('dur', '1s');
-        animate.setAttribute('repeatCount', 'indefinite');
-        return animate;
-    }
-}

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

@@ -1 +0,0 @@
-[{"__symbolic":"module","version":4,"metadata":{"PipeElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-control-element","name":"ConditionalControlElement","line":7,"character":33},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":15,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":15,"character":57},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":16,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":16,"character":67},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":17,"character":22},{"__symbolic":"reference","name":"string"}]}],"initDefaultData":[{"__symbolic":"method"}],"updateElement":[{"__symbolic":"method"}],"initFrameNode":[{"__symbolic":"method"}],"startOrStopPipeFlow":[{"__symbolic":"method"}],"getAnimate":[{"__symbolic":"method"}],"getAnimateElement":[{"__symbolic":"method"}]}}}}]

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

@@ -1,19 +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 {
-    protected readonly model: RingGraphModel;
-    private _barElement$;
-    private _textElement$;
-    get readVariableName(): string;
-    constructor(element: HTMLElement, permissionChecker: PermissionChecker, variableCommunicator: VariableCommunicator, variableStore: VariableStore, localization: Localization, signalRAppId: string);
-    private initFrameNode;
-    protected updateVariableValue(value: number): void;
-    private updateBar;
-    private getBarColor;
-    private drawClockWiseArc;
-    private drawAntiClockWiseArc;
-}