qcobjects-sdk - npm Package Compare versions

Comparing version 2.4.55 to 2.4.57

package.json

 {
   "name": "qcobjects-sdk",
-  "version": "2.4.55",
+  "version": "2.4.57",
   "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",
@@ -5,0 +5,0 @@ "main": "src/index.cjs",

src/js/org.qcobjects.components.splashscreen.js

@@ -32,8 +32,6 @@ /**
 
-    constructor (o) {
-      o.name = "splashscreen";
-      super(o);
+    constructor (component) {
+      component.name = "splashscreen";
       
       var isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
-      let component = this;
       var isStartURL = (location.hash === ""
@@ -45,24 +43,35 @@ && location.pathname === "/" && location.search === "")
       var _enabled_ = isBrowser && isStartURL;
+
       if (_enabled_){
         component.basePath = CONFIG.get("splashscreenBasePath",CONFIG.get("remoteSDKPath"));
-        o.data.basePath = component.basePath;
+        if (typeof component.data === "undefined"){
+          component.data = {};
+        }
+        component.data.basePath = component.basePath;
+      } else {
+        component.body.style.display="none";
+      }
+      super(component);
+      this._enabled_ = _enabled_;
+
+      if (this._enabled_){
         var displayEffectDuration = 1000;
-        var duration = component.body.getAttribute("duration");
+        var duration = this.body.getAttribute("duration");
         if (duration === null){
-          duration = 3000;
+          duration = displayEffectDuration;
         } else {
           duration = parseInt(duration);
         }
-        component._bgcolor = document.body.style.backgroundColor;
-        var _helper_ = function (){
+        this._bgcolor = this.body.style.backgroundColor;
+  
+        var _helper_ = () => {
           if (!_helper_.executed){
-            var component = this;
-            var _componentRoot = (component.shadowed)?(component.shadowRoot.host):(component.body);
+            var _componentRoot = (this.shadowed)?(this.shadowRoot.host):(this.body);
             global.componentsStack.filter(c=>c.body.hasAttribute("splashscreen")).map(
-              function (mainComponent){
+               (mainComponent) => {
                 logger.debug("Splash Screen of Main Component:",mainComponent.name);
-                mainComponent.splashScreenComponent = component;
+                mainComponent.splashScreenComponent = this;
                 function SplashScreenHandler (){
                   if (!SplashScreenHandler.executed){
-                    var mainComponent = this;
+                    var mainComponent = this; /* here this is bound to mainComponent */ 
                     var component = mainComponent.splashScreenComponent;
@@ -104,7 +113,5 @@ var mainElement = (mainComponent.shadowed)?(mainComponent.shadowRoot.host):(mainComponent.body);
         _helper_.executed=false;
-        component.addComponentHelper(_helper_.bind(component));
-      } else {
-        component.body.style.display="none";
+        this.addComponentHelper(_helper_.bind(component));
       }
-      
+
     }
@@ -111,0 +118,0 @@

src/js/org.qcobjects.controllers.form.js

@@ -170,7 +170,6 @@ /**
 
-    _new_ (o){
-      super.__new__(o);
-      var controller = this;
-      controller.component = o.component;
-      controller.component = controller.component.Cast(FormField);
+    constructor (o){
+      super(o);
+      this.component = o.component;
+      this.component = this.component.Cast(FormField);
     }
@@ -177,0 +176,0 @@

src/js/org.qcobjects.effects.js

@@ -29,9 +29,3 @@ /**
     class Fade extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -56,9 +50,3 @@ apply(element, alphaFrom, alphaTo) {
     class Move extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -93,9 +81,3 @@ apply(element, xfrom, yfrom, xto, yto) {
     class MoveXInFromRight extends Move {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -108,11 +90,4 @@ apply(element) {
     class MoveXInFromLeft extends Move {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element) {
@@ -124,9 +99,3 @@ super.apply.call(this, element, -element.width, 0, 0, 0);
     class MoveYInFromBottom extends Move {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -140,11 +109,4 @@ apply(element) {
     class MoveYInFromTop extends Move {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element) {
@@ -156,11 +118,4 @@ super.apply.call(this, element, 0, -element.height, 0, 0);
     class RotateX extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, angleFrom, angleTo) {
@@ -185,11 +140,4 @@ var da = angleTo - angleFrom;
     class RotateY extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, angleFrom, angleTo) {
@@ -213,11 +161,4 @@ var da = angleTo - angleFrom;
     class RotateZ extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, angleFrom, angleTo) {
@@ -242,11 +183,4 @@ var da = angleTo - angleFrom;
     class Rotate extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, angleFrom, angleTo) {
@@ -270,11 +204,4 @@ var da = angleTo - angleFrom;
     class Radius extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, radiusFrom, radiusTo) {
@@ -299,11 +226,4 @@ var dr = radiusTo - radiusFrom;
     class Resize extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, scaleFrom, scaleTo) {
@@ -329,9 +249,3 @@ var ds = scaleTo - scaleFrom;
     class WipeLeft extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -358,11 +272,4 @@ apply(element, scaleFrom, scaleTo) {
     class WipeRight extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, scaleFrom, scaleTo) {
@@ -389,9 +296,3 @@ var ds = scaleTo - scaleFrom;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
@@ -418,11 +319,4 @@ apply(element, scaleFrom, scaleTo) {
     class WipeDown extends Effect {
+      duration = 1000;
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
-
       apply(element, scaleFrom, scaleTo) {
@@ -450,9 +344,3 @@ var ds = scaleTo - scaleFrom;
     class ModalFade extends Fade {
-      constructor({
-        duration = 500
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 500;
 
@@ -462,22 +350,9 @@ },
     class ModalMoveDown extends Move {
-      constructor({
-        duration = 300
-      }) {
-        super({
-          duration
-        });
+      duration = 300;
 
-      }
-
     },
 
     class ModalMoveUp extends Move {
-      constructor({
-        duration = 800
-      }) {
-        super({
-          duration
-        });
 
-      }
+      duration = 800;
 
@@ -484,0 +359,0 @@ }

src/js/org.qcobjects.modal.effects.js

@@ -30,21 +30,10 @@ /**
     class ModalFade extends Fade {
-      constructor({
-        duration = 500
-      }) {
-        super({
-          duration
-        });
-      }
 
+      duration = 500;
+
     },
 
     class ModalMoveDown extends Move {
-      constructor({
-        duration = 300
-      }) {
-        super({
-          duration
-        });
 
-      }
+      duration = 300;
 
@@ -54,11 +43,4 @@ },
     class ModalMoveUp extends Move {
-      constructor({
-        duration = 800
-      }) {
-        super({
-          duration
-        });
+      duration = 800;
 
-      }
-
     }
@@ -65,0 +47,0 @@

No alert changes

Worsened metrics

Total package byte prevSize

208264

decreased by-0.87%

Lines of code

3579

decreased by-3.48%

No dependency changes