qcobjects-sdk 2.4.19 → 2.4.21

package/QCObjects-SDK.js

@@ -61,10 +61,9 @@
       Import("org.qcobjects.controllers.slider", function () {}, external),
       Import("org.qcobjects.controllers.form", function () {}, external),
       Import("org.qcobjects.controllers.swagger", function () {}, external),
+      Import("org.qcobjects.effects", function () {}, external),
       Import("org.qcobjects.modal.controllers", function () {}, external),
-      Import("org.qcobjects.modal.effects", function () {}, external),
       Import("org.qcobjects.views", function () {}, external),
-      Import("org.qcobjects.effects", function () {}, external),
       Import("org.qcobjects.tools.canvas", function () {}, external),
       Import("org.qcobjects.tools.layouts", function () {}, external),
       Import("org.qcobjects.cloud.auth.session.usertoken", function () {}, external),
@@ -117,7 +116,6 @@
       Import(_relative_path_ + "org.qcobjects.controllers", function () {}, external),
       Import(_relative_path_ + "org.qcobjects.views", function () {}, external),
       Import(_relative_path_ + "org.qcobjects.effects", function () {}, external),
-      Import(_relative_path_ + "org.qcobjects.modal.effects", function () {}, external),
       Import(_relative_path_ + "org.qcobjects.tools.canvas", function () {}, external),
       Import(_relative_path_ + "org.qcobjects.tools.layouts", function () {}, external),
       Import(_relative_path_ + "org.qcobjects.cloud.auth.session.usertoken", function () {}, external),

package/VERSION

@@ -1 +1 @@
-2.4.19
+2.4.21

package/js/org.qcobjects.cloud.auth.session.data.js

@@ -32,7 +32,7 @@
        * Creates an instance of SessionData.
        */
       constructor() {
-        super();
+        super(...arguments);
         this.__session_container__ = null;
       }
 

package/js/org.qcobjects.cloud.auth.session.usertoken.js

@@ -28,7 +28,7 @@
   Package("org.qcobjects.cloud.auth.session.usertoken", [
     class SessionUserToken extends InheritClass{
       constructor() {
-        super();
+        super(...arguments);
         this.user = {};
         this.__cache__ = null;
 

package/js/org.qcobjects.components.grid.js

@@ -29,7 +29,7 @@
     class GridItemComponent extends Component {
 
       constructor (){
-        super();
+        super(...arguments);
         this.name = "grid-item";
         this.shadowed= true;
         this.tplsource= "inline";
@@ -43,7 +43,7 @@
 
     class GridComponent extends Component {
       constructor (){
-        super();
+        super(...arguments);
         this.name= "grid";
         this.cached= false;
         this.view= null;

package/js/org.qcobjects.components.js

@@ -24,35 +24,15 @@
 */
 "use strict";
 (function() {
-  Package("org.qcobjects.components",[
-
-    class ShadowedComponent extends Component {
-      constructor (){
-        super ();
-        this.container=null;
-        this.body=null;
-        this.shadowed=true;
-        this.cached=false;
-        this.controller=null;
-        this.view=null;
-        this.data={};
-      }
-
-      _new_ (){
-        super._new_();
-        this.body = _DOMCreateElement("div");
-      }
-
-    },
-
+  Package("org.qcobjects.base.components", [
     class FormField extends Component {
       constructor (){
-        super ();
+        super(...arguments);
         this.cached = false;
         this.reload = true;
   
       }
-
+  
       createBindingEvents(){
         var thisobj = this;
         var _objList;
@@ -106,13 +86,36 @@
         thisobj.createBindingEvents();
         logger.debug("Field loaded: "+thisobj.fieldType+"[name="+thisobj.name+"]");
       }
+  
+  
+    }
+  
+  ]);
+  Package("org.qcobjects.form.components",[
 
+    class ShadowedComponent extends Component {
+      constructor (){
+        super(...arguments);
+        this.container=null;
+        this.body=null;
+        this.shadowed=true;
+        this.cached=false;
+        this.controller=null;
+        this.view=null;
+        this.data={};
+      }
+
+      _new_ (){
+        super._new_();
+        this.body = _DOMCreateElement("div");
+      }
 
     },
 
+
     class ButtonField extends FormField {
       constructor (){
-        super();
+        super(...arguments);
         this.fieldType="button";
 
       }
@@ -120,7 +123,7 @@
 
     class InputField extends FormField {
       constructor (){
-        super();
+        super(...arguments);
         this.fieldType="input";
 
       }
@@ -129,7 +132,7 @@
 
     class TextField extends FormField {
       constructor (){
-        super();
+        super(...arguments);
         this.fieldType="textarea";
 
       }
@@ -138,7 +141,7 @@
 
     class EmailField extends FormField {
       constructor (){
-        super();
+        super(...arguments);
         this.fieldType="input";
 
       }
@@ -147,7 +150,7 @@
 
     class ModalEnclosureComponent extends Component {
       constructor (){
-        super();
+        super(...arguments);
         this.name="modal";
         this.tplsource="inline";
         this.cached=false;
@@ -175,7 +178,7 @@
 
     class ModalComponent extends Component {
       constructor (){
-        super();
+        super(...arguments);
         this.name="modal";
         this.cached=false;
         this.modalEnclosureComponentClass="ModalEnclosureComponent";
@@ -268,7 +271,7 @@
 
     class SwaggerUIComponent extends Component {
       constructor (){
-        super();
+        super(...arguments);
         this.name="swagger-ui";
         this.cached=false;
         this.basePath= CONFIG.get("remoteSDKPath");

package/js/org.qcobjects.components.list.js

@@ -28,7 +28,7 @@ Package("org.qcobjects.components.list",[
 
   class ListItemComponent extends Component {
     constructor (){
-      super();
+      super(...arguments);
       this.name="list-item";
       this.shadowed= false;
       this.tplsource= "inline";
@@ -41,7 +41,7 @@ Package("org.qcobjects.components.list",[
 
   class ListComponent extends Component {
     constructor () {
-      super();
+      super(...arguments);
       this.name="list";
       this.shadowed= true;
       this.tplsource= "inline";

package/js/org.qcobjects.components.notifications.js

@@ -29,7 +29,7 @@ Package("org.quickcorp.components.notifications", [
   class NotificationComponent extends Component {
 
     constructor (){
-      super();
+      super(...arguments);
 
       this.name= "notification";
       this.cached= false;
@@ -183,5 +183,8 @@ Package("org.quickcorp.components.notifications", [
   }
 
 ]);
-
+NotificationComponent.success = () => (new NotificationComponent({name:"notification",tplsource:"none"})).success(...arguments);
+NotificationComponent.danger = () => (new NotificationComponent({name:"notification",tplsource:"none"})).danger(...arguments);
+NotificationComponent.info = () => (new NotificationComponent({name:"notification",tplsource:"none"})).info(...arguments);
+NotificationComponent.warning = () => (new NotificationComponent({name:"notification",tplsource:"none"})).warning(...arguments);
 }).call(null);

package/js/org.qcobjects.components.slider.js

@@ -29,7 +29,7 @@ Package("org.qcobjects.components.slider",[
   class SlideListComponent extends Component {
 
     constructor (){
-      super();
+      super(...arguments);
       this.name="slidelist";
       this.tplsource="inline";
       this.template="<p>Loading...</p>";
@@ -49,7 +49,7 @@ Package("org.qcobjects.components.slider",[
   class SlideItemComponent extends Component {
 
     constructor () {
-      super();
+      super(...arguments);
       this.name="slider_item";
       this.template= `
       <div class="qcoSlides" style="display:none">
@@ -75,7 +75,7 @@ Package("org.qcobjects.components.slider",[
   class SliderComponent extends Component {
 
     constructor () {
-      super();
+      super(...arguments);
       this.name="slider";
       this.template= `
       <style>

package/js/org.qcobjects.components.splashscreen.js

@@ -25,20 +25,15 @@ logger.debugEnabled = true;
 */
 (function() {
 "use strict";
-Package("org.qcobjects.components.splashscreen",[
-
+Package("org.qcobjects.components.base", [
   class SplashScreenComponent extends Component {
     constructor () {
-      super();
+      super(...arguments);
       this.name= "splashscreen";
       this.cached= false;
       this.shadowed= true;
+      var o = this;
       
-      
-    }
-
-    _new_(o) {
-      super._new_(o);
       var isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
       let component = this;
       var isStartURL = (location.hash === ""
@@ -84,13 +79,13 @@ Package("org.qcobjects.components.splashscreen",[
                         _componentRoot.subelements("#slot-logo").map(function (slotlogo){
                           slotlogo.style.display = "block";
                           slotlogo.style.transformOrigin = "center";
-                          Resize.apply(slotlogo,1,0);
+                          (new Resize()).apply(slotlogo,1,0);
                         });
-                        Fade.apply(_componentRoot, 1, 0);
+                        (new Fade()).apply(_componentRoot, 1, 0);
                       }
                     }, (duration-displayEffectDuration));
                     setTimeout(function() {
-                      Fade.apply(mainElement, 0, 1);
+                      (new Fade()).apply(mainElement, 0, 1);
                       mainElement.style.position = mainComponent._mainPosition;
                       document.body.style.backgroundColor = component._bgcolor;
                       _componentRoot.parentElement.remove();
@@ -109,13 +104,20 @@ Package("org.qcobjects.components.splashscreen",[
       } else {
         component.body.style.display="none";
       }
+      
     }
 
-  },
+
+  }
+
+]);
+
+Package("org.qcobjects.components.splashscreen",[
+
 
   class VideoSplashScreenComponent extends SplashScreenComponent {
     constructor () {
-      super();
+      super(...arguments);
 
       this.name= "videosplashscreen";
       this.cached= false;
@@ -291,7 +293,7 @@ Package("org.qcobjects.components.splashscreen",[
   class CubeSplashScreenComponent extends SplashScreenComponent {
 
     constructor () {
-      super();
+      super(...arguments);
       this.name= "cubesplashscreen";
       this.cached= false;
       this.shadowed= true;

package/js/org.qcobjects.controllers.form.js

@@ -44,7 +44,7 @@ Package("org.qcobjects.controllers.form",[
   class FormController extends Controller {
 
     constructor (){
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
       this.serviceClass="";

package/js/org.qcobjects.controllers.grid.js

@@ -29,7 +29,7 @@ Package("org.qcobjects.controllers.grid",[
   class GridComponent extends Controller {
 
     constructor (){
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
   
@@ -80,7 +80,7 @@ Package("org.qcobjects.controllers.grid",[
 
   class DataGridController extends Controller {
     constructor (){
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
   

package/js/org.qcobjects.controllers.js

@@ -28,7 +28,7 @@ Package("org.qcobjects.controllers",[
 
   class GenericController extends Controller {
     constructor () {
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
   

package/js/org.qcobjects.controllers.list.js

@@ -28,7 +28,7 @@
 
     class ListController extends Controller {
       constructor() {
-        super();
+        super(...arguments);
         this.dependencies = [];
         this.component = null;
 

package/js/org.qcobjects.controllers.slider.js

@@ -29,7 +29,7 @@
     class SliderController extends Controller {
 
       constructor() {
-        super();
+        super(...arguments);
         this.dependencies = [];
         this.component = null;
         this.slideIndex = 0;

package/js/org.qcobjects.controllers.swagger.js

@@ -28,7 +28,7 @@
 
     class SwaggerUIController extends Controller {
       constructor() {
-        super();
+        super(...arguments);
         this.dependencies = [];
         this.component = null;
 

package/js/org.qcobjects.effects.js

@@ -24,9 +24,36 @@
  */
 "use strict";
 (function () {
-  Package("org.qcobjects.tools.effects", [
+  Package("org.qcobjects.effects.base", [
+    class Fade extends Effect {
+      
+      constructor () {
+        super(...arguments);
+      }
+
+      apply(element, alphaFrom, alphaTo) {
+        var da = alphaTo - alphaFrom;
+        this.animate({
+          duration: this.duration,
+          timing(timeFraction) {
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("animation progress: " + progress.toString());
+            var alpha = alphaFrom + (progress * da / 100);
+            logger.debug("alpha: " + alpha.toString());
+            element.style.opacity = alpha.toString();
+          }
+        });
+      }
+    },
 
     class Move extends Effect {
+
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, xfrom, yfrom, xto, yto) {
         var dx = xto - xfrom;
         var dy = yto - yfrom;
@@ -46,21 +73,39 @@
         });
       }
 
-    },
+    }
+
+
+  ]);
+
+  Package("org.qcobjects.effects.extended", [
+
 
     class MoveXInFromRight extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element) {
         super.apply.call(this, element, element.width, 0, 0, 0);
       }
     },
 
     class MoveXInFromLeft extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element) {
         super.apply.call(this, element, -element.width, 0, 0, 0);
       }
     },
 
     class MoveYInFromBottom extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element) {
         super.apply.call(this, element, 0, element.height, 0, 0);
       }
@@ -68,12 +113,20 @@
     },
 
     class MoveYInFromTop extends Move {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element) {
         super.apply.call(this, element, 0, -element.height, 0, 0);
       }
     },
 
     class RotateX extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
         this.animate({
@@ -93,6 +146,10 @@
     },
 
     class RotateY extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
         this.animate({
@@ -111,6 +168,10 @@
     },
 
     class RotateZ extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
         this.animate({
@@ -130,6 +191,10 @@
     },
 
     class Rotate extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
         this.animate({
@@ -147,25 +212,11 @@
       }
     },
 
-    class Fade extends Effect {
-      apply(element, alphaFrom, alphaTo) {
-        var da = alphaTo - alphaFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var alpha = alphaFrom + (progress * da / 100);
-            logger.debug("alpha: " + alpha.toString());
-            element.style.opacity = alpha.toString();
-          }
-        });
+    class Radius extends Effect {
+      constructor () {
+        super(...arguments);
       }
-    },
 
-    class Radius extends Effect {
       apply(element, radiusFrom, radiusTo) {
         var dr = radiusTo - radiusFrom;
         this.animate({
@@ -185,6 +236,10 @@
     },
 
     class Resize extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
         this.animate({
@@ -205,6 +260,10 @@
     },
 
     class WipeLeft extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
         this.animate({
@@ -225,6 +284,10 @@
     },
 
     class WipeRight extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
         this.animate({
@@ -245,6 +308,10 @@
     },
 
     class WipeUp extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
         this.animate({
@@ -265,6 +332,10 @@
     },
 
     class WipeDown extends Effect {
+      constructor () {
+        super(...arguments);
+      }
+
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
         this.animate({
@@ -284,4 +355,34 @@
     }
 
   ]);
+  Package("org.qcobjects.modal.effects",[
+
+    class ModalFade extends Fade {
+      constructor () {
+        super(...arguments);
+        this.duration=500;
+      }
+      
+    },
+  
+    class ModalMoveDown extends Move {
+      constructor () {
+        super(...arguments);
+        this.duration=300;
+  
+      }
+  
+    },
+  
+    class ModalMoveUp extends Move {
+      constructor () {
+        super(...arguments);
+        this.duration=800;
+  
+      }
+  
+    }
+  
+  ]);
+  
 }).call(null);

package/js/org.qcobjects.i18n_messages.js

@@ -27,14 +27,9 @@
 Package("org.qcobjects.i18n_messages", [
 
   class i18n_messages extends InheritClass {
-    _load_i18n_packages_ (){
-      return CONFIG.get("i18n_languages",[]).map((i18n_packagename)=>{
-        Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
-      });
-    }
-    
-    _new_(o) {
-      super._new_(o);
+
+    constructor () {
+      super(...arguments);
       var i18n = this;
       if (CONFIG.get("use_i18n")){
         CONFIG.set("lang", "en");
@@ -48,13 +43,16 @@ Package("org.qcobjects.i18n_messages", [
           });
         }
       }
-    }
 
-  },
+    }
 
-  {
-    _i18n_messages:i18n_messages._load_i18n_packages_()
+    _load_i18n_packages_ (){
+      return CONFIG.get("i18n_languages",[]).map((i18n_packagename)=>{
+        Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
+      });
+    }
+    
   }
 ]);
-
+(new i18n_messages())._load_i18n_packages_();
 }).call(null);

package/js/org.qcobjects.modal.controllers.js

@@ -29,7 +29,7 @@ Package("org.qcobjects.modal.controllers",[
   class ModalController extends Controller {
 
     constructor () {
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
     }

package/js/org.qcobjects.models.js

@@ -29,7 +29,7 @@ Package("org.qcobjects.models",[
   class Contact extends VO {
 
     constructor (){
-      super();
+      super(...arguments);
       this.first_name="";
       this.last_name="";
       this.address="";

package/js/org.qcobjects.tools.canvas.js

@@ -27,6 +27,9 @@
   Package("org.qcobjects.tools.canvas",[
 
     class CanvasTool extends InheritClass {
+      constructor () {
+        super(...arguments);
+      }
 
       drawImageFilled (img, canvas, zoom=1, px=0, py=0){
         // get the scale

package/js/org.qcobjects.tools.js

@@ -29,7 +29,7 @@
     class Process extends Timer {
 
       constructor () {
-        super();
+        super(...arguments);
         this.steps=[];
         this.currentStep=0;
   

package/js/org.qcobjects.tools.layouts.js

@@ -29,7 +29,7 @@
     class BasicLayout extends InheritClass {
 
       constructor () {
-        super();
+        super(...arguments);
         this.dependencies=[];
         this.component=null;
   

package/js/org.qcobjects.views.js

@@ -29,7 +29,7 @@ Package("org.qcobjects.views",[
   class GridView extends View {
 
     constructor (){
-      super();
+      super(...arguments);
       this.dependencies=[];
       this.component=null;
         

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qcobjects-sdk",
-  "version": "2.4.19",
+  "version": "2.4.21",
   "description": "QCObjects SDK is a set of Controllers, Views and Components that are elementary and useful to assist developers to build applications under MVC patterns using QCObjects, Cross Browser Javascript Framework for MVC Patterns",
   "main": "QCObjects-SDK.js",
   "scripts": {