jssm 5.81.0 → 5.82.1

package/dist/es6/jssm.d.ts

@@ -1,6 +1,6 @@
 declare type StateType = string;
 import { JssmGenericState, JssmGenericConfig, JssmStateConfig, JssmTransition, JssmTransitionList, // JssmTransitionRule,
-JssmMachineInternalState, JssmParseTree, JssmStateDeclaration, JssmStateStyleKeyList, JssmArrow, JssmArrowDirection, JssmArrowKind, JssmLayout, JssmHistory, JssmSerialization, FslDirection, FslTheme, HookDescription, HookHandler, HookContext, HookResult, HookComplexResult } from './jssm_types';
+JssmMachineInternalState, JssmParseTree, JssmStateDeclaration, JssmStateStyleKeyList, JssmArrow, JssmArrowDirection, JssmArrowKind, JssmLayout, JssmHistory, JssmSerialization, FslDirection, FslDirections, FslTheme, HookDescription, HookHandler, HookContext, HookResult, HookComplexResult } from './jssm_types';
 import { seq, unique, find_repeated, weighted_rand_select, weighted_sample_select, histograph, weighted_histo_key } from './jssm_util';
 import * as constants from './jssm_constants';
 declare const shapes: string[], gviz_shapes: string[], named_colors: string[];
@@ -218,7 +218,7 @@ declare class Machine<mDT> {
     _arrange_declaration: Array<Array<StateType>>;
     _arrange_start_declaration: Array<Array<StateType>>;
     _arrange_end_declaration: Array<Array<StateType>>;
-    _theme: FslTheme;
+    _themes: FslTheme[];
     _flow: FslDirection;
     _has_hooks: boolean;
     _has_basic_hooks: boolean;
@@ -625,7 +625,9 @@ declare class Machine<mDT> {
     list_edges(): Array<JssmTransition<mDT>>;
     list_named_transitions(): Map<StateType, number>;
     list_actions(): Array<StateType>;
-    theme(): FslTheme;
+    all_themes(): FslTheme[];
+    get themes(): FslTheme[];
+    set themes(to: FslTheme | FslTheme[]);
     flow(): FslDirection;
     get_transition_by_state_names(from: StateType, to: StateType): number;
     lookup_transition_for(from: StateType, to: StateType): JssmTransition<mDT>;
@@ -1070,7 +1072,7 @@ declare class Machine<mDT> {
      *  ```
      *
      *  @typeparam mDT The type of the machine data member; usually omitted
-  b   *
+     *
      *  @param actionName The action to engage
      *
      *  @param newData The data change to insert during the action
@@ -1209,4 +1211,4 @@ declare function is_hook_complex_result<mDT>(hr: unknown): hr is HookComplexResu
 declare function is_hook_rejection<mDT>(hr: HookResult<mDT>): boolean;
 declare function abstract_hook_step<mDT>(maybe_hook: HookHandler<mDT> | undefined, hook_args: HookContext<mDT>): HookComplexResult<mDT>;
 declare function deserialize<mDT>(machine_string: string, ser: JssmSerialization<mDT>): Machine<mDT>;
-export { version, transfer_state_properties, Machine, deserialize, make, wrap_parse as parse, compile, sm, from, arrow_direction, arrow_left_kind, arrow_right_kind, seq, unique, find_repeated, weighted_rand_select, histograph, weighted_sample_select, weighted_histo_key, constants, shapes, gviz_shapes, named_colors, is_hook_rejection, is_hook_complex_result, abstract_hook_step, state_style_condense };
+export { version, transfer_state_properties, Machine, deserialize, make, wrap_parse as parse, compile, sm, from, arrow_direction, arrow_left_kind, arrow_right_kind, seq, unique, find_repeated, weighted_rand_select, histograph, weighted_sample_select, weighted_histo_key, constants, shapes, gviz_shapes, named_colors, is_hook_rejection, is_hook_complex_result, abstract_hook_step, state_style_condense, FslDirections };

package/dist/es6/jssm.js

@@ -1,7 +1,17 @@
 // whargarbl lots of these return arrays could/should be sets
 import { reduce as reduce_to_639 } from 'reduce-to-639-1';
 import { circular_buffer } from 'circular_buffer_js';
-import { base_state_style, base_start_state_style, base_end_state_style, base_terminal_state_style, base_active_state_style } from './jssm_base_stylesheet';
+import { FslDirections } from './jssm_types';
+import { base_theme } from './themes/jssm_base_stylesheet';
+import { default_theme } from './themes/jssm_theme_default';
+import { modern_theme } from './themes/jssm_theme_modern';
+import { ocean_theme } from './themes/jssm_theme_ocean';
+import { plain_theme } from './themes/jssm_theme_plain';
+const theme_mapping = new Map();
+theme_mapping.set('default', default_theme);
+theme_mapping.set('modern', modern_theme);
+theme_mapping.set('ocean', ocean_theme);
+theme_mapping.set('plain', plain_theme);
 import { seq, unique, find_repeated, weighted_rand_select, weighted_sample_select, histograph, weighted_histo_key, array_box_if_string, name_bind_prop_and_state, hook_name, named_hook_name } from './jssm_util';
 import * as constants from './jssm_constants';
 const { shapes, gviz_shapes, named_colors } = constants;
@@ -491,7 +501,7 @@ function compile(tree) {
     const oneOnlyKeys = [
         'graph_layout', 'machine_name', 'machine_version', 'machine_comment',
         'fsl_version', 'machine_license', 'machine_definition', 'machine_language',
-        'theme', 'flow', 'dot_preamble'
+        'flow', 'dot_preamble'
     ];
     oneOnlyKeys.map((oneOnlyKey) => {
         if (results[oneOnlyKey].length > 1) {
@@ -504,7 +514,7 @@ function compile(tree) {
         }
     });
     ['arrange_declaration', 'arrange_start_declaration', 'arrange_end_declaration',
-        'machine_author', 'machine_contributor', 'machine_reference',
+        'machine_author', 'machine_contributor', 'machine_reference', 'theme',
         'state_declaration', 'property_definition', 'default_state_config',
         'default_start_state_config', 'default_end_state_config',
         'default_hooked_state_config', 'default_terminal_state_config',
@@ -661,7 +671,7 @@ function state_style_condense(jssk) {
 // TODO add a lotta docblock here
 class Machine {
     // whargarbl this badly needs to be broken up, monolith master
-    constructor({ start_states, end_states = [], complete = [], transitions, machine_author, machine_comment, machine_contributor, machine_definition, machine_language, machine_license, machine_name, machine_version, state_declaration, property_definition, state_property, fsl_version, dot_preamble = undefined, arrange_declaration = [], arrange_start_declaration = [], arrange_end_declaration = [], theme = 'default', flow = 'down', graph_layout = 'dot', instance_name, history, data, default_state_config, default_active_state_config, default_hooked_state_config, default_terminal_state_config, default_start_state_config, default_end_state_config }) {
+    constructor({ start_states, end_states = [], complete = [], transitions, machine_author, machine_comment, machine_contributor, machine_definition, machine_language, machine_license, machine_name, machine_version, state_declaration, property_definition, state_property, fsl_version, dot_preamble = undefined, arrange_declaration = [], arrange_start_declaration = [], arrange_end_declaration = [], theme = ['default'], flow = 'down', graph_layout = 'dot', instance_name, history, data, default_state_config, default_active_state_config, default_hooked_state_config, default_terminal_state_config, default_start_state_config, default_end_state_config }) {
         this._instance_name = instance_name;
         this._state = start_states[0];
         this._states = new Map();
@@ -688,7 +698,7 @@ class Machine {
         this._arrange_start_declaration = arrange_start_declaration;
         this._arrange_end_declaration = arrange_end_declaration;
         this._dot_preamble = dot_preamble;
-        this._theme = theme;
+        this._themes = theme;
         this._flow = flow;
         this._graph_layout = graph_layout;
         this._has_hooks = false;
@@ -1380,8 +1390,19 @@ class Machine {
     list_actions() {
         return Array.from(this._actions.keys());
     }
-    theme() {
-        return this._theme; // constructor sets this to "default" otherwise
+    all_themes() {
+        return [...theme_mapping.keys()]; // constructor sets this to "default" otherwise
+    }
+    get themes() {
+        return this._themes; // constructor sets this to "default" otherwise
+    }
+    set themes(to) {
+        if (typeof to === 'string') {
+            this._themes = [to];
+        }
+        else {
+            this._themes = to;
+        }
     }
     flow() {
         return this._flow;
@@ -2317,6 +2338,12 @@ class Machine {
     get active_state_style() {
         return this._active_state_style;
     }
+    /*
+     */
+    // TODO COMEBACK IMPLEMENTME FIXME
+    // has_hooks(state: StateType): false {
+    //   return false;
+    // }
     /********
      *
      *  Gets the composite style for a specific node by individually imposing the
@@ -2337,48 +2364,76 @@ class Machine {
      *
      */
     style_for(state) {
+        // first look up the themes
+        const themes = [];
+        this._themes.forEach(th => {
+            const theme_impl = theme_mapping.get(th);
+            if (theme_impl !== undefined) {
+                themes.push(theme_impl);
+            }
+        });
         // basic state style
-        const layers = [base_state_style];
-        //  if (theme.state_style) { layers.push(theme.state_style); }
+        const layers = [base_theme.state];
+        themes.reverse().map(theme => {
+            if (theme.state) {
+                layers.push(theme.state);
+            }
+        });
         if (this._state_style) {
             layers.push(this._state_style);
         }
-        /*
-            // hooked state style
-            if (this.has_hooks(state)) {
-              layers.push(base_hooked_state_style);
-        //    if (theme.hooked_state_style) { layers.push(theme.hooked_state_style); }
-              if (this._hooked_state_style) { layers.push(this._hooked_state_style); }
-            }
-        */
+        // hooked state style
+        // if (this.has_hooks(state)) {
+        //   layers.push(base_theme.hooked);
+        //   themes.map(theme => {
+        //     if (theme.hooked) { layers.push(theme.hooked); }
+        //   });
+        //   if (this._hooked_state_style) { layers.push(this._hooked_state_style); }
+        // }
         // terminal state style
         if (this.state_is_terminal(state)) {
-            layers.push(base_terminal_state_style);
-            //    if (theme.terminal_state_style) { layers.push(theme.terminal_state_style); }
+            layers.push(base_theme.terminal);
+            themes.map(theme => {
+                if (theme.terminal) {
+                    layers.push(theme.terminal);
+                }
+            });
             if (this._terminal_state_style) {
                 layers.push(this._terminal_state_style);
             }
         }
         // start state style
         if (this.is_start_state(state)) {
-            layers.push(base_start_state_style);
-            //    if (theme.start_state_style) { layers.push(theme.start_state_style); }
+            layers.push(base_theme.start);
+            themes.map(theme => {
+                if (theme.start) {
+                    layers.push(theme.start);
+                }
+            });
             if (this._start_state_style) {
                 layers.push(this._start_state_style);
             }
         }
         // end state style
         if (this.is_end_state(state)) {
-            layers.push(base_end_state_style);
-            //    if (theme.end_state_style) { layers.push(theme.end_state_style); }
+            layers.push(base_theme.end);
+            themes.map(theme => {
+                if (theme.end) {
+                    layers.push(theme.end);
+                }
+            });
             if (this._end_state_style) {
                 layers.push(this._end_state_style);
             }
         }
         // active state style
         if (this.state() === state) {
-            layers.push(base_active_state_style);
-            //    if (theme.active_state_style) { layers.push(theme.active_state_style); }
+            layers.push(base_theme.active);
+            themes.map(theme => {
+                if (theme.active) {
+                    layers.push(theme.active);
+                }
+            });
             if (this._active_state_style) {
                 layers.push(this._active_state_style);
             }
@@ -2423,7 +2478,7 @@ class Machine {
      *  ```
      *
      *  @typeparam mDT The type of the machine data member; usually omitted
-  b   *
+     *
      *  @param actionName The action to engage
      *
      *  @param newData The data change to insert during the action
@@ -2672,4 +2727,6 @@ function deserialize(machine_string, ser) {
 }
 export { version, transfer_state_properties, Machine, deserialize, make, wrap_parse as parse, compile, sm, from, arrow_direction, arrow_left_kind, arrow_right_kind, 
 // WHARGARBL TODO these should be exported to a utility library
-seq, unique, find_repeated, weighted_rand_select, histograph, weighted_sample_select, weighted_histo_key, constants, shapes, gviz_shapes, named_colors, is_hook_rejection, is_hook_complex_result, abstract_hook_step, state_style_condense };
+seq, unique, find_repeated, weighted_rand_select, histograph, weighted_sample_select, weighted_histo_key, constants, shapes, gviz_shapes, named_colors, is_hook_rejection, is_hook_complex_result, abstract_hook_step, state_style_condense, FslDirections
+//  FslThemes
+ };

package/dist/es6/jssm_types.d.ts

@@ -24,8 +24,10 @@ declare type JssmArrowKind = 'none' | 'legal' | 'main' | 'forced';
 declare type JssmLayout = 'dot' | 'circo' | 'twopi' | 'fdp';
 declare type JssmCorner = 'regular' | 'rounded' | 'lined';
 declare type JssmLineStyle = 'solid' | 'dashed' | 'dotted';
-declare type FslDirection = 'up' | 'right' | 'down' | 'left';
-declare type FslTheme = 'default' | 'ocean' | 'modern' | 'none';
+declare const FslDirections: readonly ["up", "right", "down", "left"];
+declare type FslDirection = typeof FslDirections[number];
+declare const FslThemes: readonly ["default", "ocean", "modern", "plain"];
+declare type FslTheme = typeof FslThemes[number];
 declare type JssmSerialization<DataType> = {
     jssm_version: string;
     timestamp: number;
@@ -151,11 +153,30 @@ declare type JssmStateStyleBorderColor = {
 };
 declare type JssmStateStyleKey = JssmStateStyleShape | JssmStateStyleColor | JssmStateStyleTextColor | JssmStateStyleCorners | JssmStateStyleLineStyle | JssmStateStyleBackgroundColor | JssmStateStyleStateLabel | JssmStateStyleBorderColor;
 declare type JssmStateStyleKeyList = JssmStateStyleKey[];
+declare type JssmBaseTheme = {
+    state: JssmStateConfig;
+    hooked: JssmStateConfig;
+    start: JssmStateConfig;
+    end: JssmStateConfig;
+    terminal: JssmStateConfig;
+    active: JssmStateConfig;
+    active_hooked: JssmStateConfig;
+    active_start: JssmStateConfig;
+    active_end: JssmStateConfig;
+    active_terminal: JssmStateConfig;
+    graph: undefined;
+    legal: undefined;
+    main: undefined;
+    forced: undefined;
+    action: undefined;
+    title: undefined;
+};
+declare type JssmTheme = Partial<JssmBaseTheme>;
 declare type JssmGenericConfig<DataType> = {
     graph_layout?: JssmLayout;
     complete?: Array<StateType>;
     transitions: JssmTransitions<DataType>;
-    theme?: FslTheme;
+    theme?: FslTheme[];
     flow?: FslDirection;
     name?: string;
     data?: DataType;
@@ -332,4 +353,4 @@ declare type JssmErrorExtendedInfo = {
     requested_state?: StateType | undefined;
 };
 declare type JssmHistory<mDT> = circular_buffer<[StateType, mDT]>;
-export { JssmColor, JssmShape, JssmTransition, JssmTransitions, JssmTransitionList, JssmTransitionRule, JssmArrow, JssmArrowKind, JssmArrowDirection, JssmGenericConfig, JssmGenericState, JssmGenericMachine, JssmParseTree, JssmCompileSe, JssmCompileSeStart, JssmCompileRule, JssmPermitted, JssmPermittedOpt, JssmResult, JssmStateDeclaration, JssmStateDeclarationRule, JssmStateConfig, JssmStateStyleKey, JssmStateStyleKeyList, JssmLayout, JssmHistory, JssmSerialization, JssmPropertyDefinition, JssmParseFunctionType, JssmMachineInternalState, JssmErrorExtendedInfo, FslDirection, FslTheme, HookDescription, HookHandler, HookContext, HookResult, HookComplexResult };
+export { JssmColor, JssmShape, JssmTransition, JssmTransitions, JssmTransitionList, JssmTransitionRule, JssmArrow, JssmArrowKind, JssmArrowDirection, JssmGenericConfig, JssmGenericState, JssmGenericMachine, JssmParseTree, JssmCompileSe, JssmCompileSeStart, JssmCompileRule, JssmPermitted, JssmPermittedOpt, JssmResult, JssmStateDeclaration, JssmStateDeclarationRule, JssmStateConfig, JssmStateStyleKey, JssmStateStyleKeyList, JssmBaseTheme, JssmTheme, JssmLayout, JssmHistory, JssmSerialization, JssmPropertyDefinition, JssmParseFunctionType, JssmMachineInternalState, JssmErrorExtendedInfo, FslDirections, FslDirection, FslThemes, FslTheme, HookDescription, HookHandler, HookContext, HookResult, HookComplexResult };

package/dist/es6/jssm_types.js

@@ -1 +1,3 @@
-export {};
+const FslDirections = ['up', 'right', 'down', 'left'];
+const FslThemes = ['default', 'ocean', 'modern', 'plain'];
+export { FslDirections, FslThemes };

package/dist/es6/{jssm_base_stylesheet.d.ts → themes/jssm_base_stylesheet.d.ts}

@@ -1,4 +1,4 @@
-import { JssmStateConfig } from './jssm_types';
+import { JssmStateConfig, JssmBaseTheme } from '../jssm_types';
 declare const base_state_style: JssmStateConfig;
 declare const base_active_state_style: JssmStateConfig;
 declare const base_terminal_state_style: JssmStateConfig;
@@ -7,4 +7,5 @@ declare const base_start_state_style: JssmStateConfig;
 declare const base_active_start_state_style: JssmStateConfig;
 declare const base_end_state_style: JssmStateConfig;
 declare const base_active_end_state_style: JssmStateConfig;
-export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style };
+declare const base_theme: JssmBaseTheme;
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, base_theme, base_theme as theme };

package/dist/es6/{jssm_base_stylesheet.js → themes/jssm_base_stylesheet.js}

@@ -8,6 +8,9 @@ const base_active_state_style = {
     textColor: 'white',
     backgroundColor: 'dodgerblue4'
 };
+const base_hooked_state_style = {
+    shape: 'component'
+};
 const base_terminal_state_style = {
     textColor: 'white',
     backgroundColor: 'crimson'
@@ -22,6 +25,9 @@ const base_start_state_style = {
 const base_active_start_state_style = {
     backgroundColor: 'yellowgreen'
 };
+const base_active_hooked_state_style = {
+    backgroundColor: 'yellowgreen'
+};
 const base_end_state_style = {
     textColor: 'white',
     backgroundColor: 'darkolivegreen'
@@ -30,4 +36,22 @@ const base_active_end_state_style = {
     textColor: 'white',
     backgroundColor: 'darkgreen'
 };
-export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style };
+const base_theme = {
+    state: base_state_style,
+    start: base_start_state_style,
+    end: base_end_state_style,
+    terminal: base_terminal_state_style,
+    hooked: base_hooked_state_style,
+    active: base_active_state_style,
+    active_start: base_active_start_state_style,
+    active_end: base_active_end_state_style,
+    active_terminal: base_active_terminal_state_style,
+    active_hooked: base_active_hooked_state_style,
+    legal: undefined,
+    main: undefined,
+    forced: undefined,
+    action: undefined,
+    graph: undefined,
+    title: undefined // TODO FIXME
+};
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, base_theme, base_theme as theme };

package/dist/es6/themes/jssm_theme_default.d.ts

@@ -0,0 +1,11 @@
+import { JssmStateConfig, JssmBaseTheme } from '../jssm_types';
+declare const base_state_style: JssmStateConfig;
+declare const base_active_state_style: JssmStateConfig;
+declare const base_terminal_state_style: JssmStateConfig;
+declare const base_active_terminal_state_style: JssmStateConfig;
+declare const base_start_state_style: JssmStateConfig;
+declare const base_active_start_state_style: JssmStateConfig;
+declare const base_end_state_style: JssmStateConfig;
+declare const base_active_end_state_style: JssmStateConfig;
+declare const default_theme: JssmBaseTheme;
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, default_theme, default_theme as theme };

package/dist/es6/themes/jssm_theme_default.js

@@ -0,0 +1,57 @@
+const base_state_style = {
+    shape: 'rectangle',
+    backgroundColor: 'khaki',
+    textColor: 'black',
+    borderColor: 'black'
+};
+const base_active_state_style = {
+    textColor: 'white',
+    backgroundColor: 'dodgerblue4'
+};
+const base_hooked_state_style = {
+    shape: 'component'
+};
+const base_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'crimson'
+};
+const base_active_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'indigo'
+};
+const base_start_state_style = {
+    backgroundColor: 'yellow'
+};
+const base_active_start_state_style = {
+    backgroundColor: 'yellowgreen'
+};
+const base_active_hooked_state_style = {
+    backgroundColor: 'yellowgreen'
+};
+const base_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkolivegreen'
+};
+const base_active_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkgreen'
+};
+const default_theme = {
+    state: base_state_style,
+    start: base_start_state_style,
+    end: base_end_state_style,
+    terminal: base_terminal_state_style,
+    hooked: base_hooked_state_style,
+    active: base_active_state_style,
+    active_start: base_active_start_state_style,
+    active_end: base_active_end_state_style,
+    active_terminal: base_active_terminal_state_style,
+    active_hooked: base_active_hooked_state_style,
+    legal: undefined,
+    main: undefined,
+    forced: undefined,
+    action: undefined,
+    graph: undefined,
+    title: undefined // TODO FIXME
+};
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, default_theme, default_theme as theme };

package/dist/es6/themes/jssm_theme_modern.d.ts

@@ -0,0 +1,11 @@
+import { JssmStateConfig, JssmBaseTheme } from '../jssm_types';
+declare const base_state_style: JssmStateConfig;
+declare const base_active_state_style: JssmStateConfig;
+declare const base_terminal_state_style: JssmStateConfig;
+declare const base_active_terminal_state_style: JssmStateConfig;
+declare const base_start_state_style: JssmStateConfig;
+declare const base_active_start_state_style: JssmStateConfig;
+declare const base_end_state_style: JssmStateConfig;
+declare const base_active_end_state_style: JssmStateConfig;
+declare const modern_theme: JssmBaseTheme;
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, modern_theme, modern_theme as theme };

package/dist/es6/themes/jssm_theme_modern.js

@@ -0,0 +1,57 @@
+const base_state_style = {
+    shape: 'rectangle',
+    backgroundColor: 'khaki',
+    textColor: 'black',
+    borderColor: 'black'
+};
+const base_active_state_style = {
+    textColor: 'white',
+    backgroundColor: 'dodgerblue4'
+};
+const base_hooked_state_style = {
+    shape: 'component'
+};
+const base_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'crimson'
+};
+const base_active_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'indigo'
+};
+const base_start_state_style = {
+    backgroundColor: 'yellow'
+};
+const base_active_start_state_style = {
+    backgroundColor: 'yellowgreen'
+};
+const base_active_hooked_state_style = {
+    backgroundColor: 'yellowgreen'
+};
+const base_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkolivegreen'
+};
+const base_active_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkgreen'
+};
+const modern_theme = {
+    state: base_state_style,
+    start: base_start_state_style,
+    end: base_end_state_style,
+    terminal: base_terminal_state_style,
+    hooked: base_hooked_state_style,
+    active: base_active_state_style,
+    active_start: base_active_start_state_style,
+    active_end: base_active_end_state_style,
+    active_terminal: base_active_terminal_state_style,
+    active_hooked: base_active_hooked_state_style,
+    legal: undefined,
+    main: undefined,
+    forced: undefined,
+    action: undefined,
+    graph: undefined,
+    title: undefined // TODO FIXME
+};
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, modern_theme, modern_theme as theme };

package/{jssm_base_stylesheet.d.ts → dist/es6/themes/jssm_theme_ocean.d.ts}

@@ -1,4 +1,4 @@
-import { JssmStateConfig } from './jssm_types';
+import { JssmStateConfig, JssmBaseTheme } from '../jssm_types';
 declare const base_state_style: JssmStateConfig;
 declare const base_active_state_style: JssmStateConfig;
 declare const base_terminal_state_style: JssmStateConfig;
@@ -7,4 +7,5 @@ declare const base_start_state_style: JssmStateConfig;
 declare const base_active_start_state_style: JssmStateConfig;
 declare const base_end_state_style: JssmStateConfig;
 declare const base_active_end_state_style: JssmStateConfig;
-export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style };
+declare const ocean_theme: JssmBaseTheme;
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, ocean_theme, ocean_theme as theme };

package/dist/es6/themes/jssm_theme_ocean.js

@@ -0,0 +1,55 @@
+const base_state_style = {
+    backgroundColor: 'cadetblue1',
+};
+const base_active_state_style = {
+    textColor: 'white',
+    backgroundColor: 'deepskyblue'
+};
+const base_hooked_state_style = {
+    shape: 'component',
+    backgroundColor: 'mediumaquamarine'
+};
+const base_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkviolet'
+};
+const base_active_terminal_state_style = {
+    textColor: 'white',
+    backgroundColor: 'deeppink'
+};
+const base_start_state_style = {
+    backgroundColor: 'darkseagreen1'
+};
+const base_active_start_state_style = {
+    backgroundColor: 'aquamarine'
+};
+const base_active_hooked_state_style = {
+    backgroundColor: 'aquamarine'
+};
+const base_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'chartreuse1'
+};
+const base_active_end_state_style = {
+    textColor: 'white',
+    backgroundColor: 'darkgreen'
+};
+const ocean_theme = {
+    state: base_state_style,
+    start: base_start_state_style,
+    end: base_end_state_style,
+    terminal: base_terminal_state_style,
+    hooked: base_hooked_state_style,
+    active: base_active_state_style,
+    active_start: base_active_start_state_style,
+    active_end: base_active_end_state_style,
+    active_terminal: base_active_terminal_state_style,
+    active_hooked: base_active_hooked_state_style,
+    legal: undefined,
+    main: undefined,
+    forced: undefined,
+    action: undefined,
+    graph: undefined,
+    title: undefined // TODO FIXME
+};
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, ocean_theme, ocean_theme as theme };

package/dist/es6/themes/jssm_theme_plain.d.ts

@@ -0,0 +1,11 @@
+import { JssmStateConfig, JssmBaseTheme } from '../jssm_types';
+declare const base_state_style: JssmStateConfig;
+declare const base_active_state_style: JssmStateConfig;
+declare const base_terminal_state_style: JssmStateConfig;
+declare const base_active_terminal_state_style: JssmStateConfig;
+declare const base_start_state_style: JssmStateConfig;
+declare const base_active_start_state_style: JssmStateConfig;
+declare const base_end_state_style: JssmStateConfig;
+declare const base_active_end_state_style: JssmStateConfig;
+declare const plain_theme: JssmBaseTheme;
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, plain_theme, plain_theme as theme };

package/dist/es6/themes/jssm_theme_plain.js

@@ -0,0 +1,69 @@
+const base_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_active_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_hooked_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_terminal_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_active_terminal_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_start_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_active_start_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_active_hooked_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_end_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const base_active_end_state_style = {
+    textColor: 'black',
+    backgroundColor: 'transparent',
+    shape: 'plaintext'
+};
+const plain_theme = {
+    state: base_state_style,
+    start: base_start_state_style,
+    end: base_end_state_style,
+    terminal: base_terminal_state_style,
+    hooked: base_hooked_state_style,
+    active: base_active_state_style,
+    active_start: base_active_start_state_style,
+    active_end: base_active_end_state_style,
+    active_terminal: base_active_terminal_state_style,
+    active_hooked: base_active_hooked_state_style,
+    legal: undefined,
+    main: undefined,
+    forced: undefined,
+    action: undefined,
+    graph: undefined,
+    title: undefined // TODO FIXME
+};
+export { base_state_style, base_active_state_style, base_terminal_state_style, base_active_terminal_state_style, base_start_state_style, base_active_start_state_style, base_end_state_style, base_active_end_state_style, plain_theme, plain_theme as theme };

package/dist/es6/version.js

@@ -1,2 +1,2 @@
-const version = "5.81.0";
+const version = "5.82.1";
 export { version };