jsl-ui 9.4.0 → 9.7.0

package/lib/components/time/TimeComponent.js

@@ -15,16 +15,16 @@ import { helper } from "../../core/helper";
 import { date } from "../../core/date";
 var TimeComponent = /** @class */ (function () {
     function TimeComponent(options) {
-        var _a, _b;
+        var _a;
         this.options = __assign({
             enabled: true,
             id: helper.newDomGuid(),
             inputMode: "HourMinute",
             bindMode: "toModel",
-            placeholder: ((_a = options) === null || _a === void 0 ? void 0 : _a.inputMode) === "HourMinuteSecond" ? "__:__:__" : "__:__"
+            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 = (((_b = this.options.converter) === null || _b === void 0 ? void 0 : _b.toUI) ?
+            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]) :
                 this.options.bindTo[this.options.property]);
         }
@@ -51,7 +51,7 @@ var TimeComponent = /** @class */ (function () {
                 id: this.options.id,
                 enabled: this.options.enabled,
                 value: date.formatTime(val, this.options.inputMode),
-                class: "time-comp " + (_b = this.options.class, (_b !== null && _b !== void 0 ? _b : "")),
+                class: "time-comp " + ((_b = this.options.class) !== null && _b !== void 0 ? _b : ""),
                 style: this.options.style,
                 placeholder: this.options.placeholder,
                 change: this.raiseChangeEvent

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.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: "",
@@ -2816,7 +2816,7 @@ export function SlickGrid(container, data, columns, options) {
         if (item == null) {
             return undefined;
         }
-        if (columnDef.field.indexOf(".") > 0) {
+        if (columnDef.field && columnDef.field.indexOf(".") > 0) {
             var fields = columnDef.field.split(".");
             var result = item;
             for (var i = 0; i < fields.length; i++) {

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;