ohzi-core 6.1.2 → 6.2.1

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,91 +1,91 @@
-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;
-    let tracks = animation_data.animation_tracks;
-    let triggers = animation_data.triggers;
-
-    let 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]);
-      }
-    }
-
-    let sequencer = new ActionSequencer(current_context);
-
-    for (let i = 0; i < tracks.length; i++)
-    {
-      let t = tracks[i];
-      let interpolator = new NumberInterpolator(t.attribute_name, current_context[t.attribute_name], t.to_value, t.easing_function);
-      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
-    }
-
-    for (let i = 0; i < triggers.length; i++)
-    {
-      let t = triggers[i];
-      let action_event = new ActionEvent(t.name, t.method);
-      sequencer.add_action_event(t.at_time, action_event);
-    }
-
-    return sequencer;
-  }
-
-  state_to_tracks(state)
-  {
-    let tracks = [];
-
-    let 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]],
-        easing_function: 'ease_in_out_cubic'
-      });
-    }
-
-    return tracks;
-  }
-
-  from_draw_io(xml, context)
-  {
-    let transition_data = (new DrawIOAnimationSheet()).parse(xml);
-    let tracks = transition_data.animation_tracks;
-    let triggers = transition_data.triggers;
-    let sequencer = new ActionSequencer(context);
-
-    for (let i = 0; i < tracks.length; i++)
-    {
-      let t = tracks[i];
-      let interpolator = new NumberInterpolator(t.attribute_name, context[t.attribute_name], t.to_value, t.easing_function);
-      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
-    }
-
-    for (let i = 0; i < triggers.length; i++)
-    {
-      let t = triggers[i];
-      let 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;
+    let tracks = animation_data.animation_tracks;
+    let triggers = animation_data.triggers;
+
+    let 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]);
+      }
+    }
+
+    let sequencer = new ActionSequencer(current_context);
+
+    for (let i = 0; i < tracks.length; i++)
+    {
+      let t = tracks[i];
+      let interpolator = new NumberInterpolator(t.attribute_name, current_context[t.attribute_name], t.to_value, t.easing_function);
+      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
+    }
+
+    for (let i = 0; i < triggers.length; i++)
+    {
+      let t = triggers[i];
+      let action_event = new ActionEvent(t.name, t.method);
+      sequencer.add_action_event(t.at_time, action_event);
+    }
+
+    return sequencer;
+  }
+
+  state_to_tracks(state)
+  {
+    let tracks = [];
+
+    let 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]],
+        easing_function: 'ease_in_out_cubic'
+      });
+    }
+
+    return tracks;
+  }
+
+  from_draw_io(xml, context)
+  {
+    let transition_data = (new DrawIOAnimationSheet()).parse(xml);
+    let tracks = transition_data.animation_tracks;
+    let triggers = transition_data.triggers;
+    let sequencer = new ActionSequencer(context);
+
+    for (let i = 0; i < tracks.length; i++)
+    {
+      let t = tracks[i];
+      let interpolator = new NumberInterpolator(t.attribute_name, context[t.attribute_name], t.to_value, t.easing_function);
+      sequencer.add_action_interpolator(t.from_time, t.to_time, interpolator, true);
+    }
+
+    for (let i = 0; i < triggers.length; i++)
+    {
+      let t = triggers[i];
+      let action_event = new ActionEvent(t.name, t.method);
+      sequencer.add_action_event(t.at_time, action_event);
+    }
+
+    return sequencer;
+  }
+}

package/src/view_components/transition/DrawIOAnimationSheet.js

@@ -1,90 +1,90 @@
-export default class DrawIOAnimationSheet
-{
-  constructor()
-  {
-
-  }
-
-  parse(xml_document)
-  {
-    let doc = new DOMParser().parseFromString(xml_document, 'text/xml');
-
-    let animation_nodes = doc.querySelectorAll('mxGeometry');
-
-    let animation_tracks = [];
-    let triggers = [];
-
-    for (let i = 0; i < animation_nodes.length; i++)
-    {
-      let node = animation_nodes[i];
-      let parent_node = node.parentElement;
-      let data = parent_node.getAttribute('value');
-
-      let x_pos = this.get_node_x_position(node);
-
-      let from = x_pos / 100;
-      let duration = parseFloat(node.getAttribute('width')) / 100;
-
-      // is trigger
-      if (parent_node.getAttribute('style').includes('rhombus;'))
-      {
-        let split_data = data.split('.');
-        let trigger_name = split_data[0];
-        let trigger_method = split_data[1];
-
-        triggers.push({
-          name: trigger_name,
-          method: trigger_method,
-          at_time: from + duration * 0.5
-        });
-      }
-
-      let valid_element = parent_node.getAttribute('style').includes('rounded=0;') &&
-                           !parent_node.getAttribute('style').includes('text;');
-
-      if (valid_element && data !== '' && !data.includes(' '))
-      {
-        let split_data = data.split('=');
-
-        let attribute_name = split_data[0];
-
-        let value_data = split_data[1].split('--');
-        let to_value = parseFloat(value_data[0]);
-        let easing_function = value_data[1];
-
-        if (split_data.length !== 2)
-        {
-          console.error('DrawIO data is malformed:', data);
-        }
-
-        if (value_data.length !== 2)
-        {
-          console.error('DrawIO data is malformed:', data);
-        }
-
-        animation_tracks.push({
-          attribute_name: attribute_name,
-          from_time: from,
-          to_time: from + duration,
-          to_value: to_value,
-          easing_function: easing_function
-        });
-      }
-    }
-
-    animation_tracks.sort((a, b) =>
-    {
-      return a.from_time - b.from_time;
-    });
-    return {
-      animation_tracks: animation_tracks,
-      triggers: triggers
-    };
-  }
-
-  get_node_x_position(node)
-  {
-    let x_pos = node.getAttribute('x');
-    return x_pos === null ? 0 : parseFloat(x_pos);
-  }
-}
+export default class DrawIOAnimationSheet
+{
+  constructor()
+  {
+
+  }
+
+  parse(xml_document)
+  {
+    let doc = new DOMParser().parseFromString(xml_document, 'text/xml');
+
+    let animation_nodes = doc.querySelectorAll('mxGeometry');
+
+    let animation_tracks = [];
+    let triggers = [];
+
+    for (let i = 0; i < animation_nodes.length; i++)
+    {
+      let node = animation_nodes[i];
+      let parent_node = node.parentElement;
+      let data = parent_node.getAttribute('value');
+
+      let x_pos = this.get_node_x_position(node);
+
+      let from = x_pos / 100;
+      let duration = parseFloat(node.getAttribute('width')) / 100;
+
+      // is trigger
+      if (parent_node.getAttribute('style').includes('rhombus;'))
+      {
+        let split_data = data.split('.');
+        let trigger_name = split_data[0];
+        let trigger_method = split_data[1];
+
+        triggers.push({
+          name: trigger_name,
+          method: trigger_method,
+          at_time: from + duration * 0.5
+        });
+      }
+
+      let valid_element = parent_node.getAttribute('style').includes('rounded=0;') &&
+                           !parent_node.getAttribute('style').includes('text;');
+
+      if (valid_element && data !== '' && !data.includes(' '))
+      {
+        let split_data = data.split('=');
+
+        let attribute_name = split_data[0];
+
+        let value_data = split_data[1].split('--');
+        let to_value = parseFloat(value_data[0]);
+        let easing_function = value_data[1];
+
+        if (split_data.length !== 2)
+        {
+          console.error('DrawIO data is malformed:', data);
+        }
+
+        if (value_data.length !== 2)
+        {
+          console.error('DrawIO data is malformed:', data);
+        }
+
+        animation_tracks.push({
+          attribute_name: attribute_name,
+          from_time: from,
+          to_time: from + duration,
+          to_value: to_value,
+          easing_function: easing_function
+        });
+      }
+    }
+
+    animation_tracks.sort((a, b) =>
+    {
+      return a.from_time - b.from_time;
+    });
+    return {
+      animation_tracks: animation_tracks,
+      triggers: triggers
+    };
+  }
+
+  get_node_x_position(node)
+  {
+    let x_pos = node.getAttribute('x');
+    return x_pos === null ? 0 : parseFloat(x_pos);
+  }
+}

package/src/view_components/transition/TransitionTable.js

@@ -1,44 +1,44 @@
-import ActionSequencerBuilder from './ActionSequencerBuilder';
-
-export default class TransitionTable
-{
-  constructor()
-  {
-    this.transitions = [];
-    this.initial_state_data = {};
-  }
-
-  get(to_state, current_context)
-  {
-    for (let i = 0; i < this.transitions.length; i++)
-    {
-      if (this.transitions[i].to === to_state)
-      {
-        let 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: ', to_state);
-    return undefined;
-  }
-
-  add_transitions(transitions)
-  {
-    for (let i = 0; i < transitions.length; i++)
-    {
-      this.transitions.push(transitions[i]);
-    }
-  }
-
-  set_transitions(transitions)
-  {
-    this.transitions = transitions;
-  }
-
-  set_initial_state_data(initial_state_data)
-  {
-    this.initial_state_data = initial_state_data;
-  }
-}
+import ActionSequencerBuilder from './ActionSequencerBuilder';
+
+export default class TransitionTable
+{
+  constructor()
+  {
+    this.transitions = [];
+    this.initial_state_data = {};
+  }
+
+  get(to_state, current_context)
+  {
+    for (let i = 0; i < this.transitions.length; i++)
+    {
+      if (this.transitions[i].to === to_state)
+      {
+        let 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: ', to_state);
+    return undefined;
+  }
+
+  add_transitions(transitions)
+  {
+    for (let i = 0; i < transitions.length; i++)
+    {
+      this.transitions.push(transitions[i]);
+    }
+  }
+
+  set_transitions(transitions)
+  {
+    this.transitions = transitions;
+  }
+
+  set_initial_state_data(initial_state_data)
+  {
+    this.initial_state_data = initial_state_data;
+  }
+}