jsl-ui 9.28.2 → 9.28.3

package/lib/grid/plugins/slick.cellselectionmodel.js

@@ -1,194 +1,194 @@
-import { jQueryReplacement } from '../../core/jq';
-import { Slick, Range } from '../slick.core';
-import { CellRangeSelector } from './slick.cellrangeselector';
-var $ = jQueryReplacement;
-// register namespace
-$.deepExtend(window, {
-    "Slick": {
-        "CellSelectionModel": CellSelectionModel
-    }
-});
-export function CellSelectionModel(options) {
-    var _grid;
-    var _canvas;
-    var _ranges = [];
-    var _self = this;
-    var _selector;
-    if (typeof options === "undefined" || typeof options.cellRangeSelector === "undefined") {
-        _selector = new CellRangeSelector({
-            "selectionCss": {
-                "border": "2px solid black"
-            }
-        });
-    }
-    else {
-        _selector = options.cellRangeSelector;
-    }
-    var _options;
-    var _defaults = {
-        selectActiveCell: true
-    };
-    function init(grid) {
-        _options = $.deepExtend({}, _defaults, options);
-        _grid = grid;
-        _canvas = _grid.getCanvasNode();
-        _grid.onActiveCellChanged.subscribe(handleActiveCellChange);
-        _grid.onKeyDown.subscribe(handleKeyDown);
-        grid.registerPlugin(_selector);
-        _selector.onCellRangeSelected.subscribe(handleCellRangeSelected);
-        _selector.onBeforeCellRangeSelected.subscribe(handleBeforeCellRangeSelected);
-    }
-    function destroy() {
-        _grid.onActiveCellChanged.unsubscribe(handleActiveCellChange);
-        _grid.onKeyDown.unsubscribe(handleKeyDown);
-        _selector.onCellRangeSelected.unsubscribe(handleCellRangeSelected);
-        _selector.onBeforeCellRangeSelected.unsubscribe(handleBeforeCellRangeSelected);
-        _grid.unregisterPlugin(_selector);
-    }
-    function removeInvalidRanges(ranges) {
-        var result = [];
-        for (var i = 0; i < ranges.length; i++) {
-            var r = ranges[i];
-            if (_grid.canCellBeSelected(r.fromRow, r.fromCell) && _grid.canCellBeSelected(r.toRow, r.toCell)) {
-                result.push(r);
-            }
-        }
-        return result;
-    }
-    function rangesAreEqual(range1, range2) {
-        var areDifferent = (range1.length !== range2.length);
-        if (!areDifferent) {
-            for (var i = 0; i < range1.length; i++) {
-                if (range1[i].fromCell !== range2[i].fromCell
-                    || range1[i].fromRow !== range2[i].fromRow
-                    || range1[i].toCell !== range2[i].toCell
-                    || range1[i].toRow !== range2[i].toRow) {
-                    areDifferent = true;
-                    break;
-                }
-            }
-        }
-        return !areDifferent;
-    }
-    function setSelectedRanges(ranges) {
-        // simple check for: empty selection didn't change, prevent firing onSelectedRangesChanged
-        if ((!_ranges || _ranges.length === 0) && (!ranges || ranges.length === 0)) {
-            return;
-        }
-        // if range has not changed, don't fire onSelectedRangesChanged
-        var rangeHasChanged = !rangesAreEqual(_ranges, ranges);
-        _ranges = removeInvalidRanges(ranges);
-        if (rangeHasChanged) {
-            _self.onSelectedRangesChanged.notify(_ranges);
-        }
-    }
-    function getSelectedRanges() {
-        return _ranges;
-    }
-    function handleBeforeCellRangeSelected(e, args) {
-        if (_grid.getEditorLock().isActive()) {
-            e.stopPropagation();
-            return false;
-        }
-    }
-    function handleCellRangeSelected(e, args) {
-        _grid.setActiveCell(args.range.fromRow, args.range.fromCell, false, false, true);
-        setSelectedRanges([args.range]);
-    }
-    var lastActiveCell;
-    function handleActiveCellChange(e, args) {
-        if (_options.selectActiveCell && args.row != null && args.cell != null) {
-            var metaKey = e.ctrlKey || e.metaKey;
-            if (metaKey) {
-                var ranges = getSelectedRanges().slice();
-                ranges.push(new Range(args.row, args.cell));
-                setSelectedRanges(ranges);
-                lastActiveCell = { row: args.row, cell: args.cell };
-            }
-            else if (e.shiftKey) {
-                var ranges = getSelectedRanges().slice();
-                if (ranges.length > 0) {
-                    var currentRange = ranges.pop();
-                    if (lastActiveCell == null) {
-                        lastActiveCell = { row: currentRange.fromRow, cell: currentRange.fromCell };
-                    }
-                    var newRange = new Range(Math.min(lastActiveCell.row, args.row), Math.min(lastActiveCell.cell, args.cell), Math.max(lastActiveCell.row, args.row), Math.max(lastActiveCell.cell, args.cell));
-                    ranges.push(newRange);
-                }
-                else {
-                    ranges.push(new Range(args.row, args.cell));
-                    lastActiveCell = { row: args.row, cell: args.cell };
-                }
-                setSelectedRanges(ranges);
-            }
-            else {
-                setSelectedRanges([new Range(args.row, args.cell)]);
-                lastActiveCell = { row: args.row, cell: args.cell };
-            }
-        }
-        else if (!_options.selectActiveCell) {
-            // clear the previous selection once the cell changes
-            setSelectedRanges([]);
-        }
-    }
-    function handleKeyDown(e) {
-        /***
-         * Кey codes
-         * 37 left
-         * 38 up
-         * 39 right
-         * 40 down
-         */
-        var ranges, last;
-        var active = _grid.getActiveCell();
-        var metaKey = e.ctrlKey || e.metaKey;
-        if (active && e.shiftKey && !metaKey && !e.altKey &&
-            (e.which == 37 || e.which == 39 || e.which == 38 || e.which == 40)) {
-            ranges = getSelectedRanges().slice();
-            if (!ranges.length)
-                ranges.push(new Range(active.row, active.cell));
-            // keyboard can work with last range only
-            last = ranges.pop();
-            // can't handle selection out of active cell
-            if (!last.contains(active.row, active.cell))
-                last = new Range(active.row, active.cell);
-            var dRow = last.toRow - last.fromRow, dCell = last.toCell - last.fromCell, 
-            // walking direction
-            dirRow = active.row == last.fromRow ? 1 : -1, dirCell = active.cell == last.fromCell ? 1 : -1;
-            if (e.which == 37) {
-                dCell -= dirCell;
-            }
-            else if (e.which == 39) {
-                dCell += dirCell;
-            }
-            else if (e.which == 38) {
-                dRow -= dirRow;
-            }
-            else if (e.which == 40) {
-                dRow += dirRow;
-            }
-            // define new selection range
-            var new_last = new Slick.Range(active.row, active.cell, active.row + dirRow * dRow, active.cell + dirCell * dCell);
-            if (removeInvalidRanges([new_last]).length) {
-                ranges.push(new_last);
-                var viewRow = dirRow > 0 ? new_last.toRow : new_last.fromRow;
-                var viewCell = dirCell > 0 ? new_last.toCell : new_last.fromCell;
-                _grid.scrollRowIntoView(viewRow);
-                _grid.scrollCellIntoView(viewRow, viewCell);
-            }
-            else
-                ranges.push(last);
-            setSelectedRanges(ranges);
-            e.preventDefault();
-            e.stopPropagation();
-        }
-    }
-    $.shallowExtend(this, {
-        "getSelectedRanges": getSelectedRanges,
-        "setSelectedRanges": setSelectedRanges,
-        "init": init,
-        "destroy": destroy,
-        "pluginName": "CellSelectionModel",
-        "onSelectedRangesChanged": new Slick.Event()
-    });
-}
+import { jQueryReplacement } from '../../core/jq';
+import { Slick, Range } from '../slick.core';
+import { CellRangeSelector } from './slick.cellrangeselector';
+let $ = jQueryReplacement;
+// register namespace
+$.deepExtend(window, {
+    "Slick": {
+        "CellSelectionModel": CellSelectionModel
+    }
+});
+export function CellSelectionModel(options) {
+    var _grid;
+    var _canvas;
+    var _ranges = [];
+    var _self = this;
+    var _selector;
+    if (typeof options === "undefined" || typeof options.cellRangeSelector === "undefined") {
+        _selector = new CellRangeSelector({
+            "selectionCss": {
+                "border": "2px solid black"
+            }
+        });
+    }
+    else {
+        _selector = options.cellRangeSelector;
+    }
+    var _options;
+    var _defaults = {
+        selectActiveCell: true
+    };
+    function init(grid) {
+        _options = $.deepExtend({}, _defaults, options);
+        _grid = grid;
+        _canvas = _grid.getCanvasNode();
+        _grid.onActiveCellChanged.subscribe(handleActiveCellChange);
+        _grid.onKeyDown.subscribe(handleKeyDown);
+        grid.registerPlugin(_selector);
+        _selector.onCellRangeSelected.subscribe(handleCellRangeSelected);
+        _selector.onBeforeCellRangeSelected.subscribe(handleBeforeCellRangeSelected);
+    }
+    function destroy() {
+        _grid.onActiveCellChanged.unsubscribe(handleActiveCellChange);
+        _grid.onKeyDown.unsubscribe(handleKeyDown);
+        _selector.onCellRangeSelected.unsubscribe(handleCellRangeSelected);
+        _selector.onBeforeCellRangeSelected.unsubscribe(handleBeforeCellRangeSelected);
+        _grid.unregisterPlugin(_selector);
+    }
+    function removeInvalidRanges(ranges) {
+        var result = [];
+        for (var i = 0; i < ranges.length; i++) {
+            var r = ranges[i];
+            if (_grid.canCellBeSelected(r.fromRow, r.fromCell) && _grid.canCellBeSelected(r.toRow, r.toCell)) {
+                result.push(r);
+            }
+        }
+        return result;
+    }
+    function rangesAreEqual(range1, range2) {
+        var areDifferent = (range1.length !== range2.length);
+        if (!areDifferent) {
+            for (var i = 0; i < range1.length; i++) {
+                if (range1[i].fromCell !== range2[i].fromCell
+                    || range1[i].fromRow !== range2[i].fromRow
+                    || range1[i].toCell !== range2[i].toCell
+                    || range1[i].toRow !== range2[i].toRow) {
+                    areDifferent = true;
+                    break;
+                }
+            }
+        }
+        return !areDifferent;
+    }
+    function setSelectedRanges(ranges) {
+        // simple check for: empty selection didn't change, prevent firing onSelectedRangesChanged
+        if ((!_ranges || _ranges.length === 0) && (!ranges || ranges.length === 0)) {
+            return;
+        }
+        // if range has not changed, don't fire onSelectedRangesChanged
+        const rangeHasChanged = !rangesAreEqual(_ranges, ranges);
+        _ranges = removeInvalidRanges(ranges);
+        if (rangeHasChanged) {
+            _self.onSelectedRangesChanged.notify(_ranges);
+        }
+    }
+    function getSelectedRanges() {
+        return _ranges;
+    }
+    function handleBeforeCellRangeSelected(e, args) {
+        if (_grid.getEditorLock().isActive()) {
+            e.stopPropagation();
+            return false;
+        }
+    }
+    function handleCellRangeSelected(e, args) {
+        _grid.setActiveCell(args.range.fromRow, args.range.fromCell, false, false, true);
+        setSelectedRanges([args.range]);
+    }
+    let lastActiveCell;
+    function handleActiveCellChange(e, args) {
+        if (_options.selectActiveCell && args.row != null && args.cell != null) {
+            const metaKey = e.ctrlKey || e.metaKey;
+            if (metaKey) {
+                const ranges = getSelectedRanges().slice();
+                ranges.push(new Range(args.row, args.cell));
+                setSelectedRanges(ranges);
+                lastActiveCell = { row: args.row, cell: args.cell };
+            }
+            else if (e.shiftKey) {
+                const ranges = getSelectedRanges().slice();
+                if (ranges.length > 0) {
+                    const currentRange = ranges.pop();
+                    if (lastActiveCell == null) {
+                        lastActiveCell = { row: currentRange.fromRow, cell: currentRange.fromCell };
+                    }
+                    const newRange = new Range(Math.min(lastActiveCell.row, args.row), Math.min(lastActiveCell.cell, args.cell), Math.max(lastActiveCell.row, args.row), Math.max(lastActiveCell.cell, args.cell));
+                    ranges.push(newRange);
+                }
+                else {
+                    ranges.push(new Range(args.row, args.cell));
+                    lastActiveCell = { row: args.row, cell: args.cell };
+                }
+                setSelectedRanges(ranges);
+            }
+            else {
+                setSelectedRanges([new Range(args.row, args.cell)]);
+                lastActiveCell = { row: args.row, cell: args.cell };
+            }
+        }
+        else if (!_options.selectActiveCell) {
+            // clear the previous selection once the cell changes
+            setSelectedRanges([]);
+        }
+    }
+    function handleKeyDown(e) {
+        /***
+         * Кey codes
+         * 37 left
+         * 38 up
+         * 39 right
+         * 40 down
+         */
+        var ranges, last;
+        var active = _grid.getActiveCell();
+        var metaKey = e.ctrlKey || e.metaKey;
+        if (active && e.shiftKey && !metaKey && !e.altKey &&
+            (e.which == 37 || e.which == 39 || e.which == 38 || e.which == 40)) {
+            ranges = getSelectedRanges().slice();
+            if (!ranges.length)
+                ranges.push(new Range(active.row, active.cell));
+            // keyboard can work with last range only
+            last = ranges.pop();
+            // can't handle selection out of active cell
+            if (!last.contains(active.row, active.cell))
+                last = new Range(active.row, active.cell);
+            var dRow = last.toRow - last.fromRow, dCell = last.toCell - last.fromCell, 
+            // walking direction
+            dirRow = active.row == last.fromRow ? 1 : -1, dirCell = active.cell == last.fromCell ? 1 : -1;
+            if (e.which == 37) {
+                dCell -= dirCell;
+            }
+            else if (e.which == 39) {
+                dCell += dirCell;
+            }
+            else if (e.which == 38) {
+                dRow -= dirRow;
+            }
+            else if (e.which == 40) {
+                dRow += dirRow;
+            }
+            // define new selection range
+            var new_last = new Slick.Range(active.row, active.cell, active.row + dirRow * dRow, active.cell + dirCell * dCell);
+            if (removeInvalidRanges([new_last]).length) {
+                ranges.push(new_last);
+                var viewRow = dirRow > 0 ? new_last.toRow : new_last.fromRow;
+                var viewCell = dirCell > 0 ? new_last.toCell : new_last.fromCell;
+                _grid.scrollRowIntoView(viewRow);
+                _grid.scrollCellIntoView(viewRow, viewCell);
+            }
+            else
+                ranges.push(last);
+            setSelectedRanges(ranges);
+            e.preventDefault();
+            e.stopPropagation();
+        }
+    }
+    $.shallowExtend(this, {
+        "getSelectedRanges": getSelectedRanges,
+        "setSelectedRanges": setSelectedRanges,
+        "init": init,
+        "destroy": destroy,
+        "pluginName": "CellSelectionModel",
+        "onSelectedRangesChanged": new Slick.Event()
+    });
+}

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

@@ -1,55 +1,55 @@
-import "./slick.headerbuttons.css";
-/***
- * A plugin to add custom buttons to column headers.
- *
- * USAGE:
- *
- * Add the plugin .js & .css files and register it with the grid.
- *
- * To specify a custom button in a column header, extend the column definition like so:
- *
- *   var columns = [
- *     {
- *       id: 'myColumn',
- *       name: 'My column',
- *
- *       // This is the relevant part
- *       header: {
- *          buttons: [
- *              {
- *                // button options
- *              },
- *              {
- *                // button options
- *              }
- *          ]
- *       }
- *     }
- *   ];
- *
- * Available button options:
- *    cssClass:     CSS class to add to the button.
- *    image:        Relative button image path.
- *    tooltip:      Button tooltip.
- *    showOnHover:  Only show the button on hover.
- *    handler:      Button click handler.
- *    command:      A command identifier to be passed to the onCommand event handlers.
- *
- * The plugin exposes the following events:
- *    onCommand:    Fired on button click for buttons with 'command' specified.
- *        Event args:
- *            grid:     Reference to the grid.
- *            column:   Column definition.
- *            command:  Button command identified.
- *            button:   Button options.  Note that you can change the button options in your
- *                      event handler, and the column header will be automatically updated to
- *                      reflect them.  This is useful if you want to implement something like a
- *                      toggle button.
- *
- *
- * @param options {Object} Options:
- *    buttonCssClass:   a CSS class to use for buttons (default 'slick-header-button')
- * @class Slick.Plugins.HeaderButtons
- * @constructor
- */
-export declare function HeaderButtons(options: any): void;
+import "./slick.headerbuttons.css";
+/***
+ * A plugin to add custom buttons to column headers.
+ *
+ * USAGE:
+ *
+ * Add the plugin .js & .css files and register it with the grid.
+ *
+ * To specify a custom button in a column header, extend the column definition like so:
+ *
+ *   var columns = [
+ *     {
+ *       id: 'myColumn',
+ *       name: 'My column',
+ *
+ *       // This is the relevant part
+ *       header: {
+ *          buttons: [
+ *              {
+ *                // button options
+ *              },
+ *              {
+ *                // button options
+ *              }
+ *          ]
+ *       }
+ *     }
+ *   ];
+ *
+ * Available button options:
+ *    cssClass:     CSS class to add to the button.
+ *    image:        Relative button image path.
+ *    tooltip:      Button tooltip.
+ *    showOnHover:  Only show the button on hover.
+ *    handler:      Button click handler.
+ *    command:      A command identifier to be passed to the onCommand event handlers.
+ *
+ * The plugin exposes the following events:
+ *    onCommand:    Fired on button click for buttons with 'command' specified.
+ *        Event args:
+ *            grid:     Reference to the grid.
+ *            column:   Column definition.
+ *            command:  Button command identified.
+ *            button:   Button options.  Note that you can change the button options in your
+ *                      event handler, and the column header will be automatically updated to
+ *                      reflect them.  This is useful if you want to implement something like a
+ *                      toggle button.
+ *
+ *
+ * @param options {Object} Options:
+ *    buttonCssClass:   a CSS class to use for buttons (default 'slick-header-button')
+ * @class Slick.Plugins.HeaderButtons
+ * @constructor
+ */
+export declare function HeaderButtons(options: any): void;