qcobjects-sdk 2.4.59 → 2.4.61

package/src/js/org.qcobjects.components.grid.ts

@@ -0,0 +1,95 @@
+import { Package, Component, ComponentParams } from "qcobjects";
+
+/**
+ * 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.
+ */
+const _top = (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 (global:any) {
+  "use strict";
+
+  class GridItemComponent extends Component {
+    name = "grid-item";
+    shadowed= true;
+    tplsource= "inline";
+    template= `
+<img src="{{image}}" />
+<p>{{description}}</p>
+`;
+
+    cached= false;
+
+  }
+
+  class GridComponent extends Component {
+    name= "grid";
+    cached= false;
+    view= null;
+    shadowed= true;
+    rows= 3;
+    cols= 3;
+    templateURI= "";
+    data= {};
+    tplsource= "inline";
+    template= "<p>Loading...</p>";
+
+    constructor (o:ComponentParams){
+      super(o);
+      this.body.setAttribute("controllerClass", "DataGridController");
+      const subcomponentClass = (this.body.getAttribute("subcomponentClass") !== null) ? (this.body.getAttribute("subcomponentClass")) : ("GridItemComponent");
+      this.body.setAttribute("subcomponentClass", subcomponentClass as string);
+
+    }
+
+
+  }
+
+  Package("org.qcobjects.components.grid", [
+    GridComponent,
+    GridItemComponent
+  ]);
+
+  global.GridComponent = GridComponent;
+  global.GridItemComponent = GridItemComponent;
+
+})(_top);
+
+const GridComponent = (_top as any).GridComponent;
+const GridItemComponent = (_top as any).GridItemComponent;
+
+export {
+  GridComponent, 
+  GridItemComponent
+};

package/src/js/org.qcobjects.components.list.d.ts

@@ -0,0 +1,3 @@
+declare const ListComponent: any;
+declare const ListItemComponent: any;
+export { ListComponent, ListItemComponent };

package/src/js/org.qcobjects.components.list.ts

@@ -0,0 +1,83 @@
+import { Component, ComponentParams, Package } from "qcobjects";
+
+/**
+ * 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.
+*/
+const _top = (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(global:any) {
+"use strict";
+class ListItemComponent extends Component {
+  shadowed= false;
+  tplsource= "inline";
+  template="<a href=\"{{value}}\">{{label}}</a>";
+  cached= false;
+
+  constructor (o:ComponentParams){
+    o.name="list-item";
+    super(o);
+  }
+
+}
+
+class ListComponent extends Component {
+  shadowed= true;
+  tplsource= "inline";
+  template= "<p>Loading...</p>";
+
+  constructor (o:ComponentParams){
+    o.name = "list";
+    super(o);
+    this.body.setAttribute("controllerClass","ListController");
+    this.body.setAttribute("subcomponentClass","ListItemComponent");
+
+  }
+
+}
+
+Package("org.qcobjects.components.list",[
+  ListItemComponent,
+  ListComponent
+]);
+
+global.ListComponent = ListComponent;
+global.ListItemComponent = ListItemComponent;
+
+})(_top);
+
+const ListComponent = (_top as any).ListComponent;
+const ListItemComponent = (_top as any).ListItemComponent;
+
+export {ListComponent, ListItemComponent};

package/src/js/org.qcobjects.components.notifications.d.ts

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

package/src/js/org.qcobjects.components.notifications.ts

@@ -0,0 +1,191 @@
+import { Package, Component, _DOMCreateElement, New, _super_, ComponentParams, QCObjectsElement } from "qcobjects";
+import { Fade, Move } from "./org.qcobjects.effects";
+
+/**
+ * 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() {
+"use strict";
+class NotificationComponent extends Component {
+  cached= false;
+  tplsource= "inline";
+  shadowed= false;
+  kinds:string[];
+
+  constructor (o:ComponentParams){
+    o.name= "notification";
+    o.body = _DOMCreateElement("div") as QCObjectsElement;
+    super(o);
+
+    this.template= `
+    <style>
+    div.notification_background {
+      display: block; /* Hidden by default */
+      position: fixed; /* Stay in place */
+      z-index: 1; /* Sit on top */
+      padding-top: 100px; /* Location of the box */
+      left: 0;
+      top: 0;
+      bottom:0;
+      right:0;
+      width: 100%; /* Full width */
+      height: 100%; /* Full height */
+      overflow: auto; /* Enable scroll if needed */
+      background-color: rgb(0,0,0); /* Fallback color */
+      background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+      border: none !important;
+    }
+    div.notification {
+      border-radius: 12px !important;
+      margin-bottom: 15px;
+      padding: 4px 12px;
+    }
+    .notification.danger {
+      background-color: #ffdddd;
+      border-left: 6px solid #f44336;
+    }
+    .notification.success {
+      background-color: #ddffdd;
+      border-left: 6px solid #4CAF50;
+    }
+    .notification.info {
+      background-color: #e7f3fe;
+      border-left: 6px solid #2196F3;
+    }
+    .notification.warning {
+      background-color: #ffffcc;
+      border-left: 6px solid #ffeb3b;
+    }
+    </style>
+    <div class="notification_background">
+    <div class="notification {{kind}}">
+      <p><strong>{{title}}</strong> {{message}}</p>
+    </div>
+    </div>
+    `;
+    this.kinds=["danger", "success", "info", "warning"];
+
+  }
+
+  display(element:HTMLElement) {
+    const _display_ = function (element:HTMLElement){
+      element.style.display="block";
+      const appearEffect = New(Move,{
+        duration:900,
+        apply (element:HTMLElement){
+          _super_("Fade","apply").call(this,element,0,1);
+          _super_("Move","apply").call(this,element,0,-document.body.clientHeight,0,0);
+        }
+      });
+      const disappearEffect = New(Move,{
+        duration:650,
+        apply (element:HTMLElement){
+          _super_("Fade","apply").call(this,element,1,0);
+          _super_("Move","apply").call(this,element,0,0,0,-document.body.clientHeight);
+        }
+      });
+      appearEffect.apply(element);
+      setTimeout(function (){
+        disappearEffect.apply(element);
+      },2000);
+    };
+    (element as QCObjectsElement).subelements("div.notification_background").map(element=>New(Fade,{duration:500}).apply(element,0,1));
+    (element as QCObjectsElement).subelements("div.notification").map(element=>_display_(element));
+    setTimeout(function (){
+      element.remove();
+    },2200);
+  }
+
+  static success(message:string) {
+    const c = New(NotificationComponent, {
+      name: "notification",
+      shadowed: true,
+      body: _DOMCreateElement("div"),
+      data: {
+        kind: "success",
+        title: "Success!",
+        message: `${message}...`
+      }
+    });
+    document.body.append(c);
+    const _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
+    c.display(_componentRoot);
+  }
+
+  static danger(message:string) {
+    const c = New(NotificationComponent, {
+      name: "notification",
+      shadowed: true,
+      body: _DOMCreateElement("div"),
+      data: {
+        kind: "danger",
+        title: "Danger!",
+        message: `${message}...`
+      }
+    });
+    document.body.append(c);
+    const _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
+    c.display(_componentRoot);
+  }
+
+  static info(message:string) {
+    const c = New(NotificationComponent, {
+      name: "notification",
+      shadowed: true,
+      body: _DOMCreateElement("div"),
+      data: {
+        kind: "info",
+        title: "Info!",
+        message: `${message}...`
+      }
+    });
+    document.body.append(c);
+    const _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
+    c.display(_componentRoot);
+  }
+
+  static warning(message:string) {
+    const c = New(NotificationComponent, {
+      name: "notification",
+      shadowed: true,
+      body: _DOMCreateElement("div"),
+      data: {
+        kind: "warning",
+        title: "Warning!",
+        message: `${message}...`
+      }
+    });
+    document.body.append(c);
+    const _componentRoot = (c.shadowed)?(c.shadowRoot.host):(c.body);
+    c.display(_componentRoot);
+  }
+  
+
+}
+
+Package("org.quickcorp.components.notifications", [
+  NotificationComponent
+]);
+
+})();

package/src/js/org.qcobjects.components.slider.d.ts

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

package/src/js/{org.qcobjects.components.slider.js → org.qcobjects.components.slider.ts}

@@ -1,3 +1,5 @@
+import { Package, Component, ComponentParams } from "qcobjects";
+
 /**
  * QCObjects SDK 2.4
  * ________________
@@ -31,11 +33,11 @@ Package("org.qcobjects.components.slider",[
     template="<p>Loading...</p>";
     name = "slidelist";
 
-    constructor (o){
+    constructor (o:ComponentParams){
       super(o);
       this.body.setAttribute("controllerClass","DataGridController");
-      var subcomponentClass = (this.body.getAttribute("subcomponentClass") !== null)?(this.body.getAttribute("subcomponentClass")):("GridItemComponent");
-      this.body.setAttribute("subcomponentClass",subcomponentClass);
+      const subcomponentClass = (this.body.getAttribute("subcomponentClass") !== null)?(this.body.getAttribute("subcomponentClass")):("GridItemComponent");
+      this.body.setAttribute("subcomponentClass",subcomponentClass as string);
     }
 
   },
@@ -44,7 +46,7 @@ Package("org.qcobjects.components.slider",[
     effectClass = "Fade";
     name = "slider_item";
 
-    constructor (o) {
+    constructor (o:ComponentParams) {
       super(o);
       this.data.slideNumber = this.data.__dataIndex+1;
       this.template= `
@@ -65,7 +67,7 @@ Package("org.qcobjects.components.slider",[
   class SliderComponent extends Component {
     name = "slider";
 
-    constructor (o) {
+    constructor (o:ComponentParams) {
       super(o);
       this.template= `
       <style>
@@ -200,4 +202,4 @@ Package("org.qcobjects.components.slider",[
 
 ]);
 
-}).call(null);
+})();

package/src/js/org.qcobjects.components.splashscreen.d.ts

@@ -0,0 +1,28 @@
+/**
+ * QCObjects SDK 2.4.0
+ * ________________
+ *
+ * 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.
+*/
+declare const SplashScreenComponent: any;
+declare const VideoSplashScreenComponent: any;
+declare const CubeSplashScreenComponent: any;
+export { SplashScreenComponent, VideoSplashScreenComponent, CubeSplashScreenComponent };