@revolist/revogrid 4.9.1 → 4.9.3

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

@@ -3,15 +3,15 @@
  */
 import { r as registerInstance, h, H as Host, c as createEvent, a as getElement } from './index-a61f225b.js';
 import { F as FOCUS_CLASS, t as timeout, R as RESIZE_INTERVAL, a as CELL_HANDLER_CLASS, M as MOBILE_CLASS, S as SELECTION_BORDER_CLASS, b as ROW_HEADER_TYPE, g as getScrollbarSize, T as TMP_SELECTION_BG_CLASS } from './index-4e881436.js';
-import { i as getItemByPosition, j as getItemByIndex, b as getSourceItem, D as DataStore } from './dimension.helpers-91398565.js';
+import { b as getSourceItem, i as getItemByPosition, j as getItemByIndex, D as DataStore } from './dimension.helpers-56298828.js';
 import './toNumber-8de324a7.js';
 import { g as getPropertyFromEvent, v as verifyTouchTarget, c as calculateRowHeaderSize } from './events-77b43b40.js';
-import { n as ColumnService, H as HEADER_SLOT } from './column.service-0e41057a.js';
+import { m as ColumnService, H as HEADER_SLOT } from './column.service-5d14e7e9.js';
 import { c as codesLetter, i as isClear, a as isEnterKeyValue, b as isCopy, d as isCut, e as isPaste, f as isAll, g as isLetterKey, h as isEditInput } from './key.utils-425c987d.js';
-import { g as getRange, a as isRangeSingleCell } from './selection.helpers-50e9f09d.js';
+import { g as getRange, a as isRangeSingleCell } from './selection.helpers-accaad4a.js';
 import { d as debounce_1 } from './debounce-7781346d.js';
-import { V as ViewportStore } from './viewport.store-bfd0b036.js';
-import { L as LocalScrollTimer, a as LocalScrollService, g as getContentSize, t as throttle_1 } from './throttle-1b1dd9d2.js';
+import { V as ViewportStore } from './viewport.store-d8e03528.js';
+import { L as LocalScrollTimer, a as LocalScrollService, g as getContentSize, t as throttle_1 } from './throttle-7283692c.js';
 
 const Attribution = class {
     constructor(hostRef) {
@@ -22,6 +22,14 @@ const Attribution = class {
     }
 };
 
+function collectModelsOfRange(data, store) {
+    const models = {};
+    for (let i in data) {
+        const rowIndex = parseInt(i, 10);
+        models[rowIndex] = getSourceItem(store, rowIndex);
+    }
+    return models;
+}
 function getFocusCellBasedOnEvent(e, data) {
     // If event default is prevented, return
     if (e.defaultPrevented) {
@@ -72,18 +80,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;
 }
@@ -463,8 +471,9 @@ class AutoFillService {
             this.sv.setTempRange(null);
         }
         else {
+            const area = getRange(this.autoFillInitial, this.autoFillLast);
             this.sv.setTempRange({
-                area: getRange(this.autoFillInitial, this.autoFillLast),
+                area,
                 type: this.autoFillType,
             });
         }
@@ -499,7 +508,7 @@ class AutoFillService {
                         range,
                     });
                     // If data apply was not prevented, apply new range
-                    if (!stopApply) {
+                    if (!stopApply && oldRange) {
                         this.applyRangeWithData(newRange, oldRange);
                     }
                     else {
@@ -525,28 +534,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] = 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;
@@ -610,7 +617,6 @@ const OverlaySelection = class {
         this.beforeCellSave = createEvent(this, "beforecellsave", 7);
         this.keyboardService = null;
         this.autoFillService = null;
-        this.revogrEdit = null;
         this.unsubscribeSelectionStore = [];
         this.readonly = undefined;
         this.range = undefined;
@@ -630,19 +636,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.
@@ -686,10 +694,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);
@@ -706,7 +714,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(),
@@ -728,7 +737,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(),
         });
     }
@@ -790,6 +799,7 @@ const OverlaySelection = class {
             } }));
     }
     render() {
+        var _a;
         const nodes = [];
         const editCell = this.renderEditor();
         // Editor
@@ -809,14 +819,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(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 (h(Host, { key: '81dee4cfcce410cefb2bd9ff2661261472fc3a75', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, h("slot", { key: '6ac75c388ae3fbc5539a27c3acd58178dd53d1af', name: "data" })));
+        return (h(Host, { key: '0767a5d015d0c8fe99444ef26b136a3a11792724', class: { mobile: this.isMobileDevice }, onDblClick: (e) => this.onElementDblClick(e), onMouseDown: (e) => this.onElementMouseDown(e), onTouchStart: (e) => this.onElementMouseDown(e, true) }, nodes, h("slot", { key: '8551244579316e0d4ab61defa1c1c9bc1011f446', name: "data" })));
     }
     /**
      * Executes the focus operation on the specified range of cells.
@@ -871,6 +881,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
@@ -887,7 +898,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) {
@@ -907,18 +918,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();
         }
     }
     /**
@@ -938,6 +952,7 @@ const OverlaySelection = class {
         return range;
     }
     onCopy(e) {
+        var _a;
         const range = this.getRegion();
         const canCopyEvent = this.beforeCopyRegion.emit(range);
         if (canCopyEvent.defaultPrevented) {
@@ -953,38 +968,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: codesLetter.ARROW_DOWN,
-        }), this.range);
+        }), this.range));
         if (!canFocus) {
             this.closeEdit();
         }
     }
     clearCell() {
-        if (this.selectionStore.get('range') &&
-            !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 &&
+            !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,
@@ -1021,7 +1043,10 @@ const OverlaySelection = class {
         const end = cell;
         const start = this.selectionStore.get('focus');
         if (isRangeEdit && start) {
-            return this.triggerRangeEvent(getRange(start, end));
+            const range = getRange(start, end);
+            if (range) {
+                return this.triggerRangeEvent(range);
+            }
         }
         return this.doFocus(cell, end);
     }
@@ -1112,7 +1137,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: ROW_HEADER_TYPE,
             // parent,
             slot: HEADER_SLOT });
-        return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: 'efaaa386cb5ea8b848d42e3407dbde8ad99d1db8' }, viewportScroll, { "row-header": true }), h("revogr-header", Object.assign({ key: '57fb6d08cd094f9b19145ff65c3ab805992fbb68' }, viewportHeader)), dataViews)));
+        return (h(Host, { class: { [ROW_HEADER_TYPE]: true }, key: ROW_HEADER_TYPE }, h("revogr-viewport-scroll", Object.assign({ key: '743c1dbaed3edf679c0616a2b79171a43d94806f' }, viewportScroll, { "row-header": true }), h("revogr-header", Object.assign({ key: '53f1f64b1358d7828a5e45807915740ef198df21' }, viewportHeader)), dataViews)));
     }
 };
 
@@ -1149,7 +1174,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() {