jsl-ui 9.18.3 → 9.19.0

package/lib/core/jq.js

@@ -0,0 +1,371 @@
+function deepExtend(out) {
+    var a = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        a[_i - 1] = arguments[_i];
+    }
+    out = out || {};
+    for (var i = 1; i < arguments.length; i++) {
+        var obj = arguments[i];
+        if (!obj)
+            continue;
+        for (var key in obj) {
+            if (obj.hasOwnProperty(key)) {
+                if (obj[key] !== null && typeof obj[key] === 'object')
+                    out[key] = deepExtend((Array.isArray(obj[key]) && out[key] === undefined) ? [] : out[key], obj[key]);
+                else
+                    out[key] = obj[key];
+            }
+        }
+    }
+    return out;
+}
+function getParentWithClass(el, c, stopAt) {
+    if (el.classList.contains(c))
+        return el;
+    if (stopAt !== undefined && el.classList.contains(stopAt))
+        return undefined;
+    if (el.parentElement) {
+        return getParentWithClass(el.parentElement, c);
+    }
+    return undefined;
+}
+function jQWrapper(elements) {
+    var _elements = elements;
+    _elements.empty = function () {
+        for (var _i = 0, _elements_1 = _elements; _i < _elements_1.length; _i++) {
+            var x = _elements_1[_i];
+            x.innerHTML = '';
+        }
+        return this;
+    };
+    _elements.appendTo = function (selector) {
+        for (var i = 0; i < _elements.length; i++) {
+            if (selector instanceof HTMLElement) {
+                selector.appendChild(_elements[i]);
+            }
+            else if (typeof (selector) === "string") {
+                var parents = document.querySelectorAll(selector);
+                for (var i_1 = 0, len = parents.length; i_1 < len; i_1++) {
+                    parents[i_1].appendChild(_elements[i_1]);
+                }
+            }
+            else {
+                for (var j = 0; j < selector.length; j++) {
+                    selector[j].appendChild(_elements[i]);
+                }
+            }
+        }
+        return this;
+    };
+    _elements.append = function (el) {
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].appendChild(el);
+        }
+        return this;
+    };
+    _elements.add = function (selector) {
+        if (selector !== undefined) {
+            if (selector instanceof HTMLElement) {
+                _elements.push(selector);
+            }
+            else {
+                for (var i = 0; i < selector.length; i++) {
+                    _elements.push(selector[i]);
+                }
+            }
+        }
+        return this;
+    };
+    _elements.css = function (key, value) {
+        // TODO: support object instead of just simple keys
+        if (value === undefined) {
+            if (typeof (key) === "string") {
+                if (!_elements.length) {
+                    return undefined;
+                }
+                var computed = ["borderLeftWidth", "borderRightWidth", "paddingLeft", "paddingRight",
+                    "borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom"];
+                if (computed.indexOf(key) < 0) {
+                    return _elements[0].style[key];
+                }
+                return window.getComputedStyle(_elements[0])[key];
+            }
+            else {
+                for (var keyEl in key) {
+                    if (!key.hasOwnProperty(keyEl)) {
+                        continue;
+                    }
+                    for (var i = 0; i < _elements.length; i++) {
+                        if (["height", "width", "top", "left", "bottom", "right"].indexOf(keyEl) >= 0 && typeof key[keyEl] === "number") {
+                            _elements[i].style[keyEl] = key[keyEl] + "px";
+                        }
+                        else {
+                            _elements[i].style[keyEl] = key[keyEl];
+                        }
+                    }
+                }
+            }
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            if (["height", "width", "top", "left", "bottom", "right"].indexOf(key) >= 0 && typeof value === "number") {
+                _elements[i].style[key] = value + "px";
+            }
+            else {
+                _elements[i].style[key] = value;
+            }
+        }
+        return this;
+    };
+    _elements.attr = function (key, value) {
+        if (value === undefined) {
+            return _elements.length ? _elements[0][key] : undefined;
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i][key] = value;
+        }
+        return this;
+    };
+    _elements.closestClass = function (name, stopAt) {
+        var result = jQueryReplacement();
+        for (var i = 0; i < _elements.length; i++) {
+            var match = getParentWithClass(_elements[i], name, stopAt);
+            result.add(match);
+        }
+        return result;
+    };
+    _elements.remove = function () {
+        for (var i = 0; i < _elements.length; i++) {
+            var el = _elements[i];
+            if (el.parentNode) {
+                el.parentNode.removeChild(el);
+            }
+        }
+    };
+    _elements.data = function (name, value) {
+        if (_elements.length === 0)
+            return undefined;
+        if (value === undefined) {
+            return _elements[0][name];
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i][name] = value;
+        }
+        return this;
+    };
+    _elements.html = function (value) {
+        if (value === undefined) {
+            return _elements.length ? _elements[0].innerHTML : undefined;
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].innerHTML = value;
+        }
+        return this;
+    };
+    _elements.text = function (value) {
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].innerText = value;
+        }
+        return this;
+    };
+    _elements.height = function (value) {
+        if (value === undefined) {
+            if (!_elements.length) {
+                return undefined;
+            }
+            var cssHeight = parseInt(_elements[0].style.height);
+            if (isNaN(cssHeight)) {
+                return _elements[0].offsetHeight;
+            }
+            else {
+                return cssHeight;
+            }
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            if (typeof value === "string") {
+                _elements[i].style.height = value;
+            }
+            else {
+                //_elements[i].offsetHeight = value;
+                _elements[i].style.height = value + "px";
+            }
+        }
+        return this;
+    };
+    _elements.width = function (value) {
+        if (value === undefined) {
+            if (!_elements.length) {
+                return undefined;
+            }
+            // let cssHeight = parseInt(_elements[0].style.width);
+            // if (isNaN(cssHeight)) {
+            return _elements[0].offsetWidth;
+            // } else {
+            //     return cssHeight;
+            // }
+        }
+        for (var i = 0; i < _elements.length; i++) {
+            if (typeof value === "string") {
+                _elements[i].style.width = value;
+            }
+            else {
+                //_elements[i].offsetWidth = value;
+                _elements[i].style.width = value + "px";
+            }
+        }
+        return this;
+    };
+    _elements.removeClass = function (name) {
+        for (var i = 0; i < _elements.length; i++) {
+            if (name.indexOf(' ') > 0) {
+                var names = name.split(' ');
+                for (var nIdx = 0; nIdx < names.length; nIdx++) {
+                    _elements[i].classList.remove(names[nIdx]);
+                }
+            }
+            else {
+                _elements[i].classList.remove(name);
+            }
+        }
+        return this;
+    };
+    _elements.offset = function () {
+        if (_elements.length === 0)
+            return undefined;
+        var el = _elements[0];
+        var rect = el.getBoundingClientRect();
+        return {
+            top: rect.top + document.body.scrollTop,
+            left: rect.left + document.body.scrollLeft
+        };
+    };
+    _elements.children = function () {
+        var result = [];
+        for (var i = 0; i < _elements.length; i++) {
+            for (var cidx = 0; cidx < _elements[i].children.length; cidx++) {
+                result.push(_elements[i].children[cidx]);
+            }
+        }
+        return jQWrapper(result);
+    };
+    _elements.on = function (eventname, fnc) {
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].addEventListener(eventname, fnc);
+        }
+        return this;
+    };
+    _elements.toggleClass = function (name, state) {
+        for (var i = 0; i < _elements.length; i++) {
+            if (state === false || _elements[i].classList.contains(name)) {
+                _elements[i].classList.remove(name);
+            }
+            else if (state === true || !_elements[i].classList.contains(name)) {
+                _elements[i].classList.add(name);
+            }
+        }
+        return this;
+    };
+    _elements.find = function (selector) {
+        var result = jQueryReplacement();
+        for (var i = 0; i < _elements.length; i++) {
+            var found = _elements[i].querySelectorAll(selector);
+            for (var j = 0; j < found.length; j++) {
+                result.add(found[j]);
+            }
+        }
+        return result;
+    };
+    _elements.slideDown = function (speed, done) {
+        //TODO
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].style.display = '';
+        }
+        return this;
+    };
+    _elements.slideUp = function (speed, done) {
+        //TODO
+        for (var i = 0; i < _elements.length; i++) {
+            _elements[i].style.display = 'none';
+        }
+        return this;
+    };
+    _elements.addClass = function (name) {
+        if (name) {
+            {
+                for (var i = 0; i < _elements.length; i++) {
+                    _elements[i].classList.add(name);
+                }
+            }
+        }
+        return this;
+    };
+    _elements.hasClass = function (name) {
+        for (var i = 0; i < _elements.length; i++) {
+            if (_elements[i].classList.contains(name))
+                return true;
+        }
+        return false;
+    };
+    _elements.index = function () {
+        var index = 0;
+        var node = _elements[0];
+        if (!node)
+            return -1;
+        while ((node = node.previousElementSibling)) {
+            index++;
+        }
+        return index;
+    };
+    return _elements;
+}
+var jqueryCreate = function (selector) {
+    var elements = [];
+    if (typeof selector === "string") {
+        if (selector[0] === '<') {
+            var tmp = document.createElement("div");
+            tmp.innerHTML = selector;
+            elements.push(tmp.firstElementChild);
+        }
+        else {
+            var q = document.querySelectorAll(selector);
+            if (q) {
+                for (var i = 0; i < q.length; i++) {
+                    var node = q[i];
+                    if (node.nodeType === Node.ELEMENT_NODE) {
+                        elements.push(node);
+                    }
+                }
+            }
+        }
+    }
+    else {
+        if (selector !== undefined) {
+            elements.push(selector);
+        }
+    }
+    return jQWrapper(elements);
+};
+function each(array, fnc) {
+    for (var i = 0; i < array.length; i++) {
+        fnc(i, array[i]);
+    }
+}
+function shallowExtend(out) {
+    var rest = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        rest[_i - 1] = arguments[_i];
+    }
+    out = out || {};
+    for (var i = 1; i < arguments.length; i++) {
+        if (!arguments[i])
+            continue;
+        for (var key in arguments[i]) {
+            if (arguments[i].hasOwnProperty(key))
+                out[key] = arguments[i][key];
+        }
+    }
+    return out;
+}
+jqueryCreate.deepExtend = deepExtend;
+jqueryCreate.each = each;
+jqueryCreate.shallowExtend = shallowExtend;
+export var jQueryReplacement = jqueryCreate;

package/lib/core/lang.d.ts

@@ -0,0 +1,24 @@
+export declare class UILang {
+    static core: {
+        All: string;
+        Ok: string;
+        Cancel: string;
+    };
+    static grid: {
+        Sort: string;
+        Asc: string;
+        Desc: string;
+        Filter: string;
+        ClearFilter: string;
+        Search: string;
+    };
+    static dropDown: {
+        SelectOption: string;
+        SelectOptionMultiple: string;
+        NoResults: string;
+        NoOptions: string;
+        MaxSelection: string;
+        AlreadyInUse: string;
+        Search: string;
+    };
+}

package/lib/core/lang.js

@@ -0,0 +1,28 @@
+var UILang = /** @class */ (function () {
+    function UILang() {
+    }
+    UILang.core = {
+        All: "All",
+        Ok: "Ok",
+        Cancel: "Cancel"
+    };
+    UILang.grid = {
+        Sort: "Sort",
+        Asc: "Ascending",
+        Desc: "Descending",
+        Filter: "Filter",
+        ClearFilter: "Clear Filter",
+        Search: "Search"
+    };
+    UILang.dropDown = {
+        SelectOption: "Select an option...",
+        SelectOptionMultiple: "Enter options...",
+        NoResults: "No results",
+        NoOptions: "No options available",
+        MaxSelection: "A maximum of {max} items can be selected",
+        AlreadyInUse: "That tag is already in use",
+        Search: "Search ..."
+    };
+    return UILang;
+}());
+export { UILang };

package/lib/core/numeric.d.ts

@@ -0,0 +1,7 @@
+export declare abstract class numeric {
+    static parse(nrAsString: string): number;
+    static format(nr: number, format?: string): string;
+    private static formatCache;
+    private static parseNrFormat;
+    private static formatNumber;
+}

package/lib/core/numeric.js

@@ -0,0 +1,143 @@
+import culture from "./culture";
+var numeric = /** @class */ (function () {
+    function numeric() {
+    }
+    numeric.parse = function (nrAsString) {
+        if (nrAsString === "" || nrAsString === undefined || nrAsString === null) {
+            return undefined;
+        }
+        if (!nrAsString) {
+            return undefined;
+        }
+        if (culture.info.decimalSep && culture.info.decimalSep.length > 1) {
+            throw "DecimalSep cannot be more than one character";
+        }
+        if (culture.info.thousandSep && culture.info.thousandSep.length > 1) {
+            throw "ThousandSep cannot be more than one character";
+        }
+        var str = "";
+        var comma_sep = culture.info.decimalSep;
+        for (var i = 0; i < nrAsString.length; i++) {
+            var c = nrAsString.charAt(i);
+            if (c === comma_sep) {
+                str += '.';
+            }
+            else if (c === '0' || c === '1' || c === '2' || c === '3' || c === '4' || c === '5' || c === '6' || c === '7' || c === '8' || c === '9' || (c === '-' && str === "")) {
+                str += c;
+            }
+        }
+        return parseFloat(str);
+    };
+    numeric.format = function (nr, format) {
+        if (isNaN(nr) || nr === null || nr === undefined) {
+            return "";
+        }
+        if (culture.info.decimalSep && culture.info.decimalSep.length > 1) {
+            throw "DecimalSep cannot be more than one character";
+        }
+        if (culture.info.thousandSep && culture.info.thousandSep.length > 1) {
+            throw "ThousandSep cannot be more than one character";
+        }
+        var f = format || culture.info.numberFormat;
+        var cacheEntry = numeric.formatCache[f];
+        if (!cacheEntry) {
+            numeric.formatCache[f] = cacheEntry = numeric.parseNrFormat(f);
+        }
+        return numeric.formatNumber(nr, cacheEntry);
+    };
+    numeric.parseNrFormat = function (format) {
+        var prefix = "";
+        var suffix = "";
+        var show_sep = format.indexOf(',#') > 0 || format.indexOf(',0') > 0;
+        var min_length = 0;
+        for (var i = 0; i < format.length; i++) {
+            if (format.charAt(i) === '.') {
+                break;
+            }
+            if (format.charAt(i) === '0') {
+                min_length++;
+            }
+            if (min_length === 0 && format.charAt(i) !== ',' && format.charAt(i) !== '0' && format.charAt(i) !== '.' && format.charAt(i) !== '#') {
+                prefix += format.charAt(i);
+            }
+        }
+        var max_comma_places = 0;
+        var min_comma_places = 0;
+        var comma_pos = format.indexOf('.');
+        if (comma_pos >= 0) {
+            for (var j = comma_pos + 1; j < format.length; j++) {
+                if (format.charAt(j) === '0') {
+                    min_comma_places++;
+                }
+                else if (format.charAt(j) === '#') {
+                    max_comma_places++;
+                }
+                else if (format.charAt(j) !== ',' && format.charAt(j) !== '.') {
+                    suffix += format.charAt(j);
+                }
+            }
+        }
+        max_comma_places += min_comma_places;
+        return { max_comma_places: max_comma_places, min_comma_places: min_comma_places, min_length: min_length, prefix: prefix, suffix: suffix, show_sep: show_sep };
+    };
+    numeric.formatNumber = function (nr, format) {
+        //defaults
+        var comma_separator = culture.info.decimalSep;
+        var thousand_separator = culture.info.thousandSep;
+        var cp_min = format.min_comma_places || 0;
+        var cp_max = format.max_comma_places || 0;
+        var ml = format.min_length || 0;
+        //check if number is negative
+        var negative = nr < 0;
+        if (negative) {
+            nr = -nr;
+        }
+        //convert number to a string and round
+        var nr_str_raw = nr.toFixed(cp_max);
+        var cp = cp_max;
+        //remove comma-places which are not necessary
+        var end = nr_str_raw.indexOf('.') + cp_min;
+        if (end >= 0) {
+            var x = nr_str_raw.length - 1;
+            while (x > end) {
+                if (nr_str_raw.charAt(x) === '0') {
+                    cp--;
+                    nr_str_raw = nr_str_raw.slice(0, -1);
+                }
+                else {
+                    break;
+                }
+                x--;
+            }
+            if (nr_str_raw.charAt(x) === '.') {
+                nr_str_raw = nr_str_raw.slice(0, -1);
+            }
+        }
+        var nr_str = comma_separator !== "." ? nr_str_raw.replace(".", comma_separator) : nr_str_raw;
+        var t = cp ? cp + 1 : 0;
+        // add "0" at the front if necessary
+        while (nr_str.length < ml + t) {
+            nr_str = "0" + nr_str;
+        }
+        // insert thousand-separator if necessary
+        t += 3;
+        while (nr_str.length > t && format.show_sep) {
+            nr_str = nr_str.substr(0, nr_str.length - t) + thousand_separator + nr_str.substr(nr_str.length - t);
+            t += 4;
+        }
+        //remove first 0 if necessary
+        if (ml === 0 && nr_str.charAt(0) === '0') {
+            nr_str = nr_str.slice(1);
+        }
+        //return number
+        if (negative && parseFloat(nr_str_raw) !== 0) {
+            return (format.prefix || "") + "-" + nr_str + (format.suffix || "");
+        }
+        else {
+            return (format.prefix || "") + nr_str + (format.suffix || "");
+        }
+    };
+    numeric.formatCache = {};
+    return numeric;
+}());
+export { numeric };

package/lib/core/polyfills.js

@@ -0,0 +1,22 @@
+// source: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent
+(function () {
+    if (typeof window.CustomEvent === "function") {
+        return false;
+    }
+    ;
+    function CustomEvent(event, params) {
+        params = params || { bubbles: false, cancelable: false, detail: undefined };
+        var evt = document.createEvent("CustomEvent");
+        evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+        return evt;
+    }
+    CustomEvent.prototype = window.Event.prototype;
+    window.CustomEvent = CustomEvent;
+    if (!("remove" in Element.prototype)) {
+        Element.prototype.remove = function () {
+            if (this.parentNode) {
+                this.parentNode.removeChild(this);
+            }
+        };
+    }
+})();

package/lib/core.d.ts

@@ -0,0 +1,6 @@
+export * from "./core/culture";
+export * from "./core/date";
+export * from "./core/helper";
+export * from "./core/jq";
+export * from "./core/numeric";
+import "./core/polyfills";

package/lib/core.js

@@ -0,0 +1,6 @@
+export * from "./core/culture";
+export * from "./core/date";
+export * from "./core/helper";
+export * from "./core/jq";
+export * from "./core/numeric";
+import "./core/polyfills";

package/lib/grid/controls/slick.columnpicker.css

@@ -0,0 +1,46 @@
+.slick-columnpicker {
+  border: 1px solid #718BB7;
+  background: #f0f0f0;
+  padding: 6px;
+  -moz-box-shadow: 2px 2px 2px silver;
+  -webkit-box-shadow: 2px 2px 2px silver;
+  box-shadow: 2px 2px 2px silver;
+  min-width: 150px;
+  cursor: default;
+  position:absolute;
+  z-index:20;
+	overflow:auto;
+  resize: both;
+}
+
+.slick-columnpicker > .close {
+  float: right;
+}
+
+.slick-columnpicker .title {
+  font-size: 16px;
+  width: 60%;
+  border-bottom: solid 1px #d6d6d6;
+  margin-bottom: 10px;
+}
+
+.slick-columnpicker li {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  background: none;
+}
+
+.slick-columnpicker input {
+  margin: 4px;
+}
+
+.slick-columnpicker li a {
+  display: block;
+  padding: 4px;
+  font-weight: bold;
+}
+
+.slick-columnpicker li a:hover {
+  background: white;
+}