qcobjects-sdk 2.4.66 → 2.5.105

package/src/{js/org.qcobjects.effects.ts → ts/org.qcobjects.effects.extended.ts}

@@ -1,7 +1,5 @@
-import { Effect, Package, logger } from "qcobjects";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -24,123 +22,56 @@ import { Effect, Package, logger } from "qcobjects";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-const _top:any = (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) : ({})
-));
-
-(function () {
-  "use strict";
-
-  type MoveElement = HTMLElement & {
-    width:number;
-    height:number;
-  };
-
-  class Fade extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, alphaFrom:number, alphaTo:number) {
-      const da = alphaTo - alphaFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const alpha = alphaFrom + (progress * da / 100);
-          logger.debug("alpha: " + alpha.toString());
-          element.style.opacity = alpha.toString();
-        }
-      });
-    }
-  }
+"use strict";
+import {Effect, logger, Package} from "qcobjects";
+import {Move, MoveElement} from "./org.qcobjects.effects.base";
 
-  class Move extends Effect {
+export class MoveXInFromRight extends Move {
     duration = 1000;
 
-    apply(element:MoveElement, xfrom:number, yfrom:number, xto:number, yto:number) {
-      const dx = xto - xfrom;
-      const dy = yto - yfrom;
-      element.style.transform = "translate(" + xfrom + "px," + yfrom + "px)";
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const y = yfrom + (progress * dy / 100);
-          const x = xfrom + (progress * dx / 100);
-          logger.debug("x: " + x.toString() + " y:" + y.toString());
-          element.style.transform = "translate(" + x + "px," + y + "px)";
-        }
-      });
+    static apply(element:MoveElement) {
+      Move.apply.call(this, element, element.width as number, 0, 0, 0);
     }
-
   }
 
-  Package("org.qcobjects.effects.base", [
-    Fade,
-    Move
-  ]);
-
-
-
-  class MoveXInFromRight extends Move {
+  export class MoveXInFromLeft extends Move {
     duration = 1000;
 
-    apply(element:MoveElement) {
-      super.apply.call(this, element, element.width, 0, 0, 0);
+    static apply(element:MoveElement) {
+      Move.apply.call(this, element, -(element.width as number), 0, 0, 0);
     }
   }
 
-  class MoveXInFromLeft extends Move {
+  export class MoveYInFromBottom extends Move {
     duration = 1000;
 
-    apply(element:MoveElement) {
-      super.apply.call(this, element, -element.width, 0, 0, 0);
-    }
-  }
-
-  class MoveYInFromBottom extends Move {
-    duration = 1000;
-
-    apply(element:MoveElement) {
-      super.apply.call(this, element, 0, element.height, 0, 0);
+    static apply(element:MoveElement) {
+      Move.apply.call(this, element, 0, element.height as number, 0, 0);
     }
 
   }
 
-  class MoveYInFromTop extends Move {
+  export class MoveYInFromTop extends Move {
     duration = 1000;
 
-    apply(element:MoveElement ) {
-      super.apply.call(this, element, 0, -element.height, 0, 0);
+    static apply(element:MoveElement ) {
+      Move.apply.call(this, element, 0, -(element.height as number), 0, 0);
     }
   }
 
-  class RotateX extends Effect {
+  export class RotateX extends Effect {
     duration = 1000;
+    static duration: any;
 
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
+    static apply(element:HTMLElement, angleFrom:number, angleTo:number) {
       const da = angleTo - angleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const angle = Math.round(angleFrom + (progress * da / 100));
           logger.debug("angle: " + angle.toString());
@@ -151,17 +82,19 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class RotateY extends Effect {
+  export class RotateY extends Effect {
     duration = 1000;
+    static duration: any;
 
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
+    static apply(element:HTMLElement, angleFrom:number, angleTo:number) {
       const da = angleTo - angleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const angle = Math.round(angleFrom + (progress * da / 100));
           logger.debug("angle: " + angle.toString());
@@ -171,17 +104,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
     }
   }
 
-  class RotateZ extends Effect {
+  export class RotateZ extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, angleFrom:number, angleTo:number) {
       const da = angleTo - angleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const angle = Math.round(angleFrom + (progress * da / 100));
           logger.debug("angle: " + angle.toString());
@@ -192,17 +126,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class Rotate extends Effect {
+  export class Rotate extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, angleFrom:number, angleTo:number) {
       const da = angleTo - angleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const angle = Math.round(angleFrom + (progress * da / 100));
           logger.debug("angle: " + angle.toString());
@@ -212,17 +147,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
     }
   }
 
-  class Radius extends Effect {
+  export class Radius extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, radiusFrom:number, radiusTo:number) {
       const dr = radiusTo - radiusFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const radius = radiusFrom + (progress * dr / 100);
           logger.debug("radius: " + radius.toString());
@@ -233,17 +169,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class Resize extends Effect {
+  export class Resize extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
       const ds = scaleTo - scaleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const scale = scaleFrom + (progress * ds / 100);
           logger.debug("resize: " + scale.toString());
@@ -255,17 +192,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class WipeLeft extends Effect {
+  export class WipeLeft extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
       const ds = scaleTo - scaleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const scale = scaleFrom + (progress * ds / 100);
           logger.debug("wipe: " + scale.toString());
@@ -277,17 +215,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class WipeRight extends Effect {
+  export class WipeRight extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
       const ds = scaleTo - scaleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const scale = scaleFrom + (progress * ds / 100);
           logger.debug("wipe: " + scale.toString());
@@ -299,18 +238,19 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class WipeUp extends Effect {
+  export class WipeUp extends Effect {
 
     duration = 1000;
 
     apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
       const ds = scaleTo - scaleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const scale = scaleFrom + (progress * ds / 100);
           logger.debug("wipe: " + scale.toString());
@@ -322,17 +262,18 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
 
   }
 
-  class WipeDown extends Effect {
+  export class WipeDown extends Effect {
     duration = 1000;
 
     apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
       const ds = scaleTo - scaleFrom;
-      this.animate({
+      super.animate({
         duration: this.duration,
-        timing(timeFraction) {
+        timing(timeFraction: number) {
+           
           return timeFraction;
         },
-        draw(progress) {
+        draw(progress: number) {
           logger.debug("animation progress: " + progress.toString());
           const scale = scaleFrom + (progress * ds / 100);
           logger.debug("wipe: " + scale.toString());
@@ -342,7 +283,6 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
       });
     }
   }
-
   Package("org.qcobjects.effects.extended", [
     MoveXInFromRight,
     MoveXInFromLeft,
@@ -360,71 +300,3 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
     WipeDown
 
   ]);
-
-  class ModalFade extends Fade {
-    duration = 500;
-
-  }
-
-  class ModalMoveDown extends Move {
-    duration = 300;
-
-  }
-
-  class ModalMoveUp extends Move {
-
-    duration = 800;
-
-  }
-
-
-  Package("org.qcobjects.modal.effects", [
-    ModalFade,
-    ModalMoveDown,
-    ModalMoveUp
-
-  ]);
-
-})();
-
-const Fade = _top.Fade;
-const Move = _top.Fade;
-const MoveXInFromRight = _top.MoveXInFromRight;
-const MoveXInFromLeft = _top.MoveXInFromLeft;
-const MoveYInFromBottom = _top.MoveYInFromBottom;
-const MoveYInFromTop = _top.MoveYInFromTop;
-const RotateX = _top.RotateX;
-const RotateY = _top.RotateY;
-const RotateZ = _top.RotateZ;
-const Rotate = _top.Rotate;
-const Radius = _top.Radius;
-const Resize = _top.Resize;
-const WipeLeft = _top.WipeLeft;
-const WipeRight = _top.WipeRight;
-const WipeUp = _top.WipeUp;
-const WipeDown = _top.WipeDown;
-const ModalFade = _top.ModalFade;
-const ModalMoveDown = _top.ModalMoveDown;
-const ModalMoveUp = _top.ModalMoveUp;
-
-export {
-  Fade,
-  Move,
-  MoveXInFromRight,
-  MoveXInFromLeft,
-  MoveYInFromBottom,
-  MoveYInFromTop,
-  RotateX,
-  RotateY,
-  RotateZ,
-  Rotate,
-  Radius,
-  Resize,
-  WipeLeft,
-  WipeRight,
-  WipeUp,
-  WipeDown,
-  ModalFade,
-  ModalMoveDown,
-  ModalMoveUp
-};

package/src/ts/org.qcobjects.effects.ts

@@ -0,0 +1,42 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+ */
+"use strict";
+export {Fade, Move} from "./org.qcobjects.effects.base";
+export{ MoveXInFromRight,
+    MoveXInFromLeft,
+    MoveYInFromBottom,
+    MoveYInFromTop,
+    RotateX,
+    RotateY,
+    RotateZ,
+    Rotate,
+    Radius,
+    Resize,
+    WipeLeft,
+    WipeRight,
+    WipeUp,
+    WipeDown} from "./org.qcobjects.effects.extended";
+
+export {ModalFade, ModalMoveUp, ModalMoveDown} from "./org.qcobjects.modal.effects";

package/src/ts/org.qcobjects.i18n_messages.ts

@@ -0,0 +1,68 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * Author: Jean Machuca <correojean@gmail.com>
+ *
+ * Cross Browser Javascript Framework for MVC Patterns
+ * QuickCorp/QCObjects is licensed under the
+ * GNU Lesser General Public License v3.0
+ * [LICENSE] (https://github.com/QuickCorp/QCObjects/blob/master/LICENSE.txt)
+ *
+ * Permissions of this copyleft license are conditioned on making available
+ * complete source code of licensed works and modifications under the same
+ * license or the GNU GPLv3. Copyright and license notices must be preserved.
+ * Contributors provide an express grant of patent rights. However, a larger
+ * work using the licensed work through interfaces provided by the licensed
+ * work may be distributed under different terms and without source code for
+ * the larger work.
+ *
+ * Copyright (C) 2015 Jean Machuca,<correojean@gmail.com>
+ *
+ * Everyone is permitted to copy and distribute verbatim copies of this
+ * license document, but changing it is not allowed.
+ */
+"use strict";
+import { Package, InheritClass, CONFIG, Import, global } from "qcobjects";
+
+
+
+export class i18n_messages extends InheritClass {
+
+  constructor({
+    messages = []
+  }) {
+    super({
+      messages
+    });
+    if (CONFIG.get("use_i18n", false)) {
+      CONFIG.set("lang", "en");
+      if (!global.get("i18n")) {
+        global.set("i18n", {
+          messages
+        });
+      } else {
+        global.set("i18n", {
+          messages: global.get("i18n").messages.concat(messages)
+        });
+      }
+    }
+
+  }
+
+  _load_i18n_packages_() {
+    // eslint-disable-next-line array-callback-return
+    return CONFIG.get("i18n_languages", []).map((i18n_packagename: any) => {
+
+      Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
+    });
+  }
+
+}
+
+Package("org.qcobjects.i18n_messages", [
+
+  i18n_messages
+]);
+
+(new i18n_messages({}))._load_i18n_packages_();

package/src/{js → ts}/org.qcobjects.modal.controllers.ts

@@ -1,8 +1,5 @@
-import { Package, Controller } from "qcobjects";
-import { ModalComponent } from "./org.qcobjects.components";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,20 +22,21 @@ import { ModalComponent } from "./org.qcobjects.components";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
 */
-(function() {
 "use strict";
-Package("org.qcobjects.modal.controllers",[
-
-  class ModalController extends Controller {
+import { Package, Controller } from "qcobjects";
 
-    done (){
-      const component = this.component as typeof ModalComponent;
-      component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g",component.submodal.template);
+export class ModalController extends Controller {
+  component: any;
 
-    }
+  done() {
+    const component = this.component;
+    component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g", component.submodal.template);
 
   }
 
-]);
+}
+
+Package("org.qcobjects.modal.controllers", [
+  ModalController
 
-})();
+]);

package/src/{js → ts}/org.qcobjects.modal.effects.ts

@@ -1,8 +1,5 @@
-import { Package } from "qcobjects";
-import { Fade, Move } from "./org.qcobjects.effects";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,27 +22,34 @@ import { Fade, Move } from "./org.qcobjects.effects";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
-  "use strict";
-  Package("org.qcobjects.modal.effects", [
+"use strict";
+import { Package } from "qcobjects";
+import { Fade, Move } from "./org.qcobjects.effects";
+
+export class ModalFade extends Fade {
+  duration = 500;
+
+}
+
+
+export class ModalMoveUp extends Move {
 
-    class ModalFade extends Fade {
+  duration = 800;
 
-      duration = 500;
+}
 
-    },
 
-    class ModalMoveDown extends Move {
+export class ModalMoveDown extends Move {
 
-      duration = 300;
+  duration = 300;
 
-    },
+}
 
-    class ModalMoveUp extends Move {
-      duration = 800;
 
-    }
+Package("org.qcobjects.modal.effects", [
+  ModalFade,
+  ModalMoveDown,
+  ModalMoveUp
+]);
 
-  ]);
 
-})();

package/src/{js → ts}/org.qcobjects.models.ts

@@ -1,7 +1,5 @@
-import { Package, VO } from "qcobjects";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -24,14 +22,13 @@ import { Package, VO } from "qcobjects";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function () {
-  "use strict";
-  Package("org.qcobjects.models", [
-
-    class Contact extends VO {
+"use strict";
+import { Package, VO } from "qcobjects";
+export class Contact extends VO {
 
-    }
+}
 
-  ]);
+Package("org.qcobjects.models", [
+  Contact
 
-})();
+]);