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

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

@@ -1,23 +1,58 @@
-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;
-}
+import { LoggerService } from '../../../logger';
+import { TextLibrarySetting } from '../../../model/base/font-setting-model';
+import { IndicatorLightFaultFlicker } from '../../../model/switch-indicator-light/indicator-light-fault-flicker';
+import { TextLibraryService, LanguageService } from '../../../service';
+import { TextState } from './text-state.model';
+import { GuiContext } from '../../../gui/gui-context';
+export declare class TextStateElement {
+    private readonly textStates;
+    private width;
+    private readonly height;
+    private readonly logger;
+    private readonly version?;
+    private readonly faultFlickers?;
+    private readonly textLibrarySetting?;
+    private readonly textLibraryService?;
+    private readonly languageService?;
+    private readonly guiContext?;
+    private readonly allowEmpty;
+    private readonly fontStyleCultures?;
+    private textElement;
+    private _element;
+    get Element(): SVGElement;
+    private faultFlickerStatus;
+    private faultFlickerInterval;
+    private currentStateId;
+    private languageChangeSubscription?;
+    constructor(textStates: TextState[], width: number, height: number, logger: LoggerService, version?: number, faultFlickers?: IndicatorLightFaultFlicker[], textLibrarySetting?: TextLibrarySetting, textLibraryService?: TextLibraryService, languageService?: LanguageService, guiContext?: GuiContext, allowEmpty?: boolean, fontStyleCultures?: {
+        [stateId: string]: {
+            [languageCode: string]: any;
+        };
+    });
+    switchToState(stateId: number): void;
+    /**
+     * 订阅语种变化事件
+     * 当设备的语种ID改变时，重新渲染当前状态的文本
+     */
+    private subscribeLanguageChange;
+    /**
+     * 释放资源
+     */
+    dispose(): void;
+    private getforeignObjectElement;
+    private removeForeignObjectlement;
+    private doFaultFlicker;
+    private clearFlickerInterval;
+    /**
+     * 获取指定状态在当前语种下的字体样式
+     */
+    private getFontForState;
+    /**
+     * 获取显示文本
+     * 支持三种格式：
+     * 1. 新格式：textData.cultures 在顶层（与 content 并列）
+     * 2. 中间格式：textData.content 为 { cultures: {...} }（已废弃，向下兼容）
+     * 3. 旧格式：textData.content 为字符串
+     */
+    private getDisplayText;
+}

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

@@ -1,136 +1,286 @@
-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 += ',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');
-            }
-        }
-    }
-}
+import { Flicker } from '../../../model';
+export class TextStateElement {
+    constructor(textStates, width, height, logger, version, faultFlickers, textLibrarySetting, textLibraryService, languageService, guiContext, allowEmpty = false, fontStyleCultures) {
+        this.textStates = textStates;
+        this.width = width;
+        this.height = height;
+        this.logger = logger;
+        this.version = version;
+        this.faultFlickers = faultFlickers;
+        this.textLibrarySetting = textLibrarySetting;
+        this.textLibraryService = textLibraryService;
+        this.languageService = languageService;
+        this.guiContext = guiContext;
+        this.allowEmpty = allowEmpty;
+        this.fontStyleCultures = fontStyleCultures;
+        this.faultFlickerStatus = false;
+        this.faultFlickerInterval = undefined;
+        this._element = document.createElementNS('http://www.w3.org/2000/svg', 'g');
+        // 订阅语种变化事件
+        this.subscribeLanguageChange();
+    }
+    get Element() {
+        return this._element;
+    }
+    switchToState(stateId) {
+        // 保存当前状态ID，用于语种切换时重新渲染
+        this.currentStateId = 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 = this.getDisplayText(stateId, textState.text);
+        if (content === '' || content == null) {
+            this.removeForeignObjectlement();
+            return;
+        }
+        const font = this.getFontForState(stateId, textState.text.font);
+        if (!font) {
+            this.removeForeignObjectlement();
+            this.logger.debug('The font is undefined.');
+            return;
+        }
+        const textElement = this.getforeignObjectElement();
+        // 设置 text-anchor 和 dominant-baseline
+        textElement.setAttribute('text-anchor', 'middle');
+        textElement.setAttribute('dominant-baseline', 'middle');
+        textElement.setAttribute('pointer-events', 'auto');
+        // 拆分换行
+        const lines = content.split('\n');
+        const fontSize = parseInt(font.fontSize, 10);
+        const lineHeight = fontSize + 4;
+        // 总高度 = 行数 * 行高
+        const totalHeight = lines.length * lineHeight;
+        // 调整文本整体垂直居中（通过 dy）
+        const startY = (this.height / 2) - (totalHeight / 2) + (lineHeight / 2);
+        // 复用已有 tspan，不足则新建，多余则隐藏——避免删除 touch 目标节点导致 touchend 丢失
+        const existingTspans = Array.from(textElement.children);
+        for (let i = 0; i < lines.length; i++) {
+            let tspan = existingTspans[i];
+            if (!tspan) {
+                tspan = document.createElementNS('http://www.w3.org/2000/svg', 'tspan');
+                textElement.appendChild(tspan);
+            }
+            tspan.setAttribute('display', 'inline');
+            tspan.setAttribute('x', (this.width / 2).toString());
+            tspan.setAttribute('y', startY + i * lineHeight + 'px');
+            tspan.textContent = lines[i].replace(/ /g, '\u00A0');
+            tspan.setAttribute('font-size', font.fontSize);
+            tspan.setAttribute('fill', font.color);
+            tspan.setAttribute('font-family', font.fontFamily);
+            tspan.setAttribute('font-weight', font.isBold ? 'bold' : 'normal');
+            tspan.setAttribute('font-style', font.isItalic ? 'italic' : 'normal');
+            tspan.setAttribute('text-decoration', font.isUnderline ? 'underline' : 'none');
+            tspan.setAttribute('text-anchor', 'middle');
+            tspan.setAttribute('dominant-baseline', 'middle');
+        }
+        // 隐藏多余的 tspan（不删除）
+        for (let i = lines.length; i < existingTspans.length; i++) {
+            existingTspans[i].setAttribute('display', 'none');
+        }
+        this.doFaultFlicker(textElement, stateId);
+    }
+    /**
+     * 订阅语种变化事件
+     * 当设备的语种ID改变时，重新渲染当前状态的文本
+     */
+    subscribeLanguageChange() {
+        if (this.guiContext && this.guiContext.languageChanged$) {
+            this.languageChangeSubscription = this.guiContext.languageChanged$.subscribe(() => {
+                // 如果当前有状态，重新渲染
+                if (this.currentStateId !== undefined) {
+                    this.switchToState(this.currentStateId);
+                }
+            });
+        }
+    }
+    /**
+     * 释放资源
+     */
+    dispose() {
+        // 取消语种变化订阅
+        if (this.languageChangeSubscription) {
+            this.languageChangeSubscription.unsubscribe();
+            this.languageChangeSubscription = undefined;
+        }
+        // 清除闪烁定时器
+        if (this.faultFlickerInterval) {
+            clearInterval(this.faultFlickerInterval);
+            this.faultFlickerInterval = undefined;
+        }
+    }
+    getforeignObjectElement() {
+        if (!this.textElement) {
+            this.textElement = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+            this.textElement.setAttribute('x', (this.width / 2).toString());
+            this.textElement.setAttribute('y', (this.height / 2).toString());
+            this.textElement.setAttribute('text-anchor', 'middle');
+            this.textElement.setAttribute('dominant-baseline', 'middle');
+            this.textElement.setAttribute('pointer-events', 'auto'); // 确保能接收事件
+            this._element.appendChild(this.textElement);
+        }
+        this.textElement.setAttribute('display', 'block');
+        return this.textElement;
+    }
+    removeForeignObjectlement() {
+        if (this.textElement) {
+            this.textElement.setAttribute('display', 'none');
+            this.textElement.textContent = '';
+        }
+    }
+    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');
+            }
+        }
+    }
+    /**
+     * 获取指定状态在当前语种下的字体样式
+     */
+    getFontForState(stateId, defaultFont) {
+        if (!this.fontStyleCultures) {
+            return defaultFont;
+        }
+        const stateKey = stateId.toString();
+        if (!this.fontStyleCultures[stateKey]) {
+            return defaultFont;
+        }
+        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.fontStyleCultures[stateKey][targetLanguage]) {
+            return this.fontStyleCultures[stateKey][targetLanguage];
+        }
+        return defaultFont;
+    }
+    /**
+     * 获取显示文本
+     * 支持三种格式：
+     * 1. 新格式：textData.cultures 在顶层（与 content 并列）
+     * 2. 中间格式：textData.content 为 { cultures: {...} }（已废弃，向下兼容）
+     * 3. 旧格式：textData.content 为字符串
+     */
+    getDisplayText(stateId, textData) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+        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 defaultContent = textData === null || textData === void 0 ? void 0 : textData.content;
+        // 新格式：cultures 在 text 顶层
+        if (textData && textData.cultures && typeof textData.cultures === 'object') {
+            const targetLanguage = getTargetLanguage();
+            if (textData.cultures[targetLanguage]) {
+                return textData.cultures[targetLanguage];
+            }
+            else if (this.allowEmpty) {
+                return '';
+            }
+            else {
+                const language = ((_c = (_b = (_a = window.abp) === null || _a === void 0 ? void 0 : _a.localization) === null || _b === void 0 ? void 0 : _b.currentLanguage) === null || _c === void 0 ? void 0 : _c.name) || 'zh-Hans';
+                const isChinese = language === 'zh-Hans' || language === 'zh';
+                return isChinese ? '文本' : 'Text';
+            }
+        }
+        // 中间格式（兼容）：content 为 { cultures: {...} }
+        if (defaultContent && typeof defaultContent === 'object' && defaultContent.cultures) {
+            const targetLanguage = getTargetLanguage();
+            if (defaultContent.cultures[targetLanguage]) {
+                return defaultContent.cultures[targetLanguage];
+            }
+            else if (this.allowEmpty) {
+                return '';
+            }
+            else {
+                const language = ((_f = (_e = (_d = window.abp) === null || _d === void 0 ? void 0 : _d.localization) === null || _e === void 0 ? void 0 : _e.currentLanguage) === null || _f === void 0 ? void 0 : _f.name) || 'zh-Hans';
+                const isChinese = language === 'zh-Hans' || language === 'zh';
+                return isChinese ? '文本' : 'Text';
+            }
+        }
+        // 检查是否使用文本库
+        if (this.textLibrarySetting && this.textLibrarySetting.labelType === 'textLibrary') {
+            const textLibraryId = this.textLibrarySetting.selectedTextLibraryItem;
+            if (textLibraryId && this.textLibraryService) {
+                // 获取文本库数据
+                const textLibraryData = this.textLibraryService.getTextLibraryById(typeof textLibraryId === 'string' ? parseInt(textLibraryId, 10) : textLibraryId);
+                if (textLibraryData && textLibraryData.data) {
+                    // 使用状态ID作为value查找对应的文本条目
+                    const textEntry = textLibraryData.data.find(entry => entry.value === stateId.toString());
+                    if (textEntry) {
+                        // 获取当前语种ID
+                        const currentLanguageId = (_j = (_h = (_g = this.guiContext) === null || _g === void 0 ? void 0 : _g.getCurrentLanguageId) === null || _h === void 0 ? void 0 : _h.call(_g)) !== null && _j !== void 0 ? _j : null;
+                        // 确定要使用的语种代码（culture）
+                        let targetLanguage;
+                        const defaultLanguage = ((_k = this.languageService) === null || _k === void 0 ? void 0 : _k.getDefaultLanguage()) || 'zh-CN';
+                        if (currentLanguageId === null || currentLanguageId === undefined) {
+                            // 设备未设置当前语种，使用默认语种
+                            targetLanguage = defaultLanguage;
+                        }
+                        else {
+                            // 设备已设置当前语种，获取对应的语种代码
+                            const currentLanguage = (_m = (_l = this.guiContext) === null || _l === void 0 ? void 0 : _l.getLanguageCultureById) === null || _m === void 0 ? void 0 : _m.call(_l, currentLanguageId);
+                            if (currentLanguage) {
+                                // 直接使用设备设置的语种，不再fallback
+                                targetLanguage = currentLanguage;
+                            }
+                            else {
+                                targetLanguage = defaultLanguage;
+                            }
+                        }
+                        // 返回对应语种的文本，如果没有则返回空字符串
+                        if (textEntry.cultures && textEntry.cultures[targetLanguage]) {
+                            const text = textEntry.cultures[targetLanguage];
+                            return text;
+                        }
+                        else {
+                            // 对应语种没有文本，返回空字符串
+                            return '';
+                        }
+                    }
+                }
+            }
+        }
+        // 处理字符串格式的 defaultContent
+        if (typeof defaultContent === 'string') {
+            return defaultContent;
+        }
+        return '';
+    }
+}

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

@@ -1 +1 @@
-[{"__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"}]}}}}]
+[{"__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":23,"character":45}]},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","name":"number"},{"__symbolic":"reference","module":"../../../logger","name":"LoggerService","line":26,"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":28,"character":41}]},{"__symbolic":"reference","module":"../../../model/base/font-setting-model","name":"TextLibrarySetting","line":29,"character":46},{"__symbolic":"reference","module":"../../../service","name":"TextLibraryService","line":30,"character":46},{"__symbolic":"reference","module":"../../../service","name":"LanguageService","line":31,"character":43},{"__symbolic":"reference","module":"../../../gui/gui-context","name":"GuiContext","line":32,"character":38},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"error","message":"Expression form not supported","line":34,"character":45}]}],"switchToState":[{"__symbolic":"method"}],"subscribeLanguageChange":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"getforeignObjectElement":[{"__symbolic":"method"}],"removeForeignObjectlement":[{"__symbolic":"method"}],"doFaultFlicker":[{"__symbolic":"method"}],"clearFlickerInterval":[{"__symbolic":"method"}],"getFontForState":[{"__symbolic":"method"}],"getDisplayText":[{"__symbolic":"method"}]}}}}]

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

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

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

@@ -1,5 +1,5 @@
-import { Font } from '../../../model';
-export declare class TextUtils {
-    static setText(textElement: SVGTextElement, content: string, font: Font, width: number, height: number, cursor?: string): void;
-    private static alignText;
-}
+import { Font } from '../../../model';
+export declare class TextUtils {
+    static setText(textElement: SVGTextElement, content: string, font: Font, width: number, height: number, cursor?: string): void;
+    private static alignText;
+}

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

@@ -1,45 +1,45 @@
-export class TextUtils {
-    static setText(textElement, content, font, width, height, cursor = 'hand') {
-        this.alignText(textElement, font.textAlign, width, height);
-        textElement.setAttribute('cursor', cursor);
-        textElement.setAttribute('alignment-baseline', 'central');
-        textElement.setAttribute('font-family', font.fontFamily);
-        textElement.setAttribute('font-size', font.fontSize + '');
-        textElement.setAttribute('fill', font.color);
-        if (font.isBold) {
-            textElement.setAttribute('font-weight', 'bold');
-        }
-        else {
-            textElement.removeAttribute('font-weight');
-        }
-        if (font.isItalic) {
-            textElement.setAttribute('font-style', 'italic');
-        }
-        else {
-            textElement.removeAttribute('font-style');
-        }
-        if (font.isUnderline) {
-            textElement.setAttribute('text-decoration', 'underline');
-        }
-        else {
-            textElement.removeAttribute('text-decoration');
-        }
-        textElement.textContent = content;
-    }
-    static alignText(textElement, align, width, height) {
-        switch (align) {
-            case 'right':
-                textElement.setAttribute('text-anchor', 'end');
-                textElement.setAttribute('transform', `translate(${width},${height / 2})`);
-                break;
-            case 'left':
-                textElement.setAttribute('text-anchor', 'start');
-                textElement.setAttribute('transform', `translate(0,${height / 2})`);
-                break;
-            default:
-                textElement.setAttribute('text-anchor', 'middle');
-                textElement.setAttribute('transform', `translate(${width / 2},${height / 2})`);
-                break;
-        }
-    }
-}
+export class TextUtils {
+    static setText(textElement, content, font, width, height, cursor = 'hand') {
+        this.alignText(textElement, font.textAlign, width, height);
+        textElement.setAttribute('cursor', cursor);
+        textElement.setAttribute('alignment-baseline', 'central');
+        textElement.setAttribute('font-family', font.fontFamily);
+        textElement.setAttribute('font-size', font.fontSize + '');
+        textElement.setAttribute('fill', font.color);
+        if (font.isBold) {
+            textElement.setAttribute('font-weight', 'bold');
+        }
+        else {
+            textElement.removeAttribute('font-weight');
+        }
+        if (font.isItalic) {
+            textElement.setAttribute('font-style', 'italic');
+        }
+        else {
+            textElement.removeAttribute('font-style');
+        }
+        if (font.isUnderline) {
+            textElement.setAttribute('text-decoration', 'underline');
+        }
+        else {
+            textElement.removeAttribute('text-decoration');
+        }
+        textElement.textContent = content;
+    }
+    static alignText(textElement, align, width, height) {
+        switch (align) {
+            case 'right':
+                textElement.setAttribute('text-anchor', 'end');
+                textElement.setAttribute('transform', `translate(${width},${height / 2})`);
+                break;
+            case 'left':
+                textElement.setAttribute('text-anchor', 'start');
+                textElement.setAttribute('transform', `translate(0,${height / 2})`);
+                break;
+            default:
+                textElement.setAttribute('text-anchor', 'middle');
+                textElement.setAttribute('transform', `translate(${width / 2},${height / 2})`);
+                break;
+        }
+    }
+}