@operato/process 1.1.37 → 1.1.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/process",
-  "version": "1.1.37",
+  "version": "1.1.38",
   "description": "Webcomponent for business process modeling following open-wc recommendations",
   "author": "heartyoh",
   "main": "dist/src/index.js",
@@ -68,7 +68,7 @@
   "dependencies": {
     "@open-wc/scoped-elements": "^2.1.3",
     "@operato/app": "^1.1.37",
-    "@operato/board": "^1.1.37",
+    "@operato/board": "^1.1.38",
     "@operato/data-grist": "^1.1.37",
     "@operato/font": "^1.1.37",
     "@operato/graphql": "^1.1.13",
@@ -127,5 +127,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "6f015266daddd7faec2219a0b7fbbdc935899378"
+  "gitHead": "58cc13eb2ebd26572d68a3fd0518dde66d72bb6c"
 }

package/src/ox-process-viewer.ts

@@ -97,12 +97,14 @@ export class OxProcessViewer extends LitElement {
   @property({ type: Boolean, reflect: true, attribute: 'hide-navigation' }) hideNavigation = false
 
   @state() _scene: any = null
-  @state() _forward: Array<any> = []
-  @state() _backward: Array<any> = []
+  @state() _forward: { id: string; scene: any }[] = []
+  @state() _backward: { id: string; scene: any }[] = []
 
   @state() _oldtarget?: HTMLElement
   @state() _fade_animations?: Array<Animation>
 
+  public currentProcessId?: string = this.process?.id
+
   @query('#target') _target!: HTMLElement
   @query('#prev') _prev!: HTMLElement
   @query('#next') _next!: HTMLElement
@@ -207,7 +209,7 @@ export class OxProcessViewer extends LitElement {
     if (!this.process || !this.process.id) return
 
     this._scene = await this.provider!.get(this.process.id, true)
-    this.setupScene(this._scene)
+    this.setupScene({ id: this.process.id, scene: this._scene })
   }
 
   initScene() {
@@ -229,7 +231,7 @@ export class OxProcessViewer extends LitElement {
 
     this.provider!.add(this.process.id, this._scene)
 
-    this.setupScene(this._scene)
+    this.setupScene({ id: this.process.id, scene: this._scene })
   }
 
   closeScene() {
@@ -243,10 +245,10 @@ export class OxProcessViewer extends LitElement {
     }
 
     // delete queued scenes
-    this._forward.forEach(scene => scene.release && scene.release())
+    this._forward.forEach(({ scene }) => scene.release && scene.release())
     this._forward = []
 
-    this._backward.forEach(scene => scene.release && scene.release())
+    this._backward.forEach(({ scene }) => scene.release && scene.release())
     this._backward = []
   }
 
@@ -255,7 +257,7 @@ export class OxProcessViewer extends LitElement {
     this.transientShowButtons()
   }
 
-  setupScene(scene: any) {
+  setupScene({ id, scene }: { id: string; scene: any }) {
     this._scene = scene
 
     const backgroundColor = this._scene?.root.state.fillStyle
@@ -274,6 +276,7 @@ export class OxProcessViewer extends LitElement {
     if (this.data) {
       this._scene.data = this.data
     }
+    this.currentProcessId = id
 
     this.bindSceneEvents()
 
@@ -296,17 +299,17 @@ export class OxProcessViewer extends LitElement {
         this.unbindSceneEvents(this._scene)
         /* 원래의 target에 되돌린다. */
         this._scene.target = this._oldtarget
-        this._backward.push(this._scene)
+        this._backward.push({ id: this.currentProcessId!, scene: this._scene })
       }
 
       this._scene = scene
 
-      this._forward.forEach(scene => scene.release && scene.release())
+      this._forward.forEach(({ scene }) => scene.release && scene.release())
 
       /* forward를 비운다. */
       this._forward = []
 
-      this.setupScene(scene)
+      this.setupScene({ id: processId, scene })
 
       if (bindingData) {
         scene.data = bindingData
@@ -383,7 +386,7 @@ export class OxProcessViewer extends LitElement {
   /* event handlers */
 
   onTapNext() {
-    var scene = this._forward.pop()
+    var { id, scene } = this._forward.pop() || {}
     if (!scene) return
 
     if (this._scene) {
@@ -391,14 +394,14 @@ export class OxProcessViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._backward.push(this._scene)
+      this._backward.push({ id: id!, scene: this._scene })
     }
 
-    this.setupScene(scene)
+    this.setupScene({ id: id!, scene })
   }
 
   onTapPrev() {
-    var scene = this._backward.pop()
+    var { id, scene } = this._backward.pop() || {}
     if (!scene) return
 
     if (this._scene) {
@@ -406,10 +409,10 @@ export class OxProcessViewer extends LitElement {
       /* 원래의 target에 되돌린다. */
       this._scene.target = this._oldtarget
       this.unbindSceneEvents(this._scene)
-      this._forward.push(this._scene)
+      this._forward.push({ id: id!, scene: this._scene })
     }
 
-    this.setupScene(scene)
+    this.setupScene({ id: id!, scene })
   }
 
   onTapFullscreen() {