qcobjects-sdk 2.4.60 → 2.4.62

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

@@ -1,3 +1,5 @@
+import { Package, InheritClass, CONFIG, Import } from "qcobjects";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -22,43 +24,50 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
  */
-(function (global) {
+(function (global:any) {
   "use strict";
-  Package("org.qcobjects.i18n_messages", [
 
-    class i18n_messages extends InheritClass {
+  // eslint-disable-next-line camelcase
+  class i18n_messages extends InheritClass {
 
-      constructor({
-        messages = []
-      }) {
-        super({
-          messages
-        });
-        if (CONFIG.get("use_i18n")) {
-          CONFIG.set("lang", "en");
-          if (!global.get("i18n")) {
-            global.set("i18n", {
-              messages: messages
-            });
-          } else {
-            global.set("i18n", {
-              messages: global.get("i18n").messages.concat(messages)
-            });
-          }
+    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_() {
-        return CONFIG.get("i18n_languages", []).map((i18n_packagename) => {
-          Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
-        });
-      }
+    }
 
+    _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}`);
+      });
     }
+
+  }
+
+  Package("org.qcobjects.i18n_messages", [
+    // eslint-disable-next-line camelcase
+    i18n_messages
   ]);
+  // eslint-disable-next-line new-cap
   (new i18n_messages({}))._load_i18n_packages_();
-}).call(null, (typeof module === "object" && typeof module.exports === "object") ? (
+})((typeof module === "object" && typeof module.exports === "object") ? (
   module.exports = (typeof globalThis !== "undefined"
   ? globalThis
   : typeof self !== "undefined"

package/src/js/org.qcobjects.modal.controllers.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,6 @@
+import { Package, Controller } from "qcobjects";
+import { ModalComponent } from "./org.qcobjects.components";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -28,12 +31,8 @@ Package("org.qcobjects.modal.controllers",[
 
   class ModalController extends Controller {
 
-    constructor ({component, dependencies = []}) {
-      super({component, dependencies});
-    }
-
     done (){
-      var component = this.component;
+      const component = this.component as typeof ModalComponent;
       component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g",component.submodal.template);
 
     }
@@ -42,4 +41,4 @@ Package("org.qcobjects.modal.controllers",[
 
 ]);
 
-}).call(null);
+})();

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,6 @@
+import { Package } from "qcobjects";
+import { Fade, Move } from "./org.qcobjects.effects";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -45,4 +48,4 @@
 
   ]);
 
-}).call(null);
+})();

package/src/js/org.qcobjects.models.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,5 @@
+import { Package, VO } from "qcobjects";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -28,31 +30,8 @@
 
     class Contact extends VO {
 
-      constructor({
-        first_name = "",
-        last_name = "",
-        address = "",
-        postalCode = "",
-        city = "",
-        country = "",
-        email = "",
-        phone = ""
-      }) {
-        super({
-          first_name,
-          last_name,
-          address,
-          postalCode,
-          city,
-          country,
-          email,
-          phone
-        });
-
-      }
-
     }
 
   ]);
 
-}).call(null);
+})();

package/src/js/org.qcobjects.tools.canvas.d.ts

@@ -0,0 +1 @@
+export {};

package/src/js/{org.qcobjects.tools.canvas.js → org.qcobjects.tools.canvas.ts}

@@ -23,28 +23,31 @@
  * license document, but changing it is not allowed.
 */
 "use strict";
+
+import { Package, InheritClass } from "qcobjects";
+
 (function() {
   Package("org.qcobjects.tools.canvas",[
 
     class CanvasTool extends InheritClass {
 
-      drawImageFilled (img, canvas, zoom=1, px=0, py=0){
+      drawImageFilled (img:HTMLImageElement, canvas:HTMLCanvasElement, zoom=1, px=0, py=0){
         // get the scale
-        var scale = Math.max(canvas.width / img.width, canvas.height / img.height);
+        let scale = Math.max(canvas.width / img.width, canvas.height / img.height);
         scale = scale*zoom;
         // get the top left position of the image
-        var x = (canvas.width / 2) - (img.width / 2) * scale;
-        var y = (canvas.height / 2) - (img.height / 2) * scale;
-        var ctx = canvas.getContext("2d");
-        ctx.drawImage(img, (px+x), (py+y), img.width * scale, img.height * scale);
+        const x = (canvas.width / 2) - (img.width / 2) * scale;
+        const y = (canvas.height / 2) - (img.height / 2) * scale;
+        const ctx = canvas.getContext("2d");
+        ctx?.drawImage(img, (px+x), (py+y), img.width * scale, img.height * scale);
       }
 
-      getImageResized (img, width, height, resizedImage, zoom=1, px=0, py=0){
-        var canvas = document.createElement("canvas");
+      getImageResized (img:HTMLImageElement, width:number, height:number, resizedImage:HTMLImageElement, zoom=1, px=0, py=0){
+        const canvas = document.createElement("canvas");
         canvas.width = width;
         canvas.height = height;
-        canvas.style.width = width;
-        canvas.style.height = height;
+        canvas.style.width = width.toString();
+        canvas.style.height = height.toString();
         this.drawImageFilled(img,canvas,zoom,px,py);
         resizedImage.src = canvas.toDataURL("image/png");
         return canvas;
@@ -53,4 +56,4 @@
     }
   ]);
 
-}).call(null);
+})();

package/src/js/org.qcobjects.tools.d.ts

@@ -0,0 +1 @@
+export {};

package/src/js/org.qcobjects.tools.layouts.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,85 @@
+/* eslint-disable array-callback-return */
+/**
+ * QCObjects SDK 2.4
+ * ________________
+ *
+ * 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 { CONFIG, InheritClass, New, Package, SourceCSS, Tag } from "qcobjects";
+import { Fade, MoveXInFromLeft, MoveXInFromRight, MoveYInFromBottom } from "./org.qcobjects.effects";
+
+(function() {
+  Package("org.qcobjects.tools.layouts",[
+
+    class BasicLayout extends InheritClass {
+      dependencies:any[] = [];
+
+      constructor ({component = null, dependencies = []}) {
+        super({component, dependencies});  
+      }
+
+      load (){
+        this.dependencies.push(New(SourceCSS,{
+          external:!(CONFIG.get("useLocalSDK",false)),
+          url:(CONFIG.get("useLocalSDK",false))?("css/basic-layout.css"):(CONFIG.get("remoteSDKPath",false)+"css/basic-layout.css")
+        }));
+      }
+      
+      coloredBorder (){
+        /*
+        * A helper function to visualize the layout borders
+        * Usage: BasicLayout.coloredBorder()
+        */
+        setTimeout(function (){
+          Tag("nav").map((element:HTMLElement)=>{element.style.border="20px solid #3333";});
+          Tag("nav").map((element:HTMLElement)=>{element.style.backgroundColor="#129999";});
+          Tag("component>footer").map((element:HTMLElement)=>{element.style.background="#876";});
+          Tag("component>div").map((element:HTMLElement)=>{element.style.border="3px dashed #fff";});
+          Tag("component>section").map((element:HTMLElement)=>{element.style.border="3px solid #000";});
+          Tag("component>section").map((element:HTMLElement)=>{element.style.backgroundColor="#fffaaa";});
+
+          Tag("component>article").map((element:HTMLElement)=>{element.style.border="3px dotted #000";});
+          Tag("component>header").map((element:HTMLElement)=>{element.style.background="#789";});
+          Tag("component>footer").map((element:HTMLElement)=>{element.style.background="#876";});
+          Tag("component>article:nth-child(1)").map((element:HTMLElement)=>{element.style.border="1px solid #444";});
+          Tag("component>article:nth-child(1)").map((element:HTMLElement)=>{element.style.backgroundColor="#555aaa";});
+          Tag("component>article:nth-child(2)").map((element:HTMLElement)=>{element.style.backgroundColor="#aaa333";});
+          Tag("component>article:nth-child(3)").map((element:HTMLElement)=>{element.style.backgroundColor="#54da82";});
+          Tag("*").map((element:HTMLElement)=>{element.style.color="#fff";});
+
+
+          Tag("component>article").map((element:HTMLElement)=>Fade.apply(element,0,1));
+          Tag("component>footer").map((element:HTMLElement)=>Fade.apply(element,0,1));
+          Tag("component>header").map((element:HTMLElement)=>Fade.apply(element,0,1));
+          Tag("nav").map((element:HTMLElement)=>{element.style.display="block";element.style.width=element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString() ;MoveXInFromLeft.apply(element);});
+          Tag("component>article").map((element:HTMLElement)=>{element.style.display="block";element.style.height=element.offsetParent?.scrollHeight.toString() || element.clientHeight.toString();MoveYInFromBottom.apply(element);});
+          Tag("component>article:nth-child(2)").map((element:HTMLElement)=>{element.style.display="block";element.style.width=element.offsetParent?.scrollWidth.toString() || element.clientWidth.toString();MoveXInFromRight.apply(element);});
+        },300);
+      }
+
+
+    }
+
+  ]);
+
+})();

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

@@ -23,13 +23,20 @@
  * license document, but changing it is not allowed.
 */
 "use strict";
+
+import { Timer, Package, logger } from "qcobjects";
+
 (function() {
   Package("org.qcobjects.tools",[
 
     class Process extends Timer {
+      alive:boolean;
+      steps:any[] = [];
+      currentStep = 0;
 
-      constructor ({steps = [], currentStep = 0}) {
-        super({steps, currentStep});
+      constructor ({steps = [], currentStep = 0, alive = false}) {
+        super({steps, currentStep, alive});
+        this.alive = alive;
   
       }
 
@@ -38,23 +45,24 @@
       }
 
       start (){
-        var process = this;
-        process.alive=true;
+        this.alive=true;
         this.thread({
           duration: this.duration,
-          timing(timeFraction) {
-            process.currentStep+=1;
-            process.map(function (p){
-              if (typeof p == "function"){
-                Promise.resolve().then(
+          timing: (timeFraction:number) => {
+            this.currentStep+=1;
+            this.steps.map((p:()=> void):Promise<void> | undefined => {
+              let _ret_;
+              if (typeof p === "function"){
+                _ret_ = Promise.resolve().then(
                   function (){
                     p.call(process);
                   });
               }
+              return _ret_;
             });
             return timeFraction;
           },
-          draw(progress) {
+          intervalInterceptor(progress:number) {
             logger.debug("process execution progress: "+progress.toString());
           }
         });
@@ -63,4 +71,4 @@
 
   ]);
 
-}).call(null);
+})();

package/src/js/org.qcobjects.views.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,5 @@
+import { Package, View } from "qcobjects";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -28,13 +30,9 @@ Package("org.qcobjects.views",[
 
   class GridView extends View {
 
-    constructor ({component = null, dependencies = []}){
-      super({component, dependencies});
-        
-    }
 
   }
 
 ]);
 
-}).call(null);
+})();

package/tsconfig.json

@@ -5,6 +5,6 @@
     "allowJs": true,                                     /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */
     "outDir": "build",                                  /* Specify an output folder for all emitted files. */  
   },
-  "include": ["src/**/*.ts"],
+  "include": ["src/**/*.ts", "src/**/*.mts", "src/**/*.cts"],
   "exclude": ["src/**/*.spec.js", "src/*.js"]
 }

package/-m

@@ -1 +0,0 @@
-0.0.2

package/src/QCObjects-SDK.js

@@ -1,148 +0,0 @@
-/**
- * QCObjects SDK 2.4
- * ________________
- *
- * 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.
- */
-(function __qcobjects_sdk__ (_top) {
-  "use strict";
-  if (typeof Object.defineProperty !== "undefined" && typeof _top !== "undefined"){
-    try {
-      Object.defineProperty(_top,"__qcobjects_sdk__", {
-        enumerable: true,
-        configurable: false,
-        writable: false,
-        value: __qcobjects_sdk__,
-      });
-    } catch (e){
-      if (typeof _top.__qcobjects_sdk__ !== "undefined"){
-        _top.__qcobjects_sdk__.__loaded__ = true;
-      }
-    }
-  }
-
-  if (typeof _top.__qcobjects_sdk__.__loaded__ === "undefined"){
-    _top.__qcobjects_sdk__.__loaded__ = true;
-    if (typeof _top === "undefined"){
-      throw Error("Top context empty: It should either global, module or window");
-    }
-    var global = _top;
-    _top.global = global;
-    var isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
-    var isNodeCommonJS = (typeof module !== "undefined") ? (true): (false);
-    var remoteImportsPath = CONFIG.get("remoteImportsPath");
-    var relativeImportPath = CONFIG.get("relativeImportPath");
-    var external = (!CONFIG.get("useLocalSDK")) ? (true) : (false);
-    if (external && !isNodeCommonJS) {
-      CONFIG.set("remoteImportsPath", "https://sdk.qcobjects.dev/v2.4/src/js/");
-    } else {
-      CONFIG.set("relativeImportPath", "qcobjects-sdk/src/js/");
-    }
-    if (typeof _top._DOMCreateElement === "undefined") {
-      _top._DOMCreateElement = function (elementName) {
-        var _ret_;
-        if (isBrowser) {
-          _ret_ = document.createElement(elementName);
-        } else {
-          _ret_ = {};
-        }
-        return _ret_;
-      };
-    }
-    const __start__ = GlobalSettings.__start__.bind(_top);
-
-    var _imports_;
-    if (isBrowser && !isNodeCommonJS) {
-      _imports_ = [
-        Import("org.qcobjects.i18n_messages", function () {}, external),
-        Import("org.qcobjects.models", function () {}, external),
-        Import("org.qcobjects.components", function () {}, external),
-        Import("org.qcobjects.components.grid", function () {}, external),
-        Import("org.qcobjects.components.list", function () {}, external),
-        Import("org.qcobjects.components.slider", function () {}, external),
-        Import("org.qcobjects.components.notifications", function () {}, external),
-        Import("org.qcobjects.components.splashscreen", function () {}, external),
-        Import("org.qcobjects.controllers", function () {}, external),
-        Import("org.qcobjects.controllers.grid", function () {}, external),
-        Import("org.qcobjects.controllers.list", function () {}, external),
-        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.views", 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),
-        Import("org.qcobjects.cloud.auth.session.data", function () {}, external)
-      ];
-    } else if (typeof require !== "undefined") {
-      // non-browsers environment
-      _imports_ = [
-        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()
-        })
-      ]
-      
-    }
-    _top._sdk_ = Promise.all(_imports_).then(()=>{
-      CONFIG.set("useSDK", true);
-      CONFIG.set("remoteImportsPath", remoteImportsPath);
-      CONFIG.set("relativeImportPath", relativeImportPath);
-      __start__();
-    });
-  
-  }
-
-}).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/index.mjs

@@ -1,2 +0,0 @@
-import sdk from "./QCObjects-SDK";
-export default sdk;