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

package/gui/gui-view.js

@@ -0,0 +1,204 @@
+import { LOGGER_SERVICE_TOKEN } from '../logger';
+import * as d3 from 'd3-selection';
+import { each, forEach } from 'lodash';
+import { map } from 'rxjs/operators';
+import { VariableStateEnum } from '../communication';
+import { MainElement } from '../elements/main-element';
+import { PerViewVariableCommunicator } from '../elements/per-view-variable-communicator';
+import { ViewPopupBackdropType, ViewPopupLocationType } from '../model';
+import { ViewResizeMode, DisplayMode, GlobalSettings } from '../settings';
+import { ConfigIsEmptyError } from '../shared';
+import { Guid } from '../utils/guid';
+export class GuiView {
+    constructor(injector, bsModalService, context, parentView) {
+        this.injector = injector;
+        this.bsModalService = bsModalService;
+        this.context = context;
+        this.parentView = parentView;
+        this.viewId = Guid.newGuid().toString('n');
+        this.logger = injector.get(LOGGER_SERVICE_TOKEN);
+        this.childViews = new Array();
+        if (parentView) {
+            parentView.childViews.push(this);
+        }
+        this.isMobileMode = DisplayMode.Mobile === injector.get(GlobalSettings).displayMode;
+        this.signalRAppId = Guid.newGuid().toString('n');
+    }
+    get element() {
+        return this.mainElement.rootElement;
+    }
+    get rawWidth() {
+        return this.mainElement.rawWidth;
+    }
+    get rawHeight() {
+        return this.mainElement.rawHeight;
+    }
+    resize(size, resizeMode, svgRootClass) {
+        if (!size) {
+            return;
+        }
+        if (!size.isReal()) {
+            throw new Error('invalid size.');
+        }
+        switch (resizeMode) {
+            case ViewResizeMode.HorizontalUniform:
+                this.mainElement.horizontalStretch(size);
+                break;
+            default:
+                this.mainElement.uniformStretch(size, svgRootClass);
+                break;
+        }
+    }
+    load(config, guiOptions) {
+        const { context } = this;
+        this.svgRootClass = guiOptions.svgRootClass;
+        this.perViewVariableCommunicator = new PerViewVariableCommunicator(context.variableCommunicator);
+        this.mainElement = new MainElement(this.injector, this.bsModalService, context, this.perViewVariableCommunicator, this, this.signalRAppId);
+        this.mainElement.load(config.config, !!this.parentView, guiOptions);
+        setTimeout(() => {
+            this.loadElementState();
+        }, 0);
+        this.logger.debug('[GUI] View loaded.');
+    }
+    loadElementState() {
+        if (!this.mainElement) {
+            return;
+        }
+        this.mainElement.initElementState();
+        if (this.openVariableStatesSubscription) {
+            this.openVariableStatesSubscription.unsubscribe();
+        }
+        if (this.openVariableStatesSubscription) {
+            this.openVariableStatesSubscription.unsubscribe();
+        }
+        this.openedVariableNames = this.mainElement.getVariableNames();
+        if (this.openedVariableNames.length === 0) {
+            return;
+        }
+        this.openVariableStatesSubscription =
+            this.perViewVariableCommunicator.subscribeVariableStates(this.openedVariableNames).subscribe((states) => {
+                this.mainElement.reportVariableStates(states);
+                const normalVariableNames = [];
+                each(states, v => {
+                    if (v.state === VariableStateEnum.Normal && normalVariableNames.indexOf(v.variableName) === -1) {
+                        normalVariableNames.push(v.variableName);
+                    }
+                });
+                if (normalVariableNames.length > 0) {
+                    this.normalOpenedVariableNames(normalVariableNames);
+                }
+            });
+    }
+    popView(viewIndex, hostContainerId, el) {
+        return this.context.configStore.viewStore.getViewConfig(viewIndex).pipe(map(view => {
+            if (!view.config || !view.config.length) {
+                throw new ConfigIsEmptyError();
+            }
+            const popView = new GuiView(this.injector, this.bsModalService, this.context, this);
+            const guiOptions = {
+                svgRootClass: this.svgRootClass,
+                hostContainerId: hostContainerId,
+                el: el
+            };
+            popView.load(view, guiOptions);
+            const settings = $(popView.element).data('model');
+            if (!settings.popup) {
+                return;
+            }
+            let x, y;
+            if (settings.popup.locationType === ViewPopupLocationType.Custom && settings.popup.location) {
+                x = settings.popup.location.x;
+                y = settings.popup.location.y;
+            }
+            else {
+                x = (this.rawWidth - popView.rawWidth) / 2;
+                y = (this.rawHeight - popView.rawHeight) / 2;
+            }
+            switch (settings.popup.backdropType) {
+                case ViewPopupBackdropType.Shadow:
+                    if (!this.isMobileMode) {
+                        popView.showShadow();
+                    }
+                    break;
+                case ViewPopupBackdropType.Musk:
+                    this.showMusk();
+                    break;
+            }
+            popView.element.setAttribute('x', String(x));
+            popView.element.setAttribute('y', String(y));
+            this.element.appendChild(popView.element);
+        }));
+    }
+    closeView() {
+        if (!this.parentView) {
+            return;
+        }
+        this.parentView.hideMusk();
+        this.dispose();
+        this.element.parentElement.removeChild(this.element);
+    }
+    moveView(movementX, movementY) {
+        const newX = Number(this.element.getAttribute('x')) + movementX;
+        const newY = Number(this.element.getAttribute('y')) + movementY;
+        this.element.setAttributeNS(null, 'x', String(newX));
+        this.element.setAttributeNS(null, 'y', String(newY));
+    }
+    showMusk() {
+        if (!this.muskElement) {
+            this.muskElement = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
+            this.muskElement.setAttribute('width', String(this.rawWidth));
+            this.muskElement.setAttribute('height', String(this.rawHeight));
+            this.muskElement.setAttribute('fill', '#081625');
+            this.muskElement.setAttribute('fill-opacity', '0.4');
+        }
+        this.element.appendChild(this.muskElement);
+    }
+    showShadow() {
+        const filterId = `dropshadow-${this.viewId}`;
+        const filter = d3.select(this.element).append('defs').append('filter').attr('id', filterId)
+            .attr('x', 0).attr('y', 0).attr('color-interpolation-filters', 'sRGB')
+            .attr('filterUnits', 'userSpaceOnUse');
+        const feComponentTransfer = filter.append('feDropShadow');
+        feComponentTransfer.attr('stdDeviation', '6').attr('flood-color', 'rgba(69,65,78,.3)');
+        filter.append('feOffset').attr('dx', 0).attr('dy', 0).attr('result', 'shadow');
+        filter.append('feComposite').attr('in', 'SourceGraphic').attr('in2', 'shadow').attr('operator', 'over');
+        const container = this.element.children[0];
+        if (!container) {
+            return;
+        }
+        container.setAttribute('filter', `url(#${filterId})`);
+        container.setAttribute('x', '6');
+        container.setAttribute('y', '6');
+        $(this.element).children('g').attr('transform', 'matrix(1, 0, 0, 1, 6, 6)');
+    }
+    hideMusk() {
+        if (this.muskElement) {
+            this.element.removeChild(this.muskElement);
+            this.muskElement = null;
+        }
+    }
+    dispose() {
+        if (this.openVariableStatesSubscription) {
+            this.openVariableStatesSubscription.unsubscribe();
+        }
+        if (this.openVariablesSubscription) {
+            this.openVariablesSubscription.unsubscribe();
+        }
+        if (this.perViewVariableCommunicator) {
+            this.perViewVariableCommunicator.dispose();
+        }
+        if (this.childViews && this.childViews.length) {
+            forEach(this.childViews, v => v.dispose());
+        }
+        if (this.mainElement) {
+            this.mainElement.dispose();
+        }
+        this.logger.debug('[GUI] View disposed.');
+    }
+    normalOpenedVariableNames(normalVariableNames) {
+        if (normalVariableNames.length > 0) {
+            this.openVariablesSubscription = this.perViewVariableCommunicator.openVariables(normalVariableNames, this.signalRAppId)
+                .subscribe(variableValues => this.mainElement.reportVariableValues(variableValues));
+        }
+    }
+}

package/gui/gui-view.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"GuiView":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":47,"character":43},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":48,"character":41},{"__symbolic":"reference","module":"./gui-context","name":"GuiContext","line":49,"character":34},{"__symbolic":"reference","name":"GuiView"}]}],"resize":[{"__symbolic":"method"}],"load":[{"__symbolic":"method"}],"loadElementState":[{"__symbolic":"method"}],"popView":[{"__symbolic":"method"}],"closeView":[{"__symbolic":"method"}],"moveView":[{"__symbolic":"method"}],"showMusk":[{"__symbolic":"method"}],"showShadow":[{"__symbolic":"method"}],"hideMusk":[{"__symbolic":"method"}],"dispose":[{"__symbolic":"method"}],"normalOpenedVariableNames":[{"__symbolic":"method"}]}}}}]

package/gui/gui.component.d.ts

@@ -0,0 +1,45 @@
+import { ElementRef, EventEmitter, Injector, OnChanges, OnDestroy, SimpleChange } from '@angular/core';
+import { BsModalService } from 'ngx-bootstrap/modal';
+import { Localization } from '../localization';
+import { Size } from '../model';
+import { GuiContext } from './gui-context';
+export declare class GuiComponent implements OnChanges, OnDestroy {
+    private readonly el;
+    private readonly localization;
+    private readonly injector;
+    private readonly bsModalService;
+    context: GuiContext;
+    size: Size;
+    resizeMode: string;
+    displayMode: string;
+    loadFailed: EventEmitter<Error>;
+    loaded: EventEmitter<any>;
+    startTouch: any;
+    isTouch: boolean;
+    pageX: number;
+    pageY: number;
+    initX: number;
+    initY: number;
+    initWidth: number;
+    initHeight: number;
+    lastScale: number;
+    isMobileMode: boolean;
+    hostContainerId: string;
+    private $svg;
+    private host;
+    private get viewResizeMode();
+    private readonly globalSettings;
+    private readonly viewService;
+    constructor(el: ElementRef, localization: Localization, injector: Injector, bsModalService: BsModalService);
+    ngOnChanges(changes: {
+        [propKey: string]: SimpleChange;
+    }): void;
+    doubleFingerZooming(): void;
+    getDistance(p1: any, p2: any): number;
+    ngOnDestroy(): void;
+    private onProviderChanged;
+    private onSizeChanged;
+    private onResizeModeChanged;
+    private onDisplayModeChanged;
+    refreshCurrentPage(): boolean;
+}

package/gui/gui.component.js

@@ -0,0 +1,240 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __param = (this && this.__param) || function (paramIndex, decorator) {
+    return function (target, key) { decorator(target, key, paramIndex); }
+};
+import { Component, ElementRef, EventEmitter, Inject, Injector, Input, Output } from '@angular/core';
+import { isNaN as lodashIsNaN, isEqual } from 'lodash';
+import { BsModalService } from 'ngx-bootstrap/modal';
+import { LOCALIZATION } from '../localization';
+import { Size } from '../model';
+import { DisplayMode, GlobalSettings, ViewResizeMode } from '../settings';
+import { GuiHost } from './gui-host';
+import { Guid } from '../utils/guid';
+import { ViewService } from '../view/view.service';
+let GuiComponent = class GuiComponent {
+    constructor(el, localization, injector, bsModalService) {
+        this.el = el;
+        this.localization = localization;
+        this.injector = injector;
+        this.bsModalService = bsModalService;
+        this.loadFailed = new EventEmitter();
+        this.loaded = new EventEmitter();
+        this.lastScale = 1;
+        this.isMobileMode = false;
+        this.globalSettings = this.injector.get(GlobalSettings);
+        this.viewService = injector.get(ViewService);
+    }
+    get viewResizeMode() {
+        switch (this.resizeMode) {
+            case 'HorizontalUniform':
+                return ViewResizeMode.HorizontalUniform;
+            default:
+                return ViewResizeMode.Uniform;
+        }
+    }
+    ngOnChanges(changes) {
+        if (changes.displayMode) {
+            this.onDisplayModeChanged(changes.displayMode.previousValue, changes.displayMode.currentValue);
+        }
+        if (changes.context) {
+            this.onProviderChanged(changes.context.previousValue, changes.context.currentValue);
+        }
+        if (changes.size) {
+            this.onSizeChanged(changes.size.previousValue, changes.size.currentValue);
+        }
+        if (changes.resizeMode) {
+            this.onResizeModeChanged(changes.resizeMode.previousValue, changes.resizeMode.currentValue);
+        }
+    }
+    doubleFingerZooming() {
+        const scaleElement = this.$svg.find('div.svg-content').first()[0];
+        const self = this;
+        self.initWidth = scaleElement.offsetWidth;
+        self.initHeight = scaleElement.offsetHeight;
+        self.lastScale = 1;
+        scaleElement.addEventListener('touchstart', function (e) {
+            self.pageX = e.targetTouches[0].pageX;
+            self.pageY = e.targetTouches[0].pageY;
+            self.initX = !lodashIsNaN(parseInt(scaleElement.style.left, 10)) ? parseInt(scaleElement.style.left, 10) : 0;
+            self.initY = !lodashIsNaN(parseInt(scaleElement.style.top, 10)) ? parseInt(scaleElement.style.top, 10) : 0;
+            if (e.touches.length >= 2) {
+                self.startTouch = e.touches;
+            }
+            self.isTouch = true;
+        }, false);
+        scaleElement.addEventListener('touchmove', function (e) {
+            if (e.touches.length === 1 && self.isTouch && self.lastScale > 1) {
+                e.preventDefault();
+                const touchMoveX = e.targetTouches[0].pageX, touchMoveY = e.targetTouches[0].pageY;
+                const left = Number(touchMoveX) - Number(self.pageX) + Number(self.initX);
+                const top = Number(touchMoveY) - Number(self.pageY) + Number(self.initY);
+                if (left > -(self.lastScale - 1) * self.initWidth / 2 && left < (self.lastScale - 1) * self.initWidth / 2) {
+                    scaleElement.style.left = left + 'px';
+                }
+                if (top > -(self.lastScale - 1) * self.initHeight / 2 && top < (self.lastScale - 1) * self.initHeight / 2) {
+                    scaleElement.style.top = top + 'px';
+                }
+            }
+            if (e.touches.length >= 2 && self.isTouch) {
+                e.preventDefault();
+                const now = e.touches;
+                const scale = (self.getDistance(now[0], now[1]) / self.getDistance(self.startTouch[0], self.startTouch[1]));
+                let nowScale = self.lastScale;
+                if (scale >= 1) {
+                    nowScale *= 1.008;
+                }
+                if (nowScale < 1) {
+                    nowScale = 1;
+                }
+                if (nowScale > 5) {
+                    nowScale = 5;
+                }
+                if (scale < 1) {
+                    nowScale *= 0.992;
+                    scaleElement.style.left = -(nowScale - 1) * self.initWidth / 8 + 'px';
+                    scaleElement.style.top = -(nowScale - 1) * self.initHeight / 8 + 'px';
+                }
+                scaleElement.style.transform = 'scale(' + nowScale + ')';
+                self.lastScale = nowScale;
+            }
+        }, false);
+        scaleElement.addEventListener('touchend', function () {
+            if (self.isTouch) {
+                self.isTouch = false;
+            }
+        }, false);
+    }
+    getDistance(p1, p2) {
+        const x = p2.pageX - p1.pageX, y = p2.pageY - p1.pageY;
+        return Math.sqrt((x * x) + (y * y));
+    }
+    ngOnDestroy() {
+        if (this.host) {
+            this.host.dispose();
+        }
+    }
+    onProviderChanged(oldValue, newValue) {
+        if (isEqual(oldValue, newValue)) {
+            return;
+        }
+        if (this.host) {
+            this.host.dispose();
+            this.host = null;
+        }
+        if (newValue) {
+            this.$svg = $(this.el.nativeElement).find('div.svgView').first();
+            this.$svg.empty();
+            const svgRootClass = 'S' + Guid.newGuid().toString('n');
+            this.hostContainerId = 'H' + Guid.newGuid().toString('n');
+            this.$svg.addClass(svgRootClass);
+            const guiOptions = {
+                svgRootClass: svgRootClass,
+                hostContainerId: this.hostContainerId,
+                el: this.el
+            };
+            const host = new GuiHost(this.injector, this.bsModalService, newValue, guiOptions, this.el);
+            /*
+             * if configureViewCode exist then load by configureViewCode else load by configureViewId
+             */
+            (this.context.configureViewCode ? host.loadByConfigureViewCode(this.context.configureViewCode) :
+                host.load(this.context.configureViewId)).then(t => {
+                // 加载结束后，如果context发生了变化，直接返回。
+                if (!isEqual(this.context, t.context)) {
+                    t.dispose();
+                    return;
+                }
+                this.host = host;
+                this.host.resizeView(this.size, this.viewResizeMode);
+                this.$svg.append(t.element);
+                if (this.isMobileMode) {
+                    this.doubleFingerZooming();
+                }
+                this.loaded.emit();
+            }).catch(error => {
+                this.$svg.append(`<p>${this.localization.loadFailed}</p>`);
+                this.loadFailed.emit(error);
+            });
+        }
+        else {
+            if (this.$svg) {
+                this.$svg.empty();
+            }
+            this.host = null;
+        }
+    }
+    onSizeChanged(oldValue, newValue) {
+        if (!this.host || isEqual(oldValue, newValue)) {
+            return;
+        }
+        this.host.updateViewSize(newValue);
+        if (this.isMobileMode) {
+            this.doubleFingerZooming();
+        }
+    }
+    onResizeModeChanged(oldValue, newValue) {
+        if (!this.host || isEqual(oldValue, newValue)) {
+            return;
+        }
+        this.host.updateViewResizeMode(this.viewResizeMode);
+    }
+    onDisplayModeChanged(oldValue, newValue) {
+        if (isEqual(oldValue, newValue)) {
+            return;
+        }
+        this.isMobileMode = this.displayMode === 'Mobile';
+        this.globalSettings.displayMode = this.isMobileMode ? DisplayMode.Mobile : DisplayMode.Web;
+    }
+    refreshCurrentPage() {
+        if (this.host.currentViewIndex === undefined) {
+            return false;
+        }
+        const toggleView = this.viewService.toggleViews.get(this.el);
+        if (!toggleView) {
+            return false;
+        }
+        toggleView(this.host.currentViewIndex, this.hostContainerId, this.el).subscribe();
+        return true;
+    }
+};
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], GuiComponent.prototype, "context", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Size)
+], GuiComponent.prototype, "size", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GuiComponent.prototype, "resizeMode", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", String)
+], GuiComponent.prototype, "displayMode", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GuiComponent.prototype, "loadFailed", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], GuiComponent.prototype, "loaded", void 0);
+GuiComponent = __decorate([
+    Component({
+        selector: 'fc-gui',
+        template: "<div> <div class='svgView' style=\"position: relative;display: flex;justify-content: center;align-items: center;\"></div> </div> "
+    }),
+    __param(1, Inject(LOCALIZATION)),
+    __metadata("design:paramtypes", [ElementRef, Object, Injector,
+        BsModalService])
+], GuiComponent);
+export { GuiComponent };

package/gui/gui.component.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"GuiComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"fc-gui","template":"<div> <div class='svgView' style=\"position: relative;display: flex;justify-content: center;align-items: center;\"></div> </div> "}]}],"members":{"context":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"resizeMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"displayMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"loadFailed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"loaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":50,"character":9},"arguments":[{"__symbolic":"reference","module":"../localization","name":"LOCALIZATION","line":50,"character":16}]}],null,null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":49,"character":37},{"__symbolic":"reference","module":"../localization","name":"Localization","line":50,"character":61},{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":51,"character":35},{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"BsModalService","line":52,"character":41}]}],"ngOnChanges":[{"__symbolic":"method"}],"doubleFingerZooming":[{"__symbolic":"method"}],"getDistance":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"onProviderChanged":[{"__symbolic":"method"}],"onSizeChanged":[{"__symbolic":"method"}],"onResizeModeChanged":[{"__symbolic":"method"}],"onDisplayModeChanged":[{"__symbolic":"method"}],"refreshCurrentPage":[{"__symbolic":"method"}]}}}}]

package/gui/interfaces/gui-options.d.ts

@@ -0,0 +1,6 @@
+import { ElementRef } from '@angular/core';
+export interface GuiOptions {
+    readonly svgRootClass: string;
+    readonly hostContainerId: string;
+    readonly el: ElementRef;
+}

package/gui/interfaces/gui-options.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"GuiOptions":{"__symbolic":"interface"}}}]

package/gui.module.d.ts

@@ -0,0 +1,2 @@
+export declare class GuiModule {
+}

package/gui.module.js

@@ -0,0 +1,78 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { ModalModule } from 'ngx-bootstrap/modal';
+import { TabsModule } from 'ngx-bootstrap/tabs';
+import { TooltipModule } from 'ngx-bootstrap/tooltip';
+import { GuiComponent } from './gui/gui.component';
+import { DefaultLocalization, LOCALIZATION } from './localization/localization.service';
+import { AlertModalComponent } from './modal/alert/alert-modal.component';
+import { ConfirmOperationModalComponent } from './modal/confirm-operation/confirm-operation-modal.component';
+import { WriteCharacterModalComponent } from './modal/write-character/write-character-modal.component';
+import { WriteValueModalComponent } from './modal/write-value/write-value-modal.component';
+import { GlobalSettings } from './settings/global-settings';
+import { AccessPermissionService } from './utils/access-permission.service';
+import { AutoFocusDirective } from './utils/auto-focus.directive';
+import { BsModalDragDirective } from './utils/bs-modal-drag.directive';
+import { DataTypeService } from './utils/data-type/data-type.service';
+import { FractionDigitService } from './utils/fraction-digit.service';
+import { NumericalOperationService } from './utils/numerical-operation.service';
+import { ViewService } from './view/view.service';
+import { ConsoleLoggerService, LOGGER_SERVICE_TOKEN } from './logger';
+import { VerifyPasswordModalComponent } from './modal/verify-password/verify-password-modal.component';
+import { FBoxDataTypeService } from './utils/data-type/fbox-data-type.service';
+import { FCloudDataTypeService } from './utils/data-type/fcloud-data-type.service';
+const ɵ0 = DefaultLocalization;
+let GuiModule = class GuiModule {
+};
+GuiModule = __decorate([
+    NgModule({
+        imports: [
+            CommonModule,
+            FormsModule,
+            ModalModule.forRoot(),
+            TabsModule,
+            TooltipModule
+        ],
+        declarations: [
+            GuiComponent,
+            WriteValueModalComponent,
+            ConfirmOperationModalComponent,
+            WriteCharacterModalComponent,
+            AlertModalComponent,
+            AutoFocusDirective,
+            BsModalDragDirective,
+            VerifyPasswordModalComponent
+        ],
+        exports: [
+            GuiComponent
+        ],
+        providers: [
+            FractionDigitService,
+            FBoxDataTypeService,
+            FCloudDataTypeService,
+            DataTypeService,
+            AccessPermissionService,
+            NumericalOperationService,
+            { provide: LOCALIZATION, useValue: ɵ0 },
+            { provide: LOGGER_SERVICE_TOKEN, useClass: ConsoleLoggerService },
+            ViewService,
+            GlobalSettings
+        ],
+        entryComponents: [
+            ConfirmOperationModalComponent,
+            AlertModalComponent,
+            WriteValueModalComponent,
+            WriteCharacterModalComponent,
+            VerifyPasswordModalComponent
+        ]
+    })
+], GuiModule);
+export { GuiModule };
+export { ɵ0 };

package/gui.module.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{"ɵ0":{"__symbolic":"reference","module":"./localization/localization.service","name":"DefaultLocalization"},"GuiModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":25,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":28,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"ngx-bootstrap/modal","name":"ModalModule","line":29,"character":8},"member":"forRoot"}},{"__symbolic":"reference","module":"ngx-bootstrap/tabs","name":"TabsModule","line":30,"character":8},{"__symbolic":"reference","module":"ngx-bootstrap/tooltip","name":"TooltipModule","line":31,"character":8}],"declarations":[{"__symbolic":"reference","module":"./gui/gui.component","name":"GuiComponent","line":34,"character":8},{"__symbolic":"reference","module":"./modal/write-value/write-value-modal.component","name":"WriteValueModalComponent","line":35,"character":8},{"__symbolic":"reference","module":"./modal/confirm-operation/confirm-operation-modal.component","name":"ConfirmOperationModalComponent","line":36,"character":8},{"__symbolic":"reference","module":"./modal/write-character/write-character-modal.component","name":"WriteCharacterModalComponent","line":37,"character":8},{"__symbolic":"reference","module":"./modal/alert/alert-modal.component","name":"AlertModalComponent","line":38,"character":8},{"__symbolic":"reference","module":"./utils/auto-focus.directive","name":"AutoFocusDirective","line":39,"character":8},{"__symbolic":"reference","module":"./utils/bs-modal-drag.directive","name":"BsModalDragDirective","line":40,"character":8},{"__symbolic":"reference","module":"./modal/verify-password/verify-password-modal.component","name":"VerifyPasswordModalComponent","line":41,"character":8}],"exports":[{"__symbolic":"reference","module":"./gui/gui.component","name":"GuiComponent","line":44,"character":8}],"providers":[{"__symbolic":"reference","module":"./utils/fraction-digit.service","name":"FractionDigitService","line":47,"character":8},{"__symbolic":"reference","module":"./utils/data-type/fbox-data-type.service","name":"FBoxDataTypeService","line":48,"character":8},{"__symbolic":"reference","module":"./utils/data-type/fcloud-data-type.service","name":"FCloudDataTypeService","line":49,"character":8},{"__symbolic":"reference","module":"./utils/data-type/data-type.service","name":"DataTypeService","line":50,"character":8},{"__symbolic":"reference","module":"./utils/access-permission.service","name":"AccessPermissionService","line":51,"character":8},{"__symbolic":"reference","module":"./utils/numerical-operation.service","name":"NumericalOperationService","line":52,"character":8},{"provide":{"__symbolic":"reference","module":"./localization/localization.service","name":"LOCALIZATION","line":53,"character":19},"useValue":{"__symbolic":"reference","name":"ɵ0"}},{"provide":{"__symbolic":"reference","module":"./logger","name":"LOGGER_SERVICE_TOKEN","line":54,"character":19},"useClass":{"__symbolic":"reference","module":"./logger","name":"ConsoleLoggerService","line":54,"character":51}},{"__symbolic":"reference","module":"./view/view.service","name":"ViewService","line":55,"character":8},{"__symbolic":"reference","module":"./settings/global-settings","name":"GlobalSettings","line":56,"character":8}],"entryComponents":[{"__symbolic":"reference","module":"./modal/confirm-operation/confirm-operation-modal.component","name":"ConfirmOperationModalComponent","line":59,"character":8},{"__symbolic":"reference","module":"./modal/alert/alert-modal.component","name":"AlertModalComponent","line":60,"character":8},{"__symbolic":"reference","module":"./modal/write-value/write-value-modal.component","name":"WriteValueModalComponent","line":61,"character":8},{"__symbolic":"reference","module":"./modal/write-character/write-character-modal.component","name":"WriteCharacterModalComponent","line":62,"character":8},{"__symbolic":"reference","module":"./modal/verify-password/verify-password-modal.component","name":"VerifyPasswordModalComponent","line":63,"character":8}]}]}]}}}]

package/localization/index.js

@@ -0,0 +1,2 @@
+export { LOCALIZATION, DefaultLocalization } from './localization.service';
+export { Localization_zh_CN } from './localization.service.zh_CN';

package/localization/index.metadata.json

@@ -0,0 +1 @@
+[{"__symbolic":"module","version":4,"metadata":{},"exports":[{"from":"./localization.service","export":["Localization","LOCALIZATION","DefaultLocalization"]},{"from":"./localization.service.zh_CN","export":["Localization_zh_CN"]}]}]