ohzi-core 6.4.0 → 6.5.2

package/src/view_components/ViewManager.js

@@ -1,147 +1,147 @@
-import TransitionTable from './transition/TransitionTable';
-import ViewStateTransitionHandler from './transition/ViewStateTransitionHandler';
-
-class ViewManager
-{
-  constructor()
-  {
-    this.views = [];
-
-    this.transition_table = new TransitionTable();
-    this.transition_handler = new ViewStateTransitionHandler(this.transition_table);
-
-    this.view_change_subscribers = [];
-  }
-
-  update()
-  {
-    this.transition_handler.update();
-
-    this.__set_views_opacities();
-  }
-
-  go_to_view(view_name, change_url = true, skip = false)
-  {
-    const v = this.get(view_name);
-    this.transition_handler.go_to_state(v, skip);
-
-    if (change_url)
-    {
-      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)
-  {
-    this.views.push(view);
-  }
-
-  has_view(view_name)
-  {
-    for (let i = 0; i < this.views.length; i++)
-    {
-      if (this.views[i].name === view_name)
-      {
-        return true;
-      }
-    }
-    return false;
-  }
-
-  add_transitions(transitions)
-  {
-    this.transition_table.add_transitions(transitions);
-  }
-
-  set_transitions(transitions)
-  {
-    this.transition_table.set_transitions(transitions);
-  }
-
-  set_view(view_name)
-  {
-    const view = this.get(view_name);
-
-    this.transition_handler.set_state(view);
-  }
-
-  get_current_view()
-  {
-    return this.transition_handler.current_state;
-  }
-
-  get_view_by_name(view_name)
-  {
-    console.warn('DEPRECATED. Use ViewManager.get instead');
-    this.get(view_name);
-  }
-
-  get(view_name)
-  {
-    for (let i = 0; i < this.views.length; i++)
-    {
-      if (this.views[i].name === view_name)
-      {
-        return this.views[i];
-      }
-    }
-    console.error('[ViewManager.get] no view found for: ', view_name);
-    return undefined;
-  }
-
-  get_view_by_url(url)
-  {
-    console.warn('DEPRECATED. Use ViewManager.get_by_url instead');
-    this.get_by_url(url);
-  }
-
-  get_by_url(url)
-  {
-    for (let i = 0; i < this.views.length; i++)
-    {
-      if (this.views[i].url === url)
-      {
-        return this.views[i];
-      }
-    }
-    console.error('[ViewManager.get_by_url] no view found for: ', url);
-    return undefined;
-  }
-
-  set_initial_state_data(initial_state_data)
-  {
-    this.transition_table.set_initial_state_data(initial_state_data);
-    this.transition_handler.set_initial_state_data(initial_state_data);
-  }
-
-  __change_browser_url(url)
-  {
-    window.history.pushState('', '', url);
-  }
-
-  __set_views_opacities()
-  {
-    for (let i = 0; i < this.views.length; i++)
-    {
-      this.views[i].set_opacity(this.transition_handler.current_state_data);
-    }
-  }
-}
-
-export default new ViewManager();
+import TransitionTable from './transition/TransitionTable';
+import ViewStateTransitionHandler from './transition/ViewStateTransitionHandler';
+
+class ViewManager
+{
+  constructor()
+  {
+    this.views = [];
+
+    this.transition_table = new TransitionTable();
+    this.transition_handler = new ViewStateTransitionHandler(this.transition_table);
+
+    this.view_change_subscribers = [];
+  }
+
+  update()
+  {
+    this.transition_handler.update();
+
+    this.__set_views_opacities();
+  }
+
+  go_to_view(view_name, change_url = true, skip = false)
+  {
+    const v = this.get(view_name);
+    this.transition_handler.go_to_state(v, skip);
+
+    if (change_url)
+    {
+      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)
+  {
+    this.views.push(view);
+  }
+
+  has_view(view_name)
+  {
+    for (let i = 0; i < this.views.length; i++)
+    {
+      if (this.views[i].name === view_name)
+      {
+        return true;
+      }
+    }
+    return false;
+  }
+
+  add_transitions(transitions)
+  {
+    this.transition_table.add_transitions(transitions);
+  }
+
+  set_transitions(transitions)
+  {
+    this.transition_table.set_transitions(transitions);
+  }
+
+  set_view(view_name)
+  {
+    const view = this.get(view_name);
+
+    this.transition_handler.set_state(view);
+  }
+
+  get_current_view()
+  {
+    return this.transition_handler.current_state;
+  }
+
+  get_view_by_name(view_name)
+  {
+    console.warn('DEPRECATED. Use ViewManager.get instead');
+    this.get(view_name);
+  }
+
+  get(view_name)
+  {
+    for (let i = 0; i < this.views.length; i++)
+    {
+      if (this.views[i].name === view_name)
+      {
+        return this.views[i];
+      }
+    }
+    console.error('[ViewManager.get] no view found for: ', view_name);
+    return undefined;
+  }
+
+  get_view_by_url(url)
+  {
+    console.warn('DEPRECATED. Use ViewManager.get_by_url instead');
+    this.get_by_url(url);
+  }
+
+  get_by_url(url)
+  {
+    for (let i = 0; i < this.views.length; i++)
+    {
+      if (this.views[i].url === url)
+      {
+        return this.views[i];
+      }
+    }
+    console.error('[ViewManager.get_by_url] no view found for: ', url);
+    return undefined;
+  }
+
+  set_initial_state_data(initial_state_data)
+  {
+    this.transition_table.set_initial_state_data(initial_state_data);
+    this.transition_handler.set_initial_state_data(initial_state_data);
+  }
+
+  __change_browser_url(url)
+  {
+    window.history.pushState('', '', url);
+  }
+
+  __set_views_opacities()
+  {
+    for (let i = 0; i < this.views.length; i++)
+    {
+      this.views[i].set_opacity(this.transition_handler.current_state_data);
+    }
+  }
+}
+
+export default new ViewManager();

package/src/view_components/ViewState.js

@@ -1,54 +1,54 @@
-export default class ViewState
-{
-  constructor(name)
-  {
-    this.name = name;
-  }
-
-  start()
-  {
-  }
-
-  show()
-  {
-  }
-
-  hide()
-  {
-  }
-
-  before_enter()
-  {
-  }
-
-  on_enter()
-  {
-  }
-
-  update()
-  {
-  }
-
-  update_enter_transition(global_view_data, transition_progress, action_sequencer)
-  {
-    // Backward compatibility. It will be removed in future releases.
-    this.update_transition(global_view_data, transition_progress, action_sequencer);
-  }
-
-  update_exit_transition(global_view_data, transition_progress, action_sequencer)
-  {
-  }
-
-  // Deprecated
-  update_transition(global_view_data, transition_progress, action_sequencer)
-  {
-  }
-
-  before_exit()
-  {
-  }
-
-  on_exit()
-  {
-  }
-}
+export default class ViewState
+{
+  constructor(name)
+  {
+    this.name = name;
+  }
+
+  start()
+  {
+  }
+
+  show()
+  {
+  }
+
+  hide()
+  {
+  }
+
+  before_enter()
+  {
+  }
+
+  on_enter()
+  {
+  }
+
+  update()
+  {
+  }
+
+  update_enter_transition(global_view_data, transition_progress, action_sequencer)
+  {
+    // Backward compatibility. It will be removed in future releases.
+    this.update_transition(global_view_data, transition_progress, action_sequencer);
+  }
+
+  update_exit_transition(global_view_data, transition_progress, action_sequencer)
+  {
+  }
+
+  // Deprecated
+  update_transition(global_view_data, transition_progress, action_sequencer)
+  {
+  }
+
+  before_exit()
+  {
+  }
+
+  on_exit()
+  {
+  }
+}

package/src/view_components/transition/ActionSequencerBuilder.js

@@ -1,106 +1,106 @@
-import ActionSequencer from '../../action_sequencer/ActionSequencer';
-import NumberInterpolator from '../../action_sequencer/NumberInterpolator';
-import ActionEvent from '../../action_sequencer/ActionEvent';
-import DrawIOAnimationSheet from './DrawIOAnimationSheet';
-
-export default class ActionSequencerBuilder
-{
-  constructor(initial_state_data)
-  {
-    this.initial_state_data = initial_state_data;
-  }
-
-  from_animation_sheet(animation_data, current_context, initial_context)
-  {
-    initial_context = initial_context || this.initial_state_data;
-    const tracks = animation_data.animation_tracks;
-    const triggers = animation_data.triggers;
-
-    const initial_tracks = this.state_to_tracks(this.initial_state_data);
-
-    for (let i = 0; i < initial_tracks.length; i++)
-    {
-      if (tracks.find(element => element.attribute_name === initial_tracks[i].attribute_name) === undefined)
-      {
-        tracks.push(initial_tracks[i]);
-      }
-    }
-
-    const sequencer = new ActionSequencer(current_context);
-
-    for (let i = 0; i < tracks.length; i++)
-    {
-      const t = tracks[i];
-      const interpolator = new NumberInterpolator(
-        t.attribute_name,
-        current_context[t.attribute_name],
-        t.to_value,
-        t.initial,
-        t.easing_function
-      );
-
-      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
-    }
-
-    for (let i = 0; i < triggers.length; i++)
-    {
-      const t = triggers[i];
-      const action_event = new ActionEvent(t.name, t.method);
-      sequencer.add_action_event(t.at_time, action_event);
-    }
-
-    return sequencer;
-  }
-
-  state_to_tracks(state)
-  {
-    const tracks = [];
-
-    const keys = Object.keys(state);
-
-    for (let i = 0; i < keys.length; i++)
-    {
-      tracks.push({
-        attribute_name: keys[i],
-        from_time: 0,
-        to_time: 1,
-        to_value: state[keys[i]],
-        initial: true,
-        easing_function: 'ease_in_out_cubic'
-      });
-    }
-
-    return tracks;
-  }
-
-  from_draw_io(xml, context)
-  {
-    const transition_data = (new DrawIOAnimationSheet()).parse(xml);
-    const tracks = transition_data.animation_tracks;
-    const triggers = transition_data.triggers;
-    const sequencer = new ActionSequencer(context);
-
-    for (let i = 0; i < tracks.length; i++)
-    {
-      const t = tracks[i];
-      const interpolator = new NumberInterpolator(
-        t.attribute_name,
-        context[t.attribute_name],
-        t.to_value,
-        t.initial,
-        t.easing_function
-      );
-
-      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
-    }
-
-    for (let i = 0; i < triggers.length; i++)
-    {
-      const t = triggers[i];
-      const action_event = new ActionEvent(t.name, t.method);
-      sequencer.add_action_event(t.at_time, action_event);
-    }
-
-    return sequencer;
-  }
-}
+import ActionSequencer from '../../action_sequencer/ActionSequencer';
+import NumberInterpolator from '../../action_sequencer/NumberInterpolator';
+import ActionEvent from '../../action_sequencer/ActionEvent';
+import DrawIOAnimationSheet from './DrawIOAnimationSheet';
+
+export default class ActionSequencerBuilder
+{
+  constructor(initial_state_data)
+  {
+    this.initial_state_data = initial_state_data;
+  }
+
+  from_animation_sheet(animation_data, current_context, initial_context)
+  {
+    initial_context = initial_context || this.initial_state_data;
+    const tracks = animation_data.animation_tracks;
+    const triggers = animation_data.triggers;
+
+    const initial_tracks = this.state_to_tracks(this.initial_state_data);
+
+    for (let i = 0; i < initial_tracks.length; i++)
+    {
+      if (tracks.find(element => element.attribute_name === initial_tracks[i].attribute_name) === undefined)
+      {
+        tracks.push(initial_tracks[i]);
+      }
+    }
+
+    const sequencer = new ActionSequencer(current_context);
+
+    for (let i = 0; i < tracks.length; i++)
+    {
+      const t = tracks[i];
+      const interpolator = new NumberInterpolator(
+        t.attribute_name,
+        current_context[t.attribute_name],
+        t.to_value,
+        t.initial,
+        t.easing_function
+      );
+
+      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
+    }
+
+    for (let i = 0; i < triggers.length; i++)
+    {
+      const t = triggers[i];
+      const action_event = new ActionEvent(t.name, t.method);
+      sequencer.add_action_event(t.at_time, action_event);
+    }
+
+    return sequencer;
+  }
+
+  state_to_tracks(state)
+  {
+    const tracks = [];
+
+    const keys = Object.keys(state);
+
+    for (let i = 0; i < keys.length; i++)
+    {
+      tracks.push({
+        attribute_name: keys[i],
+        from_time: 0,
+        to_time: 1,
+        to_value: state[keys[i]],
+        initial: true,
+        easing_function: 'ease_in_out_cubic'
+      });
+    }
+
+    return tracks;
+  }
+
+  from_draw_io(xml, context)
+  {
+    const transition_data = (new DrawIOAnimationSheet()).parse(xml);
+    const tracks = transition_data.animation_tracks;
+    const triggers = transition_data.triggers;
+    const sequencer = new ActionSequencer(context);
+
+    for (let i = 0; i < tracks.length; i++)
+    {
+      const t = tracks[i];
+      const interpolator = new NumberInterpolator(
+        t.attribute_name,
+        context[t.attribute_name],
+        t.to_value,
+        t.initial,
+        t.easing_function
+      );
+
+      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
+    }
+
+    for (let i = 0; i < triggers.length; i++)
+    {
+      const t = triggers[i];
+      const action_event = new ActionEvent(t.name, t.method);
+      sequencer.add_action_event(t.at_time, action_event);
+    }
+
+    return sequencer;
+  }
+}