fix UI functions (#330)

* fix UI functions

Signed-off-by: tech4GT <varun.gupta1798@gmail.com>

* Update package.json

dist/image-sequencer.js

@@ -48070,10 +48070,11 @@ function InsertStep(ref, image, index, name, o) {
         ref.addSteps(step['name'], step['options']);
       }
     }
-    var mod = ref.modules[name][0](o, UI);
-    if (!mod.isMeta) {
+    if (!ref.modules[name][1].length) {
       UI.onSetup(o.step);
-      ref.images[image].steps.splice(index, 0, mod);
+      ref.images[image].steps.splice(index, 0, ref.modules[name][0](o, UI));
+    } else {
+      ref.modules[name][0](o, UI);
     }
 
     return true;

examples/lib/defaultHtmlStepUi.js

@@ -99,7 +99,7 @@ function DefaultHtmlStepUi(_sequencer, options) {
       $(step.ui.querySelector(".target")).change(toggleSaveButton);
 
       $(step.ui.querySelector("div.details")).append(
-        "<p><button class='btn btn-default btn-save' disabled = 'true' >Save</button></p>"
+        "<p><button class='btn btn-default btn-save' disabled = 'true' >Save</button><span> Press save to see changes</span></p>"
       );
 
       function saveOptions() {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "image-sequencer",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "description": "A modular JavaScript image manipulation library modeled on a storyboard.",
   "main": "src/ImageSequencer.js",
   "scripts": {

src/InsertStep.js

@@ -41,10 +41,11 @@ function InsertStep(ref, image, index, name, o) {
         ref.addSteps(step['name'], step['options']);
       }
     }
-    var mod = ref.modules[name][0](o, UI);
-    if (!mod.isMeta) {
+    if (!ref.modules[name][1].length) {
       UI.onSetup(o.step);
-      ref.images[image].steps.splice(index, 0, mod);
+      ref.images[image].steps.splice(index, 0, ref.modules[name][0](o, UI));
+    } else {
+      ref.modules[name][0](o, UI);
     }
 
     return true;