@revolist/revogrid 4.0.2-next → 4.0.2

package/dist/collection/components/clipboard/revogr-clipboard.js

@@ -1,121 +1,416 @@
-import { Component, Listen, Method, Event } from '@stencil/core';
+/**
+ * This Clipboard provides functionality for handling clipboard events in a web application.
+ */
 export class Clipboard {
-  onPaste(e) {
-    const clipboardData = this.getData(e);
-    const isHTML = clipboardData.types.indexOf('text/html') > -1;
-    const data = isHTML ? clipboardData.getData('text/html') : clipboardData.getData('text');
-    const parsedData = isHTML ? this.htmlParse(data) : this.textParse(data);
-    this.pasteRegion.emit(parsedData);
-    e.preventDefault();
-  }
-  copyStarted(e) {
-    this.copyRegion.emit(this.getData(e));
-    e.preventDefault();
-  }
-  async doCopy(e, data) {
-    e.setData('text/plain', data ? this.parserCopy(data) : '');
-  }
-  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'));
+    constructor() {
+        this.readonly = undefined;
     }
-    return result;
-  }
-  htmlParse(data) {
-    const result = [];
-    const table = document.createRange().createContextualFragment(data).querySelector('table');
-    for (const rgRow of Array.from(table.rows)) {
-      result.push(Array.from(rgRow.cells).map(cell => cell.innerText));
+    onPaste(e) {
+        // if readonly do nothing
+        if (this.readonly) {
+            return;
+        }
+        const clipboardData = this.getData(e);
+        const isHTML = clipboardData.types.indexOf('text/html') > -1;
+        const data = isHTML ? clipboardData.getData('text/html') : clipboardData.getData('text');
+        const dataText = 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);
+            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);
+        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);
+        e.preventDefault();
     }
-    return result;
-  }
-  getData(e) {
-    var _a;
-    return e.clipboardData || ((_a = window) === null || _a === void 0 ? void 0 : _a.clipboardData);
-  }
-  static get is() { return "revogr-clipboard"; }
-  static get events() { return [{
-      "method": "copyRegion",
-      "name": "copyRegion",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "DataTransfer",
-        "resolved": "DataTransfer",
-        "references": {
-          "DataTransfer": {
-            "location": "global"
-          }
+    async doCopy(e, data) {
+        const beforeCopyApply = this.beforeCopyApply.emit({
+            event: e,
+            data,
+        });
+        if (beforeCopyApply.defaultPrevented) {
+            return;
         }
-      }
-    }, {
-      "method": "pasteRegion",
-      "name": "pasteRegion",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string[][]",
-        "resolved": "string[][]",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "doCopy": {
-      "complexType": {
-        "signature": "(e: DataTransfer, data?: RevoGrid.DataFormat[][]) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "DataTransfer": {
-            "location": "global"
-          },
-          "RevoGrid": {
-            "location": "import",
-            "path": "../../interfaces"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
+        const parsed = data ? this.parserCopy(data) : '';
+        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);
+    }
+    static get is() { return "revogr-clipboard"; }
+    static get properties() {
+        return {
+            "readonly": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If readonly mode - disabled Paste event"
+                },
+                "attribute": "readonly",
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "beforePaste",
+                "name": "beforepaste",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{string} raw - raw data from clipboard"
+                        }, {
+                            "name": "property",
+                            "text": "{ClipboardEvent} event - original event"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, paste will be canceled"
+                        }],
+                    "text": "Paste 1. Fired before paste applied to the grid"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "beforePasteApply",
+                "name": "beforepasteapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{string} raw - raw data from clipboard"
+                        }, {
+                            "name": "property",
+                            "text": "{string[][]} parsed - parsed data"
+                        }],
+                    "text": "Paste 2. Fired before paste applied to the grid and after data parsed"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "pasteRegion",
+                "name": "pasteregion",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{string[][]} data - data to paste"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, paste will be canceled"
+                        }],
+                    "text": "Paste 3. Internal method. When data region is ready pass it to the top."
+                },
+                "complexType": {
+                    "original": "string[][]",
+                    "resolved": "string[][]",
+                    "references": {}
+                }
+            }, {
+                "method": "afterPasteApply",
+                "name": "afterpasteapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{string} raw - raw data from clipboard"
+                        }, {
+                            "name": "property",
+                            "text": "{string[][]} parsed - parsed data"
+                        }, {
+                            "name": "property",
+                            "text": "{ClipboardEvent} event - original event"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, paste will be canceled"
+                        }],
+                    "text": "Paste 4. Fired after paste applied to the grid"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "beforeCut",
+                "name": "beforecut",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{ClipboardEvent} event - original event"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, cut will be canceled"
+                        }],
+                    "text": "Cut 1. Fired before cut triggered"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "clearRegion",
+                "name": "clearregion",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Cut 2. Clears region when cut is done"
+                },
+                "complexType": {
+                    "original": "DataTransfer",
+                    "resolved": "DataTransfer",
+                    "references": {
+                        "DataTransfer": {
+                            "location": "global",
+                            "id": "global::DataTransfer"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeCopy",
+                "name": "beforecopy",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{ClipboardEvent} event - original event"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, copy will be canceled"
+                        }],
+                    "text": "Copy 1. Fired before copy triggered"
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "beforeCopyApply",
+                "name": "beforecopyapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{DataTransfer} event - original event"
+                        }, {
+                            "name": "property",
+                            "text": "{string} data - data to copy"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, copy will be canceled"
+                        }],
+                    "text": "Copy Method 1. Fired before copy applied to the clipboard from outside."
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }, {
+                "method": "copyRegion",
+                "name": "copyregion",
+                "bubbles": false,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [{
+                            "name": "property",
+                            "text": "{DataTransfer} data - data to copy"
+                        }, {
+                            "name": "property",
+                            "text": "{boolean} defaultPrevented - if true, copy will be canceled"
+                        }],
+                    "text": "Copy 2. Fired when region copied"
+                },
+                "complexType": {
+                    "original": "DataTransfer",
+                    "resolved": "DataTransfer",
+                    "references": {
+                        "DataTransfer": {
+                            "location": "global",
+                            "id": "global::DataTransfer"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "doCopy": {
+                "complexType": {
+                    "signature": "(e: DataTransfer, data?: DataFormat[][]) => Promise<void>",
+                    "parameters": [{
+                            "name": "e",
+                            "type": "DataTransfer",
+                            "docs": ""
+                        }, {
+                            "name": "data",
+                            "type": "any[][]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "DataTransfer": {
+                            "location": "global",
+                            "id": "global::DataTransfer"
+                        },
+                        "DataFormat": {
+                            "location": "import",
+                            "path": "../../types/interfaces",
+                            "id": "src/types/interfaces.ts::DataFormat"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get listeners() {
+        return [{
+                "name": "paste",
+                "method": "onPaste",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "copy",
+                "method": "copyStarted",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }, {
+                "name": "cut",
+                "method": "cutStarted",
+                "target": "document",
+                "capture": false,
+                "passive": false
+            }];
     }
-  }; }
-  static get listeners() { return [{
-      "name": "paste",
-      "method": "onPaste",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "copy",
-      "method": "copyStarted",
-      "target": "document",
-      "capture": false,
-      "passive": false
-    }]; }
 }
+//# sourceMappingURL=revogr-clipboard.js.map

package/dist/collection/components/clipboard/revogr-clipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"revogr-clipboard.js","sourceRoot":"","sources":["../../../src/components/clipboard/revogr-clipboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Listen, Method, Event, EventEmitter, Prop } from '@stencil/core';\nimport { DataFormat } from '../../types/interfaces';\n/**\n * This Clipboard provides functionality for handling clipboard events in a web application.\n */\n@Component({ tag: 'revogr-clipboard' })\nexport class Clipboard {\n  /**\n   * If readonly mode - disabled Paste event\n   */\n  @Prop() readonly: boolean;\n\n  /**\n   * Paste 1. Fired before paste applied to the grid\n   * @property {string} raw - raw data from clipboard\n   * @property {ClipboardEvent} event - original event\n   * @property {boolean} defaultPrevented - if true, paste will be canceled\n   */\n  @Event({ eventName: 'beforepaste' }) beforePaste: EventEmitter;\n\n  /**\n   * Paste 2. Fired before paste applied to the grid and after data parsed\n   * @property {string} raw - raw data from clipboard\n   * @property {string[][]} parsed - parsed data\n   */\n  @Event({ eventName: 'beforepasteapply' }) beforePasteApply: EventEmitter;\n\n  /**\n   * Paste 3. Internal method. When data region is ready pass it to the top.\n   * @property {string[][]} data - data to paste\n   * @property {boolean} defaultPrevented - if true, paste will be canceled\n   */\n  @Event({ eventName: 'pasteregion', bubbles: false }) pasteRegion: EventEmitter<string[][]>;\n\n\n  /**\n   * Paste 4. Fired after paste applied to the grid\n   * @property {string} raw - raw data from clipboard\n   * @property {string[][]} parsed - parsed data\n   * @property {ClipboardEvent} event - original event\n   * @property {boolean} defaultPrevented - if true, paste will be canceled\n   */\n  @Event({ eventName: 'afterpasteapply' }) afterPasteApply: EventEmitter;\n\n  /**\n   * Cut 1. Fired before cut triggered\n   * @property {ClipboardEvent} event - original event\n   * @property {boolean} defaultPrevented - if true, cut will be canceled\n   */\n  @Event({ eventName: 'beforecut' }) beforeCut: EventEmitter;\n\n  /**\n   * Cut 2. Clears region when cut is done\n   */\n  @Event({ eventName: 'clearregion' }) clearRegion: EventEmitter<DataTransfer>;\n\n  /**\n   * Copy 1. Fired before copy triggered\n   * @property {ClipboardEvent} event - original event\n   * @property {boolean} defaultPrevented - if true, copy will be canceled\n   */\n  @Event({ eventName: 'beforecopy' }) beforeCopy: EventEmitter;\n\n  /**\n   * Copy Method 1. Fired before copy applied to the clipboard from outside.\n   * @property {DataTransfer} event - original event\n   * @property {string} data - data to copy\n   * @property {boolean} defaultPrevented - if true, copy will be canceled\n   */\n  @Event({ eventName: 'beforecopyapply' }) beforeCopyApply: EventEmitter;\n\n  /**\n   * Copy 2. Fired when region copied\n   * @property {DataTransfer} data - data to copy\n   * @property {boolean} defaultPrevented - if true, copy will be canceled\n   */\n  @Event({ eventName: 'copyregion', bubbles: false }) copyRegion: EventEmitter<DataTransfer>;\n\n  @Listen('paste', { target: 'document' }) onPaste(e: ClipboardEvent) {\n    // if readonly do nothing\n    if (this.readonly) {\n      return;\n    }\n    const clipboardData = this.getData(e);\n    const isHTML = clipboardData.types.indexOf('text/html') > -1;\n    const data = isHTML ? clipboardData.getData('text/html') : clipboardData.getData('text');\n    const dataText = clipboardData.getData('text');\n\n    const beforePaste = this.beforePaste.emit({\n      raw: data,\n      dataText,\n      isHTML,\n      event: e,\n    });\n\n    if (beforePaste.defaultPrevented) {\n      return;\n    }\n\n    let parsedData: string[][];\n    // if html, then search for table if no table fallback to regular text parsing\n    if (beforePaste.detail.isHTML) {\n      const table = this.htmlParse(beforePaste.detail.raw);\n      parsedData = table || this.textParse(dataText);\n    } else {\n      parsedData = this.textParse(beforePaste.detail.raw);\n    }\n    const beforePasteApply = this.beforePasteApply.emit({\n      raw: data,\n      parsed: parsedData,\n      event: e,\n    });\n    if (beforePasteApply.defaultPrevented) {\n      return;\n    }\n    this.pasteRegion.emit(beforePasteApply.detail.parsed);\n    // post paste action\n    const afterPasteApply = this.afterPasteApply.emit({\n      raw: data,\n      parsed: parsedData,\n      event: e,\n    });\n    // keep default behavior if needed\n    if (afterPasteApply.defaultPrevented) {\n      return;\n    }\n    e.preventDefault();\n  }\n\n  /**\n   * Listen to copy event and emit copy region event\n   */\n  @Listen('copy', { target: 'document' }) copyStarted(e: ClipboardEvent) {\n    const beforeCopy = this.beforeCopy.emit({\n      event: e,\n    });\n    if (beforeCopy.defaultPrevented) {\n      return;\n    }\n    const data = this.getData(beforeCopy.detail.event);\n    this.copyRegion.emit(data);\n    e.preventDefault();\n  }\n\n  /**\n   * Listen to copy event and emit copy region event\n   */\n  @Listen('cut', { target: 'document' }) cutStarted(e: ClipboardEvent) {\n    const beforeCut = this.beforeCut.emit({\n      event: e,\n    });\n    if (beforeCut.defaultPrevented) {\n      return;\n    }\n    const data = this.getData(beforeCut.detail.event);\n    this.copyStarted(e);\n\n    // if readonly do nothing\n    if (this.readonly) {\n      return;\n    }\n\n    this.clearRegion.emit(data);\n    e.preventDefault();\n  }\n\n  @Method() async doCopy(e: DataTransfer, data?: DataFormat[][]) {\n    const beforeCopyApply = this.beforeCopyApply.emit({\n      event: e,\n      data,\n    });\n    if (beforeCopyApply.defaultPrevented) {\n      return;\n    }\n    const parsed = data ? this.parserCopy(data) : '';\n    e.setData('text/plain', parsed);\n  }\n\n  parserCopy(data: DataFormat[][]) {\n    return data.map(rgRow => rgRow.join('\\t')).join('\\n');\n  }\n\n  private textParse(data: string) {\n    const result: string[][] = [];\n    const rows = data.split(/\\r\\n|\\n|\\r/);\n    for (let y in rows) {\n      result.push(rows[y].split('\\t'));\n    }\n    return result;\n  }\n\n  private htmlParse(data: string) {\n    const result: string[][] = [];\n    const fragment = document.createRange().createContextualFragment(data);\n    const table = fragment.querySelector('table');\n    if (!table) {\n      return null;\n    }\n    for (const rgRow of Array.from(table.rows)) {\n      result.push(Array.from(rgRow.cells).map(cell => cell.innerText));\n    }\n    return result;\n  }\n\n  private getData(e: ClipboardEvent) {\n    return e.clipboardData || (window as unknown as { clipboardData: DataTransfer | null })?.clipboardData;\n  }\n}\n"]}

package/dist/collection/components/data/cell-renderer.js

@@ -0,0 +1,39 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h, Build } from "@stencil/core";
+import { DRAGGABLE_CLASS, DRAG_ICON_CLASS, } from "../../utils/consts";
+import { getCellData, isRowDragService } from "./column.service";
+function renderCell(v) {
+    const els = [];
+    // #region Custom cell
+    if (v.template) {
+        els.push(v.template(h, Object.assign(Object.assign({}, v.model), { providers: v.providers }), v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.model.column) {
+            // something is wrong with data
+            if (Build.isDev) {
+                console.error('Investigate column problem.', v.model);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.model.column.rowDrag &&
+            isRowDragService(v.model.column.rowDrag, v.model)) {
+            els.push(h("span", { class: DRAGGABLE_CLASS, onMouseDown: originalEvent => v.dragStartCell.emit({
+                    originalEvent,
+                    model: v.model,
+                }) }, h("span", { class: DRAG_ICON_CLASS })));
+        }
+        els.push(`${getCellData(v.model.model[v.model.prop])}`);
+    }
+    return els;
+}
+export const CellRenderer = ({ renderProps, cellProps, }) => {
+    const render = renderCell.bind(null, renderProps);
+    return (h("div", Object.assign({}, cellProps, { redraw: render }), render()));
+};
+//# sourceMappingURL=cell-renderer.js.map

package/dist/collection/components/data/cell-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cell-renderer.js","sourceRoot":"","sources":["../../../src/components/data/cell-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAS,KAAK,EAAgB,MAAM,eAAe,CAAC;AAQ9D,OAAO,EACL,eAAe,EACf,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAWjE,SAAS,UAAU,CAAC,CAAc;IAChC,MAAM,GAAG,GAAuB,EAAE,CAAC;IAEnC,sBAAsB;IACtB,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;QACf,GAAG,CAAC,IAAI,CACN,CAAC,CAAC,QAAQ,CAAC,CAAC,kCAAO,CAAC,CAAC,KAAK,KAAE,SAAS,EAAE,CAAC,CAAC,SAAS,KAAI,CAAC,CAAC,cAAc,CAAC,CACxE,CAAC;IACJ,CAAC;IACD,aAAa;IAEb,uBAAuB;SAClB,CAAC;QACJ,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,+BAA+B;YAC/B,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YACxD,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,WAAW;QACX,IACE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;YACtB,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,EACjD,CAAC;YACD,GAAG,CAAC,IAAI,CACN,YACE,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,aAAa,CAAC,EAAE,CAC3B,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC;oBACnB,aAAa;oBACb,KAAK,EAAE,CAAC,CAAC,KAAK;iBACf,CAAC;gBAGJ,YAAM,KAAK,EAAE,eAAe,GAAI,CAC3B,CACR,CAAC;QACJ,CAAC;QAED,GAAG,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1D,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,WAAW,EACX,SAAS,GAIV,EAAS,EAAE;IACV,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;IAClD,OAAO,CACL,2BAAS,SAAS,IAAE,MAAM,EAAE,MAAM,KAC/B,MAAM,EAAE,CACL,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { h, VNode, Build, EventEmitter } from '@stencil/core';\nimport {\n  Providers,\n  DragStartEvent,\n  ColumnDataSchemaModel,\n  CellTemplate,\n} from '../../types/interfaces';\n\nimport {\n  DRAGGABLE_CLASS,\n  DRAG_ICON_CLASS,\n} from '../../utils/consts';\n\nimport { getCellData, isRowDragService } from './column.service';\n\ninterface RenderProps {\n  model: ColumnDataSchemaModel;\n  providers: Providers;\n  template?: CellTemplate;\n  additionalData?: any;\n  dragStartCell?: EventEmitter<DragStartEvent>;\n}\n\n\nfunction renderCell(v: RenderProps) {\n  const els: (VNode | string)[] = [];\n\n  // #region Custom cell\n  if (v.template) {\n    els.push(\n      v.template(h, { ...v.model, providers: v.providers }, v.additionalData),\n    );\n  }\n  // #endregion\n\n  // #region Regular cell\n  else {\n    if (!v.model.column) {\n      // something is wrong with data\n      if (Build.isDev) {\n        console.error('Investigate column problem.', v.model);\n      }\n      return '';\n    }\n\n    // Row drag\n    if (\n      v.model.column.rowDrag &&\n      isRowDragService(v.model.column.rowDrag, v.model)\n    ) {\n      els.push(\n        <span\n          class={DRAGGABLE_CLASS}\n          onMouseDown={originalEvent =>\n            v.dragStartCell.emit({\n              originalEvent,\n              model: v.model,\n            })\n          }\n        >\n          <span class={DRAG_ICON_CLASS} />\n        </span>,\n      );\n    }\n\n    els.push(`${getCellData(v.model.model[v.model.prop])}`);\n  }\n  return els;\n}\n\nexport const CellRenderer = ({\n  renderProps,\n  cellProps,\n}: {\n  renderProps: RenderProps;\n  cellProps: any;\n}): VNode => {\n  const render = renderCell.bind(null, renderProps);\n  return (\n    <div {...cellProps} redraw={render}>\n      {render()}\n    </div>\n  );\n};\n"]}