jsl-ui 9.28.2 → 9.28.4

package/lib/components/tabs/TabsComponent.js

@@ -1,17 +1,8 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 import "./TabsStyle.scss";
 import { refresh } from "jsl-render";
 import { helper } from "../../core/helper";
-var TabsComponent = /** @class */ (function () {
-    function TabsComponent(options) {
+export class TabsComponent {
+    constructor(options) {
         var _a, _b, _c;
         this.options = options;
         this.State = { selectedIndex: null };
@@ -19,23 +10,22 @@ var TabsComponent = /** @class */ (function () {
         this.options.tabs = (_b = this.options.tabs) !== null && _b !== void 0 ? _b : [];
         this.options.selectedIndex = (_c = this.options.selectedIndex) !== null && _c !== void 0 ? _c : 0;
     }
-    TabsComponent.prototype.getActiveTabIndex = function () {
+    getActiveTabIndex() {
         var _a;
         return (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
-    };
-    TabsComponent.prototype.render = function () {
-        var _this = this;
+    }
+    render() {
         var _a, _b, _c, _d, _e;
         this.checkForDuplicateIds();
-        var index = -1;
-        var activeIndex = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
+        let index = -1;
+        const activeIndex = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
         if (activeIndex > -1 &&
             this.options.tabs[activeIndex].content == null &&
             this.options.tabs[activeIndex].onCreate) {
             this.options.tabs[activeIndex].content = this.options.tabs[activeIndex].onCreate();
         }
-        var tabs = [];
-        for (var idx = 0; idx < this.options.tabs.length; idx++) {
+        const tabs = [];
+        for (let idx = 0; idx < this.options.tabs.length; idx++) {
             if (!this.options.tabs[idx].id) {
                 this.options.tabs[idx].id = helper.newDomGuid();
             }
@@ -61,34 +51,34 @@ var TabsComponent = /** @class */ (function () {
             }
         }
         return {
-            tag: "div", attr: { class: "stabcomponent " + (this.options.class || ""), style: this.options.style }, children: __spreadArray([
+            tag: "div", attr: { class: "stabcomponent " + (this.options.class || ""), style: this.options.style }, children: [
                 {
-                    tag: "div", attr: { class: "tab-header-row" }, children: this.options.tabs.map(function (x) {
+                    tag: "div", attr: { class: "tab-header-row" }, children: this.options.tabs.map((x) => {
                         index++;
-                        var currIndex = index;
+                        const currIndex = index;
                         return {
                             tag: "div", attr: {
-                                class: "tab-item " + (index === activeIndex ? "active " : "") + (_this.options.tabs[currIndex].enabled === false ? "disabled " : ""),
-                                click: function (evt) {
+                                class: "tab-item " + (index === activeIndex ? "active " : "") + (this.options.tabs[currIndex].enabled === false ? "disabled " : ""),
+                                click: (evt) => {
                                     var _a;
-                                    if ((_a = _this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
-                                        _this.SetSelectedTab(currIndex);
-                                        if (_this.options.onSelect) {
-                                            _this.options.onSelect(currIndex);
+                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
+                                        this.SetSelectedTab(currIndex);
+                                        if (this.options.onSelect) {
+                                            this.options.onSelect(currIndex);
                                         }
                                     }
                                 }
                             }, children: [
-                                { tag: "span", attr: { style: "vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;" }, children: [_this.toNode(x.header, "span")] },
-                                _this.options.tabs[index].canClose
+                                { tag: "span", attr: { style: "vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;" }, children: [this.toNode(x.header, "span")] },
+                                this.options.tabs[index].canClose
                                     ?
                                         {
                                             tag: "div", attr: {
-                                                class: "close-button", click: function (evt) {
+                                                class: "close-button", click: (evt) => {
                                                     var _a;
-                                                    if ((_a = _this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
+                                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
                                                         evt.stopPropagation();
-                                                        _this.closeTabIndex(currIndex, true);
+                                                        this.closeTabIndex(currIndex, true);
                                                     }
                                                 }
                                             }, content: "X"
@@ -98,19 +88,19 @@ var TabsComponent = /** @class */ (function () {
                             ]
                         };
                     })
-                }
-            ], tabs, true)
+                }, ...tabs
+            ]
         };
-    };
-    TabsComponent.prototype.AddTab = function (tabItem) {
+    }
+    AddTab(tabItem) {
         var _a;
         tabItem.enabled = (_a = tabItem.enabled) !== null && _a !== void 0 ? _a : true;
         this.options.tabs.push(tabItem);
         this.checkForDuplicateIds();
         return this.options.tabs.length - 1;
-    };
-    TabsComponent.prototype.EnableAll = function () {
-        for (var i = 0; i < this.options.tabs.length; i++) {
+    }
+    EnableAll() {
+        for (let i = 0; i < this.options.tabs.length; i++) {
             this.options.tabs[i].enabled = true;
         }
         if (this.renderer != null) {
@@ -119,9 +109,9 @@ var TabsComponent = /** @class */ (function () {
         else {
             refresh();
         }
-    };
-    TabsComponent.prototype.DisableAll = function () {
-        for (var i = 0; i < this.options.tabs.length; i++) {
+    }
+    DisableAll() {
+        for (let i = 0; i < this.options.tabs.length; i++) {
             this.options.tabs[i].enabled = false;
         }
         if (this.renderer != null) {
@@ -130,11 +120,11 @@ var TabsComponent = /** @class */ (function () {
         else {
             refresh();
         }
-    };
-    TabsComponent.prototype.GetByID = function (id) {
-        return this.options.tabs.filter(function (f) { return f.id === id; })[0];
-    };
-    TabsComponent.prototype.closeTabIndex = function (index, raiseSelectEvent) {
+    }
+    GetByID(id) {
+        return this.options.tabs.filter((f) => f.id === id)[0];
+    }
+    closeTabIndex(index, raiseSelectEvent) {
         var _a, _b;
         // console.log("closing tab index " + index);
         if (this.options.tabs[index].onClosing) {
@@ -142,8 +132,8 @@ var TabsComponent = /** @class */ (function () {
                 return false;
             }
         }
-        this.options.tabs = this.options.tabs.filter(function (_, currIdx) { return currIdx !== index; });
-        var newSelectedIndex = (_b = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex) !== null && _b !== void 0 ? _b : 0;
+        this.options.tabs = this.options.tabs.filter((_, currIdx) => currIdx !== index);
+        let newSelectedIndex = (_b = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex) !== null && _b !== void 0 ? _b : 0;
         if (this.options.tabs.length <= newSelectedIndex) {
             newSelectedIndex--;
             this.SetSelectedTab(newSelectedIndex);
@@ -154,17 +144,17 @@ var TabsComponent = /** @class */ (function () {
             }
         }
         return true;
-    };
+    }
     // public onCreate(node: IJSLVNode) {
     //     this.ref = node.dom as HTMLDivElement;
     // }
     // public onUpdate(node: IJSLVNode) {
     //     this.ref = node.dom as HTMLDivElement;
     // }
-    TabsComponent.prototype.onInit = function (renderer) {
+    onInit(renderer) {
         this.renderer = renderer;
-    };
-    TabsComponent.prototype.SetSelectedTab = function (index) {
+    }
+    SetSelectedTab(index) {
         var _a;
         if (((_a = this.options.tabs[index]) === null || _a === void 0 ? void 0 : _a.onCreate) != null && this.options.tabs[index].content == null) {
             this.options.tabs[index].content = this.options.tabs[index].onCreate();
@@ -177,28 +167,25 @@ var TabsComponent = /** @class */ (function () {
         else {
             refresh();
         }
-    };
-    TabsComponent.prototype.toNode = function (content, tag) {
+    }
+    toNode(content, tag) {
         if (content == null) {
             return undefined;
         }
         if (typeof content === "string") {
-            return { tag: tag !== null && tag !== void 0 ? tag : "div", content: content };
+            return { tag: tag !== null && tag !== void 0 ? tag : "div", content };
         }
         return content;
-    };
-    TabsComponent.prototype.checkForDuplicateIds = function () {
+    }
+    checkForDuplicateIds() {
         if (this.options.tabs == null || this.options.tabs.length === 0) {
             return;
         }
-        var ids = {};
-        for (var _i = 0, _a = this.options.tabs; _i < _a.length; _i++) {
-            var tab = _a[_i];
+        const ids = {};
+        for (const tab of this.options.tabs) {
             if (tab.id && ids[tab.id] !== undefined) {
                 throw new Error("Tab Control has duplicate id " + tab.id);
             }
         }
-    };
-    return TabsComponent;
-}());
-export { TabsComponent };
+    }
+}

package/lib/components/time/TimeComponent.js

@@ -1,28 +1,19 @@
-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 "./TimeComponent.scss";
 import { EventHandler } from "../../interaction/eventhandler";
 import { helper } from "../../core/helper";
 import { date } from "../../core/date";
-var TimeComponent = /** @class */ (function () {
-    function TimeComponent(options) {
+export class TimeComponent {
+    constructor(options) {
         var _a;
-        this.options = __assign({
-            enabled: true,
-            id: helper.newDomGuid(),
-            inputMode: "HourMinute",
-            bindMode: "toModel",
-            placeholder: (options === null || options === void 0 ? void 0 : options.inputMode) === "HourMinuteSecond" ? "__:__:__" : "__:__"
-        }, options);
+        this.options = {
+            ...{
+                enabled: true,
+                id: helper.newDomGuid(),
+                inputMode: "HourMinute",
+                bindMode: "toModel",
+                placeholder: (options === null || options === void 0 ? void 0 : options.inputMode) === "HourMinuteSecond" ? "__:__:__" : "__:__"
+            }, ...options
+        };
         if (this.options.bindTo != null && this.options.bindMode !== "fromModel" && this.options.property != null && this.options.value == null) {
             this.options.value = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
                 this.options.converter.toUI(this.options.bindTo[this.options.property]) :
@@ -30,17 +21,17 @@ var TimeComponent = /** @class */ (function () {
         }
         this.options.onChange = EventHandler.Create(this.options.onChange);
     }
-    TimeComponent.prototype.render = function () {
+    render() {
         var _a, _b;
-        var val = this.options.value;
+        let val = this.options.value;
         if (this.options.bindMode !== "toModel" && this.options.bindTo != null && this.options.property != null) {
-            var current = this.getValue();
-            var newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
+            const current = this.getValue();
+            const newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
                 this.options.converter.toUI(this.options.bindTo[this.options.property]) :
                 this.options.bindTo[this.options.property]);
-            var newValStr = date.formatTime(newVal, this.options.inputMode);
+            const newValStr = date.formatTime(newVal, this.options.inputMode);
+            val = newVal;
             if (newValStr !== current) {
-                val = newVal;
                 if (this.currentDom != null) {
                     this.currentDom.value = newValStr;
                 }
@@ -57,23 +48,23 @@ var TimeComponent = /** @class */ (function () {
                 change: this.raiseChangeEvent
             }
         };
-    };
-    TimeComponent.prototype.onCreate = function (node) {
+    }
+    onCreate(node) {
         this.currentDom = node.dom;
-    };
-    TimeComponent.prototype.onUpdate = function (node) {
+    }
+    onUpdate(node) {
         this.currentDom = node.dom;
-    };
-    TimeComponent.prototype.getValue = function () {
+    }
+    getValue() {
         if (this.currentDom == null) {
             return "";
         }
         return this.currentDom.value;
-    };
-    TimeComponent.prototype.getValueAsDate = function (datePart) {
-        var x = datePart ? new Date(datePart.getTime()) : new Date();
+    }
+    getValueAsDate(datePart) {
+        const x = datePart ? new Date(datePart.getTime()) : new Date();
         try {
-            var parts = this.getValue().split(":");
+            const parts = this.getValue().split(":");
             x.setHours(parseInt(parts[0], 10));
             if (parts.length > 1) {
                 x.setMinutes(parseInt(parts[1], 10));
@@ -96,18 +87,16 @@ var TimeComponent = /** @class */ (function () {
             x.setSeconds(0);
         }
         return x;
-    };
-    TimeComponent.prototype.raiseChangeEvent = function (e, node) {
+    }
+    raiseChangeEvent(e, node) {
         var _a;
         if (this.options.enabled) {
-            var val = this.getValueAsDate(this.options.value);
+            const val = this.getValueAsDate(this.options.value);
             if (this.options.bindTo && this.options.bindMode !== "fromModel" && this.options.property) {
                 this.options.bindTo[this.options.property] =
                     ((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toData) ? this.options.converter.toData(val) : val;
             }
             this.options.onChange.notify(val);
         }
-    };
-    return TimeComponent;
-}());
-export { TimeComponent };
+    }
+}

package/lib/components/tree-view/TreeViewComponent.js

@@ -1,23 +1,22 @@
 import "./TreeViewStyle.scss";
-var TreeViewComponent = /** @class */ (function () {
-    function TreeViewComponent(options) {
+export class TreeViewComponent {
+    constructor(options) {
         this.options = options;
     }
-    TreeViewComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    TreeViewComponent.prototype.render = function () {
+    }
+    render() {
         var _a, _b;
         return {
             tag: "div", attr: { style: this.options.style, class: "treeview-comp hover " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
                 { tag: "ul", attr: { class: "tv-ul" }, children: [this.renderNode((_b = this.filteredData) !== null && _b !== void 0 ? _b : this.options.data)] }
             ]
         };
-    };
-    TreeViewComponent.prototype.renderNode = function (el) {
-        var _this = this;
+    }
+    renderNode(el) {
         function getInput() {
-            var res = { tag: "input", attr: { class: "tv-input", type: "checkbox", id: el.id } };
+            const res = { tag: "input", attr: { class: "tv-input", type: "checkbox", id: el.id } };
             if (el.collapsed) {
                 res.attr.checked = "checked";
             }
@@ -27,11 +26,11 @@ var TreeViewComponent = /** @class */ (function () {
             { tag: "li", children: [
                     getInput(),
                     this.addChild({ tag: "label", attr: { for: el.id } }, this.options.renderItem != null ? this.options.renderItem(el) : el.content),
-                    { tag: "ul", attr: { class: "tv-ul" }, children: el.children.map(function (c) { return _this.renderNode(c); }) }
+                    { tag: "ul", attr: { class: "tv-ul" }, children: el.children.map((c) => this.renderNode(c)) }
                 ] } :
             this.addChild({ tag: "li" }, this.options.renderItem != null ? this.options.renderItem(el) : el.content);
-    };
-    TreeViewComponent.prototype.addChild = function (parent, content) {
+    }
+    addChild(parent, content) {
         if (typeof content === "string") {
             parent.content = content;
         }
@@ -39,7 +38,5 @@ var TreeViewComponent = /** @class */ (function () {
             parent.children = [content];
         }
         return parent;
-    };
-    return TreeViewComponent;
-}());
-export { TreeViewComponent };
+    }
+}

package/lib/components/virtual-render/VirtualRenderComponent.js

@@ -1,19 +1,8 @@
-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 "./VirtualRenderStyle.scss";
-var VirtualRenderComponent = /** @class */ (function () {
-    function VirtualRenderComponent(options) {
+export class VirtualRenderComponent {
+    constructor(options) {
         this.State = { scrollPos: 0 };
-        var defaultOptions = {
+        const defaultOptions = {
             data: null,
             renderRow: null,
             bufferSizeInPx: 200,
@@ -21,63 +10,62 @@ var VirtualRenderComponent = /** @class */ (function () {
             rowTag: "div",
             viewportSizeInPX: window.innerHeight
         };
-        this.options = __assign(__assign({}, defaultOptions), options);
+        this.options = { ...defaultOptions, ...options };
     }
-    VirtualRenderComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    VirtualRenderComponent.prototype.setData = function (data) {
+    }
+    setData(data) {
         this.options.data = data;
-    };
-    VirtualRenderComponent.prototype.onInit = function (renderer) {
+    }
+    onInit(renderer) {
         this.State.renderer = renderer;
-    };
-    VirtualRenderComponent.prototype.render = function () {
-        var _this = this;
+    }
+    render() {
         var _a, _b;
-        var o = this.options;
-        var vrBody = {
+        const o = this.options;
+        const vrBody = {
             tag: "div",
             attr: { class: "v-r-child", style: "height:" + (o.data.length * o.rowHeight) + "px;position:relative" },
             children: this.getChildren()
         };
-        var vrContainer = {
+        const vrContainer = {
             tag: "div", attr: {
                 class: "v-r-comp " + ((_a = o.class) !== null && _a !== void 0 ? _a : ""),
                 style: "overflow-y:auto;" + ((_b = o.style) !== null && _b !== void 0 ? _b : ""),
-                scroll: function (e, node) {
-                    var newScrollPos = node.dom.scrollTop;
-                    if (Math.abs(_this.State.scrollPos - newScrollPos) < o.bufferSizeInPx) {
+                scroll: (e, node) => {
+                    const newScrollPos = node.dom.scrollTop;
+                    if (Math.abs(this.State.scrollPos - newScrollPos) < o.bufferSizeInPx) {
                         return false;
                     }
-                    _this.State.scrollPos = newScrollPos;
-                    vrBody.children = _this.getChildren();
+                    this.State.scrollPos = newScrollPos;
+                    vrBody.children = this.getChildren();
                     node.children[0].children = [{ tag: "dummy" }];
-                    _this.State.renderer.updateNode(node.children[0], vrBody);
+                    this.State.renderer.updateNode(node.children[0], vrBody);
                     return false;
                 }
             }, children: [vrBody]
         };
         return vrContainer;
-    };
+    }
     // public scrollRowToTop(idx: number) {
     // }
     // public scrollRowToCenter(idx: number) {
     // }
     // public scrollRowToBottom(idx: number) {
     // }
-    VirtualRenderComponent.prototype.getChildren = function () {
-        var o = this.options;
-        var children = [];
-        var viewport = {
+    getChildren() {
+        const o = this.options;
+        const children = [];
+        const viewport = {
             top: Math.floor((this.State.scrollPos - o.bufferSizeInPx) / o.rowHeight),
             bottom: Math.ceil((this.State.scrollPos + o.viewportSizeInPX + o.bufferSizeInPx) / o.rowHeight)
         };
-        for (var idx = viewport.top; idx < viewport.bottom; idx++) {
+        for (let idx = viewport.top; idx < viewport.bottom; idx++) {
             if (idx < 0 || idx >= o.data.length) {
                 continue;
             }
-            var node = {
+            const node = {
                 tag: o.rowTag, attr: {
                     style: {
                         top: (idx * o.rowHeight) + "px",
@@ -88,7 +76,7 @@ var VirtualRenderComponent = /** @class */ (function () {
                     }
                 }, children: []
             };
-            var result = o.renderRow({ index: idx, container: node, rowData: o.data[idx] });
+            const result = o.renderRow({ index: idx, container: node, rowData: o.data[idx] });
             if (typeof result === "string") {
                 node.content = result;
             }
@@ -98,7 +86,5 @@ var VirtualRenderComponent = /** @class */ (function () {
             children.push(node);
         }
         return children;
-    };
-    return VirtualRenderComponent;
-}());
-export { VirtualRenderComponent };
+    }
+}

package/lib/core/culture.js

@@ -1,7 +1,7 @@
 var _a;
-var _w = window;
+let _w = window;
 _w._current_culture = "";
-var culture = (_a = _w._culture) !== null && _a !== void 0 ? _a : {
+let culture = (_a = _w._culture) !== null && _a !== void 0 ? _a : {
     info: { thousandSep: ",", decimalSep: ".", dateFormat: "yy-mm-dd", numberFormat: "#,0.####" },
     /**
      * sets a culture