lsp-grid 1.0.0

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

@@ -0,0 +1,396 @@
+/**
+ * This Clipboard provides functionality for handling clipboard events in a web application.
+ */
+export class Clipboard {
+    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));
+    }
+    static get is() { return "revogr-clipboard"; }
+    static get properties() {
+        return {
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If readonly mode - disabled Paste event"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "beforePaste",
+                "name": "beforepaste",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Paste 1. Fired before paste applied to the grid\r\ndefaultPrevented - if true, paste will be canceled"
+                },
+                "complexType": {
+                    "original": "{\r\n    raw: string;\r\n    isHTML: boolean;\r\n    event: ClipboardEvent;\r\n    dataText: string;\r\n  }",
+                    "resolved": "{ raw: string; isHTML: boolean; event: ClipboardEvent; dataText: string; }",
+                    "references": {
+                        "ClipboardEvent": {
+                            "location": "global",
+                            "id": "global::ClipboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforePasteApply",
+                "name": "beforepasteapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Paste 2. Fired before paste applied to the grid and after data parsed"
+                },
+                "complexType": {
+                    "original": "{\r\n    raw: string;\r\n    parsed: string[][];\r\n    event: ClipboardEvent;\r\n  }",
+                    "resolved": "{ raw: string; parsed: string[][]; event: ClipboardEvent; }",
+                    "references": {
+                        "ClipboardEvent": {
+                            "location": "global",
+                            "id": "global::ClipboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "pasteRegion",
+                "name": "pasteregion",
+                "bubbles": true,
+                "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": [],
+                    "text": "Paste 4. Fired after paste applied to the grid\r\ndefaultPrevented - if true, paste will be canceled"
+                },
+                "complexType": {
+                    "original": "{\r\n    raw: string;\r\n    parsed: string[][];\r\n    event: ClipboardEvent;\r\n  }",
+                    "resolved": "{ raw: string; parsed: string[][]; event: ClipboardEvent; }",
+                    "references": {
+                        "ClipboardEvent": {
+                            "location": "global",
+                            "id": "global::ClipboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeCut",
+                "name": "beforecut",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Cut 1. Fired before cut triggered\r\ndefaultPrevented - if true, cut will be canceled"
+                },
+                "complexType": {
+                    "original": "{\r\n    event: ClipboardEvent;\r\n  }",
+                    "resolved": "{ event: ClipboardEvent; }",
+                    "references": {
+                        "ClipboardEvent": {
+                            "location": "global",
+                            "id": "global::ClipboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "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": [],
+                    "text": "Copy 1. Fired before copy triggered\r\ndefaultPrevented - if true, copy will be canceled"
+                },
+                "complexType": {
+                    "original": "{\r\n    event: ClipboardEvent;\r\n  }",
+                    "resolved": "{ event: ClipboardEvent; }",
+                    "references": {
+                        "ClipboardEvent": {
+                            "location": "global",
+                            "id": "global::ClipboardEvent"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeCopyApply",
+                "name": "beforecopyapply",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Copy Method 1. Fired before copy applied to the clipboard from outside.\r\ndefaultPrevented - if true, copy will be canceled"
+                },
+                "complexType": {
+                    "original": "{\r\n    event: DataTransfer;\r\n    data?: string[][];\r\n  }",
+                    "resolved": "{ event: DataTransfer; data?: string[][] | undefined; }",
+                    "references": {
+                        "DataTransfer": {
+                            "location": "global",
+                            "id": "global::DataTransfer"
+                        }
+                    }
+                }
+            }, {
+                "method": "copyRegion",
+                "name": "copyregion",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Copy 2. Fired when region copied\r\ndefaultPrevented - if true, copy will be canceled"
+                },
+                "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[][] | undefined",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "DataTransfer": {
+                            "location": "global",
+                            "id": "global::DataTransfer"
+                        },
+                        "DataFormat": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.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
+            }];
+    }
+}
+//# 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 {\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"]}

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

@@ -0,0 +1,44 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h, Build } from "@stencil/core";
+import { DRAGGABLE_CLASS, DRAG_ICON_CLASS, getCellDataParsed, } from "../../utils";
+import { isRowDragService } from "./column.service";
+function renderCell(v) {
+    var _a;
+    const els = [];
+    // #region Custom cell
+    const template = (_a = v.schemaModel.column) === null || _a === void 0 ? void 0 : _a.cellTemplate;
+    if (template) {
+        els.push(template(h, v.schemaModel, v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.schemaModel.column) {
+            // something is wrong with data
+            if (Build === null || Build === void 0 ? void 0 : Build.isDev) {
+                console.error('Investigate column problem.', v.schemaModel);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.schemaModel.column.rowDrag &&
+            isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)) {
+            els.push(h("span", { class: DRAGGABLE_CLASS, onMouseDown: originalEvent => {
+                    var _a;
+                    return (_a = v.dragStartCell) === null || _a === void 0 ? void 0 : _a.emit({
+                        originalEvent,
+                        model: v.schemaModel,
+                    });
+                } }, h("span", { class: DRAG_ICON_CLASS })));
+        }
+        els.push(`${getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
+    }
+    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,EAAc,KAAK,EAAgB,MAAM,eAAe,CAAC;AAMnE,OAAO,EACL,eAAe,EACf,eAAe,EACf,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AASpD,SAAS,UAAU,CAAC,CAAc;;IAChC,MAAM,GAAG,GAAuB,EAAE,CAAC;IAEnC,sBAAsB;IACtB,MAAM,QAAQ,GAAG,MAAA,CAAC,CAAC,WAAW,CAAC,MAAM,0CAAE,YAAY,CAAC;IACpD,IAAI,QAAQ,EAAE,CAAC;QACb,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC;IACzD,CAAC;IACD,aAAa;IAEb,uBAAuB;SAClB,CAAC;QACJ,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;YAC1B,+BAA+B;YAC/B,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,6BAA6B,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;YAC9D,CAAC;YACD,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,WAAW;QACX,IACE,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO;YAC5B,gBAAgB,CAAC,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,WAAW,CAAC,EAC7D,CAAC;YACD,GAAG,CAAC,IAAI,CACN,YACE,KAAK,EAAE,eAAe,EACtB,WAAW,EAAE,aAAa,CAAC,EAAE;;oBAC3B,OAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,IAAI,CAAC;wBACpB,aAAa;wBACb,KAAK,EAAE,CAAC,CAAC,WAAW;qBACrB,CAAC,CAAA;iBAAA;gBAGJ,YAAM,KAAK,EAAE,eAAe,GAAI,CAC3B,CACR,CAAC;QACJ,CAAC;QAED,GAAG,CAAC,IAAI,CAAC,GACP,iBAAiB,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,MAAM,CAC7D,EAAE,CAAC,CAAC;IACN,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, type VNode, Build, EventEmitter } from '@stencil/core';\r\nimport {\r\n  DragStartEvent,\r\n  CellTemplateProp,\r\n} from '@type';\r\n\r\nimport {\r\n  DRAGGABLE_CLASS,\r\n  DRAG_ICON_CLASS,\r\n  getCellDataParsed,\r\n} from '../../utils';\r\n\r\nimport { isRowDragService } from './column.service';\r\n\r\ninterface RenderProps {\r\n  schemaModel: CellTemplateProp;\r\n  additionalData?: any;\r\n  dragStartCell?: EventEmitter<DragStartEvent>;\r\n}\r\n\r\n\r\nfunction renderCell(v: RenderProps) {\r\n  const els: (VNode | string)[] = [];\r\n\r\n  // #region Custom cell\r\n  const template = v.schemaModel.column?.cellTemplate;\r\n  if (template) {\r\n    els.push(template(h, v.schemaModel, v.additionalData));\r\n  }\r\n  // #endregion\r\n\r\n  // #region Regular cell\r\n  else {\r\n    if (!v.schemaModel.column) {\r\n      // something is wrong with data\r\n      if (Build?.isDev) {\r\n        console.error('Investigate column problem.', v.schemaModel);\r\n      }\r\n      return '';\r\n    }\r\n\r\n    // Row drag\r\n    if (\r\n      v.schemaModel.column.rowDrag &&\r\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\r\n    ) {\r\n      els.push(\r\n        <span\r\n          class={DRAGGABLE_CLASS}\r\n          onMouseDown={originalEvent =>\r\n            v.dragStartCell?.emit({\r\n              originalEvent,\r\n              model: v.schemaModel,\r\n            })\r\n          }\r\n        >\r\n          <span class={DRAG_ICON_CLASS} />\r\n        </span>,\r\n      );\r\n    }\r\n    \r\n    els.push(`${\r\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\r\n    }`);\r\n  }\r\n  return els;\r\n}\r\n\r\nexport const CellRenderer = ({\r\n  renderProps,\r\n  cellProps,\r\n}: {\r\n  renderProps: RenderProps;\r\n  cellProps: any;\r\n}): VNode => {\r\n  const render = renderCell.bind(null, renderProps);\r\n  return (\r\n    <div {...cellProps} redraw={render}>\r\n      {render()}\r\n    </div>\r\n  );\r\n};\r\n"]}