qcobjects-sdk 2.4.66 → 2.5.105

package/build/{js → ts}/org.qcobjects.components.splashscreen.js

@@ -1,6 +1,5 @@
-"use strict";
 /**
- * QCObjects SDK 2.4.0
+ * QCObjects SDK 2.5.0
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -23,125 +22,120 @@
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
 */
+"use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CubeSplashScreenComponent = exports.VideoSplashScreenComponent = exports.SplashScreenComponent = void 0;
 const qcobjects_1 = require("qcobjects");
 const org_qcobjects_effects_1 = require("./org.qcobjects.effects");
-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 __splash_screen__(global) {
-    "use strict";
-    class SplashScreenComponent extends qcobjects_1.Component {
-        constructor(component) {
-            component.name = (typeof component.name === "undefined") ? ("splashscreen") : (component.name);
-            const isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
-            const isStartURL = (location.hash === ""
-                && location.pathname === "/" && location.search === "")
-                || qcobjects_1.CONFIG.get("routingWay", "pathname") === "hash" && qcobjects_1.CONFIG.get("start_url", "/") === location.hash
-                || qcobjects_1.CONFIG.get("routingWay", "pathname") === "pathname" && qcobjects_1.CONFIG.get("start_url", "/") === location.pathname
-                || qcobjects_1.CONFIG.get("routingWay", "pathname") === "search" && qcobjects_1.CONFIG.get("start_url", "/") === location.search;
-            const _enabled_ = isBrowser && isStartURL;
-            if (_enabled_) {
-                component.basePath = qcobjects_1.CONFIG.get("splashscreenBasePath", qcobjects_1.CONFIG.get("remoteSDKPath", ""));
-                if (typeof component.data === "undefined") {
-                    component.data = {};
-                }
-                component.data.basePath = component.basePath;
+class SplashScreenComponent extends qcobjects_1.Component {
+    _enabled_;
+    _bgcolor;
+    cached = false;
+    shadowed = true;
+    body;
+    shadowRoot;
+    constructor(component) {
+        component.name = (typeof component.name === "undefined") ? ("splashscreen") : (component.name);
+        const isBrowser = typeof window !== "undefined" && typeof window.self !== "undefined" && window === window.self;
+        const isStartURL = (location.hash === ""
+            && location.pathname === "/" && location.search === "")
+            || qcobjects_1.CONFIG.get("routingWay", "pathname") === "hash" && qcobjects_1.CONFIG.get("start_url", "/") === location.hash
+            || qcobjects_1.CONFIG.get("routingWay", "pathname") === "pathname" && qcobjects_1.CONFIG.get("start_url", "/") === location.pathname
+            || qcobjects_1.CONFIG.get("routingWay", "pathname") === "search" && qcobjects_1.CONFIG.get("start_url", "/") === location.search;
+        const _enabled_ = isBrowser && isStartURL;
+        if (_enabled_) {
+            component.basePath = qcobjects_1.CONFIG.get("splashscreenBasePath", qcobjects_1.CONFIG.get("remoteSDKPath", ""));
+            if (typeof component.data === "undefined") {
+                component.data = {};
+            }
+            component.data.basePath = component.basePath;
+        }
+        else {
+            if (typeof component !== "undefined" && typeof component.body !== "undefined") {
+                component.body.style.display = "none";
+            }
+        }
+        super(component);
+        this._bgcolor = "";
+        this._enabled_ = _enabled_;
+        if (this._enabled_) {
+            const displayEffectDuration = 1000;
+            let duration = this.body.getAttribute("duration");
+            if (duration === null) {
+                duration = displayEffectDuration;
             }
             else {
-                if (typeof component !== "undefined" && typeof component.body !== "undefined") {
-                    component.body.style.display = "none";
-                }
+                duration = parseInt(duration.toString());
             }
-            super(component);
-            this.cached = false;
-            this.shadowed = true;
-            this._bgcolor = "";
-            this._enabled_ = _enabled_;
-            if (this._enabled_) {
-                const displayEffectDuration = 1000;
-                let duration = this.body.getAttribute("duration");
-                if (duration === null) {
-                    duration = displayEffectDuration;
-                }
-                else {
-                    duration = parseInt(duration.toString());
-                }
-                this._bgcolor = this.body.style.backgroundColor;
-                const _helper_ = () => {
-                    setTimeout(() => {
-                        if (!_helper_.executed) {
-                            const _componentRoot = (this.shadowed) ? this.shadowRoot?.host : this.body;
-                            if (typeof global.componentsStack !== "undefined") {
-                                global.componentsStack.filter((c) => c.body.hasAttribute("splashscreen")).map((mainComponent) => {
-                                    qcobjects_1.logger.debug(`Splash Screen of Main Component: ${mainComponent.name}`);
-                                    mainComponent.splashScreenComponent = this;
-                                    const SplashScreenHandler = () => {
-                                        if (!SplashScreenHandler.executed) {
-                                            const component = mainComponent.splashScreenComponent;
-                                            const mainElement = (mainComponent.shadowed) ? mainComponent.shadowRoot?.host : mainComponent.body;
-                                            mainComponent._mainPosition = mainElement.style.position;
-                                            if (typeof mainElement !== "undefined") {
-                                                mainElement.style.position = "fixed";
-                                            }
-                                            mainComponent._mainOpacity = mainElement.style.opacity;
-                                            _componentRoot.style.width = "100%";
-                                            _componentRoot.style.height = "100%";
-                                            document.body.style.backgroundColor = "#111111";
-                                            mainElement.style.opacity = "0";
-                                            setTimeout(function () {
-                                                if (typeof _componentRoot !== "undefined") {
-                                                    document.body.style.backgroundColor = component?._bgcolor;
-                                                    _componentRoot.subelements("#slot-logo").map((slotlogo) => {
-                                                        slotlogo.style.display = "block";
-                                                        slotlogo.style.transformOrigin = "center";
-                                                        return (new org_qcobjects_effects_1.Resize()).apply(slotlogo, 1, 0);
-                                                    });
-                                                    (new org_qcobjects_effects_1.Fade()).apply(_componentRoot, 1, 0);
-                                                }
-                                            }, (duration - displayEffectDuration));
-                                            setTimeout(function () {
-                                                (new org_qcobjects_effects_1.Fade()).apply(mainElement, 0, 1);
-                                                mainElement.style.position = mainComponent._mainPosition;
-                                                document.body.style.backgroundColor = component._bgcolor;
-                                                if (_componentRoot.parentElement !== null) {
-                                                    _componentRoot.parentElement.remove();
-                                                }
-                                            }, duration);
+            this._bgcolor = this.body.style.backgroundColor;
+            const _helper_ = () => {
+                setTimeout(() => {
+                    if (!_helper_.executed) {
+                        const _componentRoot = (this.shadowed) ? this.shadowRoot?.host : this.body;
+                        if (typeof qcobjects_1.global.componentsStack !== "undefined") {
+                            qcobjects_1.global.componentsStack.filter((c) => c.body.hasAttribute("splashscreen")).map((mainComponent) => {
+                                qcobjects_1.logger.debug(`Splash Screen of Main Component: ${mainComponent.name}`);
+                                mainComponent.splashScreenComponent = this;
+                                const SplashScreenHandler = () => {
+                                    if (!SplashScreenHandler.executed) {
+                                        const component = mainComponent.splashScreenComponent;
+                                        const mainElement = (mainComponent.shadowed) ? mainComponent.shadowRoot?.host : mainComponent.body;
+                                        mainComponent._mainPosition = mainElement.style.position;
+                                        if (typeof mainElement !== "undefined") {
+                                            mainElement.style.position = "fixed";
                                         }
-                                        SplashScreenHandler.executed = true;
-                                    };
-                                    return mainComponent.addComponentHelper(SplashScreenHandler.bind(mainComponent));
-                                });
-                            }
-                            _helper_.executed = true;
+                                        mainComponent._mainOpacity = mainElement.style.opacity;
+                                        _componentRoot.style.width = "100%";
+                                        _componentRoot.style.height = "100%";
+                                        document.body.style.backgroundColor = "#111111";
+                                        mainElement.style.opacity = "0";
+                                        setTimeout(function () {
+                                            if (typeof _componentRoot !== "undefined") {
+                                                document.body.style.backgroundColor = component?._bgcolor;
+                                                _componentRoot.subelements("#slot-logo").map((slotlogo) => {
+                                                    slotlogo.style.display = "block";
+                                                    slotlogo.style.transformOrigin = "center";
+                                                    return (new org_qcobjects_effects_1.Resize()).apply(slotlogo, 1, 0);
+                                                });
+                                                (new org_qcobjects_effects_1.Fade()).apply(_componentRoot, 1, 0);
+                                            }
+                                        }, (duration - displayEffectDuration));
+                                        setTimeout(function () {
+                                            (new org_qcobjects_effects_1.Fade()).apply(mainElement, 0, 1);
+                                            mainElement.style.position = mainComponent._mainPosition;
+                                            document.body.style.backgroundColor = component._bgcolor;
+                                            if (_componentRoot.parentElement !== null) {
+                                                _componentRoot.parentElement.remove();
+                                            }
+                                        }, duration);
+                                    }
+                                    SplashScreenHandler.executed = true;
+                                };
+                                return mainComponent.addComponentHelper(SplashScreenHandler.bind(mainComponent));
+                            });
                         }
-                    });
-                };
-                _helper_.executed = false;
-                this.addComponentHelper(_helper_.bind(component));
-            }
+                        _helper_.executed = true;
+                    }
+                });
+            };
+            _helper_.executed = false;
+            this.addComponentHelper(_helper_.bind(component));
         }
     }
-    (0, qcobjects_1.Package)("org.qcobjects.components.base", [
-        SplashScreenComponent
-    ]);
-    class VideoSplashScreenComponent extends SplashScreenComponent {
-        constructor(o) {
-            o.name = "videosplashscreen";
-            super(o);
-            this.cached = false;
-            this.shadowed = true;
-            this.tplsource = "inline";
-            this.template = `
+    // eslint-disable-next-line no-unused-vars
+    addComponentHelper(arg0) {
+        throw new Error("Method not implemented.");
+    }
+}
+exports.SplashScreenComponent = SplashScreenComponent;
+(0, qcobjects_1.Package)("org.qcobjects.components.base", [
+    SplashScreenComponent
+]);
+class VideoSplashScreenComponent extends SplashScreenComponent {
+    cached = false;
+    shadowed = true;
+    tplsource = "inline";
+    template = `
   <style>
   :host * {
     box-sizing: border-box;
@@ -305,16 +299,17 @@ const _top = (typeof module === "object" && typeof module.exports === "object")
   </div>
 
   `;
-        }
+    constructor(o) {
+        o.name = "videosplashscreen";
+        super(o);
     }
-    class CubeSplashScreenComponent extends SplashScreenComponent {
-        constructor(o) {
-            o.name = "cubesplashscreen";
-            super(o);
-            this.cached = false;
-            this.shadowed = true;
-            this.tplsource = "inline";
-            this.template = `
+}
+exports.VideoSplashScreenComponent = VideoSplashScreenComponent;
+class CubeSplashScreenComponent extends SplashScreenComponent {
+    cached = false;
+    shadowed = true;
+    tplsource = "inline";
+    template = `
   <style>
   @keyframes spin {
     0% {
@@ -627,16 +622,14 @@ const _top = (typeof module === "object" && typeof module.exports === "object")
   </div>
 
   `;
-        }
+    constructor(o) {
+        o.name = "cubesplashscreen";
+        super(o);
     }
-    (0, qcobjects_1.Package)("org.qcobjects.components.splashscreen", [
-        VideoSplashScreenComponent,
-        CubeSplashScreenComponent
-    ]);
-})(_top);
-const SplashScreenComponent = _top.SplashScreenComponent;
-exports.SplashScreenComponent = SplashScreenComponent;
-const VideoSplashScreenComponent = _top.VideoSplashScreenComponent;
-exports.VideoSplashScreenComponent = VideoSplashScreenComponent;
-const CubeSplashScreenComponent = _top.CubeSplashScreenComponent;
+}
 exports.CubeSplashScreenComponent = CubeSplashScreenComponent;
+(0, qcobjects_1.Package)("org.qcobjects.components.splashscreen", [
+    SplashScreenComponent,
+    VideoSplashScreenComponent,
+    CubeSplashScreenComponent
+]);

package/build/ts/org.qcobjects.controllers.form.js

@@ -0,0 +1,180 @@
+/**
+ * QCObjects SDK 2.5
+ * ________________
+ *
+ * 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";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormController = exports.FormValidations = void 0;
+const qcobjects_1 = require("qcobjects");
+const org_qcobjects_components_1 = require("./org.qcobjects.components");
+class FormValidations extends qcobjects_1.Controller {
+    getDefault() {
+        return function (fieldName, dataValue, element) {
+            const _regex = {
+                name: "^[a-zA-Z]+(([',. -][a-zA-Z ])?[a-zA-Z]*)*$",
+                email: "^([A-Za-z0-9]+)@([A-Za-z0-9]+).([A-Za-z0-9]+)$"
+            };
+            const _pattern_ = (element.getAttribute("pattern") || _regex[fieldName]);
+            const pattern = new RegExp(_pattern_);
+            return pattern.test(dataValue);
+        };
+    }
+}
+exports.FormValidations = FormValidations;
+class FormController extends qcobjects_1.Controller {
+    validations = [];
+    formValidatorModal;
+    serviceClass = "";
+    formSettings = {
+        backRouting: "#",
+        loadingRouting: "#loading",
+        nextRouting: "#signupsuccessful"
+    };
+    component;
+    hasValidation(element) {
+        const fieldName = element.getAttribute("data-field");
+        let _hasValidation = false;
+        if (typeof this.validations !== "undefined"
+            && Object.hasOwnProperty.call(this.validations, fieldName)) {
+            _hasValidation = true;
+        }
+        return _hasValidation;
+    }
+    isInvalid(element) {
+        let _isInvalid = false;
+        const fieldName = element.getAttribute("data-field");
+        const dataValue = this.component.data[fieldName];
+        const _execValidation = (fieldName, dataValue, element) => {
+            return (typeof this.validations !== "undefined"
+                && Object.hasOwnProperty.call(this.validations, fieldName)
+                && this.validations[fieldName].call(null, fieldName, dataValue, element));
+        };
+        if (typeof this.validations !== "undefined" && (!_execValidation(fieldName, dataValue, element))) {
+            _isInvalid = true;
+        }
+        return _isInvalid;
+    }
+    isValid(element) {
+        return !this.isInvalid(element);
+    }
+    save() {
+        if (this.serviceClass !== "") {
+            location.href = this.formSettings.loadingRouting;
+            (0, qcobjects_1.serviceLoader)((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(this.serviceClass), {
+                data: this.component.data
+            }), false).then(() => {
+                // This will show the service response as a plain text
+                console.log("DONE SERVICE COMPONENT");
+                location.href = this.formSettings.nextRouting;
+            }, (failedResponse) => {
+                qcobjects_1.logger.debug(failedResponse);
+                location.href = this.formSettings.backRouting;
+            });
+        }
+        else {
+            qcobjects_1.logger.debug("No service name declared on serviceClass property");
+        }
+    }
+    formSaveTouchHandler() {
+        qcobjects_1.logger.debug("Saving data...");
+        const _componentRoot_ = (this.component.shadowed) ? ((this.component?.shadowRoot).host) : (this.component.body);
+        (this.component).executeBindings();
+        if (this.formValidatorModal != null) {
+            const componentElementFields = _componentRoot_.subelements("*[data-field]");
+            const fieldsToValidate = componentElementFields.filter((f) => this.hasValidation(f));
+            const _labelledby = function (parentElement, element) {
+                const _arialabelledby = (parentElement, element) => {
+                    return (element.getAttribute("aria-labelledby") !== null) ? ((element.getAttribute("aria-labelledby") || "").split(" ").map(e => parentElement.subelements(`#${e}`).map((_e) => _e.innerHTML)).join(" ")) : (null);
+                };
+                return (_arialabelledby(parentElement, element)
+                    || element.getAttribute("aria-label")
+                    || element.getAttribute("placeholder")
+                    || element.getAttribute("name")
+                    || element.getAttribute("data-field"));
+            };
+            const _ariatitle = function (element) {
+                return (element.getAttribute("title") || element.getAttribute("aria-title") || "");
+            };
+            const invalidFields = fieldsToValidate.filter((f) => this.isInvalid(f));
+            if (invalidFields.length > 0) {
+                const validationMessage = `
+<details>
+  <summary>Please verify the following incorrect fields:</summary>
+  <ul>
+    <div>
+    ${invalidFields.map((element) => "<li><div>" + _labelledby(_componentRoot_, element) + "</div><div>" + _ariatitle(element) + "</div></li>").join("")}
+    </div>
+  </ul>
+</details>
+`;
+                this.formValidatorModal.body.subelements(".validationMessage")[0].innerHTML = validationMessage;
+                this.formValidatorModal.modal();
+            }
+            else {
+                this.save();
+            }
+        }
+        else {
+            qcobjects_1.logger.debug("Unable to find the modal validator...");
+            qcobjects_1.logger.debug("Saving data...");
+            this.save();
+        }
+    }
+    constructor(o) {
+        super(o);
+        this.component = o.component;
+        this.component = this.component.Cast(org_qcobjects_components_1.FormField);
+    }
+    done() {
+        qcobjects_1.logger.debugEnabled = true;
+        try {
+            (this.component).createBindingEvents();
+            const modalBody = (0, qcobjects_1._DOMCreateElement)("div");
+            modalBody.className = "modal_body";
+            this.formValidatorModal = (0, qcobjects_1.New)(org_qcobjects_components_1.ModalComponent, {
+                body: modalBody,
+                subcomponents: [],
+                data: {
+                    content: "<div class=\"validationMessage\"></div>"
+                }
+            });
+            (0, qcobjects_1.Tag)(".modal_body").map((e) => document.body.removeChild(e));
+            document.body.append(this.formValidatorModal.body);
+        }
+        catch (e) {
+            qcobjects_1.logger.debug(`Unable to create the modal: ${e}`);
+        }
+        this.onpress(".submit", () => {
+            this.formSaveTouchHandler();
+        });
+    }
+    // eslint-disable-next-line no-unused-vars
+    onpress(arg0, arg1) {
+        throw new Error("Method not implemented.");
+    }
+}
+exports.FormController = FormController;
+(0, qcobjects_1.Package)("org.qcobjects.controllers.form", [
+    FormController,
+    FormValidations
+]);