@flexem/fc-gui 3.0.0-alpha.16 → 3.0.0-alpha.160

package/elements/view-operation/view-operation.element.js

@@ -1,194 +1,348 @@
-import { LOGGER_SERVICE_TOKEN } from '../../logger';
-import * as d3 from 'd3-selection';
-import { drag } from 'd3-drag';
-import { ViewOperationType } from '../../model';
-import { ConditionalEnableElement } from '../base/conditional-enable-element';
-import { GraphStateElement } from '../shared/graph/graph-state-element';
-import { AlertModalComponent } from '../../modal/alert/alert-modal.component';
-import { ConfirmOperationModalComponent } from '../../modal/confirm-operation/confirm-operation-modal.component';
-import { VerifyPasswordModalComponent } from '../../modal/verify-password/verify-password-modal.component';
-import { ViewService } from '../../view/view.service';
-export class ViewOperationElement extends ConditionalEnableElement {
-    constructor(element, injector, modalService, variableCommunicator, variableStore, graphStore, permissionChecker, operationRecordService, securityChecker, localization, popupViewService, hostContainerId, el, signalRAppId) {
-        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
-        this.modalService = modalService;
-        this.graphStore = graphStore;
-        this.operationRecordService = operationRecordService;
-        this.securityChecker = securityChecker;
-        this.popupViewService = popupViewService;
-        this.hostContainerId = hostContainerId;
-        this.el = el;
-        this.touchedScreenX = 0;
-        this.touchedScreenY = 0;
-        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
-        this.viewService = injector.get(ViewService);
-        this.initElement();
-    }
-    initElement() {
-        const width = this.model.size.width;
-        const height = this.model.size.height;
-        this.initGraph(width, height);
-        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
-        const $dateTimeText = this.$element.find('text').last();
-        const fontStyle = this.model.label.font.fontStyle;
-        $dateTimeText.css('font', fontStyle + ',msyh');
-        this.switchToState(0);
-        this.rootElement.on('mousedown', () => {
-            if (!this.isInitialized) {
-                return;
-            }
-            this.switchToState(1);
-            d3.event.preventDefault();
-            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;
-            }
-        });
-        this.rootElement.on('mouseup', () => {
-            this.switchToState(0);
-            d3.event.preventDefault();
-            if (!this.isInitialized || !this.isEnable) {
-                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();
-            }
-        });
-        if (this.model.operationType === ViewOperationType.ControlView) {
-            this.rootElement.style('cursor', 'move');
-            this.rootElement.call(drag().on('start', () => {
-                if (!this.isEnable) {
-                    this.rootElement.style('cursor', 'hand');
-                    return;
-                }
-                if (!d3.event || !d3.event.sourceEvent) {
-                    this.logger.error('[GUI]Failed to get DragEvent', d3.event);
-                    return;
-                }
-                if (d3.event.sourceEvent.type === 'touchstart' && d3.event.sourceEvent.touches.length) {
-                    this.touchedScreenX = d3.event.sourceEvent.touches[0].screenX;
-                    this.touchedScreenY = d3.event.sourceEvent.touches[0].screenY;
-                }
-            }).on('drag', () => {
-                if (!this.isEnable) {
-                    this.rootElement.style('cursor', 'hand');
-                    return;
-                }
-                if (!d3.event || !d3.event.sourceEvent) {
-                    this.logger.error('[GUI]Failed to get DragEvent', d3.event);
-                    return;
-                }
-                if (d3.event.sourceEvent.type === 'mousemove') {
-                    this.moveView(d3.event.sourceEvent.movementX, d3.event.sourceEvent.movementY);
-                }
-                else if (d3.event.sourceEvent.type === 'touchmove' && d3.event.sourceEvent.touches.length) {
-                    const movementX = d3.event.sourceEvent.touches[0].screenX - this.touchedScreenX;
-                    const movementY = d3.event.sourceEvent.touches[0].screenY - this.touchedScreenY;
-                    this.touchedScreenX = d3.event.sourceEvent.touches[0].screenX;
-                    this.touchedScreenY = d3.event.sourceEvent.touches[0].screenY;
-                    this.moveView(movementX, movementY);
-                }
-            }).on('end', () => this.switchToState(0)));
-        }
-        else {
-            this.rootElement.style('cursor', 'hand');
-        }
-    }
-    switchToState(stateId) {
-        if (this.graphStateElement) {
-            this.graphStateElement.switchToState(stateId);
-        }
-    }
-    initGraph(width, height) {
-        if (this.model.useGraph === true) {
-            this.graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
-            this.$element.prepend(this.graphStateElement.Element);
-            this.graphStateElement.switchToState(0);
-        }
-    }
-    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.executeViewOperation();
-                }
-            });
-        }
-        else {
-            this.executeViewOperation();
-        }
-    }
-    executeViewOperation() {
-        let operationType = this.model.version >= 5 ? this.model.operationType : ViewOperationType.ToggleView;
-        operationType = operationType === undefined ? ViewOperationType.ToggleView : operationType;
-        switch (operationType) {
-            case ViewOperationType.ToggleView:
-                this.toggleView();
-                break;
-            case ViewOperationType.PopupView:
-                this.popView();
-                break;
-            case ViewOperationType.CloseView:
-                this.closeView();
-                break;
-        }
-    }
-    toggleView() {
-        const viewIndex = this.model.viewIndex;
-        if (null != viewIndex) {
-            const toggleView = this.viewService.toggleViews.get(this.el);
-            if (!toggleView) {
-                return;
-            }
-            toggleView(viewIndex, this.hostContainerId, this.el).subscribe(() => this.recordViewOperation(), error => this.logger.error(`ToggleView(${viewIndex}) failed. `, error));
-        }
-        else {
-            this.logger.error('[GUI]Toggle View:invalid view index');
-        }
-    }
-    popView() {
-        const viewIndex = this.model.viewIndex;
-        if (null != viewIndex) {
-            this.popupViewService.popView(viewIndex, this.hostContainerId, this.el).subscribe(() => this.recordViewOperation(), error => this.logger.error(`ToggleView(${viewIndex}) failed. ${error}`));
-        }
-        else {
-            this.logger.error('[GUI]Toggle View:invalid view index');
-        }
-    }
-    closeView() {
-        this.popupViewService.closeView();
-        this.recordViewOperation();
-    }
-    moveView(movementX, movementY) {
-        if (isNaN(movementX) || isNaN(movementY)) {
-            return;
-        }
-        this.popupViewService.moveView(movementX, movementY);
-        this.recordViewOperation();
-    }
-    recordViewOperation() {
-        if (this.model.isRecordOperation) {
-            this.operationRecordService.record({ operationDescription: this.model.operationDescription });
-        }
-    }
-}
+import { LOGGER_SERVICE_TOKEN } from '../../logger';
+import * as d3 from 'd3-selection';
+import { drag } from 'd3-drag';
+import { ViewOperationType } from '../../model';
+import { TextElementModal } from '../shared/text/text-element';
+import { ConditionalEnableElement } from '../base/conditional-enable-element';
+import { GraphStateElement } from '../shared/graph/graph-state-element';
+import { AlertModalComponent } from '../../modal/alert/alert-modal.component';
+import { ConfirmOperationModalComponent } from '../../modal/confirm-operation/confirm-operation-modal.component';
+import { VerifyPasswordModalComponent } from '../../modal/verify-password/verify-password-modal.component';
+import { ViewService } from '../../view/view.service';
+export class ViewOperationElement extends ConditionalEnableElement {
+    constructor(element, injector, modalService, variableCommunicator, variableStore, graphStore, permissionChecker, operationRecordService, securityChecker, localization, popupViewService, hostContainerId, el, signalRAppId, textLibraryService, languageService, guiContext) {
+        super(element, permissionChecker, variableCommunicator, variableStore, localization, signalRAppId);
+        this.modalService = modalService;
+        this.graphStore = graphStore;
+        this.operationRecordService = operationRecordService;
+        this.securityChecker = securityChecker;
+        this.popupViewService = popupViewService;
+        this.hostContainerId = hostContainerId;
+        this.el = el;
+        this.textLibraryService = textLibraryService;
+        this.languageService = languageService;
+        this.guiContext = guiContext;
+        this.touchedScreenX = 0;
+        this.touchedScreenY = 0;
+        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
+        this.viewService = injector.get(ViewService);
+        this.initElement();
+        this.subscribeLanguageChange();
+    }
+    initElement() {
+        const width = this.model.size.width;
+        const height = this.model.size.height;
+        // 在 initGraph 之前移除模板原有的 SVG <text>（改用 foreignObject 渲染，支持换行居中）
+        // 必须在 initGraph 前执行，否则会误删图形状态内部后续添加的文字节点
+        this.$element.find('text').remove();
+        this.initGraph(width, height);
+        this.rootElement.append('rect').attr('id', 'StateFrame').attr('width', width).attr('height', height).attr('fill', 'transparent');
+        const font = this.getFontStyle();
+        this.textElementModal = new TextElementModal(this.getDisplayText(), font, width, height);
+        this.$element.append(this.textElementModal.Element);
+        this.switchToState(0);
+        this.rootElement.on('mousedown', () => {
+            if (!this.isInitialized) {
+                return;
+            }
+            this.switchToState(1);
+            d3.event.preventDefault();
+            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;
+            }
+        });
+        this.rootElement.on('mouseup', () => {
+            this.switchToState(0);
+            d3.event.preventDefault();
+            if (!this.isInitialized || !this.isEnable) {
+                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();
+            }
+        });
+        if (this.model.operationType === ViewOperationType.ControlView) {
+            this.rootElement.style('cursor', 'move');
+            this.rootElement.call(drag().on('start', () => {
+                if (!this.isEnable) {
+                    this.rootElement.style('cursor', 'hand');
+                    return;
+                }
+                if (!d3.event || !d3.event.sourceEvent) {
+                    this.logger.error('[GUI]Failed to get DragEvent', d3.event);
+                    return;
+                }
+                if (d3.event.sourceEvent.type === 'touchstart' && d3.event.sourceEvent.touches.length) {
+                    this.touchedScreenX = d3.event.sourceEvent.touches[0].screenX;
+                    this.touchedScreenY = d3.event.sourceEvent.touches[0].screenY;
+                }
+            }).on('drag', () => {
+                if (!this.isEnable) {
+                    this.rootElement.style('cursor', 'hand');
+                    return;
+                }
+                if (!d3.event || !d3.event.sourceEvent) {
+                    this.logger.error('[GUI]Failed to get DragEvent', d3.event);
+                    return;
+                }
+                if (d3.event.sourceEvent.type === 'mousemove') {
+                    this.moveView(d3.event.sourceEvent.movementX, d3.event.sourceEvent.movementY);
+                }
+                else if (d3.event.sourceEvent.type === 'touchmove' && d3.event.sourceEvent.touches.length) {
+                    const movementX = d3.event.sourceEvent.touches[0].screenX - this.touchedScreenX;
+                    const movementY = d3.event.sourceEvent.touches[0].screenY - this.touchedScreenY;
+                    this.touchedScreenX = d3.event.sourceEvent.touches[0].screenX;
+                    this.touchedScreenY = d3.event.sourceEvent.touches[0].screenY;
+                    this.moveView(movementX, movementY);
+                }
+            }).on('end', () => this.switchToState(0)));
+        }
+        else {
+            this.rootElement.style('cursor', 'hand');
+        }
+    }
+    switchToState(stateId) {
+        if (this.graphStateElement) {
+            this.graphStateElement.switchToState(stateId);
+        }
+    }
+    initGraph(width, height) {
+        if (this.model.useGraph === true) {
+            this.graphStateElement = new GraphStateElement(this.model.graphSetting, width, height, this.graphStore, this.logger);
+            this.$element.prepend(this.graphStateElement.Element);
+            this.graphStateElement.switchToState(0);
+        }
+    }
+    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.executeViewOperation();
+                }
+            });
+        }
+        else {
+            this.executeViewOperation();
+        }
+    }
+    executeViewOperation() {
+        let operationType = this.model.version >= 5 ? this.model.operationType : ViewOperationType.ToggleView;
+        operationType = operationType === undefined ? ViewOperationType.ToggleView : operationType;
+        switch (operationType) {
+            case ViewOperationType.ToggleView:
+                this.toggleView();
+                break;
+            case ViewOperationType.PopupView:
+                this.popView();
+                break;
+            case ViewOperationType.CloseView:
+                this.closeView();
+                break;
+        }
+    }
+    toggleView() {
+        const viewIndex = this.model.viewIndex;
+        if (null != viewIndex) {
+            const toggleView = this.viewService.toggleViews.get(this.el);
+            if (!toggleView) {
+                return;
+            }
+            toggleView(viewIndex, this.hostContainerId, this.el).subscribe(() => this.recordViewOperation(), error => this.logger.error(`ToggleView(${viewIndex}) failed. `, error));
+        }
+        else {
+            this.logger.error('[GUI]Toggle View:invalid view index');
+        }
+    }
+    popView() {
+        const viewIndex = this.model.viewIndex;
+        if (null != viewIndex) {
+            this.popupViewService.popView(viewIndex, this.hostContainerId, this.el).subscribe(() => this.recordViewOperation(), error => this.logger.error(`ToggleView(${viewIndex}) failed. ${error}`));
+            $(`#${this.hostContainerId} video`)
+                .addClass('video-hidden')
+                .css('visibility', 'hidden');
+        }
+        else {
+            this.logger.error('[GUI]Toggle View:invalid view index');
+        }
+    }
+    closeView() {
+        this.popupViewService.closeView();
+        if ($(`#${this.hostContainerId} > svg > svg`).length === 0) {
+            $(`#${this.hostContainerId} .video-hidden`)
+                .removeClass('video-hidden')
+                .css('visibility', 'visible');
+        }
+        this.recordViewOperation();
+    }
+    moveView(movementX, movementY) {
+        if (isNaN(movementX) || isNaN(movementY)) {
+            return;
+        }
+        this.popupViewService.moveView(movementX, movementY);
+        this.recordViewOperation();
+    }
+    recordViewOperation() {
+        if (this.model.isRecordOperation) {
+            this.operationRecordService.record({ operationDescription: this.model.operationDescription });
+        }
+    }
+    /**
+     * 订阅语种变化事件
+     */
+    subscribeLanguageChange() {
+        if (this.guiContext && this.guiContext.languageChanged$) {
+            this.languageChangeSubscription = this.guiContext.languageChanged$.subscribe(() => {
+                this.updateTextContent();
+            });
+        }
+    }
+    /**
+     * 获取当前语种的字体样式
+     */
+    getFontStyle() {
+        const getTargetLanguage = () => {
+            var _a, _b, _c, _d, _e, _f;
+            const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+            const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+            if (currentLanguageId === null || currentLanguageId === undefined) {
+                return defaultLanguage;
+            }
+            return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+        };
+        const targetLanguage = getTargetLanguage();
+        if (this.model.fontStyleCultures && this.model.fontStyleCultures[targetLanguage]) {
+            const style = this.model.fontStyleCultures[targetLanguage];
+            return {
+                isUnderline: style.isUnderline,
+                isBold: style.isBold,
+                isItalic: style.isItalic,
+                fontSize: style.fontSize,
+                fontFamily: style.fontFamily || 'msyh',
+                color: style.color,
+                textAlign: style.textAlign
+            };
+        }
+        return Object.assign(Object.assign({}, this.model.label.font), { fontFamily: this.model.label.font.fontFamily || 'msyh' });
+    }
+    /**
+     * 更新文本内容（支持文本库和语种切换）
+     */
+    updateTextContent() {
+        if (this.textElementModal) {
+            const font = this.getFontStyle();
+            this.textElementModal.updateFont(font);
+            this.textElementModal.updateText(this.getDisplayText());
+        }
+    }
+    /**
+     * 获取显示文本
+     */
+    getDisplayText() {
+        var _a, _b, _c, _d, _e, _f;
+        // 检查是否使用文本库
+        if (this.model.textLibrary && this.model.textLibrary.labelType === 'textLibrary') {
+            const textLibraryId = this.model.textLibrary.selectedTextLibraryItem;
+            const textItem = this.model.textLibrary.selectedTextItem;
+            if (textLibraryId && textItem && this.textLibraryService) {
+                // 获取文本库数据
+                const textLibraryData = this.textLibraryService.getTextLibraryById(typeof textLibraryId === 'string' ? parseInt(textLibraryId, 10) : textLibraryId);
+                if (textLibraryData && textLibraryData.data) {
+                    // 查找对应的文本条目
+                    const textEntry = textLibraryData.data.find(entry => entry.key === textItem.toString());
+                    if (textEntry) {
+                        // 获取当前语种ID
+                        const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+                        // 确定要使用的语种代码（culture）
+                        let targetLanguage;
+                        const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+                        if (currentLanguageId === null || currentLanguageId === undefined) {
+                            // 设备未设置当前语种，使用默认语种
+                            targetLanguage = defaultLanguage;
+                        }
+                        else {
+                            // 设备已设置当前语种，获取对应的语种代码
+                            const currentLanguage = (_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId);
+                            if (currentLanguage) {
+                                targetLanguage = currentLanguage;
+                            }
+                            else {
+                                // 无法获取语种代码，使用默认语种
+                                targetLanguage = defaultLanguage;
+                            }
+                        }
+                        // 返回对应语种的文本
+                        if (textEntry.cultures && textEntry.cultures[targetLanguage]) {
+                            return textEntry.cultures[targetLanguage];
+                        }
+                        // 如果没有对应语种，返回空字符串
+                        return '';
+                    }
+                }
+            }
+            // 文本库配置但未找到数据，返回空字符串
+            return '';
+        }
+        // 处理自定义文本（支持多语种）
+        if (this.model.label) {
+            // 获取目标语种（公共逻辑）
+            const getTargetLanguage = () => {
+                var _a, _b, _c, _d, _e, _f;
+                const currentLanguageId = (_c = (_b = (_a = this.guiContext) === null || _a === void 0 ? void 0 : _a.getCurrentLanguageId) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : null;
+                const defaultLanguage = ((_d = this.languageService) === null || _d === void 0 ? void 0 : _d.getDefaultLanguage()) || 'zh-CN';
+                if (currentLanguageId === null || currentLanguageId === undefined) {
+                    return defaultLanguage;
+                }
+                return ((_f = (_e = this.guiContext) === null || _e === void 0 ? void 0 : _e.getLanguageCultureById) === null || _f === void 0 ? void 0 : _f.call(_e, currentLanguageId)) || defaultLanguage;
+            };
+            // 新格式：cultures 在 label 顶层
+            if (this.model.label.cultures && typeof this.model.label.cultures === 'object') {
+                return this.model.label.cultures[getTargetLanguage()] || '';
+            }
+            if (this.model.label.content) {
+                // 中间格式（兼容）：content 为 { cultures: {...} }
+                if (typeof this.model.label.content === 'object' && this.model.label.content.cultures) {
+                    return this.model.label.content.cultures[getTargetLanguage()] || '';
+                }
+                // 旧格式：字符串
+                if (typeof this.model.label.content === 'string') {
+                    return this.model.label.content;
+                }
+            }
+        }
+        return '';
+    }
+    /**
+     * 释放资源
+     */
+    dispose() {
+        // 取消语种变化订阅
+        if (this.languageChangeSubscription) {
+            this.languageChangeSubscription.unsubscribe();
+            this.languageChangeSubscription = undefined;
+        }
+        if (this.$element) {
+            this.$element.remove();
+        }
+    }
+}

package/elements/view-operation/view-operation.element.metadata.json

@@ -1 +1 @@
-[{"__symbolic":"module","version":4,"metadata":{"ViewOperationElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-enable-element","name":"ConditionalEnableElement","line":20,"character":42},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":31,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":48},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":32,"character":39},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":33,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":34,"character":23},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":35,"character":37},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":36,"character":27},{"__symbolic":"reference","module":"../../service","name":"OperationRecordService","line":37,"character":49},{"__symbolic":"reference","module":"../../security","name":"SecurityChecker","line":38,"character":42},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":39,"character":22},{"__symbolic":"reference","module":"../../view/popup-view.service","name":"PopupViewService","line":40,"character":43},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":29},{"__symbolic":"reference","name":"string"}]}],"initElement":[{"__symbolic":"method"}],"switchToState":[{"__symbolic":"method"}],"initGraph":[{"__symbolic":"method"}],"checkElementPassword":[{"__symbolic":"method"}],"executeViewOperation":[{"__symbolic":"method"}],"toggleView":[{"__symbolic":"method"}],"popView":[{"__symbolic":"method"}],"closeView":[{"__symbolic":"method"}],"moveView":[{"__symbolic":"method"}],"recordViewOperation":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":4,"metadata":{"ViewOperationElement":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"../base/conditional-enable-element","name":"ConditionalEnableElement","line":23,"character":42},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"error","message":"Could not resolve type","line":36,"character":25,"context":{"typeName":"HTMLElement"}},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":36,"character":48},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":37,"character":39},{"__symbolic":"reference","module":"../../communication","name":"VariableCommunicator","line":38,"character":30},{"__symbolic":"reference","module":"../../config","name":"VariableStore","line":39,"character":23},{"__symbolic":"reference","module":"../../config","name":"GraphStore","line":40,"character":37},{"__symbolic":"reference","module":"../../service","name":"PermissionChecker","line":41,"character":27},{"__symbolic":"reference","module":"../../service","name":"OperationRecordService","line":42,"character":49},{"__symbolic":"reference","module":"../../security","name":"SecurityChecker","line":43,"character":42},{"__symbolic":"reference","module":"../../localization","name":"Localization","line":44,"character":22},{"__symbolic":"reference","module":"../../view/popup-view.service","name":"PopupViewService","line":45,"character":43},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":47,"character":29},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"../../service","name":"TextLibraryService","line":49,"character":46},{"__symbolic":"reference","module":"../../service","name":"LanguageService","line":50,"character":43},{"__symbolic":"reference","module":"../../gui/gui-context","name":"GuiContext","line":51,"character":38}]}],"initElement":[{"__symbolic":"method"}],"switchToState":[{"__symbolic":"method"}],"initGraph":[{"__symbolic":"method"}],"checkElementPassword":[{"__symbolic":"method"}],"executeViewOperation":[{"__symbolic":"method"}],"toggleView":[{"__symbolic":"method"}],"popView":[{"__symbolic":"method"}],"closeView":[{"__symbolic":"method"}],"moveView":[{"__symbolic":"method"}],"recordViewOperation":[{"__symbolic":"method"}],"subscribeLanguageChange":[{"__symbolic":"method"}],"getFontStyle":[{"__symbolic":"method"}],"updateTextContent":[{"__symbolic":"method"}],"getDisplayText":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}]}}}}]