jsl-ui 9.26.8 → 9.27.0

package/lib/components/dialog/DialogComponent.js

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/lib/components/number/NumberComponent.d.ts

@@ -21,5 +21,6 @@ export declare class NumberComponent<T = any> implements IJSLComponent {
     render(): IJSLVNode;
     getValue(): string;
     getValueAsNumber(): number;
+    setValue(value: number): void;
     onCreate(node: IJSLVNode): void;
 }

package/lib/components/number/NumberComponent.js

@@ -68,6 +68,16 @@ var NumberComponent = /** @class */ (function () {
     NumberComponent.prototype.getValueAsNumber = function () {
         return numeric.parse(this.getValue());
     };
+    NumberComponent.prototype.setValue = function (value) {
+        var _a;
+        if (this.currentDom != null) {
+            this.currentDom.value = numeric.format(value, this.options.format);
+        }
+        if (this.options.bindMode !== "fromModel" && this.options.bindTo && this.options.property) {
+            this.options.bindTo[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(value) : value;
+        }
+    };
     NumberComponent.prototype.onCreate = function (node) {
         var _this = this;
         this.currentDom = node.dom;

package/lib/grid/filterDialogs/dateRangeFilter.js

@@ -8,8 +8,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/lib/grid/filterDialogs/excelFilter.js

@@ -19,8 +19,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");

package/lib/grid/slick.grid.js

@@ -4296,9 +4296,7 @@ export function SlickGrid(container, data, columns, options) {
         // read column number from .l<columnNumber> CSS class
         var cls = /l\d+/.exec(cellNode.className);
         if (!cls) {
-            console.warn("getCellFromNode: cannot get cell - " + cellNode.className);
-            return null;
-            // throw new Error("getCellFromNode: cannot get cell - " + cellNode.className);
+            throw new Error("getCellFromNode: cannot get cell - " + cellNode.className);
         }
         return parseInt(cls[0].substr(1, cls[0].length - 1), 10);
     }
@@ -5245,15 +5243,13 @@ export function SlickGrid(container, data, columns, options) {
     }
     function getSelectedRows() {
         if (!selectionModel) {
-            // throw new Error("Selection model is not set");
-            return [];
+            throw new Error("Selection model is not set");
         }
         return selectedRows;
     }
     function setSelectedRows(rows) {
         if (!selectionModel) {
-            // throw new Error("Selection model is not set");
-            return;
+            throw new Error("Selection model is not set");
         }
         // if (self && self.getEditorLock && !self.getEditorLock().isActive()) {
         selectionModel.setSelectedRanges(rowsToRanges(rows));

package/lib/grid.css

@@ -1,6 +1,6 @@
 .slick-header.ui-state-default, .slick-headerrow.ui-state-default, .slick-footerrow.ui-state-default, .slick-top-panel-scroller.ui-state-default, .slick-group-header.ui-state-default {
-  width: 100%;
   background: #fff;
+  width: 100%;
   position: relative;
   overflow: auto;
   border-left: 0 !important;
@@ -10,7 +10,15 @@
   overflow: inherit;
 }
 
-.slick-header::-webkit-scrollbar, .slick-headerrow::-webkit-scrollbar, .slick-footerrow::-webkit-scrollbar {
+.slick-header::-webkit-scrollbar {
+  display: none;
+}
+
+.slick-headerrow::-webkit-scrollbar {
+  display: none;
+}
+
+.slick-footerrow::-webkit-scrollbar {
   display: none;
 }
 
@@ -23,10 +31,10 @@
 
 .slick-header-column.ui-state-default, .slick-group-header-column.ui-state-default {
   text-overflow: ellipsis;
-  height: 20px;
   float: left;
   border-top: 1px solid silver;
   border-right: 1px solid silver;
+  height: 20px;
   margin: 0;
   padding: 4px;
   line-height: 20px;
@@ -57,18 +65,18 @@
 }
 
 .slick-sort-indicator {
+  float: left;
   width: 8px;
   height: 5px;
-  float: left;
   margin-top: 6px;
   margin-left: 4px;
 }
 
 .slick-sort-indicator-numbered {
-  width: 8px;
-  height: 5px;
   float: left;
   color: #6190cd;
+  width: 8px;
+  height: 5px;
   margin-top: 0;
   margin-left: 4px;
   font-style: normal;
@@ -76,18 +84,14 @@
   line-height: 20px;
 }
 
-.slick-sortable-placeholder {
-  background: silver;
-}
-
 .grid-canvas {
   outline: 0;
   position: relative;
 }
 
 .slick-row.ui-widget-content, .slick-row.ui-state-active {
-  width: 100%;
   border: 0;
+  width: 100%;
   position: absolute;
 }
 
@@ -145,8 +149,8 @@
 }
 
 .slick-reorder-guide {
-  height: 2px;
   opacity: .7;
+  height: 2px;
   filter: alpha(opacity= 70);
   background: #00f;
   display: inline-block;
@@ -159,8 +163,8 @@
 }
 
 .slick-pane {
-  width: 100%;
   outline: 0;
+  width: 100%;
   position: absolute;
   overflow: hidden;
 }
@@ -179,9 +183,9 @@
 }
 
 .slick-viewport {
-  width: 100%;
   background: #fff;
   outline: 0;
+  width: 100%;
   position: relative;
 }
 
@@ -190,12 +194,12 @@
 }
 
 input.editor-text, textarea.editor-text {
-  width: 100%;
-  height: 100%;
   resize: none;
   background: none;
   border: 0;
   outline: 0;
+  width: 100%;
+  height: 100%;
   margin: 0;
   padding: 0;
 }
@@ -252,8 +256,8 @@ input.editor-text, textarea.editor-text {
 }
 
 .js-touch .slick-header-column.resizable > .rs-r {
-  width: 1.2rem;
   background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAMNSURBVEhLxVY7i1NBGM3NwzyMINiIjSKoC9tIBEG02FgkIeSxpJBlS7sV1s5fIRZqYWFhtYssEggJ5IEaFxERYdXWam1EkQVh82Lz8pzJl3jvzb1JjK8DA/lOZuacO/PNN+Po9/tT29LSktuKt2vov4B2xeo/c3M6piASiawHg8G9eDweEmoi2A/936G9wNg1oW2h0YUdKB4IBO45nU5Ht9s9ACLFYnFb/h4DxT0ez2uXy3WIca/XczQajZuVSuW+6mABWwPRaPSa3+9/DHFNKEe73a7XarWj1Wq1I5QByWQyBwMpCRVoAubL4K9ns9nPQo9guQVW4pwIK7BuJ05AZK3T6exIqMDVAx8Fn89kMieEHmHMQCwWuwrxTbM4l7JcLj8SyhL8QrfbncRKbXGMHuBDMLFtNmHYAor7fL4KxF1CKWDCcj6fj0k4EyR/7uo/hICJXZi5PNyO0Qowgbxeb8ksjgEfuH8SzgwmXrPZXMFKGJIM4qeQE+/T6fRJxmoFwuHwcRybjxA6onoJzG7ngeQTt9TwYcin3Xq9fkZLJBLnEL+C02MQG/wLaJr2HYMWf0d8CJyON5jrooQK/HC0r1oqlarh3B4W/p/D+T/Fiaml+G9jZIB7guwctT8NzNnTz48E5/Het80BZOnbQqFgSJx5wMIDsWdI8AWhFCiOsn6WK7AIR3sD+icwIIQjlJFwLoh43iyOE9eFgWWU9S/OXC73CdwFmPg2+HsAnluc3yc8x0L9MiBymx8ioQLFW61WpFQqPWescoAmsA3nWXgYDwETGi8lllWhZgbfAphzVUIFVkVUx9WhOGG4C2TJXsL1aaEUMJCJs4lKeWuWwmRzm1J8BRfallAKY+8B3b6NvYDA74BPTjKBCy2OC61gEudtegP3wwOhRhirA5ycIrwBOVAPmgL/UEJLYJU2LMT5KhoTJywLEU3w+uVAvQn8ZvbekdASWKVlbNeBhNy68qQnmaWBITiQJiBK4Y4+e+3ANyP6XkLbR3s69SqXW2li4xN71mf2sKG/z4o3tr7jB/mDdb4DhXtsAAAAAElFTkSuQmCC") 100% / .5em .3em no-repeat;
+  width: 1.2rem;
 }
 
 .js-touch .slick-header-menubutton.resize-offset {
@@ -285,13 +289,9 @@ input.editor-text, textarea.editor-text {
 }
 
 .slick-headerrow-column {
-  height: 100%;
   background: #fafafa;
   border-bottom: 0;
-}
-
-.slick-row.ui-state-active {
-  background: #f5f7d7;
+  height: 100%;
 }
 
 .slick-row {
@@ -320,9 +320,9 @@ input.editor-text, textarea.editor-text {
 }
 
 .slick-group-toggle {
+  vertical-align: middle;
   width: 20px;
   height: 20px;
-  vertical-align: middle;
   margin-right: 5px;
 }
 
@@ -398,10 +398,10 @@ input.editor-text, textarea.editor-text {
 }
 
 .resizable > .rs-r {
-  width: .5rem;
   box-sizing: border-box;
   cursor: w-resize;
   background: #14141433;
+  width: .5rem;
   position: absolute;
   top: 0;
   bottom: 0;
@@ -409,10 +409,10 @@ input.editor-text, textarea.editor-text {
 }
 
 .resizable > .rs-b {
-  height: .5rem;
   box-sizing: border-box;
   cursor: n-resize;
   background: #14141433;
+  height: .5rem;
   position: absolute;
   bottom: 0;
   left: 0;
@@ -428,12 +428,12 @@ input.editor-text, textarea.editor-text {
 }
 
 .slick-header-menubutton {
-  width: 14px;
   cursor: pointer;
   background-image: url("data:image/gif;base64,R0lGODlhDgAOAIABADtKYwAAACH5BAEAAAEALAAAAAAOAA4AAAISjI+py+0PHZgUsGobhTn6DxoFADs=");
   background-position: 0;
   background-repeat: no-repeat;
   border-left: thin ridge silver;
+  width: 14px;
   display: none;
   position: absolute;
   top: 0;
@@ -465,11 +465,11 @@ input.editor-text, textarea.editor-text {
 }
 
 .slick-header-menuicon {
-  width: 16px;
-  height: 16px;
   vertical-align: middle;
   background-position: center;
   background-repeat: no-repeat;
+  width: 16px;
+  height: 16px;
   margin-right: 4px;
   display: inline-block;
 }
@@ -485,9 +485,9 @@ input.editor-text, textarea.editor-text {
 
 .slick-header-menuitem.slick-header-menuitem-divider {
   cursor: default;
-  height: 1px;
   background-color: #cecece;
   border: none;
+  height: 1px;
   margin: 8px 2px;
   padding: 0;
   overflow: hidden;
@@ -529,11 +529,11 @@ input.editor-text, textarea.editor-text {
 .slick-header-button {
   float: right;
   vertical-align: top;
-  height: 15px;
-  width: 15px;
   cursor: pointer;
   background-position: center;
   background-repeat: no-repeat;
+  width: 15px;
+  height: 15px;
   margin: 1px 2rem 100px 1px;
   display: inline-block;
 }
@@ -562,12 +562,12 @@ input.editor-text, textarea.editor-text {
 .jsl-dialog .jsl-button {
   vertical-align: middle;
   cursor: pointer;
-  height: 2rem;
   box-sizing: border-box;
   letter-spacing: .1rem;
   text-align: center;
   white-space: nowrap;
   border-radius: .3rem;
+  height: 2rem;
   padding: 0 1rem;
   line-height: 2rem;
   text-decoration: none;
@@ -576,11 +576,11 @@ input.editor-text, textarea.editor-text {
 
 .dlg-close-btn {
   color: #555;
-  width: 2.5rem;
   box-sizing: border-box;
   cursor: pointer;
   background: #d8d8d8;
   border-top-right-radius: .8rem;
+  width: 2.5rem;
   font-size: 2rem;
   font-weight: bold;
   line-height: 2.8rem;
@@ -597,20 +597,20 @@ input.editor-text, textarea.editor-text {
 
 .jsl-dialog-overlay {
   z-index: 2001;
-  height: 100vh;
   background: #000c;
+  height: 100vh;
   position: fixed;
   inset: 0;
 }
 
 .jsl-dialog > .dlg-header {
   box-sizing: content-box;
-  height: 2rem;
   text-align: center;
   background: #f8f8f8;
   border-bottom: 1px solid #ededed;
   border-top-left-radius: .8rem;
   border-top-right-radius: .8rem;
+  height: 2rem;
   padding: .6rem;
   font-size: 1.5rem;
   position: relative;
@@ -624,13 +624,13 @@ input.editor-text, textarea.editor-text {
 }
 
 .jsl-dialog > .dlg-footer {
-  height: 3rem;
   box-sizing: border-box;
   text-align: right;
   background: #f8f8f8;
   border-top: 1px solid #ededed;
-  border-bottom-left-radius: .8rem;
   border-bottom-right-radius: .8rem;
+  border-bottom-left-radius: .8rem;
+  height: 3rem;
   padding: .5rem;
   position: absolute;
   bottom: 0;
@@ -669,12 +669,12 @@ input.editor-text, textarea.editor-text {
 }
 
 .handle-overlay {
-  width: 2px;
-  height: 2px;
   z-index: 20;
   cursor: crosshair;
   background-color: #217346;
   border: 1px solid #fff;
+  width: 2px;
+  height: 2px;
   padding: 3px;
   position: absolute;
 }
@@ -684,20 +684,18 @@ input.editor-text, textarea.editor-text {
   border: 2px solid #217346;
 }
 
-
-
 .slick-cell .jsl-toggle {
   color: #888;
-  width: 1.2em;
   box-sizing: border-box;
   cursor: pointer;
+  width: 1.2em;
   height: 100%;
   display: inline-block;
 }
 
 .slick-cell .jsl-toggle-spacer {
-  min-width: 1.2em;
   box-sizing: border-box;
+  min-width: 1.2em;
   display: inline-block;
 }
 
@@ -705,5 +703,4 @@ input.editor-text, textarea.editor-text {
   display: inline-block;
   position: relative;
 }
-
 /*# sourceMappingURL=index.css.map */