npm - @fmsim/board - Versions diffs - 2.0.0-beta.36 → 2.0.0-beta.38 - Mend

@fmsim/board 2.0.0-beta.36 → 2.0.0-beta.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/custom-elements.json +730 -553
package/dist/src/ox-board-viewer.d.ts +1 -0
package/dist/src/ox-board-viewer.js +20 -14
package/dist/src/ox-board-viewer.js.map +1 -1
package/dist/src/ox-playback-controls.d.ts +5 -0
package/dist/src/ox-playback-controls.js +50 -10
package/dist/src/ox-playback-controls.js.map +1 -1
package/dist/src/playback/playback-engine.d.ts +31 -20
package/dist/src/playback/playback-engine.js +171 -56
package/dist/src/playback/playback-engine.js.map +1 -1
package/dist/tsconfig.tsbuildinfo +1 -1
package/package.json +3 -3

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

@@ -75,6 +75,7 @@ export declare class BoardViewer extends LitElement {
     onTapPrev(): void;
     onTapFullscreen(): void;
     onTapToggle3D(): void;
+    private _dataSubscriptionProvider;
     private _playbackEngine?;
     onTapPlayback(): void;
     private _onPlaybackStart;

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

@@ -180,6 +180,8 @@ let BoardViewer = class BoardViewer extends LitElement {
         this.resizeHandler = () => {
             this._scene && this._scene.fit();
         };
+        // ── Data Subscription ──
+        this._dataSubscriptionProvider = isRestfulAvailable() ? undefined : new DataSubscriptionProviderImpl();
     }
     get _is3dMode() {
         var _a, _b, _c;
@@ -386,7 +388,7 @@ let BoardViewer = class BoardViewer extends LitElement {
             layers: [{ type: 'scroll-layer' }, { type: 'movement-layer', id: 'movement-layer' }],
             refProvider: this.provider,
             dataStorage: this.board.id !== 'preview' ? new DataStorage(this.board.id) : undefined,
-            dataSubscriptionProvider: isRestfulAvailable() ? undefined : new DataSubscriptionProviderImpl(),
+            dataSubscriptionProvider: this._dataSubscriptionProvider,
             loading: this.loadTracker ? { tracker: this.loadTracker } : undefined
         });
         if (this.baseUrl) {
@@ -597,6 +599,14 @@ let BoardViewer = class BoardViewer extends LitElement {
                     }
                     this.requestUpdate();
                 });
+                this._playbackEngine.on('buffer-update', ({ bufferedRanges }) => {
+                    const controls = this.renderRoot.querySelector('ox-playback-controls');
+                    if (controls)
+                        controls.bufferedRanges = bufferedRanges;
+                });
+                if (this._fetchPlaybackData) {
+                    this._playbackEngine.setFetchFunction(this._fetchPlaybackData);
+                }
             }
             if (this._scene) {
                 this._playbackEngine.attachScene(this._scene);
@@ -614,19 +624,13 @@ let BoardViewer = class BoardViewer extends LitElement {
         if (!this._playbackEngine)
             return;
         const endTime = new Date(fromTime.getTime() + 3600000);
-        const fmt = (d) => {
-            const pad = (n) => String(n).padStart(2, '0');
-            return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
-        };
         // 라이브 데이터 구독 일시 중단
-        this.dispatchEvent(new CustomEvent('playback-live-pause', { bubbles: true, composed: true }));
+        (_a = this._dataSubscriptionProvider) === null || _a === void 0 ? void 0 : _a.pause();
+        if (this._scene)
+            this._scene.playbackMode = true;
         try {
-            // fetchPlayback은 페이지에서 주입 (api 패키지 의존 방지)
-            const result = await ((_a = this._fetchPlaybackData) === null || _a === void 0 ? void 0 : _a.call(this, fmt(fromTime), fmt(endTime)));
-            if ((result === null || result === void 0 ? void 0 : result.status) && result.playback) {
-                this._playbackEngine.loadData(result.playback.scenarios);
-                this._playbackEngine.play(speed);
-            }
+            // 청크 기반 시작: 10분 분량만 먼저 로드
+            await this._playbackEngine.startChunked(fromTime, endTime, speed);
         }
         catch (ex) {
             console.error('[Playback] load failed:', ex);
@@ -641,12 +645,14 @@ let BoardViewer = class BoardViewer extends LitElement {
         (_a = this._playbackEngine) === null || _a === void 0 ? void 0 : _a.resume();
     }
     _onPlaybackStop() {
-        var _a, _b;
+        var _a, _b, _c;
         (_a = this._playbackEngine) === null || _a === void 0 ? void 0 : _a.stop();
         (_b = this._playbackEngine) === null || _b === void 0 ? void 0 : _b.detachScene();
         this._playbackActive = false;
         // 라이브 데이터 구독 재개
-        this.dispatchEvent(new CustomEvent('playback-live-resume', { bubbles: true, composed: true }));
+        (_c = this._dataSubscriptionProvider) === null || _c === void 0 ? void 0 : _c.resume();
+        if (this._scene)
+            this._scene.playbackMode = false;
         this.dispatchEvent(new CustomEvent('playback-toggle', {
             bubbles: true,
             composed: true,

package/dist/src/ox-board-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ox-board-viewer.js","sourceRoot":"","sources":["../../src/ox-board-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport './layers/movement-layer.js'\nimport './ox-board-component-info.js'\nimport './layers/mcs-mouse-event-handler.js'\n\nimport './ox-playback-controls.js'\n\nimport { css, html, LitElement, PropertyValues, nothing } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { PlaybackEngine } from './playback/playback-engine.js'\n\nimport { Component, create, LoadTracker, LoadingOverlay, ReferenceProvider, Scene, SCENE_MODE, ScenePopup } from '@hatiolab/things-scene'\nimport { isIOS, togglefullscreen } from '@operato/utils'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { DataStorage } from './data-storage/data-storage.js'\nimport { runScenario, startScenario, DataSubscriptionProviderImpl, isRestfulAvailable } from '@fmsim/api'\n\nimport { BoardComponentInfo } from './ox-board-component-info.js'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n width: 100%; /* 전체화면보기를 위해서 필요함. /\n overflow: hidden;\n background-color: white;\n }\n\n #target {\n flex: 1;\n\n width: 100%; / 전체화면보기를 위해서 필요함. /\n height: 100%;\n\n outline: 0;\n }\n\n / navigation buttons (standalone only, not inside md-fab) /\n md-icon:not([slot]) {\n z-index: 10;\n position: absolute;\n top: 45%;\n min-width: 50px;\n width: 50px;\n height: 50px;\n margin: 0;\n padding: 0;\n color: #fff;\n user-select: none;\n\n --md-icon-size: 3em;\n }\n\n md-icon[hidden] {\n display: none;\n }\n\n md-icon:not([slot]):hover {\n background-color: rgba(0, 0, 0, 0.2);\n border-radius: 50%;\n }\n\n #prev {\n left: 5px;\n }\n\n #next {\n right: 5px;\n }\n\n [fab-group] {\n position: absolute;\n bottom: 15px;\n right: 16px;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n gap: 12px;\n z-index: 1000;\n }\n\n [fab-group] md-fab {\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n\n [fab-group] md-fab.main-fab md-icon {\n transition: transform 0.3s ease;\n }\n\n [fab-group] md-fab.main-fab[expanded] md-icon {\n transform: rotate(45deg);\n }\n\n [fab-group] md-fab.sub-fab {\n --md-fab-container-width: 40px;\n --md-fab-container-height: 40px;\n --md-icon-size: 20px;\n transform: scale(0);\n opacity: 0;\n pointer-events: none;\n }\n\n [fab-group][expanded] md-fab.sub-fab {\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n }\n\n [fab-group] md-fab.sub-fab[disabled] {\n opacity: 0.4;\n pointer-events: none;\n }\n\n ox-playback-controls {\n transition: opacity 0.3s ease;\n }\n\n [hidden] {\n display: none;\n }\n\n ::slotted(ox-board-component-info) {\n position: absolute;\n right: 10px;\n top: 10px;\n width: 240px;\n opacity: 0.9;\n box-shadow: 2px 2px 4px gray;\n max-height: 600px;\n overflow: auto;\n z-index: 1000;\n }\n\n md-fab {\n z-index: 1000;\n --md-icon-size: 24px;\n }\n\n @media print {\n md-fab,\n md-icon {\n display: none;\n }\n }\n `\n ]\n\n @property({ type: String }) baseUrl: string = ''\n @property({ type: Object }) board: any = {}\n @property({ type: Object }) provider: ReferenceProvider \| null = null\n @property({ type: Object }) data: any\n @property({ type: Object }) values: any\n /* 앱에서 미리 생성한 LoadTracker — fetch 시작 전 생성하면 네트워크 시간도 추적 /\n @property({ type: Object }) loadTracker?: LoadTracker\n\n @property({ type: Boolean, reflect: true, attribute: 'hide-fullscreen' }) hideFullscreen = false\n @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false\n\n @state() _scene: any = null\n @state() _forward: { id: string; scene: any }[] = []\n @state() _backward: { id: string; scene: any }[] = []\n private _loadingOverlay?: LoadingOverlay\n\n @state() _oldtarget: HTMLElement \| null = null\n @state() _fade_animations?: Array<Animation>\n @state() _fabExpanded = false\n @state() _playbackActive = false\n get _is3dMode(): boolean {\n return !!(this._scene?.root as any)?.rootModel?.is3dMode\n }\n\n public currentBoardId?: string = this.board?.id\n\n @query('#target') _target!: HTMLElement\n @query('#prev') _prev!: HTMLElement\n @query('#next') _next!: HTMLElement\n @query('[fab-group]') _fabGroup!: HTMLElement\n\n private popup: BoardComponentInfo \| null = null\n private lastComponent: Component \| null = null\n\n render() {\n var fabGroup =\n !isIOS() && !this.hideFullscreen\n ? html`\n <div\n fab-group\n ?expanded=${this._fabExpanded}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n >\n <md-fab\n class=\"main-fab\"\n ?expanded=${this._fabExpanded}\n @click=${() => { this._fabExpanded = !this._fabExpanded }}\n title=\"menu\"\n ><md-icon slot=\"icon\">add</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapFullscreen() }}\n title=\"fullscreen\"\n ><md-icon slot=\"icon\">${document.fullscreenElement ? 'fullscreen_exit' : 'fullscreen'}</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapPlayback() }}\n title=${this._playbackActive ? 'stop playback' : 'start playback'}\n ><md-icon slot=\"icon\">${this._playbackActive ? 'stop' : 'replay'}</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapToggle3D() }}\n title=${this._is3dMode ? '2D mode' : '3D mode'}\n ><md-icon slot=\"icon\">${this._is3dMode ? 'view_in_ar' : '3d_rotation'}</md-icon></md-fab>\n </div>\n `\n : html``\n\n var prev = !this.hideNavigation\n ? html`\n <md-icon\n id=\"prev\"\n @click=${(e: Event) => this.onTapPrev()}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n hidden\n >keyboard_arrow_left</md-icon\n >\n `\n : html``\n\n var next = !this.hideNavigation\n ? html`\n <md-icon\n id=\"next\"\n @click=${(e: Event) => this.onTapNext()}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n hidden\n >keyboard_arrow_right</md-icon\n >\n `\n : html``\n\n return html`\n ${prev}\n\n <div id=\"target\"></div>\n\n <slot></slot>\n ${next} ${fabGroup}\n\n ${this._playbackActive\n ? html`<ox-playback-controls\n .playbackState=${this._playbackEngine?.state === 'playing' ? 'playing' : this._playbackEngine?.state === 'paused' ? 'paused' : 'idle'}\n @playback-start=${this._onPlaybackStart}\n @playback-pause=${this._onPlaybackPause}\n @playback-resume=${this._onPlaybackResume}\n @playback-stop=${this._onPlaybackStop}\n @playback-seek=${this._onPlaybackSeek}\n @playback-speed=${this._onPlaybackSpeed}\n ></ox-playback-controls>`\n : nothing}\n `\n }\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n fetchIFactsDataHandler = (e: Event) => {\n const id = (e as CustomEvent).detail.value\n\n const components = this._scene?.findAll(`#${id}`)\n if (!components \|\| components.length == 0) {\n return\n }\n\n window.dispatchEvent(new CustomEvent('clickComponent', { detail: components[0] }))\n\n this._scene?.centerTo(components[0], true / animated /)\n }\n\n // 모니터링에서 Movement Data를 보여준다.\n fmbShowMovementHandler = (e: Event) => {\n const movement = (e as CustomEvent).detail.value\n\n const movementLayer = this._scene?.findById(`movement-layer`)\n if (!movementLayer) {\n return\n }\n\n movementLayer.data = movement\n }\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n fmbMonitoringInitHandler = (e: Event) => {\n this._scene?.fit('ratio')\n }\n\n // 모니터링에서 범례를 보여준다.\n fmbShowLegendHandler = (e: Event) => {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n\n legendLayer.hidden = false\n }\n\n fmbHideLegendHandler = (e: Event) => {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n legendLayer.hidden = true\n }\n\n // 모니터링에서 팝업을 보여준다.\n fmbShowPopupHandler = (e: Event) => {\n const { id, data } = (e as CustomEvent).detail\n const popupComponent = this._scene?.findById(id)\n\n if (popupComponent && popupComponent.getState('type') == 'popup') {\n ;(popupComponent as any).openPopup(data)\n }\n }\n\n fmbHidePopupHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const popupComponent = this._scene?.findById(id)\n\n if (popupComponent && popupComponent.getState('type') == 'popup') {\n ;(popupComponent as any).hidePopup()\n }\n }\n\n // 모니터링에서 범례를 보여준다.\n fmbShowFloatingContainerHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const floatingContainer = this._scene?.findById(id) as Component\n\n if (floatingContainer && floatingContainer.getState('type') == 'FloatingContainer') {\n floatingContainer.hidden = false\n }\n }\n\n fmbHideFloatingContainerHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const floatingContainer = this._scene?.findById(id) as Component\n\n if (floatingContainer && floatingContainer.getState('type') == 'FloatingContainer') {\n floatingContainer.hidden = true\n }\n }\n\n // BoardComponentInfo popup을 보여준다.\n clickComponentHandler = (e: Event) => {\n const component = (e as CustomEvent).detail\n const { type } = component.state\n\n if (type == 'model-layer') {\n this.lastComponent?.trigger('deco-border-off')\n // this.lastComponent?.trigger('deco-arrow-reset')\n this.hidePopup()\n return\n }\n\n if ('isLVComponent' in component) {\n this.lastComponent?.trigger('deco-border-off')\n // this.lastComponent?.trigger('deco-arrow-reset')\n this.lastComponent = component\n\n component.trigger('deco-border', { distance: 8, lineWidth: 4, color: '#f007' })\n // component.trigger('deco-arrow', { color: 'red', animation: true, size: 20 })\n\n this.togglePopup(component)\n }\n }\n\n fmbStartAnimation = (e: Event) => {\n const { target, animation, decorator, border, arrow } = (e as CustomEvent).detail \|\| {}\n const { id, type } = target \|\| {}\n\n if (id) {\n this._scene\n ?.findAllById(id)\n .filter((component: any) => !type \|\| component.getState('type') == type)\n .forEach((component: any) => {\n if (animation) {\n component.resetAnimation()\n component.setState('animation', {\n oncreate: animation\n })\n component.started = true\n }\n\n if (decorator) {\n component.trigger('deco-icon-off')\n component.trigger('deco-icon', decorator)\n }\n\n if (border) {\n component.trigger('deco-border-off')\n component.trigger('deco-border', border)\n }\n\n if (arrow) {\n component.trigger('deco-arrow-off')\n component.trigger('deco-arrow', arrow)\n }\n })\n }\n }\n\n fmbStopAnimation = (e: Event) => {\n const { target } = (e as CustomEvent).detail \|\| {}\n const { id, type } = target \|\| {}\n\n if (id) {\n this._scene\n ?.findAllById(id)\n .filter((component: any) => !type \|\| component.getState('type') == type)\n .forEach((component: any) => {\n component.trigger('deco-off')\n component.resetAnimation()\n component.setState('animation', {\n oncreate: null\n })\n })\n }\n }\n\n fmbResetAnimation = () => {\n this._scene?.root.trigger('deco-reset')\n }\n\n private _pointerMoveHandler = () => this.transientShowButtons()\n\n connectedCallback() {\n super.connectedCallback()\n\n window.addEventListener('resize', this.resizeHandler)\n\n // 3D 모드에서도 마우스 움직임 감지 (document 레벨, capture phase)\n document.addEventListener('pointermove', this._pointerMoveHandler, true)\n\n this.renderRoot.addEventListener(\n 'close-scene',\n e => {\n e.preventDefault()\n this.onTapPrev()\n },\n false\n )\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n window.addEventListener('fetchIFactsData', this.fetchIFactsDataHandler)\n\n // 모니터링에서 Movement Data를 보여준다.\n window.addEventListener('fmbShowMovement', this.fmbShowMovementHandler)\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n window.addEventListener('fmbMonitoringInit', this.fmbMonitoringInitHandler)\n\n // BoardComponentInfo popup을 보여준다.\n window.addEventListener('clickComponent', this.clickComponentHandler)\n\n // AnimatedIcon 을 추가하거나 제거한다.\n window.addEventListener('fmbStartAnimation', this.fmbStartAnimation)\n window.addEventListener('fmbStopAnimation', this.fmbStopAnimation)\n window.addEventListener('fmbResetAnimation', this.fmbResetAnimation)\n\n // 모니터링에서 범례를 보여준다.\n window.addEventListener('fmbShowLegend', this.fmbShowLegendHandler)\n window.addEventListener('fmbHideLegend', this.fmbHideLegendHandler)\n\n // 모니터링에서 범례를 보여준다.\n window.addEventListener('fmbShowPopup', this.fmbShowPopupHandler)\n window.addEventListener('fmbHidePopup', this.fmbHidePopupHandler)\n\n // 모니터링에서 FloatingContainer를 보여준다.\n window.addEventListener('fmbShowFloatingContainer', this.fmbShowFloatingContainerHandler)\n window.addEventListener('fmbHideFloatingContainer', this.fmbHideFloatingContainerHandler)\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n window.removeEventListener('resize', this.resizeHandler)\n document.removeEventListener('pointermove', this._pointerMoveHandler, true)\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n window.removeEventListener('fetchIFactsData', this.fetchIFactsDataHandler)\n\n // 모니터링에서 Movement Data를 보여준다.\n window.removeEventListener('fmbShowMovement', this.fmbShowMovementHandler)\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n window.removeEventListener('fmbMonitoringInit', this.fmbMonitoringInitHandler)\n\n // BoardComponentInfo popup을 보여준다.\n window.removeEventListener('clickComponent', this.clickComponentHandler)\n\n // AnimatedIcon을 추가하거나 제거한다.\n window.removeEventListener('fmbStartAnimation', this.fmbStartAnimation)\n window.removeEventListener('fmbStopAnimation', this.fmbStopAnimation)\n window.removeEventListener('fmbResetAnimation', this.fmbResetAnimation)\n\n // 모니터링에서 범례를 보여준다.\n window.removeEventListener('fmbShowLegend', this.fmbShowLegendHandler)\n window.removeEventListener('fmbHideLegend', this.fmbHideLegendHandler)\n\n // 모니터링에서 범례를 보여준다.\n window.removeEventListener('fmbShowPopup', this.fmbShowPopupHandler)\n window.removeEventListener('fmbHidePopup', this.fmbHidePopupHandler)\n\n // 모니터링에서 FloatingContainer를 보여준다.\n window.removeEventListener('fmbShowFloatingContainer', this.fmbShowFloatingContainerHandler)\n window.removeEventListener('fmbHideFloatingContainer', this.fmbHideFloatingContainerHandler)\n\n this.lastComponent = null\n\n // 플레이백 정리\n if (this._playbackEngine) {\n this._playbackEngine.dispose()\n this._playbackEngine = undefined\n }\n this._playbackActive = false\n\n this.closeScene()\n }\n\n updated(changes: PropertyValues<this>) {\n // loadTracker가 외부에서 전달되면 즉시 overlay 연결 (fetch 중에도 표시)\n if (changes.has('loadTracker') && this.loadTracker) {\n this._ensureOverlay(this.loadTracker)\n }\n\n if (changes.has('board')) {\n // tracker: 외부에서 안 왔으면 여기서 생성\n if (!this.loadTracker) {\n this.loadTracker = new LoadTracker()\n this._ensureOverlay(this.loadTracker)\n }\n\n this.hidePopup()\n this.closeScene()\n\n if (this.board && this.board.id) {\n if (this.board.model) {\n this.initScene()\n } else {\n this.initSceneAsync()\n }\n }\n }\n\n if (changes.has('data') && this._scene && this.data) {\n this._scene.data = this.data\n }\n\n if (changes.has('values') && this._scene && this.values) {\n this._scene.values = this.values\n }\n }\n\n async initSceneAsync() {\n if (!this.board \|\| !this.board.id \|\| !this.provider) return\n\n try {\n this._scene = await this.provider.create(this.board.id)\n this.setupScene({ id: this.board.id, scene: this._scene })\n } catch (e) {\n console.error('Failed to load scene:', this.board.id, e)\n }\n }\n\n initScene() {\n if (!this.board \|\| !this.board.id) {\n return\n }\n\n this._scene = create({\n model: {\n ...this.board.model\n },\n style: this.board.style,\n mode: SCENE_MODE.VIEW,\n handlers: ['mcs-event-handler', 'zoom-handler', 'shift-handler', 'waypoint-handler'],\n layers: [{ type: 'scroll-layer' }, { type: 'movement-layer', id: 'movement-layer' }],\n refProvider: this.provider!,\n dataStorage: this.board.id !== 'preview' ? new DataStorage(this.board.id) : undefined,\n dataSubscriptionProvider: isRestfulAvailable() ? undefined : new DataSubscriptionProviderImpl(),\n loading: this.loadTracker ? { tracker: this.loadTracker } : undefined\n })\n\n if (this.baseUrl) {\n this._scene.baseUrl = this.baseUrl\n }\n\n this.setupScene({ id: this.board.id, scene: this._scene })\n }\n\n private _ensureOverlay(tracker: LoadTracker): void {\n if (!this._loadingOverlay) {\n this._loadingOverlay = new LoadingOverlay()\n }\n this._loadingOverlay.attach(this.renderRoot as HTMLElement, tracker)\n }\n\n closeScene() {\n if (this._scene) {\n this.unbindSceneEvents(this._scene)\n\n this._scene.target = null\n this._scene.release && this._scene.release()\n\n this._scene = null\n }\n\n // delete queued scenes\n this._forward.forEach(({ scene }) => scene.release && scene.release())\n this._forward = []\n\n this._backward.forEach(({ scene }) => scene.release && scene.release())\n this._backward = []\n }\n\n releaseScene() {\n this.closeScene()\n this.transientShowButtons()\n }\n\n setupScene({ id, scene }: { id: string; scene: any }) {\n // 플레이백 리셋\n if (this._playbackActive) {\n this._onPlaybackStop()\n }\n\n this._scene = scene\n\n const backgroundColor = this._scene?.root.state.fillStyle\n if (typeof backgroundColor === 'string') {\n this.style.backgroundColor = backgroundColor\n } else {\n this.style.backgroundColor = 'initial'\n }\n\n / scene의 기존 target을 보관한다. /\n this._oldtarget = this._scene!.target\n\n this._scene!.fit(this._scene!.fitMode)\n this._scene!.target = this._target\n\n if (this.data) {\n this._scene!.data = this.data\n }\n if (this.values) {\n this._scene!.values = this.values\n }\n this.currentBoardId = id\n\n this.bindSceneEvents()\n\n this.transientShowButtons()\n }\n\n async showScene(boardId: string, bindingData?: any) {\n if (!boardId \|\| !this.provider) return\n\n try {\n var scene = await this.provider.get(boardId, true)\n\n if (scene === this._scene) {\n scene.release && scene.release()\n return\n }\n\n if (this._scene) {\n / old scene을 _backward에 보관한다. /\n this.unbindSceneEvents(this._scene)\n / 원래의 target에 되돌린다. /\n this._scene.target = this._oldtarget\n this._backward.push({ id: this.currentBoardId!, scene: this._scene })\n }\n\n this._scene = scene\n\n this._forward.forEach(({ scene }) => scene.release && scene.release())\n\n / forward를 비운다. /\n this._forward = []\n\n this.setupScene({ id: boardId, scene })\n\n if (bindingData) {\n scene.data = bindingData\n }\n } catch (e) {\n console.error(e)\n }\n }\n\n private resizeHandler = () => {\n this._scene && this._scene.fit()\n }\n\n bindSceneEvents() {\n this._scene!.on('run', this.onRunBoard, this)\n this._scene!.on('goto', this.onLinkGoto, this)\n this._scene!.on('link-open', this.onLinkOpen, this)\n this._scene!.on('link-move', this.onLinkMove, this)\n this._scene!.on('route-page', this.onRoutePage, this)\n this._scene!.on('start-scenario', this.onStartScenario, this)\n this._scene!.on('run-scenario', this.onRunScenario, this)\n this._scene!.on('legend-toggle', this.onLegendToggle, this)\n this._scene!.on('open-popup', this.onOpenPopup, this)\n }\n\n unbindSceneEvents(scene: any) {\n scene.off('run', this.onRunBoard, this)\n scene.off('goto', this.onLinkGoto, this)\n scene.off('link-open', this.onLinkOpen, this)\n scene.off('link-move', this.onLinkMove, this)\n scene.off('route-page', this.onRoutePage, this)\n scene.off('start-scenario', this.onStartScenario, this)\n scene.off('run-scenario', this.onRunScenario, this)\n scene.off('legend-toggle', this.onLegendToggle, this)\n scene.off('open-popup', this.onOpenPopup, this)\n }\n\n transientShowButtons(stop?: boolean) {\n var buttons = []\n !this.hideNavigation && buttons.push(this._next, this._prev)\n !this.hideFullscreen && buttons.push(this._fabGroup)\n\n if (buttons.length == 0) {\n return\n }\n\n if (!this._fade_animations) {\n this._fade_animations = buttons\n .filter(button => button)\n .map(button => {\n let animation = button.animate(\n [\n {\n opacity: 1,\n easing: 'ease-in'\n },\n { opacity: 0 }\n ],\n { delay: 1000, duration: 2000 }\n )\n\n animation.onfinish = () => {\n button.setAttribute('hidden', '')\n }\n\n return animation\n })\n }\n\n this._forward.length <= 0 ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden')\n this._backward.length <= 0 ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden')\n this._fabGroup && this._fabGroup.removeAttribute('hidden')\n\n this._fade_animations.forEach(animation => {\n animation.cancel()\n if (stop) return\n\n animation.play()\n })\n }\n\n / event handlers /\n\n onTapNext() {\n var { id, scene } = this._forward.pop() \|\| {}\n if (!scene) return\n\n if (this._scene) {\n this._scene.target = null\n / 원래의 target에 되돌린다. /\n this._scene!.target = this._oldtarget\n this.unbindSceneEvents(this._scene)\n this._backward.push({ id: id!, scene: this._scene })\n }\n\n this.setupScene({ id: id!, scene })\n }\n\n onTapPrev() {\n var { id, scene } = this._backward.pop() \|\| {}\n if (!scene) return\n\n if (this._scene) {\n this._scene.target = null\n / 원래의 target에 되돌린다. /\n this._scene.target = this._oldtarget\n this.unbindSceneEvents(this._scene)\n this._forward.push({ id: id!, scene: this._scene })\n }\n\n this.setupScene({ id: id!, scene })\n }\n\n onTapFullscreen() {\n togglefullscreen(\n this,\n () => this.requestUpdate(),\n () => this.requestUpdate()\n )\n }\n\n onTapToggle3D() {\n const modelLayer = (this._scene?.root as any)?.rootModel\n if (!modelLayer?.toggleThreeD) return\n\n const entering3D = !modelLayer.is3dMode\n modelLayer.toggleThreeD()\n this.requestUpdate()\n\n // fmsim: 3D 진입 시 자동 회전\n if (entering3D && modelLayer._threeCapability?.isInitialized) {\n modelLayer._threeCapability.controlsManager.reset()\n modelLayer._threeCapability.controlsManager.setAutoRotate(true)\n }\n }\n\n // ── Playback ──\n\n private _playbackEngine?: PlaybackEngine\n\n onTapPlayback() {\n if (this._playbackActive) {\n this._onPlaybackStop()\n } else {\n // 플레이백 시작 시 팝업 닫기\n this.hidePopup()\n\n this._playbackActive = true\n if (!this._playbackEngine) {\n this._playbackEngine = new PlaybackEngine()\n this._playbackEngine.on('frame', ({ time }) => {\n const controls = this.renderRoot.querySelector('ox-playback-controls') as any\n if (controls) controls.currentTime = time\n })\n this._playbackEngine.on('state-change', (state) => {\n if (state === 'stopped') {\n const controls = this.renderRoot.querySelector('ox-playback-controls') as any\n if (controls) controls.playbackState = 'stopped'\n }\n this.requestUpdate()\n })\n }\n if (this._scene) {\n this._playbackEngine.attachScene(this._scene)\n }\n\n this.dispatchEvent(\n new CustomEvent('playback-toggle', {\n bubbles: true,\n composed: true,\n detail: { active: true }\n })\n )\n }\n }\n\n private async _onPlaybackStart(e: CustomEvent) {\n const { fromTime, speed } = e.detail\n if (!this._playbackEngine) return\n\n const endTime = new Date(fromTime.getTime() + 3600000)\n const fmt = (d: Date) => {\n const pad = (n: number) => String(n).padStart(2, '0')\n return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`\n }\n\n // 라이브 데이터 구독 일시 중단\n this.dispatchEvent(new CustomEvent('playback-live-pause', { bubbles: true, composed: true }))\n\n try {\n // fetchPlayback은 페이지에서 주입 (api 패키지 의존 방지)\n const result = await this._fetchPlaybackData?.(fmt(fromTime), fmt(endTime))\n if (result?.status && result.playback) {\n this._playbackEngine.loadData(result.playback.scenarios)\n this._playbackEngine.play(speed)\n }\n } catch (ex) {\n console.error('[Playback] load failed:', ex)\n }\n }\n\n private _onPlaybackPause() {\n this._playbackEngine?.pause()\n }\n\n private _onPlaybackResume() {\n this._playbackEngine?.resume()\n }\n\n private _onPlaybackStop() {\n this._playbackEngine?.stop()\n this._playbackEngine?.detachScene()\n this._playbackActive = false\n\n // 라이브 데이터 구독 재개\n this.dispatchEvent(new CustomEvent('playback-live-resume', { bubbles: true, composed: true }))\n this.dispatchEvent(\n new CustomEvent('playback-toggle', {\n bubbles: true,\n composed: true,\n detail: { active: false }\n })\n )\n }\n\n private _onPlaybackSeek(e: CustomEvent) {\n this._playbackEngine?.seekTo(e.detail.toTime)\n }\n\n private _onPlaybackSpeed(e: CustomEvent) {\n this._playbackEngine?.setSpeed(e.detail.speed)\n }\n\n /* 페이지에서 주입하는 playback 데이터 fetch 함수 /\n @property({ attribute: false }) _fetchPlaybackData?: (startTime: string, endTime: string) => Promise<any>\n\n onRunBoard() {\n this.dispatchEvent(new CustomEvent('run-board', { bubbles: true, composed: true, detail: this.board.id }))\n }\n\n onLinkGoto(targetBoardId: string, options: any, fromComponent: any) {\n const { input, output } = options \|\| { input: '(self)' }\n const data = input && fromComponent.root.findFirst(input, fromComponent)?.data\n this.showScene(targetBoardId, data)\n }\n\n onLinkOpen(url: string, value: any, fromComponent: Component) {\n if (!url) {\n return\n }\n\n try {\n window.open(url)\n } catch (ex) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: ex,\n ex\n }\n })\n )\n }\n }\n\n onLinkMove(url: string, value: any, fromComponent: Component) {\n if (!url) return\n\n location.href = url\n }\n\n onRoutePage(page: string) {\n if (!page) {\n return\n }\n\n history.pushState({}, '', page)\n window.dispatchEvent(new Event('popstate'))\n }\n\n async onStartScenario(scenario: string, value: string \| number \| object, component: Component) {\n try {\n await startScenario(scenario, scenario, value)\n } catch (e) {\n console.error(e)\n }\n }\n\n async onRunScenario(scenario: string, value: string \| number \| object, component: Component) {\n try {\n component.data = await runScenario(scenario, value)\n } catch (e) {\n console.error(e)\n }\n }\n\n onLegendToggle() {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n\n legendLayer.hidden = !legendLayer.hidden\n }\n\n onOpenPopup(popup: string, value: any, component: Component) {\n const popupComponent = this._scene?.findById(popup)\n if (!popupComponent) {\n return\n }\n\n popupComponent.value = {\n ...component.data,\n timestamp: Date.now()\n }\n }\n\n getSceneData() {\n return this._scene?.data\n }\n\n getSceneValues() {\n return this._scene?.values\n }\n\n togglePopup(component: Component) {\n if (!this.popup / && e.altKey */) {\n const popup = document.createElement('ox-board-component-info') as BoardComponentInfo\n\n popup.addEventListener('close', e => {\n e.stopPropagation()\n this.hidePopup()\n })\n\n this.appendChild(popup)\n this.popup = popup\n }\n\n if (this.popup) {\n this.popup.component = component\n this.popup.playbackMode = this._playbackActive\n }\n }\n\n hidePopup() {\n if (this.popup) {\n this.removeChild(this.popup)\n this.popup = null\n }\n }\n}\n"]}
1	+ {"version":3,"file":"ox-board-viewer.js","sourceRoot":"","sources":["../../src/ox-board-viewer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/fab/fab.js'\nimport '@material/web/icon/icon.js'\nimport './layers/movement-layer.js'\nimport './ox-board-component-info.js'\nimport './layers/mcs-mouse-event-handler.js'\n\nimport './ox-playback-controls.js'\n\nimport { css, html, LitElement, PropertyValues, nothing } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { PlaybackEngine } from './playback/playback-engine.js'\n\nimport { Component, create, LoadTracker, LoadingOverlay, ReferenceProvider, Scene, SCENE_MODE, ScenePopup } from '@hatiolab/things-scene'\nimport { isIOS, togglefullscreen } from '@operato/utils'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport { DataStorage } from './data-storage/data-storage.js'\nimport { runScenario, startScenario, DataSubscriptionProviderImpl, isRestfulAvailable } from '@fmsim/api'\n\nimport { BoardComponentInfo } from './ox-board-component-info.js'\n\n@customElement('ox-board-viewer')\nexport class BoardViewer extends LitElement {\n static styles = [\n ScrollbarStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n position: relative;\n\n width: 100%; /* 전체화면보기를 위해서 필요함. /\n overflow: hidden;\n background-color: white;\n }\n\n #target {\n flex: 1;\n\n width: 100%; / 전체화면보기를 위해서 필요함. /\n height: 100%;\n\n outline: 0;\n }\n\n / navigation buttons (standalone only, not inside md-fab) /\n md-icon:not([slot]) {\n z-index: 10;\n position: absolute;\n top: 45%;\n min-width: 50px;\n width: 50px;\n height: 50px;\n margin: 0;\n padding: 0;\n color: #fff;\n user-select: none;\n\n --md-icon-size: 3em;\n }\n\n md-icon[hidden] {\n display: none;\n }\n\n md-icon:not([slot]):hover {\n background-color: rgba(0, 0, 0, 0.2);\n border-radius: 50%;\n }\n\n #prev {\n left: 5px;\n }\n\n #next {\n right: 5px;\n }\n\n [fab-group] {\n position: absolute;\n bottom: 15px;\n right: 16px;\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n gap: 12px;\n z-index: 1000;\n }\n\n [fab-group] md-fab {\n transition: transform 0.2s ease, opacity 0.2s ease;\n }\n\n [fab-group] md-fab.main-fab md-icon {\n transition: transform 0.3s ease;\n }\n\n [fab-group] md-fab.main-fab[expanded] md-icon {\n transform: rotate(45deg);\n }\n\n [fab-group] md-fab.sub-fab {\n --md-fab-container-width: 40px;\n --md-fab-container-height: 40px;\n --md-icon-size: 20px;\n transform: scale(0);\n opacity: 0;\n pointer-events: none;\n }\n\n [fab-group][expanded] md-fab.sub-fab {\n transform: scale(1);\n opacity: 1;\n pointer-events: auto;\n }\n\n [fab-group] md-fab.sub-fab[disabled] {\n opacity: 0.4;\n pointer-events: none;\n }\n\n ox-playback-controls {\n transition: opacity 0.3s ease;\n }\n\n [hidden] {\n display: none;\n }\n\n ::slotted(ox-board-component-info) {\n position: absolute;\n right: 10px;\n top: 10px;\n width: 240px;\n opacity: 0.9;\n box-shadow: 2px 2px 4px gray;\n max-height: 600px;\n overflow: auto;\n z-index: 1000;\n }\n\n md-fab {\n z-index: 1000;\n --md-icon-size: 24px;\n }\n\n @media print {\n md-fab,\n md-icon {\n display: none;\n }\n }\n `\n ]\n\n @property({ type: String }) baseUrl: string = ''\n @property({ type: Object }) board: any = {}\n @property({ type: Object }) provider: ReferenceProvider \| null = null\n @property({ type: Object }) data: any\n @property({ type: Object }) values: any\n /* 앱에서 미리 생성한 LoadTracker — fetch 시작 전 생성하면 네트워크 시간도 추적 /\n @property({ type: Object }) loadTracker?: LoadTracker\n\n @property({ type: Boolean, reflect: true, attribute: 'hide-fullscreen' }) hideFullscreen = false\n @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false\n\n @state() _scene: any = null\n @state() _forward: { id: string; scene: any }[] = []\n @state() _backward: { id: string; scene: any }[] = []\n private _loadingOverlay?: LoadingOverlay\n\n @state() _oldtarget: HTMLElement \| null = null\n @state() _fade_animations?: Array<Animation>\n @state() _fabExpanded = false\n @state() _playbackActive = false\n get _is3dMode(): boolean {\n return !!(this._scene?.root as any)?.rootModel?.is3dMode\n }\n\n public currentBoardId?: string = this.board?.id\n\n @query('#target') _target!: HTMLElement\n @query('#prev') _prev!: HTMLElement\n @query('#next') _next!: HTMLElement\n @query('[fab-group]') _fabGroup!: HTMLElement\n\n private popup: BoardComponentInfo \| null = null\n private lastComponent: Component \| null = null\n\n render() {\n var fabGroup =\n !isIOS() && !this.hideFullscreen\n ? html`\n <div\n fab-group\n ?expanded=${this._fabExpanded}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n >\n <md-fab\n class=\"main-fab\"\n ?expanded=${this._fabExpanded}\n @click=${() => { this._fabExpanded = !this._fabExpanded }}\n title=\"menu\"\n ><md-icon slot=\"icon\">add</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapFullscreen() }}\n title=\"fullscreen\"\n ><md-icon slot=\"icon\">${document.fullscreenElement ? 'fullscreen_exit' : 'fullscreen'}</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapPlayback() }}\n title=${this._playbackActive ? 'stop playback' : 'start playback'}\n ><md-icon slot=\"icon\">${this._playbackActive ? 'stop' : 'replay'}</md-icon></md-fab>\n\n <md-fab\n class=\"sub-fab\"\n @click=${() => { this._fabExpanded = false; this.onTapToggle3D() }}\n title=${this._is3dMode ? '2D mode' : '3D mode'}\n ><md-icon slot=\"icon\">${this._is3dMode ? 'view_in_ar' : '3d_rotation'}</md-icon></md-fab>\n </div>\n `\n : html``\n\n var prev = !this.hideNavigation\n ? html`\n <md-icon\n id=\"prev\"\n @click=${(e: Event) => this.onTapPrev()}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n hidden\n >keyboard_arrow_left</md-icon\n >\n `\n : html``\n\n var next = !this.hideNavigation\n ? html`\n <md-icon\n id=\"next\"\n @click=${(e: Event) => this.onTapNext()}\n @mouseover=${(e: Event) => this.transientShowButtons(true)}\n @mouseout=${(e: Event) => this.transientShowButtons()}\n hidden\n >keyboard_arrow_right</md-icon\n >\n `\n : html``\n\n return html`\n ${prev}\n\n <div id=\"target\"></div>\n\n <slot></slot>\n ${next} ${fabGroup}\n\n ${this._playbackActive\n ? html`<ox-playback-controls\n .playbackState=${this._playbackEngine?.state === 'playing' ? 'playing' : this._playbackEngine?.state === 'paused' ? 'paused' : 'idle'}\n @playback-start=${this._onPlaybackStart}\n @playback-pause=${this._onPlaybackPause}\n @playback-resume=${this._onPlaybackResume}\n @playback-stop=${this._onPlaybackStop}\n @playback-seek=${this._onPlaybackSeek}\n @playback-speed=${this._onPlaybackSpeed}\n ></ox-playback-controls>`\n : nothing}\n `\n }\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n fetchIFactsDataHandler = (e: Event) => {\n const id = (e as CustomEvent).detail.value\n\n const components = this._scene?.findAll(`#${id}`)\n if (!components \|\| components.length == 0) {\n return\n }\n\n window.dispatchEvent(new CustomEvent('clickComponent', { detail: components[0] }))\n\n this._scene?.centerTo(components[0], true / animated /)\n }\n\n // 모니터링에서 Movement Data를 보여준다.\n fmbShowMovementHandler = (e: Event) => {\n const movement = (e as CustomEvent).detail.value\n\n const movementLayer = this._scene?.findById(`movement-layer`)\n if (!movementLayer) {\n return\n }\n\n movementLayer.data = movement\n }\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n fmbMonitoringInitHandler = (e: Event) => {\n this._scene?.fit('ratio')\n }\n\n // 모니터링에서 범례를 보여준다.\n fmbShowLegendHandler = (e: Event) => {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n\n legendLayer.hidden = false\n }\n\n fmbHideLegendHandler = (e: Event) => {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n legendLayer.hidden = true\n }\n\n // 모니터링에서 팝업을 보여준다.\n fmbShowPopupHandler = (e: Event) => {\n const { id, data } = (e as CustomEvent).detail\n const popupComponent = this._scene?.findById(id)\n\n if (popupComponent && popupComponent.getState('type') == 'popup') {\n ;(popupComponent as any).openPopup(data)\n }\n }\n\n fmbHidePopupHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const popupComponent = this._scene?.findById(id)\n\n if (popupComponent && popupComponent.getState('type') == 'popup') {\n ;(popupComponent as any).hidePopup()\n }\n }\n\n // 모니터링에서 범례를 보여준다.\n fmbShowFloatingContainerHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const floatingContainer = this._scene?.findById(id) as Component\n\n if (floatingContainer && floatingContainer.getState('type') == 'FloatingContainer') {\n floatingContainer.hidden = false\n }\n }\n\n fmbHideFloatingContainerHandler = (e: Event) => {\n const { id } = (e as CustomEvent).detail\n const floatingContainer = this._scene?.findById(id) as Component\n\n if (floatingContainer && floatingContainer.getState('type') == 'FloatingContainer') {\n floatingContainer.hidden = true\n }\n }\n\n // BoardComponentInfo popup을 보여준다.\n clickComponentHandler = (e: Event) => {\n const component = (e as CustomEvent).detail\n const { type } = component.state\n\n if (type == 'model-layer') {\n this.lastComponent?.trigger('deco-border-off')\n // this.lastComponent?.trigger('deco-arrow-reset')\n this.hidePopup()\n return\n }\n\n if ('isLVComponent' in component) {\n this.lastComponent?.trigger('deco-border-off')\n // this.lastComponent?.trigger('deco-arrow-reset')\n this.lastComponent = component\n\n component.trigger('deco-border', { distance: 8, lineWidth: 4, color: '#f007' })\n // component.trigger('deco-arrow', { color: 'red', animation: true, size: 20 })\n\n this.togglePopup(component)\n }\n }\n\n fmbStartAnimation = (e: Event) => {\n const { target, animation, decorator, border, arrow } = (e as CustomEvent).detail \|\| {}\n const { id, type } = target \|\| {}\n\n if (id) {\n this._scene\n ?.findAllById(id)\n .filter((component: any) => !type \|\| component.getState('type') == type)\n .forEach((component: any) => {\n if (animation) {\n component.resetAnimation()\n component.setState('animation', {\n oncreate: animation\n })\n component.started = true\n }\n\n if (decorator) {\n component.trigger('deco-icon-off')\n component.trigger('deco-icon', decorator)\n }\n\n if (border) {\n component.trigger('deco-border-off')\n component.trigger('deco-border', border)\n }\n\n if (arrow) {\n component.trigger('deco-arrow-off')\n component.trigger('deco-arrow', arrow)\n }\n })\n }\n }\n\n fmbStopAnimation = (e: Event) => {\n const { target } = (e as CustomEvent).detail \|\| {}\n const { id, type } = target \|\| {}\n\n if (id) {\n this._scene\n ?.findAllById(id)\n .filter((component: any) => !type \|\| component.getState('type') == type)\n .forEach((component: any) => {\n component.trigger('deco-off')\n component.resetAnimation()\n component.setState('animation', {\n oncreate: null\n })\n })\n }\n }\n\n fmbResetAnimation = () => {\n this._scene?.root.trigger('deco-reset')\n }\n\n private _pointerMoveHandler = () => this.transientShowButtons()\n\n connectedCallback() {\n super.connectedCallback()\n\n window.addEventListener('resize', this.resizeHandler)\n\n // 3D 모드에서도 마우스 움직임 감지 (document 레벨, capture phase)\n document.addEventListener('pointermove', this._pointerMoveHandler, true)\n\n this.renderRoot.addEventListener(\n 'close-scene',\n e => {\n e.preventDefault()\n this.onTapPrev()\n },\n false\n )\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n window.addEventListener('fetchIFactsData', this.fetchIFactsDataHandler)\n\n // 모니터링에서 Movement Data를 보여준다.\n window.addEventListener('fmbShowMovement', this.fmbShowMovementHandler)\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n window.addEventListener('fmbMonitoringInit', this.fmbMonitoringInitHandler)\n\n // BoardComponentInfo popup을 보여준다.\n window.addEventListener('clickComponent', this.clickComponentHandler)\n\n // AnimatedIcon 을 추가하거나 제거한다.\n window.addEventListener('fmbStartAnimation', this.fmbStartAnimation)\n window.addEventListener('fmbStopAnimation', this.fmbStopAnimation)\n window.addEventListener('fmbResetAnimation', this.fmbResetAnimation)\n\n // 모니터링에서 범례를 보여준다.\n window.addEventListener('fmbShowLegend', this.fmbShowLegendHandler)\n window.addEventListener('fmbHideLegend', this.fmbHideLegendHandler)\n\n // 모니터링에서 범례를 보여준다.\n window.addEventListener('fmbShowPopup', this.fmbShowPopupHandler)\n window.addEventListener('fmbHidePopup', this.fmbHidePopupHandler)\n\n // 모니터링에서 FloatingContainer를 보여준다.\n window.addEventListener('fmbShowFloatingContainer', this.fmbShowFloatingContainerHandler)\n window.addEventListener('fmbHideFloatingContainer', this.fmbHideFloatingContainerHandler)\n }\n\n disconnectedCallback() {\n super.disconnectedCallback()\n\n window.removeEventListener('resize', this.resizeHandler)\n document.removeEventListener('pointermove', this._pointerMoveHandler, true)\n\n // 모니터링에서 장비 아이디에 해당하는 object를 찾아 캔버스 가운데 위치하도록 조정한다.\n window.removeEventListener('fetchIFactsData', this.fetchIFactsDataHandler)\n\n // 모니터링에서 Movement Data를 보여준다.\n window.removeEventListener('fmbShowMovement', this.fmbShowMovementHandler)\n\n // 모니터링에서 보드 상태를 원래상태 (정사이즈)로 돌려놓는다.\n window.removeEventListener('fmbMonitoringInit', this.fmbMonitoringInitHandler)\n\n // BoardComponentInfo popup을 보여준다.\n window.removeEventListener('clickComponent', this.clickComponentHandler)\n\n // AnimatedIcon을 추가하거나 제거한다.\n window.removeEventListener('fmbStartAnimation', this.fmbStartAnimation)\n window.removeEventListener('fmbStopAnimation', this.fmbStopAnimation)\n window.removeEventListener('fmbResetAnimation', this.fmbResetAnimation)\n\n // 모니터링에서 범례를 보여준다.\n window.removeEventListener('fmbShowLegend', this.fmbShowLegendHandler)\n window.removeEventListener('fmbHideLegend', this.fmbHideLegendHandler)\n\n // 모니터링에서 범례를 보여준다.\n window.removeEventListener('fmbShowPopup', this.fmbShowPopupHandler)\n window.removeEventListener('fmbHidePopup', this.fmbHidePopupHandler)\n\n // 모니터링에서 FloatingContainer를 보여준다.\n window.removeEventListener('fmbShowFloatingContainer', this.fmbShowFloatingContainerHandler)\n window.removeEventListener('fmbHideFloatingContainer', this.fmbHideFloatingContainerHandler)\n\n this.lastComponent = null\n\n // 플레이백 정리\n if (this._playbackEngine) {\n this._playbackEngine.dispose()\n this._playbackEngine = undefined\n }\n this._playbackActive = false\n\n this.closeScene()\n }\n\n updated(changes: PropertyValues<this>) {\n // loadTracker가 외부에서 전달되면 즉시 overlay 연결 (fetch 중에도 표시)\n if (changes.has('loadTracker') && this.loadTracker) {\n this._ensureOverlay(this.loadTracker)\n }\n\n if (changes.has('board')) {\n // tracker: 외부에서 안 왔으면 여기서 생성\n if (!this.loadTracker) {\n this.loadTracker = new LoadTracker()\n this._ensureOverlay(this.loadTracker)\n }\n\n this.hidePopup()\n this.closeScene()\n\n if (this.board && this.board.id) {\n if (this.board.model) {\n this.initScene()\n } else {\n this.initSceneAsync()\n }\n }\n }\n\n if (changes.has('data') && this._scene && this.data) {\n this._scene.data = this.data\n }\n\n if (changes.has('values') && this._scene && this.values) {\n this._scene.values = this.values\n }\n }\n\n async initSceneAsync() {\n if (!this.board \|\| !this.board.id \|\| !this.provider) return\n\n try {\n this._scene = await this.provider.create(this.board.id)\n this.setupScene({ id: this.board.id, scene: this._scene })\n } catch (e) {\n console.error('Failed to load scene:', this.board.id, e)\n }\n }\n\n initScene() {\n if (!this.board \|\| !this.board.id) {\n return\n }\n\n this._scene = create({\n model: {\n ...this.board.model\n },\n style: this.board.style,\n mode: SCENE_MODE.VIEW,\n handlers: ['mcs-event-handler', 'zoom-handler', 'shift-handler', 'waypoint-handler'],\n layers: [{ type: 'scroll-layer' }, { type: 'movement-layer', id: 'movement-layer' }],\n refProvider: this.provider!,\n dataStorage: this.board.id !== 'preview' ? new DataStorage(this.board.id) : undefined,\n dataSubscriptionProvider: this._dataSubscriptionProvider,\n loading: this.loadTracker ? { tracker: this.loadTracker } : undefined\n })\n\n if (this.baseUrl) {\n this._scene.baseUrl = this.baseUrl\n }\n\n this.setupScene({ id: this.board.id, scene: this._scene })\n }\n\n private _ensureOverlay(tracker: LoadTracker): void {\n if (!this._loadingOverlay) {\n this._loadingOverlay = new LoadingOverlay()\n }\n this._loadingOverlay.attach(this.renderRoot as HTMLElement, tracker)\n }\n\n closeScene() {\n if (this._scene) {\n this.unbindSceneEvents(this._scene)\n\n this._scene.target = null\n this._scene.release && this._scene.release()\n\n this._scene = null\n }\n\n // delete queued scenes\n this._forward.forEach(({ scene }) => scene.release && scene.release())\n this._forward = []\n\n this._backward.forEach(({ scene }) => scene.release && scene.release())\n this._backward = []\n }\n\n releaseScene() {\n this.closeScene()\n this.transientShowButtons()\n }\n\n setupScene({ id, scene }: { id: string; scene: any }) {\n // 플레이백 리셋\n if (this._playbackActive) {\n this._onPlaybackStop()\n }\n\n this._scene = scene\n\n const backgroundColor = this._scene?.root.state.fillStyle\n if (typeof backgroundColor === 'string') {\n this.style.backgroundColor = backgroundColor\n } else {\n this.style.backgroundColor = 'initial'\n }\n\n / scene의 기존 target을 보관한다. /\n this._oldtarget = this._scene!.target\n\n this._scene!.fit(this._scene!.fitMode)\n this._scene!.target = this._target\n\n if (this.data) {\n this._scene!.data = this.data\n }\n if (this.values) {\n this._scene!.values = this.values\n }\n this.currentBoardId = id\n\n this.bindSceneEvents()\n\n this.transientShowButtons()\n }\n\n async showScene(boardId: string, bindingData?: any) {\n if (!boardId \|\| !this.provider) return\n\n try {\n var scene = await this.provider.get(boardId, true)\n\n if (scene === this._scene) {\n scene.release && scene.release()\n return\n }\n\n if (this._scene) {\n / old scene을 _backward에 보관한다. /\n this.unbindSceneEvents(this._scene)\n / 원래의 target에 되돌린다. /\n this._scene.target = this._oldtarget\n this._backward.push({ id: this.currentBoardId!, scene: this._scene })\n }\n\n this._scene = scene\n\n this._forward.forEach(({ scene }) => scene.release && scene.release())\n\n / forward를 비운다. /\n this._forward = []\n\n this.setupScene({ id: boardId, scene })\n\n if (bindingData) {\n scene.data = bindingData\n }\n } catch (e) {\n console.error(e)\n }\n }\n\n private resizeHandler = () => {\n this._scene && this._scene.fit()\n }\n\n bindSceneEvents() {\n this._scene!.on('run', this.onRunBoard, this)\n this._scene!.on('goto', this.onLinkGoto, this)\n this._scene!.on('link-open', this.onLinkOpen, this)\n this._scene!.on('link-move', this.onLinkMove, this)\n this._scene!.on('route-page', this.onRoutePage, this)\n this._scene!.on('start-scenario', this.onStartScenario, this)\n this._scene!.on('run-scenario', this.onRunScenario, this)\n this._scene!.on('legend-toggle', this.onLegendToggle, this)\n this._scene!.on('open-popup', this.onOpenPopup, this)\n }\n\n unbindSceneEvents(scene: any) {\n scene.off('run', this.onRunBoard, this)\n scene.off('goto', this.onLinkGoto, this)\n scene.off('link-open', this.onLinkOpen, this)\n scene.off('link-move', this.onLinkMove, this)\n scene.off('route-page', this.onRoutePage, this)\n scene.off('start-scenario', this.onStartScenario, this)\n scene.off('run-scenario', this.onRunScenario, this)\n scene.off('legend-toggle', this.onLegendToggle, this)\n scene.off('open-popup', this.onOpenPopup, this)\n }\n\n transientShowButtons(stop?: boolean) {\n var buttons = []\n !this.hideNavigation && buttons.push(this._next, this._prev)\n !this.hideFullscreen && buttons.push(this._fabGroup)\n\n if (buttons.length == 0) {\n return\n }\n\n if (!this._fade_animations) {\n this._fade_animations = buttons\n .filter(button => button)\n .map(button => {\n let animation = button.animate(\n [\n {\n opacity: 1,\n easing: 'ease-in'\n },\n { opacity: 0 }\n ],\n { delay: 1000, duration: 2000 }\n )\n\n animation.onfinish = () => {\n button.setAttribute('hidden', '')\n }\n\n return animation\n })\n }\n\n this._forward.length <= 0 ? this._next.setAttribute('hidden', '') : this._next.removeAttribute('hidden')\n this._backward.length <= 0 ? this._prev.setAttribute('hidden', '') : this._prev.removeAttribute('hidden')\n this._fabGroup && this._fabGroup.removeAttribute('hidden')\n\n this._fade_animations.forEach(animation => {\n animation.cancel()\n if (stop) return\n\n animation.play()\n })\n }\n\n / event handlers /\n\n onTapNext() {\n var { id, scene } = this._forward.pop() \|\| {}\n if (!scene) return\n\n if (this._scene) {\n this._scene.target = null\n / 원래의 target에 되돌린다. /\n this._scene!.target = this._oldtarget\n this.unbindSceneEvents(this._scene)\n this._backward.push({ id: id!, scene: this._scene })\n }\n\n this.setupScene({ id: id!, scene })\n }\n\n onTapPrev() {\n var { id, scene } = this._backward.pop() \|\| {}\n if (!scene) return\n\n if (this._scene) {\n this._scene.target = null\n / 원래의 target에 되돌린다. /\n this._scene.target = this._oldtarget\n this.unbindSceneEvents(this._scene)\n this._forward.push({ id: id!, scene: this._scene })\n }\n\n this.setupScene({ id: id!, scene })\n }\n\n onTapFullscreen() {\n togglefullscreen(\n this,\n () => this.requestUpdate(),\n () => this.requestUpdate()\n )\n }\n\n onTapToggle3D() {\n const modelLayer = (this._scene?.root as any)?.rootModel\n if (!modelLayer?.toggleThreeD) return\n\n const entering3D = !modelLayer.is3dMode\n modelLayer.toggleThreeD()\n this.requestUpdate()\n\n // fmsim: 3D 진입 시 자동 회전\n if (entering3D && modelLayer._threeCapability?.isInitialized) {\n modelLayer._threeCapability.controlsManager.reset()\n modelLayer._threeCapability.controlsManager.setAutoRotate(true)\n }\n }\n\n // ── Data Subscription ──\n\n private _dataSubscriptionProvider = isRestfulAvailable() ? undefined : new DataSubscriptionProviderImpl()\n\n // ── Playback ──\n\n private _playbackEngine?: PlaybackEngine\n\n onTapPlayback() {\n if (this._playbackActive) {\n this._onPlaybackStop()\n } else {\n // 플레이백 시작 시 팝업 닫기\n this.hidePopup()\n\n this._playbackActive = true\n if (!this._playbackEngine) {\n this._playbackEngine = new PlaybackEngine()\n this._playbackEngine.on('frame', ({ time }) => {\n const controls = this.renderRoot.querySelector('ox-playback-controls') as any\n if (controls) controls.currentTime = time\n })\n this._playbackEngine.on('state-change', (state) => {\n if (state === 'stopped') {\n const controls = this.renderRoot.querySelector('ox-playback-controls') as any\n if (controls) controls.playbackState = 'stopped'\n }\n this.requestUpdate()\n })\n this._playbackEngine.on('buffer-update', ({ bufferedRanges }) => {\n const controls = this.renderRoot.querySelector('ox-playback-controls') as any\n if (controls) controls.bufferedRanges = bufferedRanges\n })\n if (this._fetchPlaybackData) {\n this._playbackEngine.setFetchFunction(this._fetchPlaybackData)\n }\n }\n if (this._scene) {\n this._playbackEngine.attachScene(this._scene)\n }\n\n this.dispatchEvent(\n new CustomEvent('playback-toggle', {\n bubbles: true,\n composed: true,\n detail: { active: true }\n })\n )\n }\n }\n\n private async _onPlaybackStart(e: CustomEvent) {\n const { fromTime, speed } = e.detail\n if (!this._playbackEngine) return\n\n const endTime = new Date(fromTime.getTime() + 3600000)\n\n // 라이브 데이터 구독 일시 중단\n this._dataSubscriptionProvider?.pause()\n if (this._scene) this._scene.playbackMode = true\n\n try {\n // 청크 기반 시작: 10분 분량만 먼저 로드\n await this._playbackEngine.startChunked(fromTime, endTime, speed)\n } catch (ex) {\n console.error('[Playback] load failed:', ex)\n }\n }\n\n private _onPlaybackPause() {\n this._playbackEngine?.pause()\n }\n\n private _onPlaybackResume() {\n this._playbackEngine?.resume()\n }\n\n private _onPlaybackStop() {\n this._playbackEngine?.stop()\n this._playbackEngine?.detachScene()\n this._playbackActive = false\n\n // 라이브 데이터 구독 재개\n this._dataSubscriptionProvider?.resume()\n if (this._scene) this._scene.playbackMode = false\n this.dispatchEvent(\n new CustomEvent('playback-toggle', {\n bubbles: true,\n composed: true,\n detail: { active: false }\n })\n )\n }\n\n private _onPlaybackSeek(e: CustomEvent) {\n this._playbackEngine?.seekTo(e.detail.toTime)\n }\n\n private _onPlaybackSpeed(e: CustomEvent) {\n this._playbackEngine?.setSpeed(e.detail.speed)\n }\n\n /* 페이지에서 주입하는 playback 데이터 fetch 함수 /\n @property({ attribute: false }) _fetchPlaybackData?: (startTime: string, endTime: string) => Promise<any>\n\n onRunBoard() {\n this.dispatchEvent(new CustomEvent('run-board', { bubbles: true, composed: true, detail: this.board.id }))\n }\n\n onLinkGoto(targetBoardId: string, options: any, fromComponent: any) {\n const { input, output } = options \|\| { input: '(self)' }\n const data = input && fromComponent.root.findFirst(input, fromComponent)?.data\n this.showScene(targetBoardId, data)\n }\n\n onLinkOpen(url: string, value: any, fromComponent: Component) {\n if (!url) {\n return\n }\n\n try {\n window.open(url)\n } catch (ex) {\n document.dispatchEvent(\n new CustomEvent('notify', {\n detail: {\n level: 'error',\n message: ex,\n ex\n }\n })\n )\n }\n }\n\n onLinkMove(url: string, value: any, fromComponent: Component) {\n if (!url) return\n\n location.href = url\n }\n\n onRoutePage(page: string) {\n if (!page) {\n return\n }\n\n history.pushState({}, '', page)\n window.dispatchEvent(new Event('popstate'))\n }\n\n async onStartScenario(scenario: string, value: string \| number \| object, component: Component) {\n try {\n await startScenario(scenario, scenario, value)\n } catch (e) {\n console.error(e)\n }\n }\n\n async onRunScenario(scenario: string, value: string \| number \| object, component: Component) {\n try {\n component.data = await runScenario(scenario, value)\n } catch (e) {\n console.error(e)\n }\n }\n\n onLegendToggle() {\n const legendLayer = this._scene?.findById(`legend`)\n if (!legendLayer) {\n return\n }\n\n legendLayer.hidden = !legendLayer.hidden\n }\n\n onOpenPopup(popup: string, value: any, component: Component) {\n const popupComponent = this._scene?.findById(popup)\n if (!popupComponent) {\n return\n }\n\n popupComponent.value = {\n ...component.data,\n timestamp: Date.now()\n }\n }\n\n getSceneData() {\n return this._scene?.data\n }\n\n getSceneValues() {\n return this._scene?.values\n }\n\n togglePopup(component: Component) {\n if (!this.popup / && e.altKey */) {\n const popup = document.createElement('ox-board-component-info') as BoardComponentInfo\n\n popup.addEventListener('close', e => {\n e.stopPropagation()\n this.hidePopup()\n })\n\n this.appendChild(popup)\n this.popup = popup\n }\n\n if (this.popup) {\n this.popup.component = component\n this.popup.playbackMode = this._playbackActive\n }\n }\n\n hidePopup() {\n if (this.popup) {\n this.removeChild(this.popup)\n this.popup = null\n }\n }\n}\n"]}

package/dist/src/ox-playback-controls.d.ts CHANGED Viewed

@@ -20,6 +20,10 @@ export declare class PlaybackControls extends LitElement {
     playbackState: PlaybackState;
     speed: number;
     currentTime: string;
+    bufferedRanges: {
+        from: number;
+        to: number;
+    }[];
     /** 외부에서 전달받은 초기 시간 범위 (from만 사용, to는 from+1h로 자동 계산) */
     timeRange: {
         from: Date;
@@ -52,6 +56,7 @@ export declare class PlaybackControls extends LitElement {
     private _onStop;
     private _onSeekInput;
     private _onSeekChange;
+    private _renderBufferBars;
     private _onSpeedChange;
     private _startTimer;
     private _stopTimer;

package/dist/src/ox-playback-controls.js CHANGED Viewed

@@ -24,6 +24,7 @@ let PlaybackControls = PlaybackControls_1 = class PlaybackControls extends LitEl
         this.playbackState = 'idle';
         this.speed = 1;
         this.currentTime = '';
+        this.bufferedRanges = [];
         /** 외부에서 전달받은 초기 시간 범위 (from만 사용, to는 from+1h로 자동 계산) */
         this.timeRange = {
             from: new Date(Date.now() - ONE_HOUR),
@@ -109,15 +110,18 @@ let PlaybackControls = PlaybackControls_1 = class PlaybackControls extends LitEl
           </md-icon-button>
           <div class="timeline">
-            <input
-              type="range"
-              class="seek-bar"
-              min="0"
-              max="1000"
-              .value=${String(this._seekValue)}
-              @input=${this._onSeekInput}
-              @change=${this._onSeekChange}
-            />
+            <div class="seek-track">
+              ${this._renderBufferBars()}
+              <input
+                type="range"
+                class="seek-bar"
+                min="0"
+                max="1000"
+                .value=${String(this._seekValue)}
+                @input=${this._onSeekInput}
+                @change=${this._onSeekChange}
+              />
+            </div>
             <div class="seek-labels">
               <span>${this._formatTime(this._startTime)}</span>
               <span>${this._formatTime(this._endTime)}</span>
@@ -248,6 +252,22 @@ let PlaybackControls = PlaybackControls_1 = class PlaybackControls extends LitEl
             this._startTimer();
         }
     }
+    _renderBufferBars() {
+        var _a;
+        if (!((_a = this.bufferedRanges) === null || _a === void 0 ? void 0 : _a.length))
+            return '';
+        const from = this._startTime.getTime();
+        const to = this._endTime.getTime();
+        const range = to - from;
+        if (range <= 0)
+            return '';
+        return this.bufferedRanges.map(r => {
+            const left = Math.max(0, (r.from - from) / range) * 100;
+            const right = Math.min(1, (r.to - from) / range) * 100;
+            const width = right - left;
+            return html `<div class="buffer-bar" style="left:${left}%;width:${width}%"></div>`;
+        });
+    }
     _onSpeedChange(speed) {
         this.speed = speed;
         this.dispatchEvent(new CustomEvent('playback-speed', {
@@ -449,15 +469,32 @@ PlaybackControls.styles = css `
       min-width: 0;
     }
+    .seek-track {
+      position: relative;
+      width: 100%;
+      height: 4px;
+    }
+    .buffer-bar {
+      position: absolute;
+      top: 0;
+      height: 100%;
+      background: rgba(255, 255, 255, 0.25);
+      border-radius: 2px;
+      pointer-events: none;
+    }
     .seek-bar {
+      position: relative;
       width: 100%;
       height: 4px;
       -webkit-appearance: none;
       appearance: none;
-      background: rgba(255, 255, 255, 0.3);
+      background: rgba(255, 255, 255, 0.1);
       border-radius: 2px;
       outline: none;
       cursor: pointer;
+      z-index: 1;
     }
     .seek-bar::-webkit-slider-thumb {
@@ -493,6 +530,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], PlaybackControls.prototype, "currentTime", void 0);
+__decorate([
+    property({ type: Array })
+], PlaybackControls.prototype, "bufferedRanges", void 0);
 __decorate([
     property({ type: Object })
 ], PlaybackControls.prototype, "timeRange", void 0);