qcobjects-sdk 2.4.62 → 2.4.66

package/.github/workflows/npmpublish-main.yml

@@ -17,7 +17,8 @@ jobs:
       - uses: actions/checkout@v3.3.0
       - uses: actions/setup-node@v3.6.0
         with:
-          node-version: 16
+          node-version: 20
+      - run: npm config set legacy-peer-deps true=true
       - run: npm ci
       - run: npm test
 
@@ -28,11 +29,12 @@ jobs:
       - uses: actions/checkout@v3.3.0
       - uses: actions/setup-node@v3.6.0
         with:
-          node-version: 16
+          node-version: 20
           registry-url: https://registry.npmjs.org/
       - name: Set up NPM authentication
         run: echo "registry=https://registry.npmjs.org/:_authToken=${{secrets.NPM_TOKEN}}" >> ~/.npmrc
-      - run: npm ci
+      - run: npm config set legacy-peer-deps true=true
+      - run: npm ci 
       - run: npm publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

package/.gitmodules

@@ -0,0 +1,4 @@
+[submodule "v2.4"]
+	path = v2.4
+	url = https://github.com/QuickCorp/QCObjects-SDK.git
+	branch = v2.4

package/README.md

@@ -16,6 +16,7 @@ If you like this code please [DONATE ](https://www.paypal.com/cgi-bin/webscr?cmd
 
 [QCObjects SDK](https://sdk.qcobjects.dev) is a set of Controllers, Views and Components that are elementary and useful to assist developers to build applications under MVC patterns using [QCObjects](https://qcobjects.dev).
 
+Checkout the [QCObjects SDK 2.4 beta version](https://sdk.qcobjects.dev/v2.4/)
 
 If you like more code samples feel free to write your questions to info@quickcorp.cl
 

package/VERSION

@@ -1 +1 @@
-2.4.62
+2.4.66

package/build/QCObjects-SDK.js

@@ -0,0 +1,97 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-empty-function */
+/**
+ * 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+const qcobjects_1 = require("qcobjects");
+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) : ({})));
+// eslint-disable-next-line camelcase
+(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,
+                // eslint-disable-next-line camelcase
+                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");
+        }
+        const __start__ = qcobjects_1.GlobalSettings.__start__.bind(_top);
+        let _imports_ = [];
+        // non-browsers environment // esbuild compatible
+        _imports_ = [
+            new Promise((resolve) => {
+                require("./js/org.qcobjects.i18n_messages");
+                require("./js/org.qcobjects.models");
+                require("./js/org.qcobjects.components");
+                require("./js/org.qcobjects.components.grid");
+                require("./js/org.qcobjects.components.list");
+                require("./js/org.qcobjects.components.slider");
+                require("./js/org.qcobjects.components.notifications");
+                require("./js/org.qcobjects.components.splashscreen");
+                require("./js/org.qcobjects.controllers");
+                require("./js/org.qcobjects.controllers.grid");
+                require("./js/org.qcobjects.controllers.list");
+                require("./js/org.qcobjects.controllers.slider");
+                require("./js/org.qcobjects.controllers.form");
+                require("./js/org.qcobjects.controllers.swagger");
+                require("./js/org.qcobjects.effects");
+                require("./js/org.qcobjects.modal.controllers");
+                require("./js/org.qcobjects.views");
+                require("./js/org.qcobjects.tools.canvas");
+                require("./js/org.qcobjects.tools.layouts");
+                require("./js/org.qcobjects.cloud.auth.session.usertoken");
+                require("./js/org.qcobjects.cloud.auth.session.data");
+                resolve();
+            })
+        ];
+        _top._sdk_ = Promise.all(_imports_).then(() => {
+            qcobjects_1.CONFIG.set("useSDK", true);
+            __start__();
+        });
+    }
+})(_top);
+exports.default = _top;

package/build/css/base-modal.css

@@ -0,0 +1,43 @@
+/* The Modal (background) */
+.modal {
+  display: none; /* 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;
+  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-radius: 12px !important;
+  border: none !important;
+}
+
+/* Modal Content */
+.modal-content {
+  background-color: #111;
+  background-image: radial-gradient( #edeeef,#dee3de,#fcfcfc);
+  margin: auto;
+  padding: 20px;
+  border-radius: 12px !important;
+  border: 1px solid #909090;
+  width: 80%;
+  height:auto;
+}
+/* The Close Button */
+.close {
+  color: #aaaaaa;
+  float: right;
+  font-size: 28px;
+  font-weight: bold;
+}
+
+.close:hover,
+.close:focus {
+  color: #000;
+  text-decoration: none;
+  cursor: pointer;
+}
+.modal * {color:black}

package/build/css/basic-layout-embedded-nav.css

@@ -0,0 +1,14 @@
+/* Responsive layout - makes the two columns/boxes stack on top of each other instead of next to each other, on small screens */
+@media (max-width: 600px),
+@media (max-width:460px),
+@media (aspect-ratio: 9/16),
+@media (aspect-ratio: 10/16),
+@media (aspect-ratio: 5/8),
+@media (aspect-ratio: 3/4),
+@media (aspect-ratio: 2/3){
+ nav, article {
+   width: 100%;
+   height: auto;
+   position: relative;
+ }
+}

package/build/css/basic-layout.css

@@ -0,0 +1,76 @@
+/**
+ * QCObjects SDK 1.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.
+*/
+
+@charset "UTF-8";
+/* CSS Document */
+
+* {
+    box-sizing: border-box;
+  }
+
+  body {
+    font-family: Arial, Helvetica, sans-serif;
+  }
+
+  /* Style the header */
+  header {
+    padding: 30px;
+    text-align: center;
+    font-size: 20px;
+  }
+
+  /* Create two columns/boxes that floats next to each other */
+  nav {
+    float: left;
+    width: 30%;
+    height: 1080px;
+    padding: 20px;
+  }
+
+  /* Style the list inside the menu */
+  nav ul {
+    list-style-type: none;
+    padding: 0;
+  }
+
+  article {
+    float: left;
+    padding: 20px;
+    width: 70%;
+  }
+
+  /* Clear floats after the columns */
+  section:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+
+  /* Style the footer */
+  footer {
+    padding: 10px;
+    text-align: center;
+  }

package/build/css/components/horizontal-list.css

@@ -0,0 +1,64 @@
+ul {
+  display: flex;
+}
+
+li {
+  display: inline;
+}
+
+ul {
+  padding: 15px 0 15px 0;
+  background-color: #f7f6f6 !important;
+  border-radius: 13px;
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px !important;
+}
+
+ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  padding-left: 10px;
+  border-bottom: 1px solid white;
+}
+
+ul {
+  list-style-type: none;
+}
+
+
+li:hover {
+  background: white;
+  cursor: pointer;
+}
+
+ul li ul {
+  background: white;
+  visibility: hidden;
+  opacity: 0;
+  min-width: 5rem;
+  position: relative;
+  transition: all 0.5s ease;
+  margin-top: 1rem;
+  left: 0;
+  display: none;
+}
+
+ul li:hover > ul,
+ul li ul:hover {
+  visibility: visible;
+  opacity: 1;
+  display: inline-block;
+  margin: 0 auto;
+  width: 95%;
+}
+
+ul li ul li {
+  clear: both;
+  width: 100%;
+  padding: 1%;
+}
+ ul li {
+  overflow-x: hidden;
+}

package/build/css/components/list.css

@@ -0,0 +1,57 @@
+ul {
+  padding: 15px 0 15px 0;
+  background-color: #f7f6f6 !important;
+  border-radius: 13px;
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px 0px !important;
+}
+
+ul li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-top: 7px;
+  padding-bottom: 7px;
+  padding-left: 10px;
+  border-bottom: 1px solid white;
+}
+
+ul {
+  list-style-type: none;
+}
+
+
+ul, li {display: block;}
+li:hover {
+  background: white;
+  cursor: pointer;
+}
+
+ul li ul {
+  background: white;
+  visibility: hidden;
+  opacity: 0;
+  min-width: 5rem;
+  position: relative;
+  transition: all 0.5s ease;
+  margin-top: 1rem;
+  left: 0;
+  display: none;
+}
+
+ul li:hover > ul,
+ul li ul:hover {
+  visibility: visible;
+  opacity: 1;
+  display: inline-block;
+  margin: 0 auto;
+  width: 95%;
+}
+
+ul li ul li {
+  clear: both;
+  width: 100%;
+  padding: 1%;
+}
+ ul li {
+  overflow-x: hidden;
+}

package/build/css/components/splashscreen.css

@@ -0,0 +1,111 @@
+: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;
+}

package/build/css/modal.css

@@ -0,0 +1,46 @@
+@import url("./base-modal.css");
+
+.modal details {
+    border: 1px 0 0 1px solid #aaa;
+    border-radius: 4px;
+    padding: .5em .5em 0;
+}
+
+.modal summary {
+    font-weight: bold;
+    margin: -.5em -.5em 0;
+    padding: .5em;
+}
+
+.modal details[open] {
+    padding: .5em;
+}
+
+.modal details[open] summary {
+    border-bottom: 1px solid #aaa;
+    margin-bottom: .5em;
+}
+
+.modal summary::-webkit-details-marker {
+  display: none
+}
+
+.modal summary:after {
+  border-radius: 5px;
+  content: "+";
+  color: #111111;
+  float: left;
+  font-size: 1.5em;
+  font-weight: bold;
+  margin: -5px 10px 0 0;
+  padding: 0;
+  text-align: center;
+  width: 20px;
+}
+.modal details[open] summary:after {
+  content: "-";
+}
+
+.modal ul {
+  list-style-type: none;
+}

package/build/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const sdk = require("./QCObjects-SDK");
+module.exports = sdk;

package/build/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const sdk = __importStar(require("./QCObjects-SDK"));
+exports.default = sdk;

package/build/index.mjs

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