ohzi-core 6.3.0 → 6.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ohzi-core",
-  "version": "6.3.0",
+  "version": "6.3.3",
   "description": "OHZI Core Library",
   "source": "src/index.js",
   "module": "build/index.module.js",

package/src/view_components/ViewComponent.js

@@ -6,6 +6,7 @@ export default class ViewComponent
   {
     this.name = name;
     this.container = container;
+    this.hidden = true;
 
     ViewComponentManager.register_component(this);
   }
@@ -18,6 +19,8 @@ export default class ViewComponent
   {
     this.container.classList.remove('hidden');
     ViewComponentManager.enable_component(this);
+
+    this.hidden = false;
   }
 
   update()
@@ -28,10 +31,31 @@ export default class ViewComponent
   {
     this.container.classList.add('hidden');
     ViewComponentManager.disable_component(this);
+
+    this.hidden = true;
+  }
+
+  set_opacity(current_state_data)
+  {
+    this.container.style.opacity = current_state_data[`${this.name}_opacity`];
+    this.toggle_hidden();
   }
 
-  set_opacity(opacity)
+  toggle_hidden()
   {
-    this.container.style.opacity = opacity;
+    if (this.container.style.opacity > 0.001)
+    {
+      if (this.hidden)
+      {
+        this.on_enter();
+      }
+    }
+    else
+    {
+      if (!this.hidden)
+      {
+        this.on_exit();
+      }
+    }
   }
 }

package/src/view_components/ViewComponentManager.js

@@ -10,6 +10,8 @@ class ViewComponentManager
 
   update()
   {
+    this.__set_components_opacities();
+
     for (const component of this.enabled_components)
     {
       component.update(ViewManager.transition_handler.current_state_data);
@@ -53,6 +55,14 @@ class ViewComponentManager
     console.error('[ViewComponentManager.get] no component found for: ', component_name);
     return undefined;
   }
+
+  __set_components_opacities()
+  {
+    for (let i = 0; i < this.components.length; i++)
+    {
+      this.components[i].set_opacity(ViewManager.transition_handler.current_state_data);
+    }
+  }
 }
 
 export default new ViewComponentManager();

package/src/view_components/ViewManager.js

@@ -9,6 +9,8 @@ class ViewManager
 
     this.transition_table = new TransitionTable();
     this.transition_handler = new ViewStateTransitionHandler(this.transition_table);
+
+    this.view_change_subscribers = [];
   }
 
   update()
@@ -27,6 +29,22 @@ class ViewManager
     {
       this.__change_browser_url(v.url);
     }
+
+    this.notify_view_change(view_name);
+  }
+
+  subscribe_to_view_change(subscriber)
+  {
+    this.view_change_subscribers.push(subscriber);
+  }
+
+  notify_view_change(view_name)
+  {
+    for (let i = 0; i < this.view_change_subscribers.length; i++)
+    {
+      const subscriber = this.view_change_subscribers[i];
+      subscriber.on_view_change(view_name);
+    }
   }
 
   register_view(view)

package/src/view_components/transition/TransitionTable.js

@@ -8,11 +8,11 @@ export default class TransitionTable
     this.initial_state_data = {};
   }
 
-  get(to_state, current_context)
+  get(from_state_name, to_state_name, current_context)
   {
     for (let i = 0; i < this.transitions.length; i++)
     {
-      if (this.transitions[i].to === to_state)
+      if (this.transitions[i].from === from_state_name && this.transitions[i].to === to_state_name)
       {
         const action_sequencer = new ActionSequencerBuilder(this.initial_state_data).from_animation_sheet(this.transitions[i].data, current_context);
 
@@ -20,7 +20,17 @@ export default class TransitionTable
       }
     }
 
-    console.error('TransitionTable.get no data found for: ', to_state);
+    for (let i = 0; i < this.transitions.length; i++)
+    {
+      if (this.transitions[i].to === to_state_name)
+      {
+        const action_sequencer = new ActionSequencerBuilder(this.initial_state_data).from_animation_sheet(this.transitions[i].data, current_context);
+
+        return action_sequencer;
+      }
+    }
+
+    console.error('TransitionTable.get no data found for: ', from_state_name, to_state_name);
     return undefined;
   }
 

package/src/view_components/transition/ViewStateTransitionHandler.js

@@ -29,7 +29,7 @@ export default class ViewStateTransitionHandler
     this.last_state.before_exit();
     this.current_state.show();
 
-    this.action_sequencer = this.transition_table.get(this.current_state.name, this.current_state_data);
+    this.action_sequencer = this.transition_table.get(this.last_state.name, this.current_state.name, this.current_state_data);
     this.current_state.before_enter();
 
     this.action_sequencer.play();