lsp-grid 1.0.0

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

@@ -0,0 +1,456 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+'use strict';
+
+var index = require('./index-VM40U6Gh.js');
+var data_store = require('./data.store-CrF4Nf9q.js');
+var textEditor = require('./text-editor-DWChyeVV.js');
+var edit_utils = require('./edit.utils-Bw-E3Fj6.js');
+var debounce = require('./debounce-DgeyTQM0.js');
+
+const Clipboard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.beforePaste = index.createEvent(this, "beforepaste", 7);
+        this.beforePasteApply = index.createEvent(this, "beforepasteapply", 7);
+        this.pasteRegion = index.createEvent(this, "pasteregion", 7);
+        this.afterPasteApply = index.createEvent(this, "afterpasteapply", 7);
+        this.beforeCut = index.createEvent(this, "beforecut", 7);
+        this.clearRegion = index.createEvent(this, "clearregion", 7);
+        this.beforeCopy = index.createEvent(this, "beforecopy", 7);
+        this.beforeCopyApply = index.createEvent(this, "beforecopyapply", 7);
+        this.copyRegion = index.createEvent(this, "copyregion", 7);
+    }
+    onPaste(e) {
+        // if readonly do nothing
+        if (this.readonly) {
+            return;
+        }
+        const clipboardData = this.getData(e);
+        const isHTML = ((clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.types.indexOf('text/html')) || -1) > -1;
+        const data = (isHTML
+            ? clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.getData('text/html')
+            : clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.getData('text')) || '';
+        const dataText = (clipboardData === null || clipboardData === void 0 ? void 0 : clipboardData.getData('text')) || '';
+        const beforePaste = this.beforePaste.emit({
+            raw: data,
+            dataText,
+            isHTML,
+            event: e,
+        });
+        if (beforePaste.defaultPrevented) {
+            return;
+        }
+        let parsedData;
+        // if html, then search for table if no table fallback to regular text parsing
+        if (beforePaste.detail.isHTML) {
+            const table = this.htmlParse(beforePaste.detail.raw);
+            // fallback to text if not possible to parse as html
+            parsedData = table || this.textParse(dataText || '');
+        }
+        else {
+            parsedData = this.textParse(beforePaste.detail.raw);
+        }
+        const beforePasteApply = this.beforePasteApply.emit({
+            raw: data,
+            parsed: parsedData,
+            event: e,
+        });
+        if (beforePasteApply.defaultPrevented) {
+            return;
+        }
+        this.pasteRegion.emit(beforePasteApply.detail.parsed);
+        // post paste action
+        const afterPasteApply = this.afterPasteApply.emit({
+            raw: data,
+            parsed: parsedData,
+            event: e,
+        });
+        // keep default behavior if needed
+        if (afterPasteApply.defaultPrevented) {
+            return;
+        }
+        e.preventDefault();
+    }
+    /**
+     * Listen to copy event and emit copy region event
+     */
+    copyStarted(e) {
+        const beforeCopy = this.beforeCopy.emit({
+            event: e,
+        });
+        if (beforeCopy.defaultPrevented) {
+            return;
+        }
+        const data = this.getData(beforeCopy.detail.event);
+        this.copyRegion.emit(data || undefined);
+        e.preventDefault();
+    }
+    /**
+     * Listen to copy event and emit copy region event
+     */
+    cutStarted(e) {
+        const beforeCut = this.beforeCut.emit({
+            event: e,
+        });
+        if (beforeCut.defaultPrevented) {
+            return;
+        }
+        const data = this.getData(beforeCut.detail.event);
+        this.copyStarted(e);
+        // if readonly do nothing
+        if (this.readonly) {
+            return;
+        }
+        this.clearRegion.emit(data || undefined);
+        e.preventDefault();
+    }
+    async doCopy(e, data) {
+        const beforeCopyApply = this.beforeCopyApply.emit({
+            event: e,
+            data,
+        });
+        if (beforeCopyApply.defaultPrevented) {
+            return;
+        }
+        const parsed = data ? this.parserCopy(data) : '';
+        await navigator.clipboard.writeText(parsed);
+        // e.setData('text/plain', parsed);
+    }
+    parserCopy(data) {
+        return data.map(rgRow => rgRow.join('\t')).join('\n');
+    }
+    textParse(data) {
+        const result = [];
+        const rows = data.split(/\r\n|\n|\r/);
+        for (let y in rows) {
+            result.push(rows[y].split('\t'));
+        }
+        return result;
+    }
+    htmlParse(data) {
+        const result = [];
+        const fragment = document.createRange().createContextualFragment(data);
+        const table = fragment.querySelector('table');
+        if (!table) {
+            return null;
+        }
+        for (const rgRow of Array.from(table.rows)) {
+            result.push(Array.from(rgRow.cells).map(cell => cell.innerText));
+        }
+        return result;
+    }
+    getData(e) {
+        return (e.clipboardData ||
+            (window === null || window === void 0 ? void 0 : window.clipboardData));
+    }
+};
+
+const revogrEditStyleCss = "revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}";
+
+const RevoEdit = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.cellEdit = index.createEvent(this, "celleditinit", 7);
+        this.closeEdit = index.createEvent(this, "closeedit", 7);
+        /**
+         * Save on editor close. Defines if data should be saved on editor close.
+         */
+        this.saveOnClose = false;
+        this.currentEditor = null;
+        this.preventSaveOnClose = false;
+    }
+    /**
+     * Cancel pending changes flag. Editor will be closed without autosave.
+     */
+    async cancelChanges() {
+        this.preventSaveOnClose = true;
+    }
+    /**
+     * Before editor got disconnected.
+     * Can be triggered multiple times before actual disconnect.
+     */
+    async beforeDisconnect() {
+        var _a, _b;
+        (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.beforeDisconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    onAutoSave() {
+        var _a, _b, _c;
+        this.preventSaveOnClose = true;
+        const val = (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.getValue) === null || _b === void 0 ? void 0 : _b.call(_a);
+        // For Editor plugin internal usage.
+        // When you want to prevent save and use custom save of your own.
+        if ((_c = this.currentEditor) === null || _c === void 0 ? void 0 : _c.beforeAutoSave) {
+            const canSave = this.currentEditor.beforeAutoSave(val);
+            if (canSave === false) {
+                return;
+            }
+        }
+        this.onSave(val, true);
+    }
+    /**
+     * Callback triggered when cell editor saved.
+     * Closes editor when called.
+     * @param preventFocus - if true, editor will not be closed & next cell will not be focused.
+     */
+    onSave(val, preventFocus) {
+        this.preventSaveOnClose = true;
+        if (this.editCell) {
+            this.cellEdit.emit({
+                rgCol: this.editCell.x,
+                rgRow: this.editCell.y,
+                type: this.editCell.type,
+                prop: this.editCell.prop,
+                val,
+                preventFocus,
+            });
+        }
+    }
+    componentWillRender() {
+        // Active editor present and not yet closed.
+        if (this.currentEditor || !this.column) {
+            return;
+        }
+        this.preventSaveOnClose = false;
+        // Custom editor usage.
+        // Start with TextEditor (editors/text.tsx) for Custom editor.
+        // It can be class or function
+        if (this.editor) {
+            // if editor is constructible
+            if (edit_utils.isEditorCtrConstructible(this.editor)) {
+                this.currentEditor = new this.editor(this.column, 
+                // save callback
+                (e, preventFocus) => {
+                    this.onSave(e, preventFocus);
+                }, 
+                // cancel callback
+                focusNext => {
+                    this.preventSaveOnClose = true;
+                    this.closeEdit.emit(focusNext);
+                });
+                // if editor is function
+            }
+            else {
+                this.currentEditor = this.editor(this.column, 
+                // save callback
+                (e, preventFocus) => {
+                    this.onSave(e, preventFocus);
+                }, 
+                // cancel callback
+                focusNext => {
+                    this.preventSaveOnClose = true;
+                    this.closeEdit.emit(focusNext);
+                });
+            }
+            return;
+        }
+        // Default text editor usage
+        this.currentEditor = new textEditor.TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));
+    }
+    componentDidRender() {
+        var _a, _b;
+        if (!this.currentEditor) {
+            return;
+        }
+        this.currentEditor.element = this.element.firstElementChild;
+        (_b = (_a = this.currentEditor).componentDidRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        if (this.saveOnClose) {
+            // Can not be cancelled by `preventSaveOnClose` prop.
+            // Editor requires `getValue` to be able to save.
+            if (!this.preventSaveOnClose) {
+                this.onAutoSave();
+            }
+        }
+        this.preventSaveOnClose = false;
+        if (!this.currentEditor) {
+            return;
+        }
+        (_b = (_a = this.currentEditor).disconnectedCallback) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.currentEditor.element = null;
+        this.currentEditor = null;
+    }
+    render() {
+        if (this.currentEditor) {
+            this.currentEditor.editCell = this.editCell;
+            return (index.h(index.Host, { class: data_store.EDIT_INPUT_WR }, this.currentEditor.render(index.h, this.additionalData)));
+        }
+        return '';
+    }
+    get element() { return index.getElement(this); }
+};
+RevoEdit.style = revogrEditStyleCss;
+
+class RowOrderService {
+    constructor(config) {
+        this.config = config;
+        this.currentCell = null;
+        this.previousRow = null;
+    }
+    /** Drag finished, calculate and apply changes */
+    endOrder(e, data) {
+        if (this.currentCell === null) {
+            return;
+        }
+        const newRow = this.getCell(e, data);
+        // if position changed
+        if (newRow.y !== this.currentCell.y) {
+            // rgRow dragged out table
+            if (newRow.y < 0) {
+                newRow.y = 0;
+            }
+            // rgRow dragged to the top
+            else if (newRow.y < this.currentCell.y) {
+                newRow.y++;
+            }
+            this.config.positionChanged(this.currentCell.y, newRow.y);
+        }
+        this.clear();
+    }
+    /** Drag started, reserve initial cell for farther use */
+    startOrder(e, data) {
+        this.currentCell = this.getCell(e, data);
+        return this.currentCell;
+    }
+    move(y, data) {
+        const rgRow = this.getRow(y, data);
+        // if rgRow same as previous or below range (-1 = 0) do nothing
+        if (this.previousRow === rgRow.itemIndex || rgRow.itemIndex < -1) {
+            return null;
+        }
+        this.previousRow = rgRow.itemIndex;
+        return rgRow;
+    }
+    /** Drag stopped, probably cursor outside of document area */
+    clear() {
+        this.currentCell = null;
+        this.previousRow = null;
+    }
+    /** Calculate cell based on x, y position */
+    getRow(y, { el, rows }) {
+        const { top } = el.getBoundingClientRect();
+        const topRelative = y - top;
+        const rgRow = data_store.getItemByPosition(rows, topRelative);
+        const absolutePosition = {
+            itemIndex: rgRow.itemIndex,
+            start: rgRow.start + top,
+            end: rgRow.end + top,
+        };
+        return absolutePosition;
+    }
+    /** Calculate cell based on x, y position */
+    getCell({ x, y }, { el, rows, cols }) {
+        const { top, left } = el.getBoundingClientRect();
+        const topRelative = y - top;
+        const leftRelative = x - left;
+        const rgRow = data_store.getItemByPosition(rows, topRelative);
+        const rgCol = data_store.getItemByPosition(cols, leftRelative);
+        return { x: rgCol.itemIndex, y: rgRow.itemIndex };
+    }
+}
+
+const OrderEditor = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.rowDragStart = index.createEvent(this, "rowdragstartinit", 7);
+        this.rowDragEnd = index.createEvent(this, "rowdragendinit", 7);
+        this.rowDrag = index.createEvent(this, "rowdragmoveinit", 7);
+        this.rowMouseMove = index.createEvent(this, "rowdragmousemove", 7);
+        this.rowDropped = index.createEvent(this, "rowdropinit", 7);
+        this.rowOrderChange = index.createEvent(this, "roworderchange", 7);
+        this.events = [];
+        this.rowMoveFunc = debounce.debounce((y) => {
+            const rgRow = this.rowOrderService.move(y, this.getData());
+            if (rgRow !== null) {
+                this.rowDrag.emit(Object.assign(Object.assign({}, rgRow), { rowType: this.rowType }));
+            }
+        }, 5);
+    }
+    // #endregion
+    // #region Methods
+    async dragStart(e) {
+        e.originalEvent.preventDefault();
+        // extra check if previous ended
+        if (this.events.length) {
+            this.clearOrder();
+        }
+        const data = this.getData();
+        const cell = this.rowOrderService.startOrder(e.originalEvent, data);
+        const pos = this.rowOrderService.getRow(e.originalEvent.y, data);
+        const dragStartEvent = this.rowDragStart.emit({
+            cell,
+            text: data_store.DRAGG_TEXT,
+            pos,
+            event: e.originalEvent,
+            rowType: this.rowType,
+            model: data_store.getSourceItem(this.dataStore, pos.itemIndex),
+        });
+        if (dragStartEvent.defaultPrevented) {
+            return;
+        }
+        const moveMove = (e) => this.move(e);
+        const mouseUp = (e) => this.endOrder(e);
+        const mouseLeave = () => this.clearOrder();
+        this.events.push({
+            name: 'mousemove',
+            listener: moveMove,
+        }, {
+            name: 'mouseup',
+            listener: mouseUp,
+        }, {
+            name: 'mouseleave',
+            listener: mouseLeave,
+        });
+        document.addEventListener('mousemove', moveMove);
+        // Action finished inside of the document
+        document.addEventListener('mouseup', mouseUp);
+        document.addEventListener('mouseleave', mouseLeave);
+    }
+    async endOrder(e) {
+        this.rowOrderService.endOrder(e, this.getData());
+        this.clearOrder();
+    }
+    async clearOrder() {
+        this.rowOrderService.clear();
+        this.events.forEach(v => document.removeEventListener(v.name, v.listener));
+        this.events.length = 0;
+        this.rowDragEnd.emit({ rowType: this.rowType });
+    }
+    // #endregion
+    move({ x, y }) {
+        this.rowMouseMove.emit({ x, y, rowType: this.rowType });
+        this.rowMoveFunc(y);
+    }
+    connectedCallback() {
+        this.rowOrderService = new RowOrderService({
+            positionChanged: (from, to) => {
+                const dropEvent = this.rowDropped.emit({
+                    from,
+                    to,
+                    rowType: this.rowType,
+                });
+                if (dropEvent.defaultPrevented) {
+                    return;
+                }
+                this.rowOrderChange.emit(dropEvent.detail);
+            },
+        });
+    }
+    getData() {
+        return {
+            el: this.parent,
+            rows: this.dimensionRow.state,
+            cols: this.dimensionCol.state,
+        };
+    }
+};
+
+exports.revogr_clipboard = Clipboard;
+exports.revogr_edit = RevoEdit;
+exports.revogr_order_editor = OrderEditor;
+//# sourceMappingURL=revogr-clipboard.revogr-edit.revogr-order-editor.entry.cjs.js.map
+
+//# sourceMappingURL=revogr-clipboard_3.cjs.entry.js.map

package/dist/cjs/revogr-clipboard_3.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"revogr-clipboard.revogr-edit.revogr-order-editor.entry.cjs.js","mappings":"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","names":["isEditorCtrConstructible","TextEditor","h","Host","EDIT_INPUT_WR","getItemByPosition","debounce","DRAGG_TEXT","getSourceItem"],"sources":["src/components/clipboard/revogr-clipboard.tsx","src/components/editors/revogr-edit-style.scss?tag=revogr-edit","src/components/editors/revogr-edit.tsx","src/components/order/order-row.service.ts","src/components/order/revogr-order-editor.tsx"],"sourcesContent":["import {\r\n  Component,\r\n  Listen,\r\n  Method,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n} from '@stencil/core';\r\nimport { DataFormat } from '@type';\r\n/**\r\n * This Clipboard provides functionality for handling clipboard events in a web application.\r\n */\r\n@Component({ tag: 'revogr-clipboard' })\r\nexport class Clipboard {\r\n  /**\r\n   * If readonly mode - disabled Paste event\r\n   */\r\n  @Prop() readonly: boolean;\r\n\r\n  /**\r\n   * Paste 1. Fired before paste applied to the grid\r\n   * defaultPrevented - if true, paste will be canceled\r\n   */\r\n  @Event({ eventName: 'beforepaste' }) beforePaste: EventEmitter<{\r\n    raw: string;\r\n    isHTML: boolean;\r\n    event: ClipboardEvent;\r\n    dataText: string;\r\n  }>;\r\n\r\n  /**\r\n   * Paste 2. Fired before paste applied to the grid and after data parsed\r\n   */\r\n  @Event({ eventName: 'beforepasteapply' })\r\n  beforePasteApply: EventEmitter<{\r\n    raw: string;\r\n    parsed: string[][];\r\n    event: ClipboardEvent;\r\n  }>;\r\n\r\n  /**\r\n   * Paste 3. Internal method. When data region is ready pass it to the top.\r\n   * @property {string[][]} data - data to paste\r\n   * @property {boolean} defaultPrevented - if true, paste will be canceled\r\n   */\r\n  @Event({ eventName: 'pasteregion' })\r\n  pasteRegion: EventEmitter<string[][]>;\r\n\r\n  /**\r\n   * Paste 4. Fired after paste applied to the grid\r\n   * defaultPrevented - if true, paste will be canceled\r\n   */\r\n  @Event({ eventName: 'afterpasteapply' }) afterPasteApply: EventEmitter<{\r\n    raw: string;\r\n    parsed: string[][];\r\n    event: ClipboardEvent;\r\n  }>;\r\n\r\n  /**\r\n   * Cut 1. Fired before cut triggered\r\n   * defaultPrevented - if true, cut will be canceled\r\n   */\r\n  @Event({ eventName: 'beforecut' }) beforeCut: EventEmitter<{\r\n    event: ClipboardEvent;\r\n  }>;\r\n\r\n  /**\r\n   * Cut 2. Clears region when cut is done\r\n   */\r\n  @Event({ eventName: 'clearregion' }) clearRegion: EventEmitter<DataTransfer>;\r\n\r\n  /**\r\n   * Copy 1. Fired before copy triggered\r\n   * defaultPrevented - if true, copy will be canceled\r\n   */\r\n  @Event({ eventName: 'beforecopy' }) beforeCopy: EventEmitter<{\r\n    event: ClipboardEvent;\r\n  }>;\r\n\r\n  /**\r\n   * Copy Method 1. Fired before copy applied to the clipboard from outside.\r\n   * defaultPrevented - if true, copy will be canceled\r\n   */\r\n  @Event({ eventName: 'beforecopyapply' }) beforeCopyApply: EventEmitter<{\r\n    event: DataTransfer;\r\n    data?: string[][];\r\n  }>;\r\n\r\n  /**\r\n   * Copy 2. Fired when region copied\r\n   * defaultPrevented - if true, copy will be canceled\r\n   */\r\n  @Event({ eventName: 'copyregion' })\r\n  copyRegion: EventEmitter<DataTransfer>;\r\n\r\n  @Listen('paste', { target: 'document' }) onPaste(e: ClipboardEvent) {\r\n    // if readonly do nothing\r\n    if (this.readonly) {\r\n      return;\r\n    }\r\n    const clipboardData = this.getData(e);\r\n    const isHTML = (clipboardData?.types.indexOf('text/html') || -1) > -1;\r\n    const data =\r\n      (isHTML\r\n        ? clipboardData?.getData('text/html')\r\n        : clipboardData?.getData('text')) || '';\r\n    const dataText = clipboardData?.getData('text') || '';\r\n\r\n    const beforePaste = this.beforePaste.emit({\r\n      raw: data,\r\n      dataText,\r\n      isHTML,\r\n      event: e,\r\n    });\r\n\r\n    if (beforePaste.defaultPrevented) {\r\n      return;\r\n    }\r\n\r\n    let parsedData: string[][];\r\n    // if html, then search for table if no table fallback to regular text parsing\r\n    if (beforePaste.detail.isHTML) {\r\n      const table = this.htmlParse(beforePaste.detail.raw);\r\n      // fallback to text if not possible to parse as html\r\n      parsedData = table || this.textParse(dataText || '');\r\n    } else {\r\n      parsedData = this.textParse(beforePaste.detail.raw);\r\n    }\r\n    const beforePasteApply = this.beforePasteApply.emit({\r\n      raw: data,\r\n      parsed: parsedData,\r\n      event: e,\r\n    });\r\n    if (beforePasteApply.defaultPrevented) {\r\n      return;\r\n    }\r\n    this.pasteRegion.emit(beforePasteApply.detail.parsed);\r\n    // post paste action\r\n    const afterPasteApply = this.afterPasteApply.emit({\r\n      raw: data,\r\n      parsed: parsedData,\r\n      event: e,\r\n    });\r\n    // keep default behavior if needed\r\n    if (afterPasteApply.defaultPrevented) {\r\n      return;\r\n    }\r\n    e.preventDefault();\r\n  }\r\n\r\n  /**\r\n   * Listen to copy event and emit copy region event\r\n   */\r\n  @Listen('copy', { target: 'document' }) copyStarted(e: ClipboardEvent) {\r\n    const beforeCopy = this.beforeCopy.emit({\r\n      event: e,\r\n    });\r\n    if (beforeCopy.defaultPrevented) {\r\n      return;\r\n    }\r\n    const data = this.getData(beforeCopy.detail.event);\r\n    this.copyRegion.emit(data || undefined);\r\n    e.preventDefault();\r\n  }\r\n\r\n  /**\r\n   * Listen to copy event and emit copy region event\r\n   */\r\n  @Listen('cut', { target: 'document' }) cutStarted(e: ClipboardEvent) {\r\n    const beforeCut = this.beforeCut.emit({\r\n      event: e,\r\n    });\r\n    if (beforeCut.defaultPrevented) {\r\n      return;\r\n    }\r\n    const data = this.getData(beforeCut.detail.event);\r\n    this.copyStarted(e);\r\n\r\n    // if readonly do nothing\r\n    if (this.readonly) {\r\n      return;\r\n    }\r\n\r\n    this.clearRegion.emit(data || undefined);\r\n    e.preventDefault();\r\n  }\r\n\r\n  @Method() async doCopy(e: DataTransfer, data?: DataFormat[][]) {\r\n    const beforeCopyApply = this.beforeCopyApply.emit({\r\n      event: e,\r\n      data,\r\n    });\r\n    if (beforeCopyApply.defaultPrevented) {\r\n      return;\r\n    }\r\n    const parsed = data ? this.parserCopy(data) : '';\r\n    await navigator.clipboard.writeText(parsed);\r\n    // e.setData('text/plain', parsed);\r\n  }\r\n\r\n  parserCopy(data: DataFormat[][]) {\r\n    return data.map(rgRow => rgRow.join('\\t')).join('\\n');\r\n  }\r\n\r\n  private textParse(data: string) {\r\n    const result: string[][] = [];\r\n    const rows = data.split(/\\r\\n|\\n|\\r/);\r\n    for (let y in rows) {\r\n      result.push(rows[y].split('\\t'));\r\n    }\r\n    return result;\r\n  }\r\n\r\n  private htmlParse(data: string) {\r\n    const result: string[][] = [];\r\n    const fragment = document.createRange().createContextualFragment(data);\r\n    const table = fragment.querySelector('table');\r\n    if (!table) {\r\n      return null;\r\n    }\r\n    for (const rgRow of Array.from(table.rows)) {\r\n      result.push(Array.from(rgRow.cells).map(cell => cell.innerText));\r\n    }\r\n    return result;\r\n  }\r\n\r\n  private getData(e: ClipboardEvent) {\r\n    return (\r\n      e.clipboardData ||\r\n      (window as unknown as { clipboardData: DataTransfer | null })\r\n        ?.clipboardData\r\n    );\r\n  }\r\n}\r\n","revogr-edit {\r\n  display: block;\r\n  position: absolute;\r\n  background-color: #fff;\r\n\r\n  input {\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  revo-dropdown {\r\n    height: 100%;\r\n\r\n    &.shrink {\r\n      fieldset legend > span {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n  h,\r\n  Element,\r\n  Host,\r\n  Method,\r\n} from '@stencil/core';\r\nimport { EDIT_INPUT_WR } from '../../utils/consts';\r\nimport { TextEditor } from './text-editor';\r\nimport { ColumnDataSchemaModel } from '@type';\r\nimport {\r\n  EditCell,\r\n  EditorCtr,\r\n  SaveDataDetails,\r\n  EditorBase,\r\n} from '@type';\r\n\r\nimport { isEditorCtrConstructible } from './edit.utils';\r\n\r\n/**\r\n * Represents a cell editor in a grid.\r\n * It manages the editing of cells by handling events, saving data, rendering the editor UI,\r\n * and managing the lifecycle of the editor instance.\r\n */\r\n@Component({\r\n  tag: 'revogr-edit',\r\n  styleUrl: 'revogr-edit-style.scss',\r\n})\r\nexport class RevoEdit {\r\n  /**\r\n   * Cell to edit data.\r\n   */\r\n  @Prop() editCell: EditCell;\r\n\r\n  /**\r\n   * Column data for editor.\r\n   */\r\n  @Prop() column: ColumnDataSchemaModel | null;\r\n  /**\r\n   * Custom editors register\r\n   */\r\n  @Prop() editor: EditorCtr | null;\r\n\r\n  /**\r\n   * Save on editor close. Defines if data should be saved on editor close.\r\n   */\r\n  @Prop() saveOnClose = false;\r\n  /**\r\n   * Additional data to pass to renderer\r\n   */\r\n  @Prop() additionalData: any;\r\n\r\n  /**\r\n   * Cell edit event initiator, first in the cellEdit event chain\r\n   */\r\n  @Event({ eventName: 'celleditinit' }) cellEdit: EventEmitter<SaveDataDetails>;\r\n\r\n  /**\r\n   * Close editor event\r\n   * pass true if requires focus next\r\n   */\r\n  @Event({ eventName: 'closeedit' }) closeEdit: EventEmitter<\r\n    boolean | undefined\r\n  >;\r\n\r\n  /** Edit session editor */\r\n  @Element() element: HTMLElement;\r\n  private currentEditor: EditorBase | null = null;\r\n  private preventSaveOnClose = false;\r\n\r\n  /**\r\n   * Cancel pending changes flag. Editor will be closed without autosave.\r\n   */\r\n  @Method() async cancelChanges() {\r\n    this.preventSaveOnClose = true;\r\n  }\r\n\r\n  /**\r\n   * Before editor got disconnected.\r\n   * Can be triggered multiple times before actual disconnect.\r\n   */\r\n  @Method() async beforeDisconnect() {\r\n    this.currentEditor?.beforeDisconnect?.();\r\n  }\r\n\r\n  onAutoSave() {\r\n    this.preventSaveOnClose = true;\r\n    const val = this.currentEditor?.getValue?.();\r\n    // For Editor plugin internal usage.\r\n    // When you want to prevent save and use custom save of your own.\r\n    if (this.currentEditor?.beforeAutoSave) {\r\n      const canSave = this.currentEditor.beforeAutoSave(val);\r\n      if (canSave === false) {\r\n        return;\r\n      }\r\n    }\r\n    this.onSave(val, true);\r\n  }\r\n\r\n  /**\r\n   * Callback triggered when cell editor saved.\r\n   * Closes editor when called.\r\n   * @param preventFocus - if true, editor will not be closed & next cell will not be focused.\r\n   */\r\n  onSave(val?: any, preventFocus?: boolean) {\r\n    this.preventSaveOnClose = true;\r\n    if (this.editCell) {\r\n      this.cellEdit.emit({\r\n        rgCol: this.editCell.x,\r\n        rgRow: this.editCell.y,\r\n        type: this.editCell.type,\r\n        prop: this.editCell.prop,\r\n        val,\r\n        preventFocus,\r\n      });\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    // Active editor present and not yet closed.\r\n    if (this.currentEditor || !this.column) {\r\n      return;\r\n    }\r\n    this.preventSaveOnClose = false;\r\n\r\n    // Custom editor usage.\r\n    // Start with TextEditor (editors/text.tsx) for Custom editor.\r\n    // It can be class or function\r\n    if (this.editor) {\r\n      // if editor is constructible\r\n      if (isEditorCtrConstructible(this.editor)) {\r\n        this.currentEditor = new this.editor(\r\n          this.column,\r\n          // save callback\r\n          (e, preventFocus) => {\r\n            this.onSave(e, preventFocus);\r\n          },\r\n          // cancel callback\r\n          focusNext => {\r\n            this.preventSaveOnClose = true;\r\n            this.closeEdit.emit(focusNext);\r\n          },\r\n        );\r\n      // if editor is function\r\n      } else {\r\n        this.currentEditor = this.editor(\r\n          this.column,\r\n          // save callback\r\n          (e, preventFocus) => {\r\n            this.onSave(e, preventFocus);\r\n          },\r\n          // cancel callback\r\n          focusNext => {\r\n            this.preventSaveOnClose = true;\r\n            this.closeEdit.emit(focusNext);\r\n          },\r\n        );\r\n      }\r\n      return;\r\n    }\r\n    // Default text editor usage\r\n    this.currentEditor = new TextEditor(this.column, (e, preventFocus) =>\r\n      this.onSave(e, preventFocus),\r\n    );\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (!this.currentEditor) {\r\n      return;\r\n    }\r\n    this.currentEditor.element = this.element.firstElementChild;\r\n    this.currentEditor.componentDidRender?.();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.saveOnClose) {\r\n      // Can not be cancelled by `preventSaveOnClose` prop.\r\n      // Editor requires `getValue` to be able to save.\r\n      if (!this.preventSaveOnClose) {\r\n        this.onAutoSave();\r\n      }\r\n    }\r\n\r\n    this.preventSaveOnClose = false;\r\n    if (!this.currentEditor) {\r\n      return;\r\n    }\r\n\r\n    this.currentEditor.disconnectedCallback?.();\r\n    this.currentEditor.element = null;\r\n    this.currentEditor = null;\r\n  }\r\n\r\n  render() {\r\n    if (this.currentEditor) {\r\n      this.currentEditor.editCell = this.editCell;\r\n      return (\r\n        <Host class={EDIT_INPUT_WR}>\r\n          {this.currentEditor.render(h, this.additionalData)}\r\n        </Host>\r\n      );\r\n    }\r\n    return '';\r\n  }\r\n}\r\n","import { getItemByPosition } from '@store';\r\nimport { DimensionSettingsState, PositionItem, Cell } from '@type';\r\n\r\ntype EventData = { el: HTMLElement; rows: DimensionSettingsState; cols: DimensionSettingsState };\r\ninterface Config {\r\n  positionChanged(from: number, to: number): void;\r\n}\r\n\r\nexport default class RowOrderService {\r\n  private currentCell: Cell | null = null;\r\n  private previousRow: number | null = null;\r\n\r\n  constructor(private config: Config) {}\r\n\r\n  /** Drag finished, calculate and apply changes */\r\n  endOrder(e: MouseEvent, data: EventData) {\r\n    if (this.currentCell === null) {\r\n      return;\r\n    }\r\n    const newRow = this.getCell(e, data);\r\n\r\n    // if position changed\r\n    if (newRow.y !== this.currentCell.y) {\r\n      // rgRow dragged out table\r\n      if (newRow.y < 0) {\r\n        newRow.y = 0;\r\n      }\r\n      // rgRow dragged to the top\r\n      else if (newRow.y < this.currentCell.y) {\r\n        newRow.y++;\r\n      }\r\n      this.config.positionChanged(this.currentCell.y, newRow.y);\r\n    }\r\n    this.clear();\r\n  }\r\n\r\n  /** Drag started, reserve initial cell for farther use */\r\n  startOrder(e: MouseEvent, data: EventData): Cell {\r\n    this.currentCell = this.getCell(e, data);\r\n    return this.currentCell;\r\n  }\r\n\r\n  move(y: number, data: EventData): PositionItem | null {\r\n    const rgRow = this.getRow(y, data);\r\n    // if rgRow same as previous or below range (-1 = 0) do nothing\r\n    if (this.previousRow === rgRow.itemIndex || rgRow.itemIndex < -1) {\r\n      return null;\r\n    }\r\n    this.previousRow = rgRow.itemIndex;\r\n    return rgRow;\r\n  }\r\n\r\n  /** Drag stopped, probably cursor outside of document area */\r\n  clear() {\r\n    this.currentCell = null;\r\n    this.previousRow = null;\r\n  }\r\n\r\n  /** Calculate cell based on x, y position */\r\n  getRow(y: number, { el, rows }: EventData): PositionItem {\r\n    const { top } = el.getBoundingClientRect();\r\n    const topRelative = y - top;\r\n    const rgRow = getItemByPosition(rows, topRelative);\r\n    const absolutePosition = {\r\n      itemIndex: rgRow.itemIndex,\r\n      start: rgRow.start + top,\r\n      end: rgRow.end + top,\r\n    };\r\n    return absolutePosition;\r\n  }\r\n\r\n  /** Calculate cell based on x, y position */\r\n  getCell({ x, y }: Cell, { el, rows, cols }: EventData): Cell {\r\n    const { top, left } = el.getBoundingClientRect();\r\n    const topRelative = y - top;\r\n    const leftRelative = x - left;\r\n    const rgRow = getItemByPosition(rows, topRelative);\r\n    const rgCol = getItemByPosition(cols, leftRelative);\r\n    return { x: rgCol.itemIndex, y: rgRow.itemIndex };\r\n  }\r\n}\r\n","import { Component, Method, Event, EventEmitter, Prop } from '@stencil/core';\r\nimport debounce from 'lodash/debounce';\r\n\r\nimport { type DSourceState, getSourceItem } from '@store';\r\nimport { DRAGG_TEXT } from '../../utils/consts';\r\nimport RowOrderService from './order-row.service';\r\nimport type {\r\n  DimensionRows,\r\n  DataType,\r\n  DimensionSettingsState,\r\n  DragStartEvent,\r\n  PositionItem,\r\n  Cell,\r\n  RowDragStartDetails,\r\n} from '@type';\r\nimport type { Observable } from '../../utils';\r\n\r\n/**\r\n * Component for handling row order editor.\r\n */\r\n@Component({ tag: 'revogr-order-editor' })\r\nexport class OrderEditor {\r\n  // #region Properties\r\n  /** Parent element */\r\n  @Prop() parent: HTMLElement;\r\n  /** Dimension settings Y */\r\n  @Prop() dimensionRow: Observable<DimensionSettingsState>;\r\n  /** Dimension settings X */\r\n  @Prop() dimensionCol: Observable<DimensionSettingsState>;\r\n\r\n  /** Static stores, not expected to change during component lifetime */\r\n  @Prop() dataStore: Observable<DSourceState<DataType, DimensionRows>>;\r\n\r\n  @Prop() rowType: DimensionRows;\r\n  // #endregion\r\n\r\n  // #region Events\r\n  /** Row drag started */\r\n  @Event({ eventName: 'rowdragstartinit', cancelable: true })\r\n  rowDragStart: EventEmitter<RowDragStartDetails>;\r\n\r\n  /** Row drag ended started */\r\n  @Event({ eventName: 'rowdragendinit' })\r\n  rowDragEnd: EventEmitter<{ rowType: DimensionRows }>;\r\n\r\n  /** Row move started */\r\n  @Event({ eventName: 'rowdragmoveinit', cancelable: true })\r\n  rowDrag: EventEmitter<PositionItem & { rowType: DimensionRows }>;\r\n\r\n  /** Row mouse move started */\r\n  @Event({ eventName: 'rowdragmousemove', cancelable: true })\r\n  rowMouseMove: EventEmitter<Cell & { rowType: DimensionRows }>;\r\n\r\n  /** Row dragged, new range ready to be applied */\r\n  @Event({ eventName: 'rowdropinit', cancelable: true })\r\n  rowDropped: EventEmitter<{\r\n    from: number;\r\n    to: number;\r\n    rowType: DimensionRows;\r\n  }>;\r\n\r\n  /** Row drag ended finished. Time to apply data */\r\n  @Event({ eventName: 'roworderchange' })\r\n  rowOrderChange: EventEmitter<{\r\n    from: number;\r\n    to: number;\r\n    rowType: DimensionRows;\r\n  }>;\r\n\r\n  // #endregion\r\n\r\n  // #region Private\r\n  private rowOrderService: RowOrderService;\r\n  private events: {\r\n    name: keyof DocumentEventMap;\r\n    listener: (e: MouseEvent) => void;\r\n  }[] = [];\r\n  private rowMoveFunc = debounce((y: number) => {\r\n    const rgRow = this.rowOrderService.move(y, this.getData());\r\n    if (rgRow !== null) {\r\n      this.rowDrag.emit({\r\n        ...rgRow,\r\n        rowType: this.rowType,\r\n      });\r\n    }\r\n  }, 5);\r\n  // #endregion\r\n\r\n  // #region Methods\r\n  @Method() async dragStart(e: DragStartEvent) {\r\n    e.originalEvent.preventDefault();\r\n\r\n    // extra check if previous ended\r\n    if (this.events.length) {\r\n      this.clearOrder();\r\n    }\r\n\r\n    const data = this.getData();\r\n    const cell = this.rowOrderService.startOrder(e.originalEvent, data);\r\n    const pos = this.rowOrderService.getRow(e.originalEvent.y, data);\r\n    const dragStartEvent = this.rowDragStart.emit({\r\n      cell,\r\n      text: DRAGG_TEXT,\r\n      pos,\r\n      event: e.originalEvent,\r\n      rowType: this.rowType,\r\n      model: getSourceItem(this.dataStore, pos.itemIndex),\r\n    });\r\n    if (dragStartEvent.defaultPrevented) {\r\n      return;\r\n    }\r\n\r\n    const moveMove = (e: MouseEvent) => this.move(e);\r\n    const mouseUp = (e: MouseEvent) => this.endOrder(e);\r\n    const mouseLeave = () => this.clearOrder();\r\n\r\n    this.events.push(\r\n      {\r\n        name: 'mousemove',\r\n        listener: moveMove,\r\n      },\r\n      {\r\n        name: 'mouseup',\r\n        listener: mouseUp,\r\n      },\r\n      {\r\n        name: 'mouseleave',\r\n        listener: mouseLeave,\r\n      },\r\n    );\r\n    document.addEventListener('mousemove', moveMove);\r\n    // Action finished inside of the document\r\n    document.addEventListener('mouseup', mouseUp);\r\n    document.addEventListener('mouseleave', mouseLeave);\r\n  }\r\n\r\n  @Method() async endOrder(e: MouseEvent) {\r\n    this.rowOrderService.endOrder(e, this.getData());\r\n    this.clearOrder();\r\n  }\r\n\r\n  @Method() async clearOrder() {\r\n    this.rowOrderService.clear();\r\n    this.events.forEach(v => document.removeEventListener(v.name, v.listener));\r\n    this.events.length = 0;\r\n    this.rowDragEnd.emit({ rowType: this.rowType });\r\n  }\r\n  // #endregion\r\n\r\n  move({ x, y }: { x: number; y: number }) {\r\n    this.rowMouseMove.emit({ x, y, rowType: this.rowType });\r\n    this.rowMoveFunc(y);\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.rowOrderService = new RowOrderService({\r\n      positionChanged: (from: number, to: number) => {\r\n        const dropEvent = this.rowDropped.emit({\r\n          from,\r\n          to,\r\n          rowType: this.rowType,\r\n        });\r\n        if (dropEvent.defaultPrevented) {\r\n          return;\r\n        }\r\n        this.rowOrderChange.emit(dropEvent.detail);\r\n      },\r\n    });\r\n  }\r\n\r\n  private getData() {\r\n    return {\r\n      el: this.parent,\r\n      rows: this.dimensionRow.state,\r\n      cols: this.dimensionCol.state,\r\n    };\r\n  }\r\n}\r\n"],"version":3}