qcobjects-sdk 2.4.66 → 2.5.105-beta

package/src/js/org.qcobjects.effects.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,327 +22,9 @@ 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();
-        }
-      });
-    }
-  }
-
-  class Move extends Effect {
-    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)";
-        }
-      });
-    }
-
-  }
-
-  Package("org.qcobjects.effects.base", [
-    Fade,
-    Move
-  ]);
-
-
-
-  class MoveXInFromRight extends Move {
-    duration = 1000;
-
-    apply(element:MoveElement) {
-      super.apply.call(this, element, element.width, 0, 0, 0);
-    }
-  }
-
-  class MoveXInFromLeft 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);
-    }
-
-  }
-
-  class MoveYInFromTop extends Move {
-    duration = 1000;
-
-    apply(element:MoveElement ) {
-      super.apply.call(this, element, 0, -element.height, 0, 0);
-    }
-  }
-
-  class RotateX extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
-      const da = angleTo - angleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const angle = Math.round(angleFrom + (progress * da / 100));
-          logger.debug("angle: " + angle.toString());
-          element.style.transform = "rotate3d(1,0,0," + angle.toString() + "deg)";
-        }
-      });
-    }
-
-  }
-
-  class RotateY extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
-      const da = angleTo - angleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const angle = Math.round(angleFrom + (progress * da / 100));
-          logger.debug("angle: " + angle.toString());
-          element.style.transform = "rotate3d(0,1,0," + angle.toString() + "deg)";
-        }
-      });
-    }
-  }
-
-  class RotateZ extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
-      const da = angleTo - angleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const angle = Math.round(angleFrom + (progress * da / 100));
-          logger.debug("angle: " + angle.toString());
-          element.style.transform = "rotate3d(0,0,1," + angle.toString() + "deg)";
-        }
-      });
-    }
-
-  }
-
-  class Rotate extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, angleFrom:number, angleTo:number) {
-      const da = angleTo - angleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const angle = Math.round(angleFrom + (progress * da / 100));
-          logger.debug("angle: " + angle.toString());
-          element.style.transform = "rotate3d(1,1,1," + angle.toString() + "deg)";
-        }
-      });
-    }
-  }
-
-  class Radius extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, radiusFrom:number, radiusTo:number) {
-      const dr = radiusTo - radiusFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const radius = radiusFrom + (progress * dr / 100);
-          logger.debug("radius: " + radius.toString());
-          element.style.borderRadius = radius.toString() + "px";
-        }
-      });
-    }
-
-  }
-
-  class Resize extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
-      const ds = scaleTo - scaleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const scale = scaleFrom + (progress * ds / 100);
-          logger.debug("resize: " + scale.toString());
-          element.style.transformOrigin = "center";
-          element.style.transform = "scale(" + scale + "," + scale + ")";
-        }
-      });
-    }
-
-  }
-
-  class WipeLeft extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
-      const ds = scaleTo - scaleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const scale = scaleFrom + (progress * ds / 100);
-          logger.debug("wipe: " + scale.toString());
-          element.style.transformOrigin = "right";
-          element.style.transform = "scaleX(" + scale + ")";
-        }
-      });
-    }
-
-  }
-
-  class WipeRight extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
-      const ds = scaleTo - scaleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const scale = scaleFrom + (progress * ds / 100);
-          logger.debug("wipe: " + scale.toString());
-          element.style.transformOrigin = "left";
-          element.style.transform = "scaleX(" + scale + ")";
-        }
-      });
-    }
-
-  }
-
-  class WipeUp extends Effect {
-
-    duration = 1000;
-
-    apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
-      const ds = scaleTo - scaleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const scale = scaleFrom + (progress * ds / 100);
-          logger.debug("wipe: " + scale.toString());
-          element.style.transformOrigin = "bottom";
-          element.style.transform = "scaleY(" + scale + ")";
-        }
-      });
-    }
-
-  }
-
-  class WipeDown extends Effect {
-    duration = 1000;
-
-    apply(element:HTMLElement, scaleFrom:number, scaleTo:number) {
-      const ds = scaleTo - scaleFrom;
-      this.animate({
-        duration: this.duration,
-        timing(timeFraction) {
-          return timeFraction;
-        },
-        draw(progress) {
-          logger.debug("animation progress: " + progress.toString());
-          const scale = scaleFrom + (progress * ds / 100);
-          logger.debug("wipe: " + scale.toString());
-          element.style.transformOrigin = "top";
-          element.style.transform = "scaleY(" + scale + ")";
-        }
-      });
-    }
-  }
-
-  Package("org.qcobjects.effects.extended", [
-    MoveXInFromRight,
+"use strict";
+export {Fade, Move} from "./org.qcobjects.effects.base";
+export{ MoveXInFromRight,
     MoveXInFromLeft,
     MoveYInFromBottom,
     MoveYInFromTop,
@@ -357,74 +37,6 @@ const _top:any = (typeof module === "object" && typeof module.exports === "objec
     WipeLeft,
     WipeRight,
     WipeUp,
-    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;
+    WipeDown} from "./org.qcobjects.effects.extended";
 
-export {
-  Fade,
-  Move,
-  MoveXInFromRight,
-  MoveXInFromLeft,
-  MoveYInFromBottom,
-  MoveYInFromTop,
-  RotateX,
-  RotateY,
-  RotateZ,
-  Rotate,
-  Radius,
-  Resize,
-  WipeLeft,
-  WipeRight,
-  WipeUp,
-  WipeDown,
-  ModalFade,
-  ModalMoveDown,
-  ModalMoveUp
-};
+export {ModalFade, ModalMoveUp, ModalMoveDown} from "./org.qcobjects.modal.effects";

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

@@ -1,7 +1,5 @@
-import { Package, InheritClass, CONFIG, Import } from "qcobjects";
-
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -24,59 +22,47 @@ import { Package, InheritClass, CONFIG, Import } from "qcobjects";
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function (global:any) {
-  "use strict";
+"use strict";
+import { Package, InheritClass, CONFIG, Import, global } from "qcobjects";
 
-  // eslint-disable-next-line camelcase
-  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)
-          });
-        }
-      }
 
-    }
+export class i18n_messages extends InheritClass {
 
-    _load_i18n_packages_() {
-      // eslint-disable-next-line array-callback-return, camelcase
-      return CONFIG.get("i18n_languages", []).map((i18n_packagename: any) => {
-        // eslint-disable-next-line camelcase
-        Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
-      });
+  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)
+        });
+      }
     }
 
   }
 
-  Package("org.qcobjects.i18n_messages", [
-    // eslint-disable-next-line camelcase
-    i18n_messages
-  ]);
-  // eslint-disable-next-line new-cap
-  (new i18n_messages({}))._load_i18n_packages_();
-})((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) : ({})
-)));
+  _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/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/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/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
 
-})();
+]);