var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __generator = (this && this.__generator) || function (thisArg, body) {
    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
    function verb(n) { return function (v) { return step([n, v]); }; }
    function step(op) {
        if (f) throw new TypeError("Generator is already executing.");
        while (_) try {
            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
            if (y = 0, t) op = [op[0] & 2, t.value];
            switch (op[0]) {
                case 0: case 1: t = op; break;
                case 4: _.label++; return { value: op[1], done: false };
                case 5: _.label++; y = op[1]; op = [0]; continue;
                case 7: op = _.ops.pop(); _.trys.pop(); continue;
                default:
                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
                    if (t[2]) _.ops.pop();
                    _.trys.pop(); continue;
            }
            op = body.call(thisArg, _);
        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
    }
};
var Papa = require("papaparse");
var errors = require("./errors.js");
var compare = require('natural-orderby').compare;
var freeDatas2HTML = (function () {
    function freeDatas2HTML() {
        this._datasViewElt = { id: "", eltDOM: undefined };
        this.datasHTML = "";
        this._datasSelectors = [];
        this._datasSortingColumns = [];
        this._datasSortingFunctions = [];
        this._datasSourceUrl = "";
        this.parseMeta = undefined;
        this.parseDatas = [];
        this.parseErrors = [];
        this.stopIfParseErrors = false;
    }
    freeDatas2HTML.isPositiveInteger = function (nb) {
        return (Number.isInteger(nb) === false || nb <= 0) ? false : true;
    };
    freeDatas2HTML.isNaturalNumber = function (nb) {
        return (Number.isInteger(nb) === false || nb < 0) ? false : true;
    };
    Object.defineProperty(freeDatas2HTML.prototype, "datasViewElt", {
        set: function (elt) {
            var checkContainerExist = document.getElementById(elt.id);
            if (checkContainerExist === null)
                throw new Error(errors.elementNotFound + elt.id);
            else {
                this._datasViewElt.id = elt.id;
                this._datasViewElt.eltDOM = checkContainerExist;
            }
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(freeDatas2HTML.prototype, "datasSourceUrl", {
        set: function (url) {
            if (url.trim().length === 0)
                throw new Error(errors.needUrl);
            else
                this._datasSourceUrl = url.trim();
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(freeDatas2HTML.prototype, "datasSelectors", {
        get: function () {
            return this._datasSelectors;
        },
        set: function (selectionElts) {
            this._datasSelectors = [];
            var checkContainerExist;
            for (var i in selectionElts) {
                checkContainerExist = document.getElementById(selectionElts[i].id);
                if (checkContainerExist === null)
                    console.error(errors.elementNotFound + selectionElts[i].id);
                else if (freeDatas2HTML.isNaturalNumber(selectionElts[i].datasFieldNb) === false)
                    console.error(errors.needNaturalNumber);
                else {
                    selectionElts[i].eltDOM = checkContainerExist;
                    if (selectionElts[i].separator !== undefined && selectionElts[i].separator === "")
                        selectionElts[i].separator = undefined;
                    this._datasSelectors.push(selectionElts[i]);
                }
            }
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(freeDatas2HTML.prototype, "datasSortingColumns", {
        get: function () {
            return this._datasSortingColumns;
        },
        set: function (sortingColumns) {
            this._datasSortingColumns = [];
            for (var i = 0; i < sortingColumns.length; i++) {
                if (freeDatas2HTML.isNaturalNumber(sortingColumns[i].datasFieldNb) === false)
                    console.error(errors.needNaturalNumber);
                else {
                    sortingColumns[i].order = undefined;
                    this._datasSortingColumns.push(sortingColumns[i]);
                }
            }
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(freeDatas2HTML.prototype, "datasSortingFunctions", {
        set: function (sortingFunctions) {
            this._datasSortingFunctions = [];
            for (var i = 0; i < sortingFunctions.length; i++) {
                if (freeDatas2HTML.isNaturalNumber(sortingFunctions[i].datasFieldNb) === false)
                    console.error(errors.needNaturalNumber);
                else
                    this._datasSortingFunctions.push(sortingFunctions[i]);
            }
        },
        enumerable: true,
        configurable: true
    });
    freeDatas2HTML.prototype.getSortingFunctionForField = function (datasFieldNb) {
        for (var i in this._datasSortingFunctions) {
            if (this._datasSortingFunctions[i].datasFieldNb === datasFieldNb)
                return this._datasSortingFunctions[i];
        }
        return undefined;
    };
    Object.defineProperty(freeDatas2HTML.prototype, "pagination", {
        get: function () {
            return this._pagination;
        },
        set: function (config) {
            this._pagination = {};
            if (config.selectedValue !== undefined || config.options !== undefined) {
                if (config.pages === undefined)
                    throw new Error(errors.needPagesSelectorElt);
                var checkContainerExist = document.getElementById(config.pages.displayElement.id);
                if (checkContainerExist === null)
                    throw new Error(errors.elementNotFound + config.pages.displayElement.id);
                else {
                    this.pagination.pages =
                        {
                            displayElement: {
                                id: config.pages.displayElement.id,
                                eltDOM: checkContainerExist
                            },
                            name: (config.pages.name) ? config.pages.name : "Pages :",
                            selectedValue: 1,
                        };
                }
            }
            if (config.options !== undefined) {
                var checkContainerExist = document.getElementById(config.options.displayElement.id);
                if (checkContainerExist === null)
                    throw new Error(errors.elementNotFound + config.options.displayElement.id);
                else {
                    for (var i = 0; i < config.options.values.length; i++) {
                        if (freeDatas2HTML.isPositiveInteger(config.options.values[i]) === false)
                            throw new Error(errors.needPositiveInteger);
                    }
                    this._pagination.options =
                        {
                            displayElement: { id: config.options.displayElement.id, eltDOM: checkContainerExist },
                            name: (config.options.name) ? config.options.name : "Pagination :",
                            values: config.options.values
                        };
                }
            }
            if (config.selectedValue !== undefined) {
                if (config.options !== undefined && (config.options.values.indexOf(config.selectedValue) === -1))
                    throw new Error(errors.needPaginationByDefaultBeInOptions);
                if (freeDatas2HTML.isPositiveInteger(config.selectedValue))
                    this._pagination.selectedValue = config.selectedValue;
                else
                    throw new Error(errors.needPositiveInteger);
            }
        },
        enumerable: true,
        configurable: true
    });
    freeDatas2HTML.prototype.parse = function () {
        return __awaiter(this, void 0, void 0, function () {
            var converter;
            return __generator(this, function (_a) {
                converter = this;
                return [2, new Promise(function (resolve, reject) {
                        if (converter._datasSourceUrl !== "") {
                            Papa.parse(converter._datasSourceUrl, {
                                quoteChar: '"',
                                header: true,
                                complete: function (results) {
                                    converter.parseErrors = results.errors;
                                    converter.parseDatas = results.data;
                                    var realFields = [];
                                    for (var i in results.meta.fields) {
                                        if (results.meta.fields[i].trim() !== "")
                                            realFields.push(results.meta.fields[i]);
                                    }
                                    results.meta.fields = realFields;
                                    converter.parseMeta = results.meta;
                                    resolve(true);
                                },
                                error: function (error) {
                                    reject(new Error(errors.parserFail));
                                },
                                download: true,
                                skipEmptyLines: true,
                            });
                        }
                        else
                            reject(new Error(errors.needUrl));
                    })];
            });
        });
    };
    freeDatas2HTML.prototype.run = function () {
        return __awaiter(this, void 0, void 0, function () {
            var converter_1, selectorsHTML, i, values, colName, row, checkedValue, checkedValues, i_1, checkedValue, j, selectElement, values_1, selectorsHTML, j, selectElement_1, indexSelectedValue, i;
            return __generator(this, function (_a) {
                switch (_a.label) {
                    case 0:
                        if (this._datasViewElt.eltDOM === undefined)
                            throw new Error(errors.needDatasElt);
                        if (this._datasSourceUrl === "")
                            throw new Error(errors.needUrl);
                        return [4, this.parse()];
                    case 1:
                        _a.sent();
                        if (this.parseDatas.length === 0 || this.parseMeta.fields === undefined)
                            throw new Error(errors.datasNotFound);
                        else if (this.stopIfParseErrors && this.parseErrors.length !== 0)
                            console.error(this.parseErrors);
                        else {
                            converter_1 = this;
                            if (this._datasSelectors.length > 0) {
                                selectorsHTML = [];
                                for (i in this._datasSelectors) {
                                    if (this._datasSelectors[i].datasFieldNb > (this.parseMeta.fields.length - 1))
                                        throw new Error(errors.selectorFieldNotFound);
                                    else {
                                        values = [], colName = this.parseMeta.fields[this._datasSelectors[i].datasFieldNb];
                                        for (row in this.parseDatas) {
                                            if (this._datasSelectors[i].separator === undefined) {
                                                checkedValue = this.parseDatas[row][colName].trim();
                                                if (checkedValue !== "" && values.indexOf(checkedValue) === -1)
                                                    values.push(checkedValue);
                                            }
                                            else {
                                                checkedValues = this.parseDatas[row][colName].split(this._datasSelectors[i].separator);
                                                for (i_1 in checkedValues) {
                                                    checkedValue = checkedValues[i_1].trim();
                                                    if (checkedValue !== "" && values.indexOf(checkedValue) === -1)
                                                        values.push(checkedValue);
                                                }
                                            }
                                        }
                                        if (values.length > 0) {
                                            if (this.getSortingFunctionForField(this._datasSelectors[i].datasFieldNb) !== undefined)
                                                values.sort(this.getSortingFunctionForField(this._datasSelectors[i].datasFieldNb).sort);
                                            else
                                                values.sort(compare());
                                            this._datasSelectors[i].name = colName;
                                            this._datasSelectors[i].values = values;
                                            selectorsHTML[i] = "<label for='freeDatas2HTMLSelector" + i + "'>" + colName + " : </label><select name='freeDatas2HTMLSelector" + i + "' id='freeDatas2HTMLSelector" + i + "'><option value='0'>----</option>";
                                            for (j in values)
                                                selectorsHTML[i] += "<option value='" + (Number(j) + 1) + "'>" + values[j] + "</option>";
                                            selectorsHTML[i] += "</select>";
                                            this._datasSelectors[i].eltDOM.innerHTML = selectorsHTML[i];
                                            selectElement = document.getElementById("freeDatas2HTMLSelector" + i);
                                            selectElement.addEventListener('change', function (e) {
                                                converter_1.datasHTML = converter_1.createDatasHTML(converter_1.parseMeta.fields, converter_1.parseDatas);
                                                converter_1.refreshView();
                                            });
                                        }
                                    }
                                }
                            }
                            if (converter_1.pagination !== undefined && converter_1.pagination.options !== undefined && converter_1.pagination.options.values.length > 0) {
                                values_1 = converter_1.pagination.options.values;
                                selectorsHTML = "<label for='freeDatas2HTMLPaginationSelector'>" + converter_1.pagination.options.name + " </label><select name='freeDatas2HTMLPaginationSelector' id='freeDatas2HTMLPaginationSelector'><option value='0'>----</option>";
                                for (j in values_1)
                                    selectorsHTML += "<option value='" + (Number(j) + 1) + "'>" + values_1[j] + "</option>";
                                selectorsHTML += "</select>";
                                converter_1.pagination.options.displayElement.eltDOM.innerHTML = selectorsHTML;
                                selectElement_1 = document.getElementById("freeDatas2HTMLPaginationSelector");
                                if (converter_1.pagination.selectedValue !== undefined) {
                                    indexSelectedValue = converter_1.pagination.options.values.indexOf(converter_1.pagination.selectedValue) + 1;
                                    selectElement_1.value = "" + indexSelectedValue;
                                }
                                selectElement_1.addEventListener('change', function (e) {
                                    if (selectElement_1.value === "0")
                                        converter_1.pagination.selectedValue = undefined;
                                    else
                                        converter_1.pagination.selectedValue = values_1[Number(selectElement_1.value) - 1];
                                    converter_1.datasHTML = converter_1.createDatasHTML(converter_1.parseMeta.fields, converter_1.parseDatas);
                                    converter_1.refreshView();
                                });
                            }
                            for (i in this._datasSortingColumns) {
                                if (this._datasSortingColumns[i].datasFieldNb > (this.parseMeta.fields.length - 1))
                                    throw new Error(errors.sortingColumnsFieldNotFound);
                            }
                            this.datasHTML = this.createDatasHTML(this.parseMeta.fields, this.parseDatas);
                            this.refreshView();
                            return [2, true];
                        }
                        return [2];
                }
            });
        });
    };
    freeDatas2HTML.prototype.refreshView = function () {
        if (this._datasViewElt.eltDOM !== undefined) {
            var converter_2 = this;
            this._datasViewElt.eltDOM.innerHTML = this.datasHTML;
            if (this._datasSortingColumns.length > 0) {
                var getTableTh = document.querySelectorAll("table th");
                if (getTableTh !== null) {
                    var _loop_1 = function (i) {
                        var datasFieldNb = this_1._datasSortingColumns[i].datasFieldNb;
                        var htmlContent = getTableTh[datasFieldNb].innerHTML;
                        htmlContent = "<a href='#freeDatas2HTMLSorting" + datasFieldNb + "' id='freeDatas2HTMLSorting" + datasFieldNb + "'>" + htmlContent + "</a>";
                        getTableTh[datasFieldNb].innerHTML = htmlContent;
                        var sortingElement = document.getElementById("freeDatas2HTMLSorting" + datasFieldNb);
                        sortingElement.addEventListener("click", function (e) {
                            e.preventDefault();
                            var order = converter_2.datasSortingColumns[i].order;
                            if (order === undefined || order === "desc")
                                converter_2.datasSortingColumns[i].order = "asc";
                            else
                                converter_2.datasSortingColumns[i].order = "desc";
                            converter_2._datasSortedColumn = converter_2.datasSortingColumns[i];
                            converter_2.datasHTML = converter_2.createDatasHTML(converter_2.parseMeta.fields, converter_2.parseDatas);
                            converter_2.refreshView();
                        });
                    };
                    var this_1 = this;
                    for (var i in this._datasSortingColumns) {
                        _loop_1(i);
                    }
                }
            }
        }
    };
    freeDatas2HTML.prototype.createDatasHTML = function (fields, datas) {
        var checkSelectorExist, filters = [];
        for (var i in this._datasSelectors) {
            checkSelectorExist = document.querySelector("#" + this._datasSelectors[i].id + " select");
            if (checkSelectorExist != null && checkSelectorExist.selectedIndex != 0)
                filters.push({ field: this._datasSelectors[i].name, value: this._datasSelectors[i].values[checkSelectorExist.selectedIndex - 1], separator: this._datasSelectors[i].separator });
        }
        if (this._datasSortedColumn !== undefined) {
            var col_1 = fields[this._datasSortedColumn.datasFieldNb];
            var colOrder_1 = this._datasSortedColumn.order;
            if (this.getSortingFunctionForField(this._datasSortedColumn.datasFieldNb) !== undefined) {
                var myFunction_1 = this.getSortingFunctionForField(this._datasSortedColumn.datasFieldNb);
                datas.sort(function (a, b) { return myFunction_1.sort(a[col_1], b[col_1], colOrder_1); });
            }
            else
                datas.sort(function (a, b) { return compare({ order: colOrder_1 })(a[col_1], b[col_1]); });
        }
        var firstData = 0;
        if (this.pagination !== undefined && this.pagination.selectedValue !== undefined && this.pagination.pages !== undefined && this.pagination.pages.selectedValue !== undefined)
            firstData = this.pagination.selectedValue * (this.pagination.pages.selectedValue - 1);
        var maxData = (this.pagination !== undefined && this.pagination.selectedValue !== undefined) ? this.pagination.selectedValue : datas.length + 1;
        var datasHTML = "<table><thead>";
        for (var i in fields)
            datasHTML += "<th>" + fields[i] + "</th>";
        datasHTML += "</thead><tbody>";
        var nbVisible = 0, nbTotal = 0;
        for (var row in datas) {
            var visible = true;
            if (filters.length !== 0) {
                var i = 0;
                while (filters[i] !== undefined && visible === true) {
                    if (filters[i].separator === undefined) {
                        if (datas[row][filters[i].field].trim() !== filters[i].value)
                            visible = false;
                    }
                    else {
                        visible = false;
                        var checkedValues = datas[row][filters[i].field].split(filters[i].separator);
                        for (var j in checkedValues) {
                            if (checkedValues[j].trim() === filters[i].value) {
                                visible = true;
                                break;
                            }
                        }
                    }
                    i++;
                }
            }
            if (visible && nbTotal >= firstData && nbVisible < maxData) {
                datasHTML += "<tr>";
                for (var field in datas[row]) {
                    if (fields.indexOf(field) !== -1)
                        datasHTML += "<td>" + datas[row][field] + "</td>";
                }
                datasHTML += "</tr>";
                nbVisible++;
                nbTotal++;
            }
            else if (visible)
                nbTotal++;
        }
        datasHTML += "</tbody></table>";
        if (this.pagination !== undefined && this.pagination.selectedValue !== undefined && this.pagination.pages !== undefined && nbTotal > this.pagination.selectedValue) {
            var nbPages = Math.ceil(nbTotal / this.pagination.selectedValue);
            var selectorsHTML = "<label for='freeDatas2HTMLPagesSelector'>" + this.pagination.pages.name + " </label><select name='freeDatas2HTMLPagesSelector' id='freeDatas2HTMLPagesSelector'><option value='1'>1</option>";
            this.pagination.pages.values = [1];
            for (var j = 2; j <= nbPages; j++) {
                selectorsHTML += "<option value='" + j + "'>" + j + "</option>";
                this.pagination.pages.values.push(j);
            }
            selectorsHTML += "</select>";
            this.pagination.pages.displayElement.eltDOM.innerHTML = selectorsHTML;
            var selectElement_2 = document.getElementById("freeDatas2HTMLPagesSelector");
            if (this.pagination.pages.selectedValue !== undefined)
                selectElement_2.value = "" + this.pagination.pages.selectedValue;
            var converter_3 = this;
            this.pagination.pages.selectedValue = 1;
            selectElement_2.addEventListener('change', function (e) {
                converter_3.pagination.pages.selectedValue = Number(selectElement_2.value);
                converter_3.datasHTML = converter_3.createDatasHTML(converter_3.parseMeta.fields, converter_3.parseDatas);
                converter_3.refreshView();
            });
        }
        else if (this.pagination !== undefined && this.pagination.pages !== undefined)
            this.pagination.pages.displayElement.eltDOM.innerHTML = "";
        return datasHTML;
    };
    return freeDatas2HTML;
}());
export { freeDatas2HTML };