jsl-ui 9.28.2 → 9.28.4

package/lib/components/select/SelectDDAreaComponent.js

@@ -1,19 +1,10 @@
-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 { VirtualRenderComponent } from "../virtual-render/VirtualRenderComponent";
 import { EventHandler } from "../../interaction/eventhandler";
 function isInternetExplorer() {
     return window.navigator.userAgent.indexOf("MSIE ") > 0 || !!window.navigator.userAgent.match(/Trident.*rv\:11\./);
 }
-var SelectDDAreaComponent = /** @class */ (function () {
-    function SelectDDAreaComponent(options, component, args) {
+export class SelectDDAreaComponent {
+    constructor(options, component, args) {
         this.options = options;
         this.component = component;
         this.args = args;
@@ -24,57 +15,54 @@ var SelectDDAreaComponent = /** @class */ (function () {
         }
         this.focusFirst();
     }
-    SelectDDAreaComponent.prototype.onCreate = function (node) {
-        var _this = this;
+    onCreate(node) {
         var _a, _b;
         this.dom = node.dom;
         this.scrollContainer = this.dom.querySelector(".sel-dd-items");
-        var item = this.component.getSelected();
+        let item = this.component.getSelected();
         if (item != null) {
             if (Array.isArray(item)) {
                 item = item[0];
             }
             if (item != null) {
-                var d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
-                var idx = d.indexOf(item);
+                const d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
+                const idx = d.indexOf(item);
                 this.scrollContainer.scrollTop = this.options.rowHeight * idx;
             }
         }
         //bugfix for IE -> blur event of search box is called when user clicks scroll bar
         if (isInternetExplorer()) {
-            this.scrollContainer.addEventListener("scroll", function (e) {
-                _this.isScrolling = true;
-                setTimeout(function () {
-                    _this.isScrolling = false;
-                    _this.dom.querySelector(".sel-search input").focus();
+            this.scrollContainer.addEventListener("scroll", (e) => {
+                this.isScrolling = true;
+                setTimeout(() => {
+                    this.isScrolling = false;
+                    this.dom.querySelector(".sel-search input").focus();
                 }, 20);
             });
-            this.scrollContainer.addEventListener("mousedown", function (e) {
-                if (e.offsetX > _this.scrollContainer.clientWidth || e.offsetY > _this.scrollContainer.clientHeight) {
-                    _this.isScrolling = true;
-                    setTimeout(function () {
-                        _this.isScrolling = false;
-                        _this.dom.querySelector(".sel-search input").focus();
+            this.scrollContainer.addEventListener("mousedown", (e) => {
+                if (e.offsetX > this.scrollContainer.clientWidth || e.offsetY > this.scrollContainer.clientHeight) {
+                    this.isScrolling = true;
+                    setTimeout(() => {
+                        this.isScrolling = false;
+                        this.dom.querySelector(".sel-search input").focus();
                     }, 20);
                 }
             });
         }
-    };
-    SelectDDAreaComponent.prototype.render = function () {
-        var _this = this;
+    }
+    render() {
         var _a;
-        var data = (_a = this.filteredData) !== null && _a !== void 0 ? _a : this.options.data;
+        let data = (_a = this.filteredData) !== null && _a !== void 0 ? _a : this.options.data;
         if (this.options.groupProperty != null) {
-            var sortedData = __spreadArray([], data, true);
-            sortedData.sort(function (a, b) {
-                return a[_this.options.groupProperty] < b[_this.options.groupProperty] ? -1
-                    : a[_this.options.groupProperty] > b[_this.options.groupProperty] ? 1 : (data.indexOf(a) - data.indexOf(b) // preserve order if it is for same group
+            const sortedData = [...data];
+            sortedData.sort((a, b) => {
+                return a[this.options.groupProperty] < b[this.options.groupProperty] ? -1
+                    : a[this.options.groupProperty] > b[this.options.groupProperty] ? 1 : (data.indexOf(a) - data.indexOf(b) // preserve order if it is for same group
                     );
             });
             data = [];
-            var prevGroupVal = NaN;
-            for (var _i = 0, sortedData_1 = sortedData; _i < sortedData_1.length; _i++) {
-                var x = sortedData_1[_i];
+            let prevGroupVal = NaN;
+            for (const x of sortedData) {
                 if (x[this.options.groupProperty] !== prevGroupVal) {
                     // create group entry
                     data.push({ __isGroup: true, __groupValue: x[this.options.groupProperty] });
@@ -85,75 +73,78 @@ var SelectDDAreaComponent = /** @class */ (function () {
         }
         this.onRender.notify(data);
         this.renderedData = data;
-        var ddNode = {
+        const ddNode = {
             tag: "div", animation: this.options.enableAnimation ? { attr: "opacity", from: "0", to: "1", duration: 400 } : undefined, children: [
                 {
                     tag: "div", attr: { class: "sel-search", style: this.options.enableSearch ? undefined : "height:0;padding:0;margin:0;border:none;" },
                     children: [
                         {
                             tag: "input", attr: {
-                                type: "text", value: this.args.searchTxt, placeholder: "Search", blur: function (e) {
+                                type: "text", value: this.args.searchTxt, placeholder: "Search", blur: (e) => {
                                     e.preventDefault();
                                     if (isInternetExplorer()) {
-                                        requestAnimationFrame(function () {
-                                            if (!_this.isScrolling) {
-                                                _this.component.close();
+                                        requestAnimationFrame(() => {
+                                            if (!this.isScrolling) {
+                                                this.component.close();
                                             }
                                         });
                                     }
                                     else {
-                                        _this.component.close();
+                                        this.component.close();
                                     }
                                     return false;
-                                }, input: function (e, node) {
-                                    if (!_this.options.enableSearch) {
+                                }, input: (e, node) => {
+                                    if (!this.options.enableSearch) {
                                         return false;
                                     }
-                                    var term = node.dom.value;
+                                    const term = node.dom.value;
                                     if (!term) {
-                                        _this.clearSearch();
+                                        this.clearSearch();
                                     }
                                     else {
-                                        _this.search(term);
+                                        this.search(term);
                                     }
-                                }, keydown: function (e, node) {
+                                }, keydown: (e, node) => {
                                     var _a;
-                                    if (!_this.options.enableKeyboard) {
+                                    if (!this.options.enableKeyboard) {
                                         return;
                                     }
                                     if (e.which === SelectDDAreaComponent.ESCAPE_KEY) {
                                         node.dom.blur();
                                     }
                                     else if (e.which === SelectDDAreaComponent.DOWN_KEY) {
-                                        _this.navigateDown();
+                                        this.navigateDown();
                                     }
                                     else if (e.which === SelectDDAreaComponent.UP_KEY) {
-                                        _this.navigateUp();
+                                        this.navigateUp();
                                     }
                                     else if (e.which === SelectDDAreaComponent.ENTER_KEY) { // TODO: multiselect
-                                        var focus_1 = _this.component.getFocus();
-                                        if (focus_1 == null) {
+                                        // e.preventDefault();
+                                        // e.stopPropagation();
+                                        // e.stopImmediatePropagation();
+                                        let focus = this.component.getFocus();
+                                        if (focus == null) {
                                             // if only 1 result is left then auto select this entry
-                                            var d = (_a = _this.filteredData) !== null && _a !== void 0 ? _a : _this.options.data;
+                                            const d = (_a = this.filteredData) !== null && _a !== void 0 ? _a : this.options.data;
                                             if (d.length === 1) {
-                                                focus_1 = d[0];
+                                                focus = d[0];
                                             }
                                         }
-                                        if (_this.options.multiple) {
-                                            if (focus_1 != null) {
-                                                var currentSelection = _this.component.getSelected();
-                                                if (currentSelection.indexOf(focus_1) >= 0) {
-                                                    currentSelection.splice(currentSelection.indexOf(focus_1), 1);
+                                        if (this.options.multiple) {
+                                            if (focus != null) {
+                                                const currentSelection = this.component.getSelected();
+                                                if (currentSelection.indexOf(focus) >= 0) {
+                                                    currentSelection.splice(currentSelection.indexOf(focus), 1);
                                                 }
                                                 else {
-                                                    currentSelection.push(focus_1);
+                                                    currentSelection.push(focus);
                                                 }
-                                                _this.component.setSelected(currentSelection);
+                                                this.component.setSelected(currentSelection);
                                             }
                                         }
                                         else {
-                                            if (focus_1 != null) {
-                                                _this.component.setSelected(focus_1);
+                                            if (focus != null) {
+                                                this.component.setSelected(focus);
                                             }
                                             node.dom.blur();
                                         }
@@ -168,38 +159,36 @@ var SelectDDAreaComponent = /** @class */ (function () {
                     ]
                 },
                 new VirtualRenderComponent({
-                    class: "sel-dd-items" + (this.options.multiple ? " multiple" : ""),
-                    data: data,
+                    class: "sel-dd-items" + (this.options.multiple ? " multiple" : ""), data,
                     style: this.options.enableSearch ? "height:calc(100% - 1.8rem)" : "height:100%",
                     viewportSizeInPX: this.args.renderHeight + 20,
                     bufferSizeInPx: 20,
-                    renderRow: function (args) {
-                        var result = { tag: "div", attr: { class: "sel-dd-item" } };
-                        if (_this.options.groupProperty && args.rowData.__isGroup) {
+                    renderRow: (args) => {
+                        const result = { tag: "div", attr: { class: "sel-dd-item" } };
+                        if (this.options.groupProperty && args.rowData.__isGroup) {
                             result.attr.class += " sel-dd-group";
-                            var groupValue = args.rowData.__groupValue;
-                            var groupArgs = {
-                                groupValue: groupValue,
-                                node: result
+                            const groupValue = args.rowData.__groupValue;
+                            const groupArgs = {
+                                groupValue, node: result
                             };
-                            var resGroup = _this.options.onRenderGroup(groupArgs);
+                            const resGroup = this.options.onRenderGroup(groupArgs);
                             if (resGroup != null) {
                                 result.children = [resGroup];
                             }
-                            result.attr.mousedown = function (evt) {
+                            result.attr.mousedown = (evt) => {
                                 evt.preventDefault();
                                 evt.stopPropagation();
                                 evt.stopImmediatePropagation();
                             };
                             return result;
                         }
-                        var renderArg = {
+                        const renderArg = {
                             data: args.rowData,
                             node: result,
-                            isFocused: _this.component.getFocus() === args.rowData,
-                            isSelected: _this.options.multiple ?
-                                _this.component.getSelected().indexOf(args.rowData) >= 0 :
-                                _this.component.getSelected() === args.rowData,
+                            isFocused: this.component.getFocus() === args.rowData,
+                            isSelected: this.options.multiple ?
+                                this.component.getSelected().indexOf(args.rowData) >= 0 :
+                                this.component.getSelected() === args.rowData,
                             isCurrent: false
                         };
                         if (renderArg.isFocused) {
@@ -208,25 +197,25 @@ var SelectDDAreaComponent = /** @class */ (function () {
                         if (renderArg.isSelected) {
                             result.attr.class += " selected";
                         }
-                        result.attr.mousedown = function (evt) {
-                            if (_this.options.multiple) {
+                        result.attr.mousedown = (evt) => {
+                            if (this.options.multiple) {
                                 evt.preventDefault();
                                 evt.stopPropagation();
                                 evt.stopImmediatePropagation();
-                                var currentSelection = _this.component.getSelected();
+                                const currentSelection = this.component.getSelected();
                                 if (currentSelection.indexOf(args.rowData) >= 0) {
                                     currentSelection.splice(currentSelection.indexOf(args.rowData), 1);
-                                    _this.component.setSelected(currentSelection);
+                                    this.component.setSelected(currentSelection);
                                 }
                                 else {
-                                    _this.component.setSelected(args.rowData);
+                                    this.component.setSelected(args.rowData);
                                 }
                             }
                             else {
-                                _this.component.setSelected(args.rowData);
+                                this.component.setSelected(args.rowData);
                             }
                         };
-                        var res = _this.options.onRender(renderArg);
+                        const res = this.options.onRender(renderArg);
                         if (res != null) {
                             result.children = [res];
                         }
@@ -237,21 +226,21 @@ var SelectDDAreaComponent = /** @class */ (function () {
             ]
         };
         return ddNode;
-    };
-    SelectDDAreaComponent.prototype.navigateDown = function () {
+    }
+    navigateDown() {
         var _a, _b, _c;
-        var d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
-        var selItem = (_c = this.component.getFocus()) !== null && _c !== void 0 ? _c : this.component.getSelected();
+        const d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
+        let selItem = (_c = this.component.getFocus()) !== null && _c !== void 0 ? _c : this.component.getSelected();
         if (selItem == null) {
-            this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
+            this.component.setFocus(d.filter((x) => !x.__isGroup)[0]);
             return;
         }
         if (Array.isArray(selItem)) {
             selItem = selItem[0];
         }
-        var idx = d.indexOf(selItem);
+        let idx = d.indexOf(selItem);
         if (idx < 0) {
-            this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
+            this.component.setFocus(d.filter((x) => !x.__isGroup)[0]);
         }
         else {
             while (idx < d.length - 1) {
@@ -263,19 +252,19 @@ var SelectDDAreaComponent = /** @class */ (function () {
                 }
             }
         }
-    };
-    SelectDDAreaComponent.prototype.navigateUp = function () {
+    }
+    navigateUp() {
         var _a, _b, _c;
-        var d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
-        var selItem = (_c = this.component.getFocus()) !== null && _c !== void 0 ? _c : this.component.getSelected();
+        const d = (_b = (_a = this.renderedData) !== null && _a !== void 0 ? _a : this.filteredData) !== null && _b !== void 0 ? _b : this.options.data;
+        let selItem = (_c = this.component.getFocus()) !== null && _c !== void 0 ? _c : this.component.getSelected();
         if (selItem == null) {
-            this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
+            this.component.setFocus(d.filter((x) => !x.__isGroup)[0]);
             return;
         }
         if (Array.isArray(selItem)) {
             selItem = selItem[0];
         }
-        var idx = d.indexOf(selItem);
+        let idx = d.indexOf(selItem);
         while (idx > 0) {
             idx--;
             if (!d[idx].__isGroup) {
@@ -284,34 +273,31 @@ var SelectDDAreaComponent = /** @class */ (function () {
                 return;
             }
         }
-        this.component.setFocus(d.filter(function (x) { return !x.__isGroup; })[0]);
-    };
-    SelectDDAreaComponent.prototype.search = function (term) {
-        var _this = this;
+        this.component.setFocus(d.filter((x) => !x.__isGroup)[0]);
+    }
+    search(term) {
         var _a, _b, _c, _d;
-        var oldLen = (_b = (_a = this.filteredData) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
-        this.filteredData = this.options.data.filter(function (d) { return _this.options.matchSearch(d, term); });
-        var newLen = (_d = (_c = this.filteredData) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
+        const oldLen = (_b = (_a = this.filteredData) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0;
+        this.filteredData = this.options.data.filter((d) => this.options.matchSearch(d, term));
+        const newLen = (_d = (_c = this.filteredData) === null || _c === void 0 ? void 0 : _c.length) !== null && _d !== void 0 ? _d : 0;
         if (oldLen !== newLen && this.scrollContainer != null) {
             this.scrollContainer.scrollTop = 0;
         }
         this.focusFirst();
-    };
-    SelectDDAreaComponent.prototype.clearSearch = function () {
+    }
+    clearSearch() {
         this.filteredData = null;
         this.focusFirst();
-    };
-    SelectDDAreaComponent.prototype.focusFirst = function () {
+    }
+    focusFirst() {
         var _a;
         if (this.options.focusFirstItem && (this.component.getSelected() == null || this.component.getSelected().length === 0)) /* TODO multiselect */ {
             this.component.setFocus(((_a = this.filteredData) !== null && _a !== void 0 ? _a : this.options.data)[0]);
         }
-    };
-    SelectDDAreaComponent.ESCAPE_KEY = 27;
-    SelectDDAreaComponent.DOWN_KEY = 40;
-    SelectDDAreaComponent.UP_KEY = 38;
-    SelectDDAreaComponent.ENTER_KEY = 13;
-    SelectDDAreaComponent.TAB_KEY = 9;
-    return SelectDDAreaComponent;
-}());
-export { SelectDDAreaComponent };
+    }
+}
+SelectDDAreaComponent.ESCAPE_KEY = 27;
+SelectDDAreaComponent.DOWN_KEY = 40;
+SelectDDAreaComponent.UP_KEY = 38;
+SelectDDAreaComponent.ENTER_KEY = 13;
+SelectDDAreaComponent.TAB_KEY = 9;

package/lib/components/slider/nouislider.js

@@ -1,5 +1,5 @@
 import "./nouislider.css";
-export var noUiSlider = (function () {
+export let noUiSlider = (function () {
     "use strict";
     var VERSION = "14.6.0";
     //region Helper Methods

package/lib/components/stack-panel/SplitterComponent.js

@@ -1,6 +1,6 @@
 import "./SplitterStyle.scss";
-var SplitterComponent = /** @class */ (function () {
-    function SplitterComponent(options) {
+export class SplitterComponent {
+    constructor(options) {
         // tslint:disable-next-line: variable-name
         this._is_splitter = true;
         this.options = options !== null && options !== void 0 ? options : {};
@@ -21,20 +21,20 @@ var SplitterComponent = /** @class */ (function () {
             this.registerListener();
         }
     }
-    SplitterComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    SplitterComponent.prototype.render = function () {
+    }
+    render() {
         return { tag: "div", attr: { class: "split-comp" } };
-    };
-    SplitterComponent.prototype.registerListener = function () {
-        var dragStartX = 0;
-        var draggedEl;
-        var elLeft;
-        var elRight;
-        var elLeftWidth;
-        var elRightWidth;
-        var isDown;
+    }
+    registerListener() {
+        let dragStartX = 0;
+        let draggedEl;
+        let elLeft;
+        let elRight;
+        let elLeftWidth;
+        let elRightWidth;
+        let isDown;
         function mousemove(e) {
             var _a;
             if (!isDown) {
@@ -43,16 +43,16 @@ var SplitterComponent = /** @class */ (function () {
             e.preventDefault();
             // e.stopPropagation();
             // e.stopImmediatePropagation();
-            var x;
-            var orientation = draggedEl.parentElement.classList.contains("vstackpanel") ? "vertical" : "horizontal";
-            var component = draggedEl._component;
+            let x;
+            const orientation = draggedEl.parentElement.classList.contains("vstackpanel") ? "vertical" : "horizontal";
+            const component = draggedEl._component;
             if (orientation === "horizontal") {
                 x = e.pageX != null ? e.pageX : e.touches[0].pageX;
             }
             else {
                 x = e.pageY != null ? e.pageY : e.touches[0].pageY;
             }
-            var delta = dragStartX - x;
+            const delta = dragStartX - x;
             if ((elLeftWidth - delta) < component.options.minSizesInPX[0] ||
                 (elRightWidth + delta) < component.options.minSizesInPX[1]) {
                 return;
@@ -78,9 +78,9 @@ var SplitterComponent = /** @class */ (function () {
             // document.removeEventListener("touchmove", mousemove);
             document.removeEventListener("mouseup", mousedown);
             document.removeEventListener("touchend", mousedown);
-            var component = draggedEl._component;
-            var area1 = draggedEl.previousElementSibling;
-            var args = {};
+            const component = draggedEl._component;
+            const area1 = draggedEl.previousElementSibling;
+            const args = {};
             if (area1 != null) {
                 args.size1InPX = area1.getBoundingClientRect().width;
             }
@@ -89,8 +89,8 @@ var SplitterComponent = /** @class */ (function () {
         function mousedown(e) {
             if (e.target.classList.contains("split-comp")) {
                 isDown = true;
-                var orientation_1 = e.target.parentElement.classList.contains("vstackpanel") ? "vertical" : "horizontal";
-                if (orientation_1 === "horizontal") {
+                const orientation = e.target.parentElement.classList.contains("vstackpanel") ? "vertical" : "horizontal";
+                if (orientation === "horizontal") {
                     dragStartX = e.pageX != null ? e.pageX : e.touches[0].pageX;
                 }
                 else {
@@ -100,7 +100,7 @@ var SplitterComponent = /** @class */ (function () {
                 elLeft = draggedEl.previousElementSibling;
                 elRight = draggedEl.nextElementSibling;
                 if (elLeft != null && elRight != null) {
-                    if (orientation_1 === "horizontal") {
+                    if (orientation === "horizontal") {
                         elLeftWidth = elLeft.getBoundingClientRect().width;
                         elRightWidth = elRight.getBoundingClientRect().width;
                     }
@@ -119,8 +119,6 @@ var SplitterComponent = /** @class */ (function () {
         document.addEventListener("touchstart", mousedown);
         document.removeEventListener("mousemove", mousemove);
         document.removeEventListener("touchmove", mousemove);
-    };
-    SplitterComponent.listenerRegistered = false;
-    return SplitterComponent;
-}());
-export { SplitterComponent };
+    }
+}
+SplitterComponent.listenerRegistered = false;

package/lib/components/stack-panel/StackPanelComponent.js

@@ -1,26 +1,14 @@
-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 "./StackPanelStyle.scss";
-var StackPanelComponent = /** @class */ (function () {
-    function StackPanelComponent(children, options) {
+export class StackPanelComponent {
+    constructor(children, options) {
         this.children = children;
-        this.options = __assign({ orientation: "horizontal", valign: "stretch" }, options);
+        this.options = { ...{ orientation: "horizontal", valign: "stretch" }, ...options };
     }
-    StackPanelComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    StackPanelComponent.prototype.render = function () {
-        var _this = this;
-        var c = this.options.orientation === "horizontal" ? "stackpanel-comp hstackpanel" : "stackpanel-comp vstackpanel";
+    }
+    render() {
+        let c = this.options.orientation === "horizontal" ? "stackpanel-comp hstackpanel" : "stackpanel-comp vstackpanel";
         if (this.options.responsive) {
             c += " responsive";
         }
@@ -30,23 +18,23 @@ var StackPanelComponent = /** @class */ (function () {
         if (this.options.class) {
             c += " " + this.options.class;
         }
-        var va = this.options.valign;
-        var s = "align-items:" + (va === "top" ? "flex-start" : (va === "bottom" ? "flex-end" : va));
+        const va = this.options.valign;
+        let s = "align-items:" + (va === "top" ? "flex-start" : (va === "bottom" ? "flex-end" : va));
         if (this.options.style) {
             s += ";" + this.options.style;
         }
         return {
             tag: "div", attr: { class: c, style: s },
-            children: this.children.map(function (x, idx) { return x != null && x._is_splitter === true ? x : ({
+            children: this.children.map((x, idx) => x != null && x._is_splitter === true ? x : ({
                 tag: "div",
-                attr: { style: _this.getSize(idx) + (_this.options.flexForChildren ? ";display:flex" : "") },
+                attr: { style: this.getSize(idx) + (this.options.flexForChildren ? ";display:flex" : "") },
                 children: [x]
-            }); })
+            }))
         };
-    };
-    StackPanelComponent.prototype.getSize = function (idx) {
+    }
+    getSize(idx) {
         if (this.options.sizes != null && this.options.sizes[idx] != null) {
-            var s = this.options.sizes[idx];
+            const s = this.options.sizes[idx];
             if (s === "*") {
                 return undefined;
             }
@@ -58,7 +46,5 @@ var StackPanelComponent = /** @class */ (function () {
             }
         }
         return "flex-grow:1;";
-    };
-    return StackPanelComponent;
-}());
-export { StackPanelComponent };
+    }
+}