jsl-ui 9.3.2 → 9.6.0

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

@@ -9,7 +9,7 @@ var TreeViewComponent = /** @class */ (function () {
     TreeViewComponent.prototype.render = function () {
         var _a;
         return {
-            tag: "div", attr: { style: this.options.style, class: "treeview-comp hover " + (_a = this.options.class, (_a !== null && _a !== void 0 ? _a : "")) }, children: [
+            tag: "div", attr: { style: this.options.style, class: "treeview-comp hover " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
                 { tag: "ul", children: [this.renderNode(this.options.data)] }
             ]
         };

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

@@ -43,8 +43,8 @@ var VirtualRenderComponent = /** @class */ (function () {
         };
         var vrContainer = {
             tag: "div", attr: {
-                class: "v-r-comp " + (_a = o.class, (_a !== null && _a !== void 0 ? _a : "")),
-                style: "overflow-y:auto;" + (_b = o.style, (_b !== null && _b !== void 0 ? _b : "")),
+                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) {

package/lib/core/culture.js

@@ -1,7 +1,7 @@
 var _a;
 var _w = window;
 _w._current_culture = "";
-var culture = (_a = _w._culture, (_a !== null && _a !== void 0 ? _a : {
+var culture = (_a = _w._culture) !== null && _a !== void 0 ? _a : {
     info: { thousandSep: ",", decimalSep: ".", dateFormat: "yy-mm-dd", numberFormat: "#,0.####" },
     /**
      * sets a culture
@@ -377,7 +377,7 @@ var culture = (_a = _w._culture, (_a !== null && _a !== void 0 ? _a : {
         // 'zh-cht':['.',',','d/m/yy'],
         '': ['.', ',', 'yy-mm-dd']
     }
-}));
+};
 _w._culture = culture;
 /**
  * culture info for date and number formatting and parsing

package/lib/grid/filterDialogs/excelFilter.js

@@ -128,13 +128,13 @@ var ExcelFilter = /** @class */ (function () {
                         if (Array.isArray(values)) {
                             for (_a = 0, values_1 = values; _a < values_1.length; _a++) {
                                 x = values_1[_a];
-                                sortedValues.push({ id: [x], txt: (x !== null && x !== void 0 ? x : "") });
+                                sortedValues.push({ id: [x], txt: x !== null && x !== void 0 ? x : "" });
                             }
                         }
                         else {
                             for (o in values) {
                                 if (values.hasOwnProperty(o)) {
-                                    sortedValues.push({ id: values[o], txt: (o !== null && o !== void 0 ? o : "") });
+                                    sortedValues.push({ id: values[o], txt: o !== null && o !== void 0 ? o : "" });
                                 }
                             }
                         }
@@ -194,9 +194,9 @@ var ExcelFilter = /** @class */ (function () {
                         renderer.render(vr);
                         search.addEventListener("input", function (evt) {
                             var _a;
-                            var term = (_a = evt.target.value, (_a !== null && _a !== void 0 ? _a : "")).toLowerCase();
+                            var term = ((_a = evt.target.value) !== null && _a !== void 0 ? _a : "").toLowerCase();
                             if (term) {
-                                visibleValues = sortedValues.filter(function (x) { var _a; return (_a = x.txt, (_a !== null && _a !== void 0 ? _a : "")).toLowerCase().indexOf(term) >= 0; });
+                                visibleValues = sortedValues.filter(function (x) { var _a; return ((_a = x.txt) !== null && _a !== void 0 ? _a : "").toLowerCase().indexOf(term) >= 0; });
                             }
                             else {
                                 visibleValues = sortedValues;

package/lib/grid/slick.editors.date.d.ts

@@ -1 +1,2 @@
 export declare function DateEditor(args: any): void;
+export declare function TimeEditor(args: any): void;

package/lib/grid/slick.editors.date.js

@@ -65,3 +65,61 @@ export function DateEditor(args) {
     };
     this.init();
 }
+export function TimeEditor(args) {
+    var input;
+    var defaultValue;
+    var scope = this;
+    this.init = function () {
+        var navOnLR = args.grid.getOptions().editorCellNavOnLRKeys;
+        input = document.createElement("input");
+        input.type = "time";
+        input.className = "editor-text";
+        if (args.column.maxLength > 0) {
+            input.maxLength = args.column.maxLength;
+        }
+        input.addEventListener("keydown", navOnLR ? handleKeydownLRNav : handleKeydownLRNoNav);
+        args.container.appendChild(input);
+        input.focus();
+        input.select();
+    };
+    this.destroy = function () {
+        input.parentElement.removeChild(input);
+    };
+    this.focus = function () {
+        input.focus();
+    };
+    this.getValue = function () {
+        return input.value;
+    };
+    this.setValue = function (val) {
+        input.value = val;
+    };
+    this.loadValue = function (item) {
+        defaultValue = item[args.column.field] || "";
+        input.value = defaultValue;
+        input.defaultValue = defaultValue;
+        input.select();
+    };
+    this.serializeValue = function () {
+        return input.value;
+    };
+    this.applyValue = function (item, state) {
+        item[args.column.field] = state;
+    };
+    this.isValueChanged = function () {
+        return (!(input.value == "" && defaultValue == null)) && (input.value != defaultValue);
+    };
+    this.validate = function () {
+        if (args.column.validator) {
+            var validationResults = args.column.validator(input.value);
+            if (!validationResults.valid) {
+                return validationResults;
+            }
+        }
+        return {
+            valid: true,
+            msg: null
+        };
+    };
+    this.init();
+}

package/lib/grid/slick.formatters.js

@@ -84,7 +84,7 @@ export var MultiLookupFormatter = function (row, cell, value, columnDef, dataCon
             }
             else {
                 var vlList = vl;
-                result = vlList.filter(function (x) { return value.indexOf(x.value) >= 0; }).map(function (x) { var _a; return _a = x.text, (_a !== null && _a !== void 0 ? _a : ""); }).join(", ");
+                result = vlList.filter(function (x) { return value.indexOf(x.value) >= 0; }).map(function (x) { var _a; return (_a = x.text) !== null && _a !== void 0 ? _a : ""; }).join(", ");
             }
         }
     }

package/lib/grid/slick.grid.d.ts

@@ -244,5 +244,6 @@ export interface ISlickGrid<T> {
         commitCurrentEdit: () => boolean;
         cancelCurrentEdit: () => boolean;
     };
+    "resetActiveCell": () => void;
 }
 export declare function SlickGrid(container: HTMLDivElement | string, data: any, columns: ISlickColumn[], options: ISlickGridOptions): void;

package/lib/grid/slick.grid.js

@@ -81,7 +81,7 @@ export function SlickGrid(container, data, columns, options) {
         editorCellNavOnLRKeys: false,
         doPaging: true,
         resizeDelta: 2,
-        dragDelta: 3,
+        dragDelta: 3, // NEW
     };
     var columnDefaults = {
         name: "",
@@ -2866,7 +2866,7 @@ export function SlickGrid(container, data, columns, options) {
                 }
             }
             // do not render cells outside of the viewport.
-            if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx) {
+            if (columnPosRight[Math.min(ii - 1, i + colspan - 1)] > range.leftPx || m.alwaysRenderColumn) {
                 if (!m.alwaysRenderColumn && columnPosLeft[i] > range.rightPx) {
                     // all columns to the right are outside the range.
                     break;
@@ -2878,9 +2878,9 @@ export function SlickGrid(container, data, columns, options) {
                     html.L += appendCellHtml(row, i, colspan, d);
                 }
             }
-            else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
-                html.L += appendCellHtml(row, i, colspan, d);
-            }
+            // else if (m.alwaysRenderColumn || (hasFrozenColumns() && i <= options.frozenColumn)) {
+            //   html.L += appendCellHtml(row, i, colspan, d);
+            // }
             if (colspan > 1) {
                 i += (colspan - 1);
             }

package/lib/grid/slick.groupitemmetadataprovider.d.ts

@@ -13,9 +13,9 @@
  * @param options
  */
 export declare function GroupItemMetadataProvider(options?: any): {
-    "init": (grid: any) => void;
-    "destroy": () => void;
-    "getGroupRowMetadata": (item: any) => {
+    init: (grid: any) => void;
+    destroy: () => void;
+    getGroupRowMetadata: (item: any) => {
         selectable: boolean;
         focusable: any;
         cssClasses: any;
@@ -28,7 +28,7 @@ export declare function GroupItemMetadataProvider(options?: any): {
         };
         height: any;
     };
-    "getTotalsRowMetadata": (item: any) => {
+    getTotalsRowMetadata: (item: any) => {
         selectable: boolean;
         focusable: any;
         cssClasses: any;