qcobjects-sdk 2.4.66 → 2.5.105

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

@@ -0,0 +1,269 @@
+/**
+ * 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.DataGridController = exports.GridController = void 0;
+const qcobjects_1 = require("qcobjects");
+class GridController extends qcobjects_1.Controller {
+    __instanceID;
+    rows;
+    cols;
+    component;
+    constructor(controller) {
+        super(controller);
+        this.rows = this.component.body.getAttribute("rows");
+        this.rows = (this.rows !== null) ? (this.rows) : ((this.component).rows);
+        this.cols = this.component.body.getAttribute("cols");
+        this.cols = (this.cols !== null) ? (this.cols) : ((this.component).cols);
+    }
+    cssGrid() {
+        const component = this.component;
+        const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+        if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+            const s = (0, qcobjects_1._DOMCreateElement)("style");
+            const templateRows = "auto ".repeat(this.rows);
+            const templateCols = "auto ".repeat(this.cols);
+            const className = "grid" + this.__instanceID.toString();
+            s.innerHTML = `.${className}{
+        display: grid; \
+        grid-template-rows: ${templateRows}; \
+        grid-template-columns: ${templateCols}; \
+        margin:0 auto; \
+      }`;
+            _componentRoot?.append(s);
+            if (component.shadowed) {
+                _componentRoot?.host.classList.add(className);
+            }
+            else {
+                (_componentRoot.classList).add(className);
+            }
+        }
+    }
+    done() {
+        this.cssGrid();
+        qcobjects_1.logger.debug("GridComponent built");
+    }
+}
+exports.GridController = GridController;
+class DataGridController extends qcobjects_1.Controller {
+    __instanceID;
+    rows;
+    cols;
+    _componentRoot;
+    component;
+    constructor(controller) {
+        super(controller);
+        this._componentRoot = (controller.component.shadowed) ? (controller.component.shadowRoot) : (controller.component.body);
+        this.rows = controller.component.body.getAttribute("rows");
+        this.rows = (controller.rows !== null) ? (controller.rows) : (controller.component.rows);
+        this.cols = controller.component.body.getAttribute("cols");
+        this.cols = (controller.cols !== null) ? (controller.cols) : (controller.component.cols);
+        qcobjects_1.logger.debug("DataGridController INIT");
+    }
+    getPageIndex(page, totalPage, totalElements) {
+        page = (page > 0) ? (page - 1) : (0);
+        return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
+    }
+    addSubcomponents() {
+        this.component.subcomponents = [];
+        if (typeof this._componentRoot !== "undefined") {
+            this._componentRoot.innerHTML = "";
+        }
+        this.cssGrid();
+        qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(this.component.data));
+        try {
+            const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
+            if (subcomponentClass != null) {
+                let offset;
+                let limit;
+                let pagesNumber;
+                let list = [...this.component.data];
+                let paginateIn = this.component.body.getAttribute("paginate-in");
+                let page;
+                paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+                if (paginateIn === "client") {
+                    page = this.component.body.getAttribute("page-number");
+                    page = (isNaN(page) || page === null) ? (-1) : (page);
+                    if (page !== -1) {
+                        pagesNumber = this.component.body.getAttribute("total-pages");
+                        pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                        offset = this.getPageIndex(page, pagesNumber, list.length)[0];
+                        limit = this.getPageIndex(page, pagesNumber, list.length)[1];
+                    }
+                    else {
+                        offset = 0;
+                        limit = list.length;
+                        pagesNumber = 1;
+                    }
+                    list = list.slice(offset, limit);
+                }
+                else {
+                    offset = 0;
+                    limit = list.length;
+                    pagesNumber = 1;
+                }
+                list.map((record, dataIndex, list) => {
+                    const _ret_ = undefined;
+                    try {
+                        const _body = (0, qcobjects_1._DOMCreateElement)("component");
+                        _body.setAttribute("name", (0, qcobjects_1.ClassFactory)(subcomponentClass).name);
+                        _body.setAttribute("shadowed", (0, qcobjects_1.ClassFactory)(subcomponentClass).shadowed);
+                        _body.setAttribute("cached", (0, qcobjects_1.ClassFactory)(subcomponentClass).cached);
+                        record = Object.assign(record, {
+                            __dataIndex: dataIndex,
+                            __dataLength: list.length,
+                            __page: page,
+                            __totalPages: pagesNumber,
+                            __limit: limit,
+                            __offset: offset
+                        });
+                        const subcomponent = (0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(subcomponentClass), {
+                            name: "item",
+                            data: record,
+                            templateURI: (0, qcobjects_1.ComponentURI)({
+                                "COMPONENTS_BASE_PATH": qcobjects_1.CONFIG.get("componentsBasePath", ""),
+                                "COMPONENT_NAME": (0, qcobjects_1.ClassFactory)(subcomponentClass).name,
+                                "TPLEXTENSION": qcobjects_1.CONFIG.get("tplextension", ""),
+                                "TPL_SOURCE": (0, qcobjects_1.ClassFactory)(subcomponentClass).tplsource
+                            }),
+                            body: _body,
+                            template: (0, qcobjects_1.ClassFactory)(subcomponentClass).template
+                        });
+                        subcomponent.done = this.component.done.bind(subcomponent);
+                        try {
+                            if (subcomponent) {
+                                subcomponent.data.__dataIndex = dataIndex;
+                                if (Object.hasOwnProperty.call(this.component.data, "length")) {
+                                    subcomponent.data.__dataLength = this.component.data.length;
+                                }
+                                qcobjects_1.logger.debug("adding subcomponent to body");
+                                this._componentRoot?.append(subcomponent.body);
+                                try {
+                                    this.component.subcomponents.push(subcomponent);
+                                }
+                                catch (e) {
+                                    qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                                }
+                            }
+                            else {
+                                qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                            }
+                        }
+                        catch (e) {
+                            qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                        }
+                    }
+                    catch (e) {
+                        qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                    }
+                    return _ret_;
+                });
+            }
+            else {
+                qcobjects_1.logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
+            }
+        }
+        catch (e) {
+            qcobjects_1.logger.debug(`No data for component: ${e}`);
+        }
+    }
+    cssGrid() {
+        const component = this.component;
+        const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+        if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+            const s = (0, qcobjects_1._DOMCreateElement)("style");
+            const templateRows = "auto ".repeat(this.rows);
+            const templateCols = "auto ".repeat(this.cols);
+            const className = "grid" + this.__instanceID.toString();
+            s.innerHTML = `.${className}{
+        display: grid; \
+        grid-template-rows: ${templateRows}; \
+        grid-template-columns: ${templateCols}; \
+        margin:0 auto; \
+      }`;
+            if (component.shadowed) {
+                component.body.append(s);
+                _componentRoot.host.classList.add(className);
+            }
+            else {
+                _componentRoot?.append(s);
+                _componentRoot.classList.add(className);
+            }
+        }
+    }
+    done() {
+        const componentInstance = this.component;
+        qcobjects_1.logger.debug("DataGridController DONE");
+        const serviceClass = this.component.body.getAttribute("serviceClass");
+        if (serviceClass != null) {
+            let offset;
+            let limit;
+            let paginateIn = componentInstance.body.getAttribute("paginate-in");
+            paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+            if (paginateIn === "server") {
+                let page = componentInstance.body.getAttribute("page-number");
+                page = (isNaN(page) || page === null) ? (-1) : (page);
+                let pagesNumber;
+                if (page !== -1) {
+                    const serverDataCount = (this.component.body.getAttribute("server-data-count") !== null) ? this.component.body.getAttribute("server-data-count") : (1);
+                    pagesNumber = this.component.body.getAttribute("total-pages");
+                    pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                    offset = this.getPageIndex(page, pagesNumber, serverDataCount)[0];
+                    limit = this.getPageIndex(page, pagesNumber, serverDataCount)[1];
+                    // send params in jsonrpc 2.0 style
+                    componentInstance.serviceData = (typeof componentInstance.serviceData !== "undefined") ? (componentInstance.serviceData) : ({});
+                    componentInstance.serviceData.params = (typeof componentInstance.serviceData.params !== "undefined") ? (componentInstance.serviceData.params) : ({});
+                    componentInstance.serviceData.params.offset = offset;
+                    componentInstance.serviceData.params.limit = limit;
+                }
+            }
+            (0, qcobjects_1.serviceLoader)((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(serviceClass), {
+                data: componentInstance.serviceData
+            }), false).then((successfulResponse) => {
+                // This will show the service response as a plain text
+                qcobjects_1.logger.debug("DONE SERVICE COMPONENT");
+                successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
+                if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
+                    qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(successfulResponse.service.JSONresponse.result));
+                    componentInstance.data = successfulResponse.service.JSONresponse.result;
+                }
+                else {
+                    componentInstance.data = successfulResponse.service.JSONresponse;
+                }
+                this.addSubcomponents();
+            }, (failedResponse) => {
+                qcobjects_1.logger.debug(failedResponse);
+            }).catch((e) => {
+                qcobjects_1.logger.debug("Something went wrong when calling the service from: " + serviceClass);
+                qcobjects_1.logger.debug(e.message);
+            });
+        }
+    }
+}
+exports.DataGridController = DataGridController;
+(0, qcobjects_1.Package)("org.qcobjects.controllers.grid", [
+    GridController,
+    DataGridController
+]);

package/build/{js → ts}/org.qcobjects.controllers.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const qcobjects_1 = require("qcobjects");
 /**
- * QCObjects SDK 2.4
+ * QCObjects SDK 2.5
  * ________________
  *
  * Author: Jean Machuca <correojean@gmail.com>
@@ -25,10 +22,13 @@ const qcobjects_1 = require("qcobjects");
  * Everyone is permitted to copy and distribute verbatim copies of this
  * license document, but changing it is not allowed.
 */
-(function () {
-    "use strict";
-    (0, qcobjects_1.Package)("org.qcobjects.controllers", [
-        class GenericController extends qcobjects_1.Controller {
-        }
-    ]);
-})();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GenericController = void 0;
+const qcobjects_1 = require("qcobjects");
+class GenericController extends qcobjects_1.Controller {
+}
+exports.GenericController = GenericController;
+(0, qcobjects_1.Package)("org.qcobjects.controllers", [
+    GenericController
+]);

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

@@ -0,0 +1,235 @@
+/**
+ * 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.ListController = void 0;
+const qcobjects_1 = require("qcobjects");
+class ListController extends qcobjects_1.Controller {
+    __instanceID;
+    component;
+    valueField;
+    labelField;
+    rows;
+    cols;
+    _componentRoot;
+    constructor({ component, dependencies = [], valueField = undefined, labelField = undefined }) {
+        super({ component, dependencies, valueField, labelField });
+        this.component = component;
+        this._componentRoot = (this.component.shadowed) ? (this.component.shadowRoot) : (this.component.body);
+        this.labelField = this.component.body.getAttribute("label-field");
+        this.valueField = this.component.body.getAttribute("value-field");
+        this.rows = this.component.body.getAttribute("rows");
+        this.rows = (this.rows !== null) ? (this.rows) : (this.component.rows);
+        this.cols = 1;
+        qcobjects_1.logger.debug("ListController INIT");
+    }
+    getPageIndex(page, totalPage, totalElements) {
+        page = (page > 0) ? (page - 1) : (0);
+        return [totalElements * page / totalPage, (totalElements * page / totalPage) + totalElements / totalPage];
+    }
+    addSubcomponents() {
+        this.component.subcomponents = [];
+        const layout = this.component.body.getAttribute("layout");
+        const basePath = qcobjects_1.CONFIG.get("listBasePath", qcobjects_1.CONFIG.get("remoteSDKPath", ""));
+        let cssLayout = "";
+        this.labelField = this.component.body.getAttribute("label-field");
+        this.valueField = this.component.body.getAttribute("value-field");
+        if (layout === "horizontal") {
+            cssLayout = `@import url("${basePath}css/components/horizontal-list.css");`;
+        }
+        else {
+            cssLayout = `@import url("${basePath}css/components/list.css");`;
+        }
+        if (typeof this._componentRoot !== "undefined") {
+            this._componentRoot.innerHTML = `<style>${cssLayout}</style><ul></ul>`;
+        }
+        qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(this.component.data));
+        try {
+            const subcomponentClass = this.component.body.getAttribute("subcomponentClass");
+            if (subcomponentClass != null) {
+                let offset;
+                let limit;
+                let pagesNumber;
+                let list = [...this.component.data];
+                let paginateIn = this.component.body.getAttribute("paginate-in");
+                paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+                let page;
+                if (paginateIn === "client") {
+                    page = this.component.body.getAttribute("page-number");
+                    page = (isNaN(page) || page === null) ? (-1) : (page);
+                    if (page !== -1) {
+                        pagesNumber = this.component.body.getAttribute("total-pages");
+                        pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                        offset = this.getPageIndex(page, pagesNumber, list.length)[0];
+                        limit = this.getPageIndex(page, pagesNumber, list.length)[1];
+                    }
+                    else {
+                        offset = 0;
+                        limit = list.length;
+                        pagesNumber = 1;
+                    }
+                    list = list.slice(offset, limit);
+                }
+                else {
+                    offset = 0;
+                    limit = list.length;
+                    pagesNumber = 1;
+                }
+                list.map((record, dataIndex) => {
+                    const _ret_ = undefined;
+                    try {
+                        const _body = (0, qcobjects_1._DOMCreateElement)("li");
+                        record.label = record[this.labelField];
+                        record.value = record[this.valueField];
+                        const subcomponent = (0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(subcomponentClass), {
+                            name: "list-item",
+                            data: {
+                                label: record[this.labelField],
+                                value: record[this.valueField],
+                                __dataIndex: dataIndex,
+                                __page: page,
+                                __totalPages: pagesNumber,
+                                __limit: limit,
+                                __offset: offset
+                            },
+                            templateURI: (0, qcobjects_1.ComponentURI)({
+                                "COMPONENTS_BASE_PATH": qcobjects_1.CONFIG.get("componentsBasePath", ""),
+                                "COMPONENT_NAME": (0, qcobjects_1.ClassFactory)(subcomponentClass).name,
+                                "TPLEXTENSION": qcobjects_1.CONFIG.get("tplextension", ""),
+                                "TPL_SOURCE": (0, qcobjects_1.ClassFactory)(subcomponentClass).tplsource
+                            }),
+                            body: _body,
+                            template: (0, qcobjects_1.ClassFactory)(subcomponentClass).template
+                        });
+                        subcomponent.done = this.component.done.bind(subcomponent);
+                        try {
+                            if (subcomponent) {
+                                subcomponent.data.__dataIndex = dataIndex;
+                                if (Object.hasOwnProperty.call(this.component.data, "length")) {
+                                    subcomponent.data.__dataLength = this.component.data.length;
+                                }
+                                qcobjects_1.logger.debug("adding subcomponent to body");
+                                this._componentRoot.subelements("ul").map((ul) => ul.append(subcomponent));
+                                try {
+                                    this.component.subcomponents.push(subcomponent);
+                                }
+                                catch (e) {
+                                    qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                                }
+                            }
+                            else {
+                                qcobjects_1.logger.debug("ERROR LOADING SUBCOMPONENT IN DATAGRID");
+                            }
+                        }
+                        catch (e) {
+                            qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                        }
+                    }
+                    catch (e) {
+                        qcobjects_1.logger.debug(`ERROR LOADING SUBCOMPONENT IN DATAGRID: ${e}`);
+                    }
+                    return _ret_;
+                });
+            }
+            else {
+                qcobjects_1.logger.debug("NO SUBCOMPONENT CLASS IN COMPONENT");
+            }
+        }
+        catch (e) {
+            qcobjects_1.logger.debug(`No data for component: ${e}`);
+        }
+    }
+    cssGrid() {
+        const component = this.component;
+        const _componentRoot = (component.shadowed) ? (component.shadowRoot) : (component.body);
+        if (typeof this.rows !== "undefined" && typeof this.cols !== "undefined") {
+            const s = (0, qcobjects_1._DOMCreateElement)("style");
+            const templateRows = "auto ".repeat(this.rows);
+            const templateCols = "auto ".repeat(this.cols);
+            const className = "grid" + this.__instanceID.toString();
+            s.innerHTML = `.${className}{
+          display: grid; \
+          grid-template-rows: ${templateRows}; \
+          grid-template-columns: ${templateCols}; \
+          margin:0 auto; \
+        }`;
+            _componentRoot.append(s);
+            _componentRoot.classList.add(className);
+        }
+    }
+    done() {
+        this.cssGrid();
+        const componentInstance = this.component;
+        qcobjects_1.logger.debug("ListController DONE");
+        const serviceClass = this.component.body.getAttribute("serviceClass");
+        if (serviceClass != null) {
+            let offset;
+            let limit;
+            let paginateIn = componentInstance.body.getAttribute("paginate-in");
+            paginateIn = (paginateIn !== null) ? (paginateIn) : ("client");
+            if (paginateIn === "server") {
+                let page = componentInstance.body.getAttribute("page-number");
+                page = (isNaN(page) || page === null) ? (-1) : (page);
+                let pagesNumber;
+                if (page !== -1) {
+                    const serverDataCount = (this.component.body.getAttribute("server-data-count") !== null) ? (this.component.body.getAttribute("server-data-count")) : (1);
+                    pagesNumber = this.component.body.getAttribute("total-pages");
+                    pagesNumber = (isNaN(pagesNumber)) ? (1) : (pagesNumber);
+                    offset = this.getPageIndex(page, pagesNumber, serverDataCount)[0];
+                    limit = this.getPageIndex(page, pagesNumber, serverDataCount)[1];
+                    // send params in jsonrpc 2.0 style
+                    componentInstance.serviceData = (typeof componentInstance.serviceData !== "undefined") ? (componentInstance.serviceData) : ({});
+                    componentInstance.serviceData.params = (typeof componentInstance.serviceData.params !== "undefined") ? (componentInstance.serviceData.params) : ({});
+                    componentInstance.serviceData.params.offset = offset;
+                    componentInstance.serviceData.params.limit = limit;
+                }
+            }
+            (0, qcobjects_1.serviceLoader)((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)(serviceClass), {
+                data: componentInstance.serviceData
+            }), false).then((successfulResponse) => {
+                // This will show the service response as a plain text
+                qcobjects_1.logger.debug("DONE SERVICE COMPONENT");
+                successfulResponse.service.JSONresponse = JSON.parse(successfulResponse.service.template);
+                if (typeof successfulResponse.service.JSONresponse.result !== "undefined") {
+                    qcobjects_1.logger.debug((0, qcobjects_1._DataStringify)(successfulResponse.service.JSONresponse.result));
+                    componentInstance.data = successfulResponse.service.JSONresponse.result;
+                }
+                else {
+                    componentInstance.data = successfulResponse.service.JSONresponse;
+                }
+                this.addSubcomponents();
+            }, (failedResponse) => {
+                qcobjects_1.logger.debug(failedResponse);
+            }).catch((e) => {
+                qcobjects_1.logger.debug("Something went wrong when calling the service from: " + serviceClass);
+                qcobjects_1.logger.debug(e.message);
+            });
+        }
+    }
+}
+exports.ListController = ListController;
+(0, qcobjects_1.Package)("org.qcobjects.controllers.list", [
+    ListController
+]);

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

@@ -0,0 +1,126 @@
+/**
+ * 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.SliderController = void 0;
+const qcobjects_1 = require("qcobjects");
+class SliderController extends qcobjects_1.Controller {
+    slideIndex = 0;
+    duration = 7100;
+    interval = null;
+    sliderHandlerName = "";
+    _componentRoot;
+    component;
+    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);
+        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() {
+        this.interval = setInterval(() => {
+            this.plusSlides(1);
+        }, this.duration);
+    }
+    showSlides(n) {
+        const slides = this._componentRoot?.subelements(".qcoSlides");
+        const dots = this._componentRoot?.subelements(".qcoSlider__dots--dot");
+        if (n > (slides.length - 1)) {
+            this.slideIndex = 0;
+        }
+        if (n < 0) {
+            this.slideIndex = 0;
+        }
+        slides.filter((slide, index) => { return index !== this.slideIndex; }).map((slide) => {
+            return ((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)("Fade"), {})).apply(slide, 1, 0);
+        });
+        // eslint-disable-next-line no-unused-vars
+        dots.filter((dot, index) => { return index !== this.slideIndex; }).map((dot) => {
+            return dot.classList.remove("active");
+        });
+        try {
+            dots[this.slideIndex].classList.add("active");
+        }
+        catch (e) {
+            qcobjects_1.logger.debug(`Something went wrong when trying to activate a slide: ${this.slideIndex} - ${e.message}`);
+        }
+        setTimeout(() => {
+            slides.filter((slide, index) => { return index !== this.slideIndex; }).map((slide) => {
+                slide.style.display = "none";
+                return slide.style.display;
+            });
+            try {
+                slides[this.slideIndex].style.display = "block";
+                ((0, qcobjects_1.New)((0, qcobjects_1.ClassFactory)("Fade"), {})).apply(slides[this.slideIndex], 0, 1);
+            }
+            catch (e) {
+                qcobjects_1.logger.debug(`Something went wrong when trying to show a slide: ${this.slideIndex} - ${e.message}`);
+            }
+        }, 700);
+    }
+    fillDots() {
+        const slides = this._componentRoot?.subelements(".qcoSlides");
+        slides.map((slide, index) => {
+            const dotHTML = document.createElement("span");
+            const dotContent = `<span class="qcoSlider__dots--dot" onclick="global.get('${this.sliderHandlerName}').currentSlide(${index})"></span>`;
+            dotHTML.innerHTML = dotContent;
+            return this._componentRoot?.subelements(".qcoSlider__dots")[0].append(dotHTML);
+        });
+    }
+    done() {
+        const slides = this._componentRoot?.subelements(".qcoSlides");
+        slides.filter((slide, index) => { return index !== this.slideIndex; }).map((slide) => {
+            slide.style.display = "none";
+            return slide.style.display;
+        });
+        setTimeout(() => {
+            this.fillDots();
+            this.slideIndex = 0;
+            this.showSlides(this.slideIndex);
+            this.automate();
+        }, 3000);
+    }
+}
+exports.SliderController = SliderController;
+(0, qcobjects_1.Package)("org.qcobjects.controllers.slider", [
+    SliderController
+]);