@fmsim/board 0.0.49

package/dist/src/ox-board-viewer-other.js

@@ -0,0 +1,82 @@
+import { __decorate } from "tslib";
+import '@material/mwc-fab';
+import '@hatiolab/things-scene';
+import './layers/zoom-handler.js';
+import './layers/shift-handler.js';
+import './modeller/scene-viewer/ox-scene-handler.js';
+import './modeller/scene-viewer/ox-scene-layer.js';
+import './modeller/scene-viewer/ox-scene-viewer.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { SCENE_MODE } from '@hatiolab/things-scene';
+export let BoardViewer = class BoardViewer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.board = null;
+        this.baseUrl = '';
+        this.mode = SCENE_MODE.VIEW;
+        this.provider = null;
+    }
+    render() {
+        const { model } = this.board || {};
+        return html `
+      <ox-scene-viewer
+        id="scene"
+        .scene=${this.scene}
+        @scene-changed=${(e) => {
+            this.scene = e.detail.value;
+        }}
+        .model=${model}
+        .mode=${this.mode}
+        @mode-changed=${(e) => {
+            this.mode = e.detail.value;
+        }}
+        fit="ratio"
+        .baseUrl=${this.baseUrl}
+        .provider=${this.provider}
+      >
+        <ox-scene-handler type="zoom-handler"></ox-scene-handler>
+        <ox-scene-handler type="shift-handler"> </ox-scene-handler>
+      </ox-scene-viewer>
+    `;
+    }
+    closeScene() {
+        this.board = null;
+        this.requestUpdate();
+    }
+};
+BoardViewer.styles = [
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        overflow: hidden;
+      }
+
+      ox-scene-viewer {
+        flex: 1;
+        width: 100%;
+        height: 100%;
+      }
+    `
+];
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "board", void 0);
+__decorate([
+    property({ type: String })
+], BoardViewer.prototype, "baseUrl", void 0);
+__decorate([
+    property({ type: Number })
+], BoardViewer.prototype, "mode", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "provider", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "scene", void 0);
+BoardViewer = __decorate([
+    customElement('ox-board-viewer')
+], BoardViewer);
+//# sourceMappingURL=ox-board-viewer-other.js.map

package/dist/src/ox-board-viewer-other.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ox-board-viewer-other.js","sourceRoot":"","sources":["../../src/ox-board-viewer-other.ts"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAA;AAC1B,OAAO,wBAAwB,CAAA;AAC/B,OAAO,0BAA0B,CAAA;AACjC,OAAO,2BAA2B,CAAA;AAClC,OAAO,6CAA6C,CAAA;AACpD,OAAO,2CAA2C,CAAA;AAClD,OAAO,4CAA4C,CAAA;AAEnD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAS,MAAM,mBAAmB,CAAA;AAElE,OAAO,EAA4B,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAGtE,WAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU;IAApC;;QAkBuB,UAAK,GAAQ,IAAI,CAAA;QACjB,YAAO,GAAW,EAAE,CAAA;QACpB,SAAI,GAAe,UAAU,CAAC,IAAI,CAAA;QAClC,aAAQ,GAA6B,IAAI,CAAA;IAgCvE,CAAC;IA7BC,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE,CAAA;QAElC,OAAO,IAAI,CAAA;;;iBAGE,IAAI,CAAC,KAAK;yBACF,CAAC,CAAc,EAAE,EAAE;YAClC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7B,CAAC;iBACQ,KAAK;gBACN,IAAI,CAAC,IAAI;wBACD,CAAC,CAAc,EAAE,EAAE;YACjC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC5B,CAAC;;mBAEU,IAAI,CAAC,OAAO;oBACX,IAAI,CAAC,QAAQ;;;;;KAK5B,CAAA;IACH,CAAC;IAED,UAAU;QACR,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;QACjB,IAAI,CAAC,aAAa,EAAE,CAAA;IACtB,CAAC;;AAnDM,kBAAM,GAAG;IACd,GAAG,CAAA;;;;;;;;;;;;;KAaF;CACF,AAfY,CAeZ;AAE2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAkB;AACjB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAqB;AACpB;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yCAAmC;AAClC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAA0C;AACzC;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CAAc;AAtB9B,WAAW;IADvB,aAAa,CAAC,iBAAiB,CAAC;GACpB,WAAW,CAqDvB","sourcesContent":["import '@material/mwc-fab'\nimport '@hatiolab/things-scene'\nimport './layers/zoom-handler.js'\nimport './layers/shift-handler.js'\nimport './modeller/scene-viewer/ox-scene-handler.js'\nimport './modeller/scene-viewer/ox-scene-layer.js'\nimport './modeller/scene-viewer/ox-scene-viewer.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\n\nimport { ReferenceProvider, Scene, SCENE_MODE } from '@hatiolab/things-scene'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n      }\n\n      ox-scene-viewer {\n        flex: 1;\n        width: 100%;\n        height: 100%;\n      }\n    `\n  ]\n\n  @property({ type: Object }) board: any = null\n  @property({ type: String }) baseUrl: string = ''\n  @property({ type: Number }) mode: SCENE_MODE = SCENE_MODE.VIEW\n  @property({ type: Object }) provider: ReferenceProvider | null = null\n  @property({ type: Object }) scene?: Scene\n\n  render() {\n    const { model } = this.board || {}\n\n    return html`\n      <ox-scene-viewer\n        id=\"scene\"\n        .scene=${this.scene}\n        @scene-changed=${(e: CustomEvent) => {\n          this.scene = e.detail.value\n        }}\n        .model=${model}\n        .mode=${this.mode}\n        @mode-changed=${(e: CustomEvent) => {\n          this.mode = e.detail.value\n        }}\n        fit=\"ratio\"\n        .baseUrl=${this.baseUrl}\n        .provider=${this.provider}\n      >\n        <ox-scene-handler type=\"zoom-handler\"></ox-scene-handler>\n        <ox-scene-handler type=\"shift-handler\"> </ox-scene-handler>\n      </ox-scene-viewer>\n    `\n  }\n\n  closeScene() {\n    this.board = null\n    this.requestUpdate()\n  }\n}\n"]}

package/dist/src/ox-board-viewer.d.ts

@@ -0,0 +1,60 @@
+import '@material/mwc-fab';
+import '@material/mwc-icon';
+import './layers/mcs-event-handlers.js';
+import './layers/movement-layer.js';
+import { LitElement, PropertyValues } from 'lit';
+import { Component, ReferenceProvider, Scene } from '@hatiolab/things-scene';
+export declare class BoardViewer extends LitElement {
+    static styles: import("lit").CSSResult[];
+    baseUrl: string;
+    board: any;
+    provider: ReferenceProvider | null;
+    data: any;
+    values: any;
+    hideFullscreen: boolean;
+    hideNavigation: boolean;
+    _scene: Scene | null;
+    _forward: {
+        id: string;
+        scene: any;
+    }[];
+    _backward: {
+        id: string;
+        scene: any;
+    }[];
+    _oldtarget: HTMLElement | null;
+    _fade_animations?: Array<Animation>;
+    currentBoardId?: string;
+    _target: HTMLElement;
+    _prev: HTMLElement;
+    _next: HTMLElement;
+    _fullscreen: HTMLElement;
+    render(): import("lit-html").TemplateResult<1>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changes: PropertyValues<this>): void;
+    initSceneAsync(): Promise<void>;
+    initScene(): void;
+    closeScene(): void;
+    releaseScene(): void;
+    setupScene({ id, scene }: {
+        id: string;
+        scene: any;
+    }): void;
+    showScene(boardId: string, bindingData?: any): Promise<void>;
+    bindSceneEvents(): void;
+    unbindSceneEvents(scene: any): void;
+    transientShowButtons(stop?: boolean): void;
+    onTapNext(): void;
+    onTapPrev(): void;
+    onTapFullscreen(): void;
+    onRunBoard(): void;
+    onLinkGoto(targetBoardId: string, options: any, fromComponent: any): void;
+    onLinkOpen(url: string, value: any, fromComponent: Component): void;
+    onLinkMove(url: string, value: any, fromComponent: Component): void;
+    onRoutePage(page: string): void;
+    onStartScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
+    onRunScenario(scenario: string, value: string | number | object, component: Component): Promise<void>;
+    getSceneData(): object | undefined;
+    getSceneValues(): object | undefined;
+}

package/dist/src/ox-board-viewer.js

@@ -0,0 +1,503 @@
+import { __decorate } from "tslib";
+import '@material/mwc-fab';
+import '@material/mwc-icon';
+import './layers/mcs-event-handlers.js';
+import './layers/movement-layer.js';
+import { css, html, LitElement } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { create, SCENE_MODE } from '@hatiolab/things-scene';
+import { isIOS, togglefullscreen } from '@operato/utils';
+import { ScrollbarStyles } from '@operato/styles';
+import { DataStorage } from './data-storage/data-storage.js';
+import { runScenario, startScenario, DataSubscriptionProviderImpl } from '@fmsim/api';
+export let BoardViewer = class BoardViewer extends LitElement {
+    constructor() {
+        var _a;
+        super(...arguments);
+        this.baseUrl = '';
+        this.board = {};
+        this.provider = null;
+        this.hideFullscreen = false;
+        this.hideNavigation = false;
+        this._scene = null;
+        this._forward = [];
+        this._backward = [];
+        this._oldtarget = null;
+        this.currentBoardId = (_a = this.board) === null || _a === void 0 ? void 0 : _a.id;
+    }
+    render() {
+        var fullscreen = !isIOS() && !this.hideFullscreen
+            ? html `
+            <mwc-fab
+              id="fullscreen"
+              .icon=${document.fullscreenElement ? 'fullscreen_exit' : 'fullscreen'}
+              @click=${(e) => this.onTapFullscreen()}
+              @mouseover=${(e) => this.transientShowButtons(true)}
+              @mouseout=${(e) => this.transientShowButtons()}
+              title="fullscreen"
+            ></mwc-fab>
+          `
+            : html ``;
+        var prev = !this.hideNavigation
+            ? html `
+          <mwc-icon
+            id="prev"
+            @click=${(e) => this.onTapPrev()}
+            @mouseover=${(e) => this.transientShowButtons(true)}
+            @mouseout=${(e) => this.transientShowButtons()}
+            hidden
+            >keyboard_arrow_left</mwc-icon
+          >
+        `
+            : html ``;
+        var next = !this.hideNavigation
+            ? html `
+          <mwc-icon
+            id="next"
+            @click=${(e) => this.onTapNext()}
+            @mouseover=${(e) => this.transientShowButtons(true)}
+            @mouseout=${(e) => this.transientShowButtons()}
+            hidden
+            >keyboard_arrow_right</mwc-icon
+          >
+        `
+            : html ``;
+        return html `
+      ${prev}
+
+      <div
+        id="target"
+        @touchstart=${(e) => this.transientShowButtons()}
+        @mousemove=${(e) => this.transientShowButtons()}
+      ></div>
+
+      ${next} ${fullscreen}
+    `;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('resize', () => {
+            this._scene && this._scene.fit();
+        });
+        this.renderRoot.addEventListener('close-scene', e => {
+            e.preventDefault();
+            this.onTapPrev();
+        }, false);
+        // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.
+        window.addEventListener('fetchIFactsData', (e) => {
+            var _a, _b;
+            const id = e.detail.value;
+            const components = (_a = this._scene) === null || _a === void 0 ? void 0 : _a.findAll(`#${id}`);
+            if (!components || components.length == 0) {
+                console.log('No equipment was found.');
+                return;
+            }
+            components[0].trigger('reactionreset');
+            components.forEach(component => component.trigger('reaction'));
+            (_b = this._scene) === null || _b === void 0 ? void 0 : _b.centerTo(components[0], true /* animated */);
+        });
+        // 모니터링에서 Movement Data를 보여준다.
+        window.addEventListener('fmbShowMovement', (e) => {
+            var _a;
+            const movement = e.detail.value;
+            const movementLayer = (_a = this._scene) === null || _a === void 0 ? void 0 : _a.findById(`#movement-layer`);
+            if (!movementLayer) {
+                return;
+            }
+            movementLayer.data = movement;
+        });
+        // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.
+        window.addEventListener('fmbMonitoringInit', e => {
+            var _a;
+            (_a = this._scene) === null || _a === void 0 ? void 0 : _a.fit('ratio');
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        // TODO release event handlers
+        this.closeScene();
+    }
+    updated(changes) {
+        if (changes.has('board')) {
+            this.closeScene();
+            if (this.board && this.board.id) {
+                if (this.board.model) {
+                    this.initScene();
+                }
+                else {
+                    this.initSceneAsync();
+                }
+            }
+        }
+        if (changes.has('data') && this._scene && this.data) {
+            this._scene.data = this.data;
+        }
+        if (changes.has('values') && this._scene && this.values) {
+            this._scene.values = this.values;
+        }
+    }
+    async initSceneAsync() {
+        if (!this.board || !this.board.id)
+            return;
+        this._scene = await this.provider.create(this.board.id);
+        this.setupScene({ id: this.board.id, scene: this._scene });
+    }
+    initScene() {
+        if (!this.board || !this.board.id)
+            return;
+        this._scene = create({
+            model: {
+                ...this.board.model
+            },
+            style: this.board.style,
+            mode: SCENE_MODE.VIEW,
+            handlers: ['mcs-event-handler', 'zoom-handler', 'shift-handler'],
+            layers: [{ type: 'reaction-layer' }, { type: 'scroll-layer' }, { type: 'movement-layer', id: 'movement-layer' }],
+            refProvider: this.provider,
+            dataStorage: this.board.id !== 'preview' ? new DataStorage(this.board.id) : undefined,
+            dataSubscriptionProvider: new DataSubscriptionProviderImpl()
+        });
+        if (this.baseUrl) {
+            this._scene.baseUrl = this.baseUrl;
+        }
+        this.setupScene({ id: this.board.id, scene: this._scene });
+    }
+    closeScene() {
+        if (this._scene) {
+            this.unbindSceneEvents(this._scene);
+            this._scene.target = null;
+            this._scene.release && this._scene.release();
+            this._scene = null;
+        }
+        // delete queued scenes
+        this._forward.forEach(({ scene }) => scene.release && scene.release());
+        this._forward = [];
+        this._backward.forEach(({ scene }) => scene.release && scene.release());
+        this._backward = [];
+    }
+    releaseScene() {
+        this.closeScene();
+        this.transientShowButtons();
+    }
+    setupScene({ id, scene }) {
+        var _a;
+        this._scene = scene;
+        const backgroundColor = (_a = this._scene) === null || _a === void 0 ? void 0 : _a.root.state.fillStyle;
+        if (typeof backgroundColor === 'string') {
+            this.style.backgroundColor = backgroundColor;
+        }
+        else {
+            this.style.backgroundColor = 'initial';
+        }
+        /* scene의 기존 target을 보관한다. */
+        this._oldtarget = this._scene.target;
+        this._scene.fit(this._scene.fitMode);
+        this._scene.target = this._target;
+        if (this.data) {
+            this._scene.data = this.data;
+        }
+        if (this.values) {
+            this._scene.values = this.values;
+        }
+        this.currentBoardId = id;
+        this.bindSceneEvents();
+        this.transientShowButtons();
+    }
+    async showScene(boardId, bindingData) {
+        if (!boardId)
+            return;
+        try {
+            var scene = await this.provider.get(boardId, true);
+            if (scene === this._scene) {
+                scene.release && scene.release();
+                return;
+            }
+            if (this._scene) {
+                /* old scene을 _backward에 보관한다. */
+                this.unbindSceneEvents(this._scene);
+                /* 원래의 target에 되돌린다. */
+                this._scene.target = this._oldtarget;
+                this._backward.push({ id: this.currentBoardId, scene: this._scene });
+            }
+            this._scene = scene;
+            this._forward.forEach(({ scene }) => scene.release && scene.release());
+            /* forward를 비운다. */
+            this._forward = [];
+            this.setupScene({ id: boardId, scene });
+            if (bindingData) {
+                scene.data = bindingData;
+            }
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+    bindSceneEvents() {
+        this._scene.on('run', this.onRunBoard, this);
+        this._scene.on('goto', this.onLinkGoto, this);
+        this._scene.on('link-open', this.onLinkOpen, this);
+        this._scene.on('link-move', this.onLinkMove, this);
+        this._scene.on('route-page', this.onRoutePage, this);
+        this._scene.on('start-scenario', this.onStartScenario, this);
+        this._scene.on('run-scenario', this.onRunScenario, this);
+    }
+    unbindSceneEvents(scene) {
+        scene.off('run', this.onRunBoard, this);
+        scene.off('goto', this.onLinkGoto, this);
+        scene.off('link-open', this.onLinkOpen, this);
+        scene.off('link-move', this.onLinkMove, this);
+        scene.off('route-page', this.onRoutePage, this);
+        scene.off('start-scenario', this.onStartScenario, this);
+        scene.off('run-scenario', this.onRunScenario, this);
+    }
+    transientShowButtons(stop) {
+        var buttons = [];
+        !this.hideNavigation && buttons.push(this._next, this._prev);
+        !this.hideFullscreen && buttons.push(this._fullscreen);
+        if (buttons.length == 0) {
+            return;
+        }
+        if (!this._fade_animations) {
+            this._fade_animations = buttons
+                .filter(button => button)
+                .map(button => {
+                let animation = button.animate([
+                    {
+                        opacity: 1,
+                        easing: 'ease-in'
+                    },
+                    { opacity: 0 }
+                ], { delay: 1000, duration: 2000 });
+                animation.onfinish = () => {
+                    button.setAttribute('hidden', '');
+                };
+                return animation;
+            });
+        }
+        this._forward.length <= 0 ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden');
+        this._backward.length <= 0 ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden');
+        this._fullscreen && this._fullscreen.removeAttribute('hidden');
+        this._fade_animations.forEach(animation => {
+            animation.cancel();
+            if (stop)
+                return;
+            animation.play();
+        });
+    }
+    /* event handlers */
+    onTapNext() {
+        var { id, scene } = this._forward.pop() || {};
+        if (!scene)
+            return;
+        if (this._scene) {
+            this._scene.target = null;
+            /* 원래의 target에 되돌린다. */
+            this._scene.target = this._oldtarget;
+            this.unbindSceneEvents(this._scene);
+            this._backward.push({ id: id, scene: this._scene });
+        }
+        this.setupScene({ id: id, scene });
+    }
+    onTapPrev() {
+        var { id, scene } = this._backward.pop() || {};
+        if (!scene)
+            return;
+        if (this._scene) {
+            this._scene.target = null;
+            /* 원래의 target에 되돌린다. */
+            this._scene.target = this._oldtarget;
+            this.unbindSceneEvents(this._scene);
+            this._forward.push({ id: id, scene: this._scene });
+        }
+        this.setupScene({ id: id, scene });
+    }
+    onTapFullscreen() {
+        togglefullscreen(this, () => this.requestUpdate(), () => this.requestUpdate());
+    }
+    onRunBoard() {
+        this.dispatchEvent(new CustomEvent('run-board', { bubbles: true, composed: true, detail: this.board.id }));
+    }
+    onLinkGoto(targetBoardId, options, fromComponent) {
+        var _a;
+        const { input, output } = options || { input: '(self)' };
+        const data = input && ((_a = fromComponent.root.findFirst(input, fromComponent)) === null || _a === void 0 ? void 0 : _a.data);
+        this.showScene(targetBoardId, data);
+    }
+    onLinkOpen(url, value, fromComponent) {
+        if (!url)
+            return;
+        try {
+            window.open(url);
+        }
+        catch (ex) {
+            document.dispatchEvent(new CustomEvent('notify', {
+                detail: {
+                    level: 'error',
+                    message: ex,
+                    ex
+                }
+            }));
+        }
+    }
+    onLinkMove(url, value, fromComponent) {
+        if (!url)
+            return;
+        location.href = url;
+    }
+    onRoutePage(page) {
+        if (!page) {
+            return;
+        }
+        history.pushState({}, '', page);
+        window.dispatchEvent(new Event('popstate'));
+    }
+    async onStartScenario(scenario, value, component) {
+        try {
+            await startScenario(scenario, scenario, value);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+    async onRunScenario(scenario, value, component) {
+        try {
+            component.data = await runScenario(scenario, value);
+        }
+        catch (e) {
+            console.error(e);
+        }
+    }
+    getSceneData() {
+        var _a;
+        return (_a = this._scene) === null || _a === void 0 ? void 0 : _a.data;
+    }
+    getSceneValues() {
+        var _a;
+        return (_a = this._scene) === null || _a === void 0 ? void 0 : _a.values;
+    }
+};
+BoardViewer.styles = [
+    ScrollbarStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        position: relative;
+
+        width: 100%; /* 전체화면보기를 위해서 필요함. */
+        overflow: hidden;
+      }
+
+      #target {
+        flex: 1;
+
+        width: 100%; /* 전체화면보기를 위해서 필요함. */
+        height: 100%;
+
+        outline: 0;
+      }
+
+      /* navigation buttons */
+      mwc-icon {
+        z-index: 10;
+        position: absolute;
+        top: 45%;
+        min-width: 50px;
+        width: 50px;
+        height: 50px;
+        margin: 0;
+        padding: 0;
+        color: #fff;
+        user-select: none;
+
+        --mdc-icon-size: 3em;
+      }
+
+      mwc-icon[hidden] {
+        display: none;
+      }
+
+      mwc-icon:hover {
+        background-color: rgba(0, 0, 0, 0.2);
+        border-radius: 50%;
+      }
+
+      #prev {
+        left: 5px;
+      }
+
+      #next {
+        right: 5px;
+      }
+
+      #fullscreen {
+        position: absolute;
+        bottom: 15px;
+        right: 16px;
+      }
+
+      [hidden] {
+        display: none;
+      }
+
+      @media print {
+        mwc-fab,
+        mwc-icon {
+          display: none;
+        }
+      }
+    `
+];
+__decorate([
+    property({ type: String })
+], BoardViewer.prototype, "baseUrl", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "board", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "provider", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "data", void 0);
+__decorate([
+    property({ type: Object })
+], BoardViewer.prototype, "values", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-fullscreen' })
+], BoardViewer.prototype, "hideFullscreen", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hide-navigation' })
+], BoardViewer.prototype, "hideNavigation", void 0);
+__decorate([
+    state()
+], BoardViewer.prototype, "_scene", void 0);
+__decorate([
+    state()
+], BoardViewer.prototype, "_forward", void 0);
+__decorate([
+    state()
+], BoardViewer.prototype, "_backward", void 0);
+__decorate([
+    state()
+], BoardViewer.prototype, "_oldtarget", void 0);
+__decorate([
+    state()
+], BoardViewer.prototype, "_fade_animations", void 0);
+__decorate([
+    query('#target')
+], BoardViewer.prototype, "_target", void 0);
+__decorate([
+    query('#prev')
+], BoardViewer.prototype, "_prev", void 0);
+__decorate([
+    query('#next')
+], BoardViewer.prototype, "_next", void 0);
+__decorate([
+    query('#fullscreen')
+], BoardViewer.prototype, "_fullscreen", void 0);
+BoardViewer = __decorate([
+    customElement('ox-board-viewer')
+], BoardViewer);
+//# sourceMappingURL=ox-board-viewer.js.map