@revolist/revogrid 4.9.1 → 4.9.3

package/dist/cjs/revogr-attribution_6.cjs.entry.js

@@ -7,15 +7,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-10d10c55.js');
 const index$1 = require('./index-2410bbd9.js');
-const dimension_helpers = require('./dimension.helpers-e9d22516.js');
+const dimension_helpers = require('./dimension.helpers-a6788214.js');
 require('./toNumber-838e6ff5.js');
 const events = require('./events-b28cc194.js');
-const column_service = require('./column.service-6f691f50.js');
+const column_service = require('./column.service-01f4a6c7.js');
 const key_utils = require('./key.utils-1e48ab8f.js');
-const selection_helpers = require('./selection.helpers-8fa19c04.js');
+const selection_helpers = require('./selection.helpers-1a8c8d49.js');
 const debounce = require('./debounce-e2b7c6fb.js');
-const viewport_store = require('./viewport.store-9cf01c71.js');
-const throttle = require('./throttle-bcc4740d.js');
+const viewport_store = require('./viewport.store-35a3e7ee.js');
+const throttle = require('./throttle-52be9e67.js');
 
 const Attribution = class {
     constructor(hostRef) {
@@ -26,6 +26,14 @@ const Attribution = class {
     }
 };
 
+function collectModelsOfRange(data, store) {
+    const models = {};
+    for (let i in data) {
+        const rowIndex = parseInt(i, 10);
+        models[rowIndex] = dimension_helpers.getSourceItem(store, rowIndex);
+    }
+    return models;
+}
 function getFocusCellBasedOnEvent(e, data) {
     // If event default is prevented, return
     if (e.defaultPrevented) {
@@ -76,18 +84,18 @@ function getCurrentCell({ x, y }, { el, rows, cols }) {
     return { x: rgCol.itemIndex, y: rgRow.itemIndex };
 }
 function getCoordinate(range, focus, changes, isMulti = false) {
-    const updateCoordinate = (c) => {
+    const updateCoordinate = (c, pos = 0) => {
         const start = { x: range.x, y: range.y };
         const end = isMulti ? { x: range.x1, y: range.y1 } : start;
         const point = end[c] > focus[c] ? end : start;
-        point[c] += changes[c];
+        point[c] += pos;
         return { start, end };
     };
     if (changes.x) {
-        return updateCoordinate('x');
+        return updateCoordinate('x', changes['x']);
     }
     if (changes.y) {
-        return updateCoordinate('y');
+        return updateCoordinate('y', changes['y']);
     }
     return null;
 }
@@ -467,8 +475,9 @@ class AutoFillService {
             this.sv.setTempRange(null);
         }
         else {
+            const area = selection_helpers.getRange(this.autoFillInitial, this.autoFillLast);
             this.sv.setTempRange({
-                area: selection_helpers.getRange(this.autoFillInitial, this.autoFillLast),
+                area,
                 type: this.autoFillType,
             });
         }
@@ -503,7 +512,7 @@ class AutoFillService {
                         range,
                     });
                     // If data apply was not prevented, apply new range
-                    if (!stopApply) {
+                    if (!stopApply && oldRange) {
                         this.applyRangeWithData(newRange, oldRange);
                     }
                     else {
@@ -529,28 +538,26 @@ class AutoFillService {
         this.autoFillLast = null;
         this.autoFillStart = null;
     }
-    /** Trigger range apply events and handle responses */
+    /**
+     * Trigger range apply events and handle responses
+     */
     onRangeApply(data, range) {
-        const models = {};
-        for (let rowIndex in data) {
-            models[rowIndex] = dimension_helpers.getSourceItem(this.sv.dataStore, parseInt(rowIndex, 10));
-        }
         this.sv.rangeDataApply({
             data,
-            models,
+            models: collectModelsOfRange(data, this.sv.dataStore),
             type: this.sv.dataStore.get('type'),
         });
         this.sv.setRange(range);
     }
     /** Apply range and copy data during range application */
-    applyRangeWithData(newRange, oldRange) {
+    applyRangeWithData(newRange, rangeToCopy) {
         const rangeData = {
             type: this.sv.dataStore.get('type'),
             colType: this.sv.columnService.type,
             newData: {},
             mapping: {},
             newRange,
-            oldRange,
+            oldRange: rangeToCopy,
         };
         const { mapping, changed } = this.sv.columnService.getRangeData(rangeData, this.sv.columnService.columns);
         rangeData.newData = changed;
@@ -614,7 +621,6 @@ const OverlaySelection = class {
         this.beforeCellSave = index.createEvent(this, "beforecellsave", 7);
         this.keyboardService = null;
         this.autoFillService = null;
-        this.revogrEdit = null;
         this.unsubscribeSelectionStore = [];
         this.readonly = undefined;
         this.range = undefined;
@@ -634,19 +640,21 @@ const OverlaySelection = class {
     // #endregion
     // #region Listeners
     onMouseMove(e) {
+        var _a;
         if (this.selectionStore.get('focus')) {
-            this.autoFillService.selectionMouseMove(e);
+            (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.selectionMouseMove(e);
         }
     }
     /**
-     * Action finished inside of the document.
+     * Action finished inside the document.
      * Pointer left document, clear any active operation.
      */
     onMouseUp() {
-        // Clear auto fill selection
+        var _a;
+        // Clear autofill selection
         // when pointer left document,
         // clear any active operation.
-        this.autoFillService.clearAutoFillSelection(this.selectionStore.get('focus'), this.selectionStore.get('range'));
+        (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.clearAutoFillSelection(this.selectionStore.get('focus'), this.selectionStore.get('range'));
     }
     /**
      * Row drag started.
@@ -690,10 +698,10 @@ const OverlaySelection = class {
         // clear subscriptions
         this.unsubscribeSelectionStore.forEach(v => v());
         this.unsubscribeSelectionStore.length = 0;
-        this.unsubscribeSelectionStore.push(s.onChange('nextFocus', (v) => this.doFocus(v, v)));
+        this.unsubscribeSelectionStore.push(s.onChange('nextFocus', (v) => v && this.doFocus(v, v)));
         this.keyboardService = new KeyboardService({
             selectionStore: s,
-            range: r => this.triggerRangeEvent(r),
+            range: r => !!r && this.triggerRangeEvent(r),
             focus: (f, changes, focusNextViewport) => {
                 if (focusNextViewport) {
                     this.beforeNextViewportFocus.emit(f);
@@ -710,7 +718,8 @@ const OverlaySelection = class {
                 this.doEdit(val);
             },
             cancel: async () => {
-                await this.revogrEdit.cancelChanges();
+                var _a;
+                await ((_a = this.revogrEdit) === null || _a === void 0 ? void 0 : _a.cancelChanges());
                 this.closeEdit();
             },
             clearCell: () => !this.readonly && this.clearCell(),
@@ -732,7 +741,7 @@ const OverlaySelection = class {
             selectionChanged: e => this.selectionChange.emit(e),
             rangeCopy: e => this.beforeRangeCopyApply.emit(e),
             rangeDataApply: e => this.rangeEditApply.emit(e),
-            setRange: e => this.triggerRangeEvent(e),
+            setRange: e => !!e && this.triggerRangeEvent(e),
             getData: () => this.getData(),
         });
     }
@@ -794,6 +803,7 @@ const OverlaySelection = class {
             } }));
     }
     render() {
+        var _a;
         const nodes = [];
         const editCell = this.renderEditor();
         // Editor
@@ -813,14 +823,14 @@ const OverlaySelection = class {
             }
             // Autofill
             if (focus && !this.readonly && this.range) {
-                nodes.push(this.autoFillService.renderAutofill(range, focus));
+                nodes.push((_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.renderAutofill(range, focus));
             }
             // Order
             if (this.canDrag) {
                 nodes.push(index.h("revogr-order-editor", { ref: e => (this.orderEditor = e), dataStore: this.dataStore, dimensionRow: this.dimensionRow, dimensionCol: this.dimensionCol, parent: this.element, onRowdragstartinit: e => this.rowDragStart(e) }));
             }
         }
-        return (index.h(index.Host, { key: '81dee4cfcce410cefb2bd9ff2661261472fc3a75', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, index.h("slot", { key: '6ac75c388ae3fbc5539a27c3acd58178dd53d1af', name: "data" })));
+        return (index.h(index.Host, { key: '0767a5d015d0c8fe99444ef26b136a3a11792724', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, index.h("slot", { key: '8551244579316e0d4ab61defa1c1c9bc1011f446', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -875,6 +885,7 @@ const OverlaySelection = class {
      * Handle mouse down event on Host element
      */
     onElementMouseDown(e, touch = false) {
+        var _a;
         // Get the target element from the event object
         const targetElement = e.target;
         // Ignore focus if clicked input
@@ -891,7 +902,7 @@ const OverlaySelection = class {
         this.focus(focusCell, this.range && e.shiftKey);
         // Initiate autofill selection
         if (this.range) {
-            this.autoFillService.selectionStart(targetElement, this.getData());
+            targetElement && ((_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.selectionStart(targetElement, this.getData()));
             // Prevent default behavior for mouse events,
             // but only if target element is not a mobile input
             if (!touch) {
@@ -911,18 +922,21 @@ const OverlaySelection = class {
         var _a;
         if (this.canEdit()) {
             const focus = this.selectionStore.get('focus');
+            if (!focus) {
+                return;
+            }
             const data = this.columnService.getSaveData(focus.y, focus.x);
             (_a = this.setEdit) === null || _a === void 0 ? void 0 : _a.emit(Object.assign(Object.assign({}, data), { val }));
         }
     }
     /**
      * Close editor event triggered
-     * @param details - if requires focus next
+     * @param details - if it requires focus next
      */
-    closeEdit(e) {
+    async closeEdit(e) {
         this.cancelEdit.emit();
         if (e === null || e === void 0 ? void 0 : e.detail) {
-            this.focusNext();
+            await this.focusNext();
         }
     }
     /**
@@ -942,6 +956,7 @@ const OverlaySelection = class {
         return range;
     }
     onCopy(e) {
+        var _a;
         const range = this.getRegion();
         const canCopyEvent = this.beforeCopyRegion.emit(range);
         if (canCopyEvent.defaultPrevented) {
@@ -957,38 +972,45 @@ const OverlaySelection = class {
                 rangeData = event.detail.data;
             }
         }
-        this.clipboard.doCopy(e, rangeData);
+        (_a = this.clipboard) === null || _a === void 0 ? void 0 : _a.doCopy(e, rangeData);
         return true;
     }
     onPaste(data) {
+        var _a;
         const focus = this.selectionStore.get('focus');
         const isEditing = this.selectionStore.get('edit') !== null;
         if (!focus || isEditing) {
             return;
         }
         let { changed, range } = this.columnService.getTransformedDataToApply(focus, data);
-        const { defaultPrevented: canPaste } = this.rangeClipboardPaste.emit(Object.assign({ data: changed, range }, this.types));
+        const { defaultPrevented: canPaste } = this.rangeClipboardPaste.emit(Object.assign({ data: changed, models: collectModelsOfRange(changed, this.dataStore), range }, this.types));
         if (canPaste) {
             return;
         }
-        this.autoFillService.onRangeApply(changed, range);
+        (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.onRangeApply(changed, range);
     }
     async focusNext() {
-        const canFocus = await this.keyboardService.keyChangeSelection(new KeyboardEvent('keydown', {
+        var _a;
+        const canFocus = await ((_a = this.keyboardService) === null || _a === void 0 ? void 0 : _a.keyChangeSelection(new KeyboardEvent('keydown', {
             code: key_utils.codesLetter.ARROW_DOWN,
-        }), this.range);
+        }), this.range));
         if (!canFocus) {
             this.closeEdit();
         }
     }
     clearCell() {
-        if (this.selectionStore.get('range') &&
-            !selection_helpers.isRangeSingleCell(this.selectionStore.get('range'))) {
-            const data = this.columnService.getRangeStaticData(this.selectionStore.get('range'), '');
-            this.autoFillService.onRangeApply(data, this.selectionStore.get('range'));
+        var _a;
+        const range = this.selectionStore.get('range');
+        if (range &&
+            !selection_helpers.isRangeSingleCell(range)) {
+            const data = this.columnService.getRangeStaticData(range, '');
+            (_a = this.autoFillService) === null || _a === void 0 ? void 0 : _a.onRangeApply(data, range);
         }
         else if (this.canEdit()) {
             const focused = this.selectionStore.get('focus');
+            if (!focused) {
+                return;
+            }
             const cell = this.columnService.getSaveData(focused.y, focused.x);
             this.cellEdit({
                 rgRow: focused.y,
@@ -1025,7 +1047,10 @@ const OverlaySelection = class {
         const end = cell;
         const start = this.selectionStore.get('focus');
         if (isRangeEdit && start) {
-            return this.triggerRangeEvent(selection_helpers.getRange(start, end));
+            const range = selection_helpers.getRange(start, end);
+            if (range) {
+                return this.triggerRangeEvent(range);
+            }
         }
         return this.doFocus(cell, end);
     }
@@ -1116,7 +1141,7 @@ const RevogrRowHeaders = class {
         const viewportHeader = Object.assign(Object.assign({}, this.headerProp), { colData: typeof this.rowHeaderColumn === 'object' ? [this.rowHeaderColumn] : [], viewportCol: viewport.store, canResize: false, type: index$1.ROW_HEADER_TYPE,
             // parent,
             slot: column_service.HEADER_SLOT });
-        return (index.h(index.Host, { class: { [index$1.ROW_HEADER_TYPE]: true }, key: index$1.ROW_HEADER_TYPE }, index.h("revogr-viewport-scroll", Object.assign({ key: 'efaaa386cb5ea8b848d42e3407dbde8ad99d1db8' }, viewportScroll, { "row-header": true }), index.h("revogr-header", Object.assign({ key: '57fb6d08cd094f9b19145ff65c3ab805992fbb68' }, viewportHeader)), dataViews)));
+        return (index.h(index.Host, { class: { [index$1.ROW_HEADER_TYPE]: true }, key: index$1.ROW_HEADER_TYPE }, index.h("revogr-viewport-scroll", Object.assign({ key: '743c1dbaed3edf679c0616a2b79171a43d94806f' }, viewportScroll, { "row-header": true }), index.h("revogr-header", Object.assign({ key: '53f1f64b1358d7828a5e45807915740ef198df21' }, viewportHeader)), dataViews)));
     }
 };
 
@@ -1153,7 +1178,7 @@ class AutohideScrollPlugin {
     show(element, timeout) {
         clearTimeout(timeout);
         return Number(setTimeout(() => {
-            element.removeAttribute('visible');
+            element === null || element === void 0 ? void 0 : element.removeAttribute('visible');
         }, 1000));
     }
     clear() {