qcobjects-sdk 2.4.55 → 2.4.59

package/VERSION

@@ -1 +1 @@
-2.4.55
+2.4.59

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "qcobjects-sdk",
-  "version": "2.4.55",
+  "version": "2.4.59",
   "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": "src/index.cjs",
   "module": "src/index.mjs",

package/src/QCObjects-SDK.js

@@ -67,6 +67,8 @@
         return _ret_;
       };
     }
+    const __start__ = GlobalSettings.__start__.bind(_top);
+
     var _imports_;
     if (isBrowser && !isNodeCommonJS) {
       _imports_ = [
@@ -92,40 +94,36 @@
         Import("org.qcobjects.cloud.auth.session.usertoken", function () {}, external),
         Import("org.qcobjects.cloud.auth.session.data", function () {}, external)
       ];
-    } else {
+    } else if (typeof require !== "undefined") {
       // non-browsers environment
-      if (isNodeCommonJS){
-        CONFIG.set("remoteImportsPath", CONFIG.get("basePath",""));
-      }
-  
-      var _relative_path_ = "qcobjects-sdk/src/js/";
       _imports_ = [
-        Import(_relative_path_ +"org.qcobjects.i18n_messages", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.models", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components.grid", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components.list", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components.slider", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components.notifications", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.components.splashscreen", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers.grid", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers.list", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers.slider", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers.form", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.controllers.swagger", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.effects", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.modal.controllers", function () {}, external),
-        Import(_relative_path_ +"org.qcobjects.views", 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),
-        Import(_relative_path_ +"org.qcobjects.cloud.auth.session.data", function () {}, external)
-      ];
-  
+        new Promise ((resolve, reject)=> {
+          require("qcobjects-sdk/js/org.qcobjects.i18n_messages");
+          require("qcobjects-sdk/js/org.qcobjects.models");
+          require("qcobjects-sdk/js/org.qcobjects.components");
+          require("qcobjects-sdk/js/org.qcobjects.components.grid");
+          require("qcobjects-sdk/js/org.qcobjects.components.list");
+          require("qcobjects-sdk/js/org.qcobjects.components.slider");
+          require("qcobjects-sdk/js/org.qcobjects.components.notifications");
+          require("qcobjects-sdk/js/org.qcobjects.components.splashscreen");
+          require("qcobjects-sdk/js/org.qcobjects.controllers");
+          require("qcobjects-sdk/js/org.qcobjects.controllers.grid");
+          require("qcobjects-sdk/js/org.qcobjects.controllers.list");
+          require("qcobjects-sdk/js/org.qcobjects.controllers.slider");
+          require("qcobjects-sdk/js/org.qcobjects.controllers.form");
+          require("qcobjects-sdk/js/org.qcobjects.controllers.swagger");
+          require("qcobjects-sdk/js/org.qcobjects.effects");
+          require("qcobjects-sdk/js/org.qcobjects.modal.controllers");
+          require("qcobjects-sdk/js/org.qcobjects.views");
+          require("qcobjects-sdk/js/org.qcobjects.tools.canvas");
+          require("qcobjects-sdk/js/org.qcobjects.tools.layouts");
+          require("qcobjects-sdk/js/org.qcobjects.cloud.auth.session.usertoken");
+          require("qcobjects-sdk/js/org.qcobjects.cloud.auth.session.data");
+          resolve()
+        })
+      ]
       
     }
-    const __start__ = GlobalSettings.__start__.bind(_top);
     _top._sdk_ = Promise.all(_imports_).then(()=>{
       CONFIG.set("useSDK", true);
       CONFIG.set("remoteImportsPath", remoteImportsPath);

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

@@ -22,7 +22,7 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
+(function (global) {
   "use strict";
 
   Package("org.qcobjects.cloud.auth.session.usertoken", [
@@ -101,4 +101,16 @@
     }
   ]);
 
-}).call(null);
+}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (
+  module.exports = (typeof globalThis !== "undefined"
+  ? globalThis
+  : typeof self !== "undefined"
+  ? self
+  : typeof window !== "undefined"
+  ? window
+  : typeof global !== "undefined"
+  ? global
+  : {})
+) : ((typeof global === "object") ? (global) : (
+  (typeof window === "object") ? (window) : ({})
+)));

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

@@ -22,88 +22,102 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
 */
-(function() {
-"use strict";
+(function __splash_screen__ (global) {
+  "use strict";
 Package("org.qcobjects.components.base", [
   class SplashScreenComponent extends Component {
     cached = false;
     shadowed= true;
 
-    constructor (o) {
-      o.name = "splashscreen";
-      super(o);
+    constructor (component) {
+      component.name = (typeof component.name === "undefined")? ("splashscreen"):(component.name);
       
       var isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
-      let component = this;
       var isStartURL = (location.hash === ""
           && location.pathname === "/" && location.search === "")
           || CONFIG.get("routingWay") === "hash" && CONFIG.get("start_url","/") === location.hash
           || CONFIG.get("routingWay") === "pathname" && CONFIG.get("start_url","/") === location.pathname
           || CONFIG.get("routingWay") === "search" && CONFIG.get("start_url","/") === 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 {
+        if (typeof component !== "undefined"){
+          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 (){
-          if (!_helper_.executed){
-            var component = this;
-            var _componentRoot = (component.shadowed)?(component.shadowRoot.host):(component.body);
-            global.componentsStack.filter(c=>c.body.hasAttribute("splashscreen")).map(
-              function (mainComponent){
-                logger.debug("Splash Screen of Main Component:",mainComponent.name);
-                mainComponent.splashScreenComponent = component;
-                function SplashScreenHandler (){
-                  if (!SplashScreenHandler.executed){
-                    var mainComponent = this;
-                    var component = mainComponent.splashScreenComponent;
-                    var mainElement = (mainComponent.shadowed)?(mainComponent.shadowRoot.host):(mainComponent.body);
-                    mainComponent._mainPosition = mainElement.style.position;
-                    mainElement.style.position = "fixed";
-                    mainComponent._mainOpacity = mainElement.style.opacity;
-                    _componentRoot.style.width = "100%";
-                    _componentRoot.style.height = "100%";
-                    document.body.style.backgroundColor = "#111111";
-                    mainElement.style.opacity = 0;
-                    setTimeout(function() {
-                      if (typeof _componentRoot !== "undefined"){
-                        document.body.style.backgroundColor = component._bgcolor;
-                        _componentRoot.subelements("#slot-logo").map(function (slotlogo){
-                          slotlogo.style.display = "block";
-                          slotlogo.style.transformOrigin = "center";
-                          (new Resize()).apply(slotlogo,1,0);
-                        });
-                        (new Fade()).apply(_componentRoot, 1, 0);
-                      }
-                    }, (duration-displayEffectDuration));
-                    setTimeout(function() {
-                      (new Fade()).apply(mainElement, 0, 1);
-                      mainElement.style.position = mainComponent._mainPosition;
-                      document.body.style.backgroundColor = component._bgcolor;
-                      _componentRoot.parentElement.remove();
-                    }, duration);
-                  }
-                  SplashScreenHandler.executed=true;
-                }
-                mainComponent.addComponentHelper(SplashScreenHandler.bind(mainComponent));
+        this._bgcolor = this.body.style.backgroundColor;
+  
+        var _helper_ = () => {
+          setTimeout(()=>{
+            if (!_helper_.executed){
+              var _componentRoot = (this.shadowed)?(this.shadowRoot.host):(this.body);
+              if (typeof global.componentsStack !== "undefined"){
+                global.componentsStack.filter(c=>c.body.hasAttribute("splashscreen")).map(
+                  (mainComponent) => {
+                   logger.debug("Splash Screen of Main Component:",mainComponent.name);
+                   mainComponent.splashScreenComponent = this;
+                   function SplashScreenHandler (){
+                     if (!SplashScreenHandler.executed){
+                       var mainComponent = this; /* here this is bound to mainComponent */ 
+                       var component = mainComponent.splashScreenComponent;
+                       var mainElement = (mainComponent.shadowed)?(mainComponent.shadowRoot.host):(mainComponent.body);
+                       mainComponent._mainPosition = mainElement.style.position;
+                       mainElement.style.position = "fixed";
+                       mainComponent._mainOpacity = mainElement.style.opacity;
+                       _componentRoot.style.width = "100%";
+                       _componentRoot.style.height = "100%";
+                       document.body.style.backgroundColor = "#111111";
+                       mainElement.style.opacity = 0;
+                       setTimeout(function() {
+                         if (typeof _componentRoot !== "undefined"){
+                           document.body.style.backgroundColor = component._bgcolor;
+                           _componentRoot.subelements("#slot-logo").map(function (slotlogo){
+                             slotlogo.style.display = "block";
+                             slotlogo.style.transformOrigin = "center";
+                             (new Resize()).apply(slotlogo,1,0);
+                           });
+                           (new Fade()).apply(_componentRoot, 1, 0);
+                         }
+                       }, (duration-displayEffectDuration));
+                       setTimeout(function() {
+                         (new Fade()).apply(mainElement, 0, 1);
+                         mainElement.style.position = mainComponent._mainPosition;
+                         document.body.style.backgroundColor = component._bgcolor;
+                         _componentRoot.parentElement.remove();
+                       }, duration);
+                     }
+                     SplashScreenHandler.executed=true;
+                   }
+                   mainComponent.addComponentHelper(SplashScreenHandler.bind(mainComponent));
+                 }
+               );
               }
-            );
-            _helper_.executed=true;
-          }
+              _helper_.executed=true;
+            }
+  
+          });
         };
         _helper_.executed=false;
-        component.addComponentHelper(_helper_.bind(component));
-      } else {
-        component.body.style.display="none";
+        this.addComponentHelper(_helper_.bind(component));
       }
-      
+
     }
 
 
@@ -616,4 +630,16 @@ Package("org.qcobjects.components.splashscreen",[
 ]);
 
 
-}).call(null);
+}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (
+  module.exports = (typeof globalThis !== "undefined"
+  ? globalThis
+  : typeof self !== "undefined"
+  ? self
+  : typeof window !== "undefined"
+  ? window
+  : typeof global !== "undefined"
+  ? global
+  : {})
+) : ((typeof global === "object") ? (global) : (
+  (typeof window === "object") ? (window) : ({})
+)));

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

@@ -167,11 +167,10 @@ Package("org.qcobjects.controllers.form",[
       }
     }
 
-    _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);
     }
 
     done (){

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

@@ -22,7 +22,7 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
+(function (global) {
   "use strict";
   Package("org.qcobjects.controllers.slider", [
 
@@ -139,4 +139,16 @@
 
   ]);
 
-}).call(null);
+}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (
+  module.exports = (typeof globalThis !== "undefined"
+  ? globalThis
+  : typeof self !== "undefined"
+  ? self
+  : typeof window !== "undefined"
+  ? window
+  : typeof global !== "undefined"
+  ? global
+  : {})
+) : ((typeof global === "object") ? (global) : (
+  (typeof window === "object") ? (window) : ({})
+)));

package/src/js/org.qcobjects.effects.js

@@ -26,13 +26,7 @@
 (function () {
   Package("org.qcobjects.effects.base", [
     class Fade extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, alphaFrom, alphaTo) {
         var da = alphaTo - alphaFrom;
@@ -52,13 +46,7 @@
     },
 
     class Move extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, xfrom, yfrom, xto, yto) {
         var dx = xto - xfrom;
@@ -88,13 +76,7 @@
 
 
     class MoveXInFromRight extends Move {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element) {
         super.apply.call(this, element, element.width, 0, 0, 0);
@@ -102,14 +84,7 @@
     },
 
     class MoveXInFromLeft extends Move {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element) {
         super.apply.call(this, element, -element.width, 0, 0, 0);
@@ -117,13 +92,7 @@
     },
 
     class MoveYInFromBottom extends Move {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element) {
         super.apply.call(this, element, 0, element.height, 0, 0);
@@ -132,14 +101,7 @@
     },
 
     class MoveYInFromTop extends Move {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element) {
         super.apply.call(this, element, 0, -element.height, 0, 0);
@@ -147,14 +109,7 @@
     },
 
     class RotateX extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
@@ -175,14 +130,7 @@
     },
 
     class RotateY extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
@@ -202,14 +150,7 @@
     },
 
     class RotateZ extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
@@ -230,14 +171,7 @@
     },
 
     class Rotate extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, angleFrom, angleTo) {
         var da = angleTo - angleFrom;
@@ -257,14 +191,7 @@
     },
 
     class Radius extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, radiusFrom, radiusTo) {
         var dr = radiusTo - radiusFrom;
@@ -285,14 +212,7 @@
     },
 
     class Resize extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
@@ -314,13 +234,7 @@
     },
 
     class WipeLeft extends Effect {
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
@@ -342,14 +256,7 @@
     },
 
     class WipeRight extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
@@ -372,13 +279,7 @@
 
     class WipeUp extends Effect {
 
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
@@ -400,14 +301,7 @@
     },
 
     class WipeDown extends Effect {
-
-      constructor({
-        duration = 1000
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 1000;
 
       apply(element, scaleFrom, scaleTo) {
         var ds = scaleTo - scaleFrom;
@@ -431,37 +325,18 @@
   Package("org.qcobjects.modal.effects", [
 
     class ModalFade extends Fade {
-      constructor({
-        duration = 500
-      }) {
-        super({
-          duration
-        });
-      }
+      duration = 500;
 
     },
 
     class ModalMoveDown extends Move {
-      constructor({
-        duration = 300
-      }) {
-        super({
-          duration
-        });
-
-      }
+      duration = 300;
 
     },
 
     class ModalMoveUp extends Move {
-      constructor({
-        duration = 800
-      }) {
-        super({
-          duration
-        });
 
-      }
+      duration = 800;
 
     }
 

package/src/js/org.qcobjects.i18n_messages.js

@@ -22,7 +22,7 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
+(function (global) {
   "use strict";
   Package("org.qcobjects.i18n_messages", [
 
@@ -58,4 +58,16 @@
     }
   ]);
   (new i18n_messages({}))._load_i18n_packages_();
-}).call(null);
+}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (
+  module.exports = (typeof globalThis !== "undefined"
+  ? globalThis
+  : typeof self !== "undefined"
+  ? self
+  : typeof window !== "undefined"
+  ? window
+  : typeof global !== "undefined"
+  ? global
+  : {})
+) : ((typeof global === "object") ? (global) : (
+  (typeof window === "object") ? (window) : ({})
+)));

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

@@ -27,37 +27,19 @@
   Package("org.qcobjects.modal.effects", [
 
     class ModalFade extends Fade {
-      constructor({
-        duration = 500
-      }) {
-        super({
-          duration
-        });
-      }
+
+      duration = 500;
 
     },
 
     class ModalMoveDown extends Move {
-      constructor({
-        duration = 300
-      }) {
-        super({
-          duration
-        });
 
-      }
+      duration = 300;
 
     },
 
     class ModalMoveUp extends Move {
-      constructor({
-        duration = 800
-      }) {
-        super({
-          duration
-        });
-
-      }
+      duration = 800;
 
     }