qcobjects-sdk 2.3.24

package/js/org.qcobjects.i18n_messages.js

@@ -0,0 +1,55 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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() {
+"use strict";
+Package("org.qcobjects.i18n_messages", [
+  Class("i18n_messages",Object,{
+    _load_i18n_packages_: function (){
+      return CONFIG.get("i18n_languages",[]).map((i18n_packagename)=>{
+        Import(`org.quickcorp.i18n_messages.${i18n_packagename}`);
+      });
+    },
+    _new_: function() {
+      var i18n = this;
+      if (CONFIG.get("use_i18n")){
+        CONFIG.set("lang", "en");
+        if (!global.get("i18n")){
+          global.set("i18n", {
+            messages: i18n.messages
+          });
+        } else {
+          global.set("i18n", {
+            messages: global.get("i18n").messages.concat(i18n.messages)
+          });
+        }
+      }
+    }
+  }),
+  {
+    _i18n_messages:i18n_messages._load_i18n_packages_()
+  }
+]);
+
+}).call(null);

package/js/org.qcobjects.modal.controllers.js

@@ -0,0 +1,42 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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() {
+"use strict";
+Package("org.qcobjects.modal.controllers",[
+  Class("ModalController",Controller,{
+    dependencies:[],
+    component:null,
+    _new_:function (o){
+      this.__new__(o);
+    },
+    done: function (){
+      var component = this.component;
+      component.body.innerHTML = component.body.innerHTML.replace("/{{content}}/g",component.submodal.template);
+
+    }
+  })
+]);
+
+}).call(null);

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

@@ -0,0 +1,48 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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() {
+"use strict";
+Package("org.qcobjects.modal.effects",[
+  Class("ModalFade",Effect,{
+    duration:500,
+    apply: function (){
+      _super_("Fade","apply").apply(this,arguments);
+    }
+  }),
+  Class("ModalMoveDown",Effect,{
+    duration:300,
+    apply: function (){
+      _super_("Move","apply").apply(this,arguments);
+    }
+  }),
+  Class("ModalMoveUp",Effect,{
+    duration:800,
+    apply: function (){
+      _super_("Move","apply").apply(this,arguments);
+    }
+  })
+]);
+
+}).call(null);

package/js/org.qcobjects.models.js

@@ -0,0 +1,40 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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() {
+"use strict";
+Package("org.qcobjects.models",[
+  Class("Contact",VO,{
+    first_name:"",
+    last_name:"",
+    address:"",
+    postalCode:"",
+    city:"",
+    country:"",
+    email:"",
+    phone:""
+  })
+]);
+
+}).call(null);

package/js/org.qcobjects.tools.canvas.js

@@ -0,0 +1,52 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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";
+(function() {
+  Package("org.qcobjects.tools.canvas",[
+    Class("CanvasTool",{
+      drawImageFilled: function (img,canvas,zoom=1,px=0,py=0){
+        // get the scale
+        var 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);
+      },
+      getImageResized: function (img,width,height,resizedImage,zoom=1,px=0,py=0){
+        var canvas = document.createElement("canvas");
+        canvas.width = width;
+        canvas.height = height;
+        canvas.style.width = width;
+        canvas.style.height = height;
+        this.drawImageFilled(img,canvas,zoom,px,py);
+        resizedImage.src = canvas.toDataURL("image/png");
+        return canvas;
+      }
+    })
+  ]);
+
+}).call(null);

package/js/org.qcobjects.tools.js

@@ -0,0 +1,59 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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";
+(function() {
+  Package("org.qcobjects.tools",[
+    Class("Process",Timer,{
+      steps:[],
+      currentStep:0,
+      stop: function (){
+        this.alive=false;
+      },
+      start: function (){
+        var process = this;
+        process.alive=true;
+        this.thread({
+          duration: this.duration,
+          timing(timeFraction) {
+            process.currentStep+=1;
+            process.map(function (p){
+              if (typeof p == "function"){
+                Promise.resolve().then(
+                  function (){
+                    p.call(process);
+                  });
+              }
+            });
+            return timeFraction;
+          },
+          draw(progress) {
+            logger.debug("process execution progress: "+progress.toString());
+          }
+        });
+      }
+    })
+  ]);
+
+}).call(null);

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

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

package/js/org.qcobjects.views.js

@@ -0,0 +1,37 @@
+/**
+ * QCObjects SDK 2.3
+ * ________________
+ *
+ * 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() {
+"use strict";
+Package("org.qcobjects.views",[
+  Class("GridView",View,{
+    dependencies:[],
+    component:null,
+    _new_:function (o){
+      this.__new__(o);
+    }
+  })
+]);
+
+}).call(null);

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "qcobjects-sdk",
+  "version": "2.3.24",
+  "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": "QCObjects-SDK.js",
+  "scripts": {
+    "test": "npm cache verify && (npx eslint *.js js/*.js --fix) && jasmine",
+    "sync": "git add . && git commit -am ",
+    "preversion": "npm cache verify && npm test",
+    "postversion": "git push && git push --tags"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/QuickCorp/QCObjects-SDK.git"
+  },
+  "keywords": [
+    "node",
+    "quickcorp",
+    "javascript",
+    "pure",
+    "mvc",
+    "objects",
+    "sdk",
+    "middleware",
+    "framework",
+    "quick",
+    "components",
+    "web",
+    "webcomponents"
+  ],
+  "devDependencies": {
+    "eslint": "^6.8.0",
+    "eslint-config-qcobjects": "0.0.11",
+    "qcobjects": "^2.3.44"
+  },
+  "author": "Jean Machuca <correojean@gmail.com>",
+  "license": "LGPL-3.0",
+  "bugs": {
+    "url": "https://github.com/QuickCorp/QCObjects-SDK/issues"
+  },
+  "homepage": "https://sdk.qcobjects.dev",
+  "dependencies": {
+    "jasmine": "^3.6.3"
+  },
+  "peerDependencies": {
+    "qcobjects": ">= 2.3"
+  }
+}

package/spec/support/jasmine.json

@@ -0,0 +1,16 @@
+{
+  "spec_dir": "spec",
+
+  "spec_files": [
+    "**/*[sS]pec.js",
+    "!**/*nospec.js"
+  ],
+
+  "helpers": [
+    "helpers/**/*.js"
+  ],
+
+  "stopSpecOnExpectationFailure": false,
+
+  "random": false
+}

package/spec/testsSpec.js

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+
+describe('QCObjects SDK Main Test', function () {
+
+  it('Dummy test', function () {
+    expect(true).toEqual(true);
+  });
+
+})

package/templates/components/modalyoulose.tpl.html

@@ -0,0 +1,3 @@
+<div class="center">
+<p>YOU LOSE!</p>
+</div>

package/templates/components/modalyouwin.tpl.html

@@ -0,0 +1,4 @@
+<div class="center">
+<h1>Title</h1>
+<p>YOU WIN!</p>
+</div>

package/templates/components/splashscreen.tpl.html

@@ -0,0 +1,128 @@
+<style>
+:host * {
+  box-sizing: border-box;
+}
+
+:host {
+  zoom: 1.0;
+  width: device-width;
+  margin: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  position: absolute;
+  padding: 0;
+  min-width: 100vw;
+  min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
+  background-color: black;
+}
+#slot-logo::slotted(img) {
+  vertical-align: middle;
+  display: block;
+  width: 100vw;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  top: 20vh;
+  bottom: 20vh;
+  position: absolute;
+  z-index: 9999999999;
+  transform-origin: center;
+  transform-style: preserve-3d;
+  filter: blur(0em);
+  transition: filter 0.5s;
+}
+
+:host * {
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+  /* prevent callout to copy image, etc when tap to hold */
+  -webkit-text-size-adjust: none;
+  /* prevent webkit from resizing text to fit */
+  -webkit-user-select: none;
+  /* prevent copy paste, to allow, change 'none' to 'text' */
+}
+
+/* FOCUS */
+:host summary:focus,
+:host a:focus,
+:host button:focus {
+  outline: none;
+}
+
+.splashscreen,
+.fullscreen-bg {
+  padding: 0;
+  margin: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  padding: 0;
+  background-attachment: fixed;
+  background-position: center;
+  background-clip: content-box;
+  background-size: cover;
+  position: absolute;
+  min-width: 100vw;
+  min-height: 100vh;
+  width: 100vw;
+  height: 100vh;
+  z-index: 0;
+  overflow: hidden;
+}
+
+.splashscreen .splashcontent {
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0 auto;
+  width: 100vw;
+  height: 100vh;
+  padding: 0;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.splashscreen .splashcontent p {
+  color: white;
+}
+
+video.fullscreen-bg__video {
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  min-width: 100vw;
+  min-height: 100vh;
+  overflow: hidden;
+  z-index: 0;
+  object-fit: cover;
+}
+  .splashscreen,
+  .fullscreen-bg {
+    background-image: url('{{background}}');
+  }
+
+</style>
+<div class="splashscreen">
+  <div class="fullscreen-bg splashcontent">
+    <video loop muted autoplay playsinline name="media" poster="{{background}}" class="fullscreen-bg__video" data-setup="{}" height="100%">
+      <source src="{{video_mp4}}" type="video/mp4">
+      <source src="{{video_ogg}}" type="video/ogg">
+      <source src="{{video_webm}}" type="video/webm">
+    </video>
+    <slot id="slot-logo" name="logo"></slot>
+  </div>
+</div>

package/templates/components/swagger-ui.tpl.html

@@ -0,0 +1,22 @@
+<style>
+  html
+  {
+    box-sizing: border-box;
+    overflow: -moz-scrollbars-vertical;
+    overflow-y: scroll;
+  }
+
+  *,
+  *:before,
+  *:after
+  {
+    box-sizing: inherit;
+  }
+
+  body
+  {
+    margin:0;
+    background: #fafafa;
+  }
+</style>
+<div id="swagger-ui"></div>