jsl-ui 9.28.2 → 9.28.4

package/lib/interaction/eventhandler.js

@@ -1,34 +1,33 @@
-var EventHandler = /** @class */ (function () {
-    function EventHandler(fnc) {
-        this.handlers = [];
-        if (fnc != null) {
-            this.handlers.push(fnc);
-        }
-    }
-    EventHandler.Create = function (click) {
+export class EventHandler {
+    static Create(click) {
         if (click == null) {
             return new EventHandler();
         }
         if (typeof click === "function") {
-            var res = new EventHandler();
+            const res = new EventHandler();
             res.subscribe(click);
             return res;
         }
         return click;
-    };
-    EventHandler.prototype.subscribe = function (fnc) {
+    }
+    constructor(fnc) {
+        this.handlers = [];
+        if (fnc != null) {
+            this.handlers.push(fnc);
+        }
+    }
+    subscribe(fnc) {
         this.handlers.push(fnc);
-    };
-    EventHandler.prototype.notify = function (val, val2) {
-        for (var _i = 0, _a = this.handlers; _i < _a.length; _i++) {
-            var h = _a[_i];
+    }
+    notify(val, val2) {
+        for (const h of this.handlers) {
             h(val, val2);
         }
-    };
-    EventHandler.prototype.count = function () {
+    }
+    count() {
         return this.handlers.length;
-    };
-    EventHandler.prototype.unSubscribe = function (fnc) {
+    }
+    unSubscribe(fnc) {
         if (this.handlers.indexOf(fnc) >= 0) {
             this.handlers.splice(this.handlers.indexOf(fnc), 1);
         }
@@ -36,7 +35,5 @@ var EventHandler = /** @class */ (function () {
             // TODO? throw exception?
             console.warn("handler not found in EventHandler.unSubscribe");
         }
-    };
-    return EventHandler;
-}());
-export { EventHandler };
+    }
+}

package/lib/interaction/moveable.js

@@ -1,18 +1,7 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import "./moveable.css";
 import "../core/polyfills";
 import { EventHandler } from "./eventhandler";
-var defaultOptions = {
+const defaultOptions = {
     onStart: new EventHandler(),
     onStop: new EventHandler(),
     onMove: new EventHandler(),
@@ -20,9 +9,8 @@ var defaultOptions = {
     moveDelta: 0,
     containInParent: true
 };
-var MoveableContainer = /** @class */ (function () {
-    function MoveableContainer(container, options) {
-        var _this = this;
+export class MoveableContainer {
+    constructor(container, options) {
         this.container = container;
         this.options = options;
         this.resizeX = false;
@@ -30,11 +18,11 @@ var MoveableContainer = /** @class */ (function () {
         this.initialX = null;
         this.initialY = null;
         this.startSize = { x: null, y: null };
-        this.mouseDownContainer = function (evt) {
-            var target = evt.target;
-            var directChild = target;
-            while (directChild.parentElement != null && directChild.parentElement !== _this.container) {
-                if (_this.options.selector != null && directChild.matches(_this.options.selector)) {
+        this.mouseDownContainer = (evt) => {
+            const target = evt.target;
+            let directChild = target;
+            while (directChild.parentElement != null && directChild.parentElement !== this.container) {
+                if (this.options.selector != null && directChild.matches(this.options.selector)) {
                     break;
                 }
                 directChild = directChild.parentElement;
@@ -42,112 +30,112 @@ var MoveableContainer = /** @class */ (function () {
             if (directChild.parentElement == null) {
                 return;
             }
-            if (_this.options.selector != null && !directChild.matches(_this.options.selector)) {
+            if (this.options.selector != null && !directChild.matches(this.options.selector)) {
                 return;
             }
-            _this.element = directChild;
-            var canceled = false;
-            var args = {
-                evt: evt,
-                target: _this.element,
-                x: _this.element.offsetLeft,
-                y: _this.element.offsetTop,
-                cancelEvent: function () { canceled = true; }
+            this.element = directChild;
+            let canceled = false;
+            const args = {
+                evt,
+                target: this.element,
+                x: this.element.offsetLeft,
+                y: this.element.offsetTop,
+                cancelEvent: () => { canceled = true; }
             };
-            _this.options.onStart.notify(args);
+            this.options.onStart.notify(args);
             if (canceled) {
                 return;
             }
             evt.preventDefault();
             evt.stopPropagation();
             evt.stopImmediatePropagation();
-            _this.initialX = _this.extractArg(evt, "clientX") - _this.element.offsetLeft;
-            _this.initialY = _this.extractArg(evt, "clientY") - _this.element.offsetTop;
+            this.initialX = this.extractArg(evt, "clientX") - this.element.offsetLeft;
+            this.initialY = this.extractArg(evt, "clientY") - this.element.offsetTop;
             // register event listeners
-            window.addEventListener("mousemove", _this.mouseMove, false);
-            window.addEventListener("mouseup", _this.mouseUp, false);
-            window.addEventListener("touchmove", _this.mouseMove, false);
-            window.addEventListener("touchend", _this.mouseUp, false);
+            window.addEventListener("mousemove", this.mouseMove, false);
+            window.addEventListener("mouseup", this.mouseUp, false);
+            window.addEventListener("touchmove", this.mouseMove, false);
+            window.addEventListener("touchend", this.mouseUp, false);
         };
-        this.mouseMove = function (evt) {
-            var raiseEvt = false;
-            var x = 0;
-            if (_this.resizeX) {
-                var val = _this.extractArg(evt, "clientX");
-                if (_this.startSize != null && _this.startSize.x == null) {
-                    _this.startSize.x = val;
+        this.mouseMove = (evt) => {
+            let raiseEvt = false;
+            let x = 0;
+            if (this.resizeX) {
+                const val = this.extractArg(evt, "clientX");
+                if (this.startSize != null && this.startSize.x == null) {
+                    this.startSize.x = val;
                 }
-                if (_this.startSize == null || Math.abs(_this.startSize.x - val) >= _this.options.moveDelta) {
+                if (this.startSize == null || Math.abs(this.startSize.x - val) >= this.options.moveDelta) {
                     //if (!this.options.gridX || Math.round(val) % this.options.gridX === 0) {
-                    x = val - _this.initialX;
-                    if (_this.options.gridX) {
-                        x = Math.round(x / _this.options.gridX) * _this.options.gridX;
+                    x = val - this.initialX;
+                    if (this.options.gridX) {
+                        x = Math.round(x / this.options.gridX) * this.options.gridX;
                     }
-                    if (_this.options.containInParent) {
+                    if (this.options.containInParent) {
                         if (x < 0) {
                             x = 0;
                         }
-                        var maxX = _this.container.clientWidth - _this.element.offsetWidth;
+                        const maxX = this.container.clientWidth - this.element.offsetWidth;
                         if (x > maxX) {
                             x = maxX;
                         }
                     }
-                    _this.element.style.left = x + "px";
+                    this.element.style.left = x + "px";
                     raiseEvt = true;
-                    _this.startSize = null;
+                    this.startSize = null;
                     //}
                 }
             }
-            var y = 0;
-            if (_this.resizeY) {
-                var val = _this.extractArg(evt, "clientY");
-                if (_this.startSize != null && _this.startSize.y == null) {
-                    _this.startSize.y = val;
+            let y = 0;
+            if (this.resizeY) {
+                const val = this.extractArg(evt, "clientY");
+                if (this.startSize != null && this.startSize.y == null) {
+                    this.startSize.y = val;
                 }
-                if (_this.startSize == null || Math.abs(_this.startSize.y - val) >= _this.options.moveDelta) {
+                if (this.startSize == null || Math.abs(this.startSize.y - val) >= this.options.moveDelta) {
                     //if (!this.options.gridY || Math.round(val) % this.options.gridY === 0) {
-                    y = val - _this.initialY;
-                    if (_this.options.gridY) {
-                        y = Math.round(y / _this.options.gridY) * _this.options.gridY;
+                    y = val - this.initialY;
+                    if (this.options.gridY) {
+                        y = Math.round(y / this.options.gridY) * this.options.gridY;
                     }
-                    if (_this.options.containInParent) {
+                    if (this.options.containInParent) {
                         if (y < 0) {
                             y = 0;
                         }
-                        var maxY = _this.container.clientHeight - _this.element.offsetHeight;
+                        const maxY = this.container.clientHeight - this.element.offsetHeight;
                         if (y > maxY) {
                             y = maxY;
                         }
                     }
-                    _this.element.style.top = y + "px";
+                    this.element.style.top = y + "px";
                     raiseEvt = true;
-                    _this.startSize = null;
+                    this.startSize = null;
                     //}
                 }
             }
             if (raiseEvt) {
-                _this.options.onMove.notify({
-                    evt: evt,
-                    target: _this.element,
-                    x: x,
-                    y: y,
-                    cancelEvent: function () { }
+                this.options.onMove.notify({
+                    evt,
+                    target: this.element,
+                    x,
+                    y,
+                    cancelEvent: () => { }
                 });
             }
         };
-        this.mouseUp = function (evt) {
-            window.removeEventListener("mousemove", _this.mouseMove, false);
-            window.removeEventListener("mouseup", _this.mouseUp, false);
-            window.removeEventListener("touchmove", _this.mouseMove, false);
-            window.removeEventListener("touchend", _this.mouseUp, false);
-            _this.options.onStop.notify({
-                evt: evt,
-                target: _this.element,
-                x: _this.element.offsetLeft,
-                y: _this.element.offsetTop,
-                cancelEvent: function () { }
+        this.mouseUp = (evt) => {
+            window.removeEventListener("mousemove", this.mouseMove, false);
+            window.removeEventListener("mouseup", this.mouseUp, false);
+            window.removeEventListener("touchmove", this.mouseMove, false);
+            window.removeEventListener("touchend", this.mouseUp, false);
+            this.options.onStop.notify({
+                evt,
+                target: this.element,
+                x: this.element.offsetLeft,
+                y: this.element.offsetTop,
+                cancelEvent: () => { }
             });
-            _this.startSize = { x: null, y: null };
+            this.startSize = { x: null, y: null };
         };
         if (options.direction === "x" || options.direction === "both") {
             this.resizeX = true;
@@ -157,18 +145,16 @@ var MoveableContainer = /** @class */ (function () {
         }
         this.init();
     }
-    MoveableContainer.prototype.init = function () {
+    init() {
         this.container.addEventListener("mousedown", this.mouseDownContainer, false);
         this.container.addEventListener("touchstart", this.mouseDownContainer, false);
-    };
-    MoveableContainer.prototype.extractArg = function (evt, key) {
+    }
+    extractArg(evt, key) {
         return evt[key] != null ? evt[key] : (evt.touches.length > 0 ? evt.touches : evt.changedTouches)[0][key];
-    };
-    return MoveableContainer;
-}());
-export { MoveableContainer };
+    }
+}
 export function Moveable(selector, options) {
     return new MoveableContainer(typeof selector === "string" ?
         document.querySelector(selector) :
-        selector, __assign(__assign({}, defaultOptions), options));
+        selector, { ...defaultOptions, ...options });
 }

package/lib/interaction/resizable.js

@@ -1,123 +1,109 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import "./resizable.css";
 import "../core/polyfills";
 import { EventHandler } from "./eventhandler";
-var defaultOptions = {
+const defaultOptions = {
     resizeHandlePrefix: "rs-",
     onStart: new EventHandler(),
     onStop: new EventHandler(),
     onResize: new EventHandler(),
     resizeDelta: 0
 };
-var ResizeContainer = /** @class */ (function () {
-    function ResizeContainer(container, options) {
-        var _this = this;
+export class ResizeContainer {
+    constructor(container, options) {
         this.container = container;
         this.options = options;
         this.startSize = { x: null, y: null };
-        this.mouseDownContainer = function (evt) {
-            var target = evt.target;
-            if ((" " + target.className).indexOf(" " + _this.options.resizeHandlePrefix) < 0) {
+        this.mouseDownContainer = (evt) => {
+            const target = evt.target;
+            if ((" " + target.className).indexOf(" " + this.options.resizeHandlePrefix) < 0) {
                 return; // not a resize handle
             }
             evt.preventDefault();
             evt.stopPropagation();
             evt.stopImmediatePropagation();
-            _this.resizeX = target.classList.contains(_this.options.resizeHandlePrefix + "r") ||
-                target.classList.contains(_this.options.resizeHandlePrefix + "l");
-            _this.resizeY = target.classList.contains(_this.options.resizeHandlePrefix + "t") ||
-                target.classList.contains(_this.options.resizeHandlePrefix + "b");
-            _this.element = target.parentElement; // TODO change to closest class
-            _this.options.onStart.notify({ evt: evt, target: _this.element, x: _this.extractArg(evt, "pageX"), y: _this.extractArg(evt, "pageY") });
+            this.resizeX = target.classList.contains(this.options.resizeHandlePrefix + "r") ||
+                target.classList.contains(this.options.resizeHandlePrefix + "l");
+            this.resizeY = target.classList.contains(this.options.resizeHandlePrefix + "t") ||
+                target.classList.contains(this.options.resizeHandlePrefix + "b");
+            this.element = target.parentElement; // TODO change to closest class
+            this.options.onStart.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
             // register event listeners
-            window.addEventListener("mousemove", _this.mouseMove, false);
-            window.addEventListener("mouseup", _this.mouseUp, false);
-            window.addEventListener("touchmove", _this.mouseMove, false);
-            window.addEventListener("touchend", _this.mouseUp, false);
+            window.addEventListener("mousemove", this.mouseMove, false);
+            window.addEventListener("mouseup", this.mouseUp, false);
+            window.addEventListener("touchmove", this.mouseMove, false);
+            window.addEventListener("touchend", this.mouseUp, false);
         };
-        this.mouseMove = function (evt) {
-            var raiseEvt = false;
-            if (_this.resizeX) {
-                var val = _this.extractArg(evt, "clientX") - _this.element.getBoundingClientRect().left;
-                if (_this.options.minWidth && val < _this.options.minWidth) {
-                    val = _this.options.minWidth;
+        this.mouseMove = (evt) => {
+            let raiseEvt = false;
+            if (this.resizeX) {
+                let val = this.extractArg(evt, "clientX") - this.element.getBoundingClientRect().left;
+                if (this.options.minWidth && val < this.options.minWidth) {
+                    val = this.options.minWidth;
                 }
-                else if (_this.options.maxWidth && val > _this.options.maxWidth) {
-                    val = _this.options.maxWidth;
+                else if (this.options.maxWidth && val > this.options.maxWidth) {
+                    val = this.options.maxWidth;
                 }
-                if (_this.startSize != null && _this.startSize.x == null) {
-                    _this.startSize.x = val;
+                if (this.startSize != null && this.startSize.x == null) {
+                    this.startSize.x = val;
                 }
-                if (_this.startSize == null || Math.abs(_this.startSize.x - val) >= _this.options.resizeDelta) {
+                if (this.startSize == null || Math.abs(this.startSize.x - val) >= this.options.resizeDelta) {
                     // if (!this.options.gridX || Math.round(val) % this.options.gridX === 0) {
-                    if (_this.options.gridX) {
-                        val = Math.round(val / _this.options.gridX) * _this.options.gridX;
+                    if (this.options.gridX) {
+                        val = Math.round(val / this.options.gridX) * this.options.gridX;
                     }
-                    _this.element.style.width = Math.round(val) + "px";
+                    this.element.style.width = Math.round(val) + "px";
                     raiseEvt = true;
-                    _this.startSize = null;
+                    this.startSize = null;
                     // }
                 }
             }
-            if (_this.resizeY) {
-                var val = _this.extractArg(evt, "clientY") - _this.element.getBoundingClientRect().top;
-                if (_this.options.minHeight && val < _this.options.minHeight) {
-                    val = _this.options.minHeight;
+            if (this.resizeY) {
+                let val = this.extractArg(evt, "clientY") - this.element.getBoundingClientRect().top;
+                if (this.options.minHeight && val < this.options.minHeight) {
+                    val = this.options.minHeight;
                 }
-                else if (_this.options.maxHeight && val > _this.options.maxHeight) {
-                    val = _this.options.maxHeight;
+                else if (this.options.maxHeight && val > this.options.maxHeight) {
+                    val = this.options.maxHeight;
                 }
-                if (_this.startSize != null && _this.startSize.y == null) {
-                    _this.startSize.y = val;
+                if (this.startSize != null && this.startSize.y == null) {
+                    this.startSize.y = val;
                 }
-                if (_this.startSize == null || Math.abs(_this.startSize.y - val) >= _this.options.resizeDelta) {
+                if (this.startSize == null || Math.abs(this.startSize.y - val) >= this.options.resizeDelta) {
                     // if (!this.options.gridY || Math.round(val) % this.options.gridY === 0) {
-                    if (_this.options.gridY) {
-                        val = Math.round(val / _this.options.gridY) * _this.options.gridY;
+                    if (this.options.gridY) {
+                        val = Math.round(val / this.options.gridY) * this.options.gridY;
                     }
-                    _this.element.style.height = Math.round(val) + "px";
+                    this.element.style.height = Math.round(val) + "px";
                     raiseEvt = true;
-                    _this.startSize = null;
+                    this.startSize = null;
                     // }
                 }
             }
             if (raiseEvt) {
-                _this.options.onResize.notify({ evt: evt, target: _this.element, x: _this.extractArg(evt, "pageX"), y: _this.extractArg(evt, "pageY") });
+                this.options.onResize.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
             }
         };
-        this.mouseUp = function (evt) {
-            window.removeEventListener("mousemove", _this.mouseMove, false);
-            window.removeEventListener("mouseup", _this.mouseUp, false);
-            window.removeEventListener("touchmove", _this.mouseMove, false);
-            window.removeEventListener("touchend", _this.mouseUp, false);
-            _this.options.onStop.notify({ evt: evt, target: _this.element, x: _this.extractArg(evt, "pageX"), y: _this.extractArg(evt, "pageY") });
-            _this.startSize = { x: null, y: null };
+        this.mouseUp = (evt) => {
+            window.removeEventListener("mousemove", this.mouseMove, false);
+            window.removeEventListener("mouseup", this.mouseUp, false);
+            window.removeEventListener("touchmove", this.mouseMove, false);
+            window.removeEventListener("touchend", this.mouseUp, false);
+            this.options.onStop.notify({ evt, target: this.element, x: this.extractArg(evt, "pageX"), y: this.extractArg(evt, "pageY") });
+            this.startSize = { x: null, y: null };
         };
         this.init();
     }
-    ResizeContainer.prototype.init = function () {
+    init() {
         this.container.classList.add("resizable");
         this.container.addEventListener("mousedown", this.mouseDownContainer, false);
         this.container.addEventListener("touchstart", this.mouseDownContainer, false);
-    };
-    ResizeContainer.prototype.extractArg = function (evt, key) {
+    }
+    extractArg(evt, key) {
         return evt[key] != null ? evt[key] : (evt.touches.length > 0 ? evt.touches : evt.changedTouches)[0][key];
-    };
-    return ResizeContainer;
-}());
-export { ResizeContainer };
+    }
+}
 export function Resizable(selector, options) {
     return new ResizeContainer(typeof selector === "string" ?
         document.querySelector(selector) :
-        selector, __assign(__assign({}, defaultOptions), options));
+        selector, { ...defaultOptions, ...options });
 }

package/lib/ui/auto.suggest.js

@@ -1,16 +1,5 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import "./auto.suggest.css";
-var autoComplete = (function () {
+let autoComplete = (function () {
     function autoComplete(options) {
         // helpers
         function hasClass(el, className) { return el.classList.contains(className); }
@@ -23,8 +12,8 @@ var autoComplete = (function () {
         }
         function live(elClass, event, cb, context) {
             addEvent(context || document, event, function (e) {
-                var found;
-                var el = e.target || e.srcElement;
+                let found;
+                let el = e.target || e.srcElement;
                 while (el && !(found = hasClass(el, elClass))) {
                     el = el.parentElement;
                 }
@@ -33,7 +22,7 @@ var autoComplete = (function () {
                 }
             });
         }
-        var o = {
+        const o = {
             selector: "",
             source: function (val, s) { return []; },
             minChars: 0,
@@ -50,15 +39,15 @@ var autoComplete = (function () {
             },
             onSelect: function (e, term, item) { }
         };
-        for (var k in options) {
+        for (const k in options) {
             if (options.hasOwnProperty(k)) {
                 o[k] = options[k];
             }
         }
         // init
-        var elems = typeof o.selector === 'object' ? [o.selector] : document.querySelectorAll(o.selector);
-        var _loop_1 = function (i) {
-            var that = elems[i];
+        let elems = typeof o.selector === 'object' ? [o.selector] : document.querySelectorAll(o.selector);
+        for (let i = 0; i < elems.length; i++) {
+            let that = elems[i];
             // create suggestions container "sc"
             that.sc = document.createElement('div');
             that.sc.className = 'autocomplete-suggestions ' + o.menuClass;
@@ -98,13 +87,13 @@ var autoComplete = (function () {
             addEvent(window, 'resize', that.updateSC);
             document.body.appendChild(that.sc);
             live('autocomplete-suggestion', 'mouseleave', function (e) {
-                var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
+                const sel = that.sc.querySelector('.autocomplete-suggestion.selected');
                 if (sel) {
                     setTimeout(function () { sel.className = sel.className.replace('selected', ''); }, 20);
                 }
             }, that.sc);
             live('autocomplete-suggestion', 'mouseover', function (e) {
-                var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
+                const sel = that.sc.querySelector('.autocomplete-suggestion.selected');
                 if (sel) {
                     sel.className = sel.className.replace('selected', '');
                 }
@@ -113,7 +102,7 @@ var autoComplete = (function () {
             live('autocomplete-suggestion', 'mousedown', function (e) {
                 // window.setTimeout(() => {
                 if (hasClass(this, 'autocomplete-suggestion')) { // else outside click
-                    var v = this.getAttribute('data-val');
+                    const v = this.getAttribute('data-val');
                     that.value = v;
                     o.onSelect(e, v, this);
                     that.sc.style.display = 'none';
@@ -134,7 +123,7 @@ var autoComplete = (function () {
                 options.onChange(that.value);
             };
             addEvent(that, 'input', that.inputHandler);
-            suggest = function (data) {
+            var suggest = function (data) {
                 var val = that.value;
                 that.cache[val] = data;
                 if (data.length && val.length >= o.minChars) {
@@ -227,10 +216,6 @@ var autoComplete = (function () {
             if (!o.minChars) {
                 addEvent(that, 'focus', that.focusHandler);
             }
-        };
-        var suggest;
-        for (var i = 0; i < elems.length; i++) {
-            _loop_1(i);
         }
         // public destroy method
         this.destroy = function () {
@@ -255,5 +240,5 @@ var autoComplete = (function () {
     return autoComplete;
 })();
 export function AutoSuggest(input, opts) {
-    return new autoComplete(__assign({ selector: input }, opts));
+    return new autoComplete({ selector: input, ...opts });
 }

package/lib/ui/date.picker/lib/fns.js

@@ -26,11 +26,7 @@ export function noop() { }
  * @params {Object} o2
  * @returns {Object}
  */
-export function cp() {
-    var params = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        params[_i] = arguments[_i];
-    }
+export function cp(...params) {
     var args = arguments;
     var o1 = args[0];
     for (var i = 1; i < args.length; ++i) {