jsl-ui 9.28.3 → 9.28.4

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

@@ -1,68 +1,68 @@
-import { jQueryReplacement } from '../../core/jq';
-import { Slick } from '../slick.core';
-let $ = jQueryReplacement;
-// register namespace
-$.deepExtend(Slick, {
-    "CellRangeDecorator": CellRangeDecorator
-});
-/***
- * Displays an overlay on top of a given cell range.
- *
- * TODO:
- * Currently, it blocks mouse events to DOM nodes behind it.
- * Use FF and WebKit-specific "pointer-events" CSS style, or some kind of event forwarding.
- * Could also construct the borders separately using 4 individual DIVs.
- *
- * @param {Grid} grid
- * @param {Object} options
- */
-export function CellRangeDecorator(grid, options) {
-    var _elem;
-    var _defaults = {
-        selectionCssClass: 'slick-range-decorator',
-        selectionCss: {
-            "zIndex": "9999",
-            "border": "2px dashed red"
-        },
-        offset: {
-            top: -1,
-            left: -1,
-            height: -2,
-            width: -2
-        }
-    };
-    options = $.deepExtend({}, _defaults, options);
-    function show(range) {
-        if (!_elem) {
-            _elem = $("<div></div>" /*, {css: options.selectionCss}*/)
-                .addClass(options.selectionCssClass)
-                .css("position", "absolute")
-                .appendTo(grid.getActiveCanvasNode());
-            if (options.selectionCss) {
-                for (let key in options.selectionCss) {
-                    _elem.css(key, options.selectionCss[key]);
-                }
-            }
-        }
-        var from = grid.getCellNodeBox(range.fromRow, range.fromCell);
-        var to = grid.getCellNodeBox(range.toRow, range.toCell);
-        _elem.css({
-            top: from.top + options.offset.top,
-            left: from.left + options.offset.left,
-            height: to.bottom - from.top + options.offset.height,
-            width: to.right - from.left + options.offset.width
-        });
-        return _elem;
-    }
-    function hide() {
-        if (_elem) {
-            _elem.remove();
-            _elem = null;
-        }
-    }
-    $.shallowExtend(this, {
-        "pluginName": "CellRangeDecorator",
-        "show": show,
-        "hide": hide
-    });
-}
+import { jQueryReplacement } from '../../core/jq';
+import { Slick } from '../slick.core';
+let $ = jQueryReplacement;
+// register namespace
+$.deepExtend(Slick, {
+    "CellRangeDecorator": CellRangeDecorator
+});
+/***
+ * Displays an overlay on top of a given cell range.
+ *
+ * TODO:
+ * Currently, it blocks mouse events to DOM nodes behind it.
+ * Use FF and WebKit-specific "pointer-events" CSS style, or some kind of event forwarding.
+ * Could also construct the borders separately using 4 individual DIVs.
+ *
+ * @param {Grid} grid
+ * @param {Object} options
+ */
+export function CellRangeDecorator(grid, options) {
+    var _elem;
+    var _defaults = {
+        selectionCssClass: 'slick-range-decorator',
+        selectionCss: {
+            "zIndex": "9999",
+            "border": "2px dashed red"
+        },
+        offset: {
+            top: -1,
+            left: -1,
+            height: -2,
+            width: -2
+        }
+    };
+    options = $.deepExtend({}, _defaults, options);
+    function show(range) {
+        if (!_elem) {
+            _elem = $("<div></div>" /*, {css: options.selectionCss}*/)
+                .addClass(options.selectionCssClass)
+                .css("position", "absolute")
+                .appendTo(grid.getActiveCanvasNode());
+            if (options.selectionCss) {
+                for (let key in options.selectionCss) {
+                    _elem.css(key, options.selectionCss[key]);
+                }
+            }
+        }
+        var from = grid.getCellNodeBox(range.fromRow, range.fromCell);
+        var to = grid.getCellNodeBox(range.toRow, range.toCell);
+        _elem.css({
+            top: from.top + options.offset.top,
+            left: from.left + options.offset.left,
+            height: to.bottom - from.top + options.offset.height,
+            width: to.right - from.left + options.offset.width
+        });
+        return _elem;
+    }
+    function hide() {
+        if (_elem) {
+            _elem.remove();
+            _elem = null;
+        }
+    }
+    $.shallowExtend(this, {
+        "pluginName": "CellRangeDecorator",
+        "show": show,
+        "hide": hide
+    });
+}

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

@@ -1 +1 @@
-export declare function CellRangeSelector(options: any): void;
+export declare function CellRangeSelector(options: any): void;

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

@@ -1,144 +1,144 @@
-import { jQueryReplacement } from '../../core/jq';
-import { Slick, Range } from '../slick.core';
-import { CellRangeDecorator } from './slick.cellrangedecorator';
-let $ = jQueryReplacement;
-// register namespace
-$.deepExtend(window, {
-    "Slick": {
-        "CellRangeSelector": CellRangeSelector
-    }
-});
-export function CellRangeSelector(options) {
-    var _grid;
-    var _currentlySelectedRange;
-    var _canvas;
-    var _gridOptions;
-    var _$activeCanvas;
-    var _dragging;
-    var _decorator;
-    var _self = this;
-    var _handler = new Slick.EventHandler();
-    var _defaults = {
-        selectionCss: {
-            "border": "2px dashed blue"
-        }
-    };
-    // Frozen row & column variables
-    var _rowOffset;
-    var _columnOffset;
-    var _isRightCanvas;
-    var _isBottomCanvas;
-    // Scrollings
-    var _scrollTop = 0;
-    var _scrollLeft = 0;
-    function init(grid) {
-        options = $.deepExtend({}, _defaults, options);
-        _decorator = options.cellDecorator || new CellRangeDecorator(grid, options);
-        _grid = grid;
-        _canvas = _grid.getCanvasNode();
-        _gridOptions = _grid.getOptions();
-        _handler
-            .subscribe(_grid.onScroll, handleScroll)
-            .subscribe(_grid.onDragInit, handleDragInit)
-            .subscribe(_grid.onDragStart, handleDragStart)
-            .subscribe(_grid.onDrag, handleDrag)
-            .subscribe(_grid.onDragEnd, handleDragEnd);
-    }
-    function destroy() {
-        _handler.unsubscribeAll();
-    }
-    function getCellDecorator() {
-        return _decorator;
-    }
-    function handleScroll(e, args) {
-        _scrollTop = args.scrollTop;
-        _scrollLeft = args.scrollLeft;
-    }
-    function handleDragInit(e, dd) {
-        // Set the active canvas node because the decorator needs to append its
-        // box to the correct canvas
-        _$activeCanvas = $(_grid.getActiveCanvasNode(e));
-        var c = _$activeCanvas.offset();
-        _rowOffset = 0;
-        _columnOffset = 0;
-        _isBottomCanvas = _$activeCanvas.hasClass('grid-canvas-bottom');
-        if (_gridOptions.frozenRow > -1 && _isBottomCanvas) {
-            _rowOffset = (_gridOptions.frozenBottom) ? $('.grid-canvas-bottom').height() : $('.grid-canvas-top').height();
-        }
-        _isRightCanvas = _$activeCanvas.hasClass('grid-canvas-right');
-        if (_gridOptions.frozenColumn > -1 && _isRightCanvas) {
-            _columnOffset = $('.grid-canvas-left').width();
-        }
-        // // prevent the grid from cancelling drag'n'drop by default
-        // e.stopImmediatePropagation();
-    }
-    function handleDragStart(e, dd) {
-        var cell = _grid.getCellFromEvent(e);
-        if (_self.onBeforeCellRangeSelected.notify(cell) !== false) {
-            if (_grid.canCellBeSelected(cell.row, cell.cell)) {
-                _dragging = true;
-                e.stopImmediatePropagation();
-            }
-        }
-        if (!_dragging) {
-            return;
-        }
-        _grid.focus();
-        var startX = dd.startX - $(_canvas).offset().left;
-        if (_gridOptions.frozenColumn >= 0 && _isRightCanvas) {
-            startX += _scrollLeft;
-        }
-        var startY = dd.startY - $(_canvas).offset().top;
-        if (_gridOptions.frozenRow >= 0 && _isBottomCanvas) {
-            startY += _scrollTop;
-        }
-        var start = _grid.getCellFromPoint(startX, startY);
-        dd.range = { start: start, end: {} };
-        _currentlySelectedRange = dd.range;
-        return _decorator.show(new Range(start.row, start.cell));
-    }
-    function handleDrag(e, dd) {
-        if (!_dragging) {
-            return;
-        }
-        e.stopImmediatePropagation();
-        var end = _grid.getCellFromPoint(e.pageX - _$activeCanvas.offset().left + _columnOffset, e.pageY - _$activeCanvas.offset().top + _rowOffset);
-        // ... frozen column(s), 
-        if (_gridOptions.frozenColumn >= 0 && (!_isRightCanvas && (end.cell > _gridOptions.frozenColumn)) || (_isRightCanvas && (end.cell <= _gridOptions.frozenColumn))) {
-            return;
-        }
-        // ... or frozen row(s)
-        if (_gridOptions.frozenRow >= 0 && (!_isBottomCanvas && (end.row >= _gridOptions.frozenRow)) || (_isBottomCanvas && (end.row < _gridOptions.frozenRow))) {
-            return;
-        }
-        // ... or regular grid (without any frozen options)
-        if (!_grid.canCellBeSelected(end.row, end.cell)) {
-            return;
-        }
-        dd.range.end = end;
-        _decorator.show(new Slick.Range(dd.range.start.row, dd.range.start.cell, end.row, end.cell));
-    }
-    function handleDragEnd(e, dd) {
-        if (!_dragging) {
-            return;
-        }
-        _dragging = false;
-        e.stopImmediatePropagation();
-        _decorator.hide();
-        _self.onCellRangeSelected.notify({
-            range: new Slick.Range(dd.range.start.row, dd.range.start.cell, dd.range.end.row, dd.range.end.cell)
-        });
-    }
-    function getCurrentRange() {
-        return _currentlySelectedRange;
-    }
-    $.shallowExtend(this, {
-        "init": init,
-        "destroy": destroy,
-        "pluginName": "CellRangeSelector",
-        "getCellDecorator": getCellDecorator,
-        "getCurrentRange": getCurrentRange,
-        "onBeforeCellRangeSelected": new Slick.Event(),
-        "onCellRangeSelected": new Slick.Event()
-    });
-}
+import { jQueryReplacement } from '../../core/jq';
+import { Slick, Range } from '../slick.core';
+import { CellRangeDecorator } from './slick.cellrangedecorator';
+let $ = jQueryReplacement;
+// register namespace
+$.deepExtend(window, {
+    "Slick": {
+        "CellRangeSelector": CellRangeSelector
+    }
+});
+export function CellRangeSelector(options) {
+    var _grid;
+    var _currentlySelectedRange;
+    var _canvas;
+    var _gridOptions;
+    var _$activeCanvas;
+    var _dragging;
+    var _decorator;
+    var _self = this;
+    var _handler = new Slick.EventHandler();
+    var _defaults = {
+        selectionCss: {
+            "border": "2px dashed blue"
+        }
+    };
+    // Frozen row & column variables
+    var _rowOffset;
+    var _columnOffset;
+    var _isRightCanvas;
+    var _isBottomCanvas;
+    // Scrollings
+    var _scrollTop = 0;
+    var _scrollLeft = 0;
+    function init(grid) {
+        options = $.deepExtend({}, _defaults, options);
+        _decorator = options.cellDecorator || new CellRangeDecorator(grid, options);
+        _grid = grid;
+        _canvas = _grid.getCanvasNode();
+        _gridOptions = _grid.getOptions();
+        _handler
+            .subscribe(_grid.onScroll, handleScroll)
+            .subscribe(_grid.onDragInit, handleDragInit)
+            .subscribe(_grid.onDragStart, handleDragStart)
+            .subscribe(_grid.onDrag, handleDrag)
+            .subscribe(_grid.onDragEnd, handleDragEnd);
+    }
+    function destroy() {
+        _handler.unsubscribeAll();
+    }
+    function getCellDecorator() {
+        return _decorator;
+    }
+    function handleScroll(e, args) {
+        _scrollTop = args.scrollTop;
+        _scrollLeft = args.scrollLeft;
+    }
+    function handleDragInit(e, dd) {
+        // Set the active canvas node because the decorator needs to append its
+        // box to the correct canvas
+        _$activeCanvas = $(_grid.getActiveCanvasNode(e));
+        var c = _$activeCanvas.offset();
+        _rowOffset = 0;
+        _columnOffset = 0;
+        _isBottomCanvas = _$activeCanvas.hasClass('grid-canvas-bottom');
+        if (_gridOptions.frozenRow > -1 && _isBottomCanvas) {
+            _rowOffset = (_gridOptions.frozenBottom) ? $('.grid-canvas-bottom').height() : $('.grid-canvas-top').height();
+        }
+        _isRightCanvas = _$activeCanvas.hasClass('grid-canvas-right');
+        if (_gridOptions.frozenColumn > -1 && _isRightCanvas) {
+            _columnOffset = $('.grid-canvas-left').width();
+        }
+        // // prevent the grid from cancelling drag'n'drop by default
+        // e.stopImmediatePropagation();
+    }
+    function handleDragStart(e, dd) {
+        var cell = _grid.getCellFromEvent(e);
+        if (_self.onBeforeCellRangeSelected.notify(cell) !== false) {
+            if (_grid.canCellBeSelected(cell.row, cell.cell)) {
+                _dragging = true;
+                e.stopImmediatePropagation();
+            }
+        }
+        if (!_dragging) {
+            return;
+        }
+        _grid.focus();
+        var startX = dd.startX - $(_canvas).offset().left;
+        if (_gridOptions.frozenColumn >= 0 && _isRightCanvas) {
+            startX += _scrollLeft;
+        }
+        var startY = dd.startY - $(_canvas).offset().top;
+        if (_gridOptions.frozenRow >= 0 && _isBottomCanvas) {
+            startY += _scrollTop;
+        }
+        var start = _grid.getCellFromPoint(startX, startY);
+        dd.range = { start: start, end: {} };
+        _currentlySelectedRange = dd.range;
+        return _decorator.show(new Range(start.row, start.cell));
+    }
+    function handleDrag(e, dd) {
+        if (!_dragging) {
+            return;
+        }
+        e.stopImmediatePropagation();
+        var end = _grid.getCellFromPoint(e.pageX - _$activeCanvas.offset().left + _columnOffset, e.pageY - _$activeCanvas.offset().top + _rowOffset);
+        // ... frozen column(s), 
+        if (_gridOptions.frozenColumn >= 0 && (!_isRightCanvas && (end.cell > _gridOptions.frozenColumn)) || (_isRightCanvas && (end.cell <= _gridOptions.frozenColumn))) {
+            return;
+        }
+        // ... or frozen row(s)
+        if (_gridOptions.frozenRow >= 0 && (!_isBottomCanvas && (end.row >= _gridOptions.frozenRow)) || (_isBottomCanvas && (end.row < _gridOptions.frozenRow))) {
+            return;
+        }
+        // ... or regular grid (without any frozen options)
+        if (!_grid.canCellBeSelected(end.row, end.cell)) {
+            return;
+        }
+        dd.range.end = end;
+        _decorator.show(new Slick.Range(dd.range.start.row, dd.range.start.cell, end.row, end.cell));
+    }
+    function handleDragEnd(e, dd) {
+        if (!_dragging) {
+            return;
+        }
+        _dragging = false;
+        e.stopImmediatePropagation();
+        _decorator.hide();
+        _self.onCellRangeSelected.notify({
+            range: new Slick.Range(dd.range.start.row, dd.range.start.cell, dd.range.end.row, dd.range.end.cell)
+        });
+    }
+    function getCurrentRange() {
+        return _currentlySelectedRange;
+    }
+    $.shallowExtend(this, {
+        "init": init,
+        "destroy": destroy,
+        "pluginName": "CellRangeSelector",
+        "getCellDecorator": getCellDecorator,
+        "getCurrentRange": getCurrentRange,
+        "onBeforeCellRangeSelected": new Slick.Event(),
+        "onCellRangeSelected": new Slick.Event()
+    });
+}

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

@@ -1 +1 @@
-export declare function CellSelectionModel(options?: any): void;
+export declare function CellSelectionModel(options?: any): void;