qcobjects-sdk 2.4.60 → 2.4.62

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

@@ -1,154 +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 (global) {
-  "use strict";
-  Package("org.qcobjects.controllers.slider", [
-
-    class SliderController extends Controller {
-      dependencies = [];
-      component = null;
-      slideIndex = 0;
-      duration = 7100;
-      interval = null;
-      sliderHandlerName = null;
-
-      constructor({component, dependencies= [], duration = 7100, slideIndex=0, interval = null, sliderHandlerName = null}) {
-        super({component, dependencies, duration, slideIndex, interval, sliderHandlerName});
-        this.component = component;
-        this._componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
-        //TODO: Implement
-        this.sliderHandlerName = "slider_" + this.component.__instanceID.toString();
-        global.set(this.sliderHandlerName, this);
-
-      }
-
-
-      stop() {
-        if (this.interval != null) {
-          clearInterval(this.interval);
-        }
-      }
-
-      plusSlidesAndStop(n) {
-        this.stop();
-        this.plusSlides(n);
-      }
-
-      plusSlides(n) {
-        this.showSlides(this.slideIndex += n);
-      }
-
-      currentSlide(n) {
-        this.stop();
-        this.showSlides(this.slideIndex = n);
-      }
-
-      automate() {
-        var controller = this;
-        controller.interval = setInterval(function () {
-          controller.plusSlides(1);
-        }, controller.duration);
-      }
-
-      showSlides(n) {
-        var controller = this;
-        var slides = controller._componentRoot.subelements(".qcoSlides");
-        var dots = controller._componentRoot.subelements(".qcoSlider__dots--dot");
-
-        if (n > (slides.length - 1)) {
-          controller.slideIndex = 0;
-        }
-        if (n < 0) {
-          controller.slideIndex = 0;
-        }
-        slides.filter((slide, index)=> {return index!== controller.slideIndex;}).map((slide) => {
-          (New(ClassFactory("Fade"))).apply(slide, 1, 0);
-        });
-        dots.filter((dot, index)=> {return index!== controller.slideIndex;}).map((dot) => {
-          dot.classList.remove("active");
-        });
-        try {
-          dots[controller.slideIndex].classList.add("active");
-        } catch (e) {
-          logger.debug(`Something went wrong when trying to activate a slide: ${controller.slideIndex} - ${e.message}`);
-        }
-        setTimeout(function () {
-          slides.filter((slide, index)=> {return index!== controller.slideIndex;}).map((slide) => {
-            slide.style.display = "none";
-          });
-          try {
-            slides[controller.slideIndex].style.display = "block";
-            (New(ClassFactory("Fade"))).apply(slides[controller.slideIndex], 0, 1);
-
-          } catch (e) {
-            logger.debug(`Something went wrong when trying to show a slide: ${controller.slideIndex} - ${e.message}`);
-          }
-        }, 700);
-      }
-
-      fillDots() {
-        var controller = this;
-        var slides = controller._componentRoot.subelements(".qcoSlides");
-        slides.map((slide, index) => {
-          var dotHTML = document.createElement("span");
-          var dotContent = `<span class="qcoSlider__dots--dot" onclick="global.get('${controller.sliderHandlerName}').currentSlide(${index})"></span>`;
-          dotHTML.innerHTML = dotContent;
-          controller._componentRoot.subelements(".qcoSlider__dots")[0].append(dotHTML);
-        });
-
-      }
-
-      done() {
-        var controller = this;
-        var slides = controller._componentRoot.subelements(".qcoSlides");
-        slides.filter((slide, index)=> {return index!== controller.slideIndex;}).map((slide) => {
-          slide.style.display = "none";
-        });
-        setTimeout(function () {
-          controller.fillDots();
-          controller.slideIndex = 0;
-          controller.showSlides(this.slideIndex);
-          controller.automate();
-        }, 3000);
-
-      }
-
-    }
-
-  ]);
-
-}).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

@@ -1,345 +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.
- */
-"use strict";
-(function () {
-  Package("org.qcobjects.effects.base", [
-    class Fade extends Effect {
-      duration = 1000;
-
-      apply(element, alphaFrom, alphaTo) {
-        var da = alphaTo - alphaFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var alpha = alphaFrom + (progress * da / 100);
-            logger.debug("alpha: " + alpha.toString());
-            element.style.opacity = alpha.toString();
-          }
-        });
-      }
-    },
-
-    class Move extends Effect {
-      duration = 1000;
-
-      apply(element, xfrom, yfrom, xto, yto) {
-        var dx = xto - xfrom;
-        var 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());
-            var y = yfrom + (progress * dy / 100);
-            var 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.extended", [
-
-
-    class MoveXInFromRight extends Move {
-      duration = 1000;
-
-      apply(element) {
-        super.apply.call(this, element, element.width, 0, 0, 0);
-      }
-    },
-
-    class MoveXInFromLeft extends Move {
-      duration = 1000;
-
-      apply(element) {
-        super.apply.call(this, element, -element.width, 0, 0, 0);
-      }
-    },
-
-    class MoveYInFromBottom extends Move {
-      duration = 1000;
-
-      apply(element) {
-        super.apply.call(this, element, 0, element.height, 0, 0);
-      }
-
-    },
-
-    class MoveYInFromTop extends Move {
-      duration = 1000;
-
-      apply(element) {
-        super.apply.call(this, element, 0, -element.height, 0, 0);
-      }
-    },
-
-    class RotateX extends Effect {
-      duration = 1000;
-
-      apply(element, angleFrom, angleTo) {
-        var da = angleTo - angleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, angleFrom, angleTo) {
-        var da = angleTo - angleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, angleFrom, angleTo) {
-        var da = angleTo - angleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, angleFrom, angleTo) {
-        var da = angleTo - angleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, radiusFrom, radiusTo) {
-        var dr = radiusTo - radiusFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var radius = radiusFrom + (progress * dr / 100);
-            logger.debug("radius: " + radius.toString());
-            element.style.borderRadius = radius.toString() + "px";
-          }
-        });
-      }
-
-    },
-
-    class Resize extends Effect {
-      duration = 1000;
-
-      apply(element, scaleFrom, scaleTo) {
-        var ds = scaleTo - scaleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, scaleFrom, scaleTo) {
-        var ds = scaleTo - scaleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, scaleFrom, scaleTo) {
-        var ds = scaleTo - scaleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, scaleFrom, scaleTo) {
-        var ds = scaleTo - scaleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var 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, scaleFrom, scaleTo) {
-        var ds = scaleTo - scaleFrom;
-        this.animate({
-          duration: this.duration,
-          timing(timeFraction) {
-            return timeFraction;
-          },
-          draw(progress) {
-            logger.debug("animation progress: " + progress.toString());
-            var scale = scaleFrom + (progress * ds / 100);
-            logger.debug("wipe: " + scale.toString());
-            element.style.transformOrigin = "top";
-            element.style.transform = "scaleY(" + scale + ")";
-          }
-        });
-      }
-    }
-
-  ]);
-  Package("org.qcobjects.modal.effects", [
-
-    class ModalFade extends Fade {
-      duration = 500;
-
-    },
-
-    class ModalMoveDown extends Move {
-      duration = 300;
-
-    },
-
-    class ModalMoveUp extends Move {
-
-      duration = 800;
-
-    }
-
-  ]);
-
-}).call(null);

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

@@ -1,79 +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.
-*/
-"use strict";
-(function() {
-  Package("org.qcobjects.tools.layouts",[
-
-    class BasicLayout extends InheritClass {
-
-      constructor ({component = null, dependencies = []}) {
-        super({component, dependencies});  
-      }
-
-      load (){
-        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 (){
-        /*
-        * 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);