lsp-grid 1.0.0

package/dist/collection/components/vnode/vnode-converter.js

@@ -0,0 +1,84 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { Host, h, } from "@stencil/core";
+/**
+ * VNode to html converter for stencil components.
+ * Transform VNode to html string.
+ */
+/**
+ * @internal
+ */
+export class VNodeToHtml {
+    constructor() {
+        this.redraw = null;
+        this.vnodes = [];
+    }
+    componentDidRender() {
+        this.html.emit({
+            html: this.el.innerHTML,
+            vnodes: this.vnodes,
+        });
+    }
+    render() {
+        var _a, _b;
+        this.vnodes = (_b = (_a = this.redraw) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : null;
+        return (h(Host, { key: '876dfd1055057f479ad39ab99a42464be773e9e6', style: { visibility: 'hidden', position: 'absolute' } }, this.vnodes));
+    }
+    static get is() { return "vnode-html"; }
+    static get properties() {
+        return {
+            "redraw": {
+                "type": "unknown",
+                "attribute": "redraw",
+                "mutable": false,
+                "complexType": {
+                    "original": "(() => VNode[]) | null | undefined",
+                    "resolved": "(() => VNode[]) | null | undefined",
+                    "references": {
+                        "VNode": {
+                            "location": "import",
+                            "path": "@stencil/core",
+                            "id": "node_modules::VNode"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "defaultValue": "null"
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "html",
+                "name": "html",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ html: string; vnodes: (VNode[]) | null }",
+                    "resolved": "{ html: string; vnodes: VNode[] | null; }",
+                    "references": {
+                        "VNode": {
+                            "location": "import",
+                            "path": "@stencil/core",
+                            "id": "node_modules::VNode"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=vnode-converter.js.map

package/dist/collection/components/vnode/vnode-converter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vnode-converter.js","sourceRoot":"","sources":["../../../src/components/vnode/vnode-converter.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,IAAI,EACJ,IAAI,EAEJ,CAAC,GACF,MAAM,eAAe,CAAC;AAEvB;;;GAGG;AACH;;GAEG;AAIH,MAAM,OAAO,WAAW;IAHxB;QAIU,WAAM,GAAuC,IAAI,CAAC;QAIlD,WAAM,GAAmB,EAAE,CAAC;KAmBrC;IAjBC,kBAAkB;QAChB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YACb,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC,SAAS;YACvB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,MAAM,GAAG,MAAA,MAAA,IAAI,CAAC,MAAM,oDAAI,mCAAI,IAAI,CAAC;QACtC,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAEpD,IAAI,CAAC,MAAM,CACP,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\r\n  Component,\r\n  Element,\r\n  Event,\r\n  EventEmitter,\r\n  Host,\r\n  Prop,\r\n  type VNode,\r\n  h,\r\n} from '@stencil/core';\r\n\r\n/**\r\n * VNode to html converter for stencil components.\r\n * Transform VNode to html string.\r\n */\r\n/**\r\n * @internal\r\n */\r\n@Component({\r\n  tag: 'vnode-html',\r\n})\r\nexport class VNodeToHtml {\r\n  @Prop() redraw: (() => VNode[]) | null | undefined = null;\r\n  @Event() html: EventEmitter<{ html: string; vnodes: (VNode[]) | null }>;\r\n  @Element() el: HTMLElement;\r\n\r\n  private vnodes: VNode[] | null = [];\r\n\r\n  componentDidRender() {\r\n    this.html.emit({\r\n      html: this.el.innerHTML,\r\n      vnodes: this.vnodes,\r\n    });\r\n  }\r\n\r\n  render() {\r\n    this.vnodes = this.redraw?.() ?? null;\r\n    return (\r\n      <Host\r\n        style={{ visibility: 'hidden', position: 'absolute' }}\r\n      >\r\n        {this.vnodes}\r\n      </Host>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/vnode/vnode.utils.js

@@ -0,0 +1,18 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Converts a VNode element into an HTML element and appends it to the specified parentHolder.
+ */
+export function convertVNodeToHTML(parentHolder, redraw) {
+    return new Promise(resolve => {
+        const vnode = document.createElement('vnode-html');
+        parentHolder.appendChild(vnode);
+        vnode.redraw = redraw;
+        vnode.addEventListener('html', e => {
+            vnode.remove();
+            resolve(e.detail);
+        });
+    });
+}
+//# sourceMappingURL=vnode.utils.js.map

package/dist/collection/components/vnode/vnode.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vnode.utils.js","sourceRoot":"","sources":["../../../src/components/vnode/vnode.utils.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAAqB,EAAE,MAA+B;IACvF,OAAO,IAAI,OAAO,CAA6C,OAAO,CAAC,EAAE;QACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;QACnD,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAChC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,CAAC,EAAE;YACjC,KAAK,CAAC,MAAM,EAAE,CAAC;YACf,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { type VNode } from '@stencil/core';\r\nimport { type JSX } from '../../components';\r\n\r\n/**\r\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\r\n */\r\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']): Promise<{ html: string; vnodes: (VNode[]) | null }> {\r\n  return new Promise<{ html: string; vnodes: (VNode[]) | null }>(resolve => {\r\n    const vnode = document.createElement('vnode-html');\r\n    parentHolder.appendChild(vnode);\r\n    vnode.redraw = redraw;\r\n    vnode.addEventListener('html', e => {\r\n      vnode.remove();\r\n      resolve(e.detail);\r\n    });\r\n  });\r\n}\r\n"]}

package/dist/collection/global/global.js

@@ -0,0 +1,19 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { setMode } from "@stencil/core";
+import { getTheme } from "../themeManager/theme.service";
+export default function () {
+    setMode(elm => {
+        let theme = elm.theme || elm.getAttribute('theme');
+        if (typeof theme === 'string') {
+            theme = theme.trim();
+        }
+        const parsedTheme = getTheme(theme);
+        if (parsedTheme !== theme) {
+            elm.setAttribute('theme', parsedTheme);
+        }
+        return parsedTheme;
+    });
+}
+//# sourceMappingURL=global.js.map

package/dist/collection/global/global.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"global.js","sourceRoot":"","sources":["../../src/global/global.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,MAAM,CAAC,OAAO;IACZ,OAAO,CAAC,GAAG,CAAC,EAAE;QACZ,IAAI,KAAK,GAAI,GAA2B,CAAC,KAAK,IAAI,GAAG,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QAC5E,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACvB,CAAC;QAED,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;QACpC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACzC,CAAC;QACD,OAAO,WAAW,CAAC;IACrB,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import { setMode } from '@stencil/core';\r\nimport { getTheme } from '../themeManager/theme.service';\r\n\r\nexport default function() {\r\n  setMode(elm => {\r\n    let theme = (elm as HTMLRevoGridElement).theme || elm.getAttribute('theme');\r\n    if (typeof theme === 'string') {\r\n      theme = theme.trim();\r\n    }\r\n\r\n    const parsedTheme = getTheme(theme);\r\n    if (parsedTheme !== theme) {\r\n      elm.setAttribute('theme', parsedTheme);\r\n    }\r\n    return parsedTheme;\r\n  });\r\n}\r\n"]}

package/dist/collection/index.js

@@ -0,0 +1,13 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+export * from './types';
+export * from './store';
+export * from './plugins';
+export * from './components';
+export * from './utils';
+export * from './components/data/cell-renderer';
+export { TextEditor } from './components/editors/text-editor';
+export * from './components/editors/edit.utils';
+export { h } from '@stencil/core';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,CAAC,EAA4B,MAAM,eAAe,CAAC","sourcesContent":["export * from './types';\r\nexport * from './store';\r\nexport * from './plugins';\r\nexport * from './components';\r\nexport * from './utils';\r\nexport * from './components/data/cell-renderer';\r\nexport { TextEditor } from './components/editors/text-editor';\r\nexport * from './components/editors/edit.utils';\r\nexport { h, type FunctionalComponent } from '@stencil/core';\r\n"]}

package/dist/collection/plugins/add-rows-on-paste.plugin.js

@@ -0,0 +1,40 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { BasePlugin } from "./base.plugin";
+/**
+ * Automatically adds new rows when pasted data is larger than current rows
+ * @event newRows - is triggered when new rows are added. Data of new rows can be filled with default values. If the event is prevented, no rows will be added
+ */
+export class AutoAddRowsPlugin extends BasePlugin {
+    constructor(revogrid, providers) {
+        super(revogrid, providers);
+        this.addEventListener('beforepasteapply', evt => this.handleBeforePasteApply(evt));
+    }
+    handleBeforePasteApply(event) {
+        const start = this.providers.selection.focused;
+        const isEditing = this.providers.selection.edit != null;
+        if (!start || isEditing) {
+            return;
+        }
+        const rowLength = this.providers.data.stores.rgRow.store.get('items').length;
+        const endRow = start.y + event.detail.parsed.length;
+        if (rowLength < endRow) {
+            const count = endRow - rowLength;
+            const newRows = Array.from({ length: count }, (_, i) => ({
+                index: rowLength + i,
+                data: {},
+            }));
+            const event = this.emit('newRows', { newRows: newRows });
+            if (event.defaultPrevented) {
+                return;
+            }
+            const items = [
+                ...this.providers.data.stores.rgRow.store.get('source'),
+                ...event.detail.newRows.map(j => j.data),
+            ];
+            this.providers.data.setData(items);
+        }
+    }
+}
+//# sourceMappingURL=add-rows-on-paste.plugin.js.map

package/dist/collection/plugins/add-rows-on-paste.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-rows-on-paste.plugin.js","sourceRoot":"","sources":["../../src/plugins/add-rows-on-paste.plugin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,UAAU;IAC/C,YAAY,QAA6B,EAAE,SAA0B;QACnE,KAAK,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;QAC3B,IAAI,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,GAAG,CAAC,EAAE,CAC9C,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,CACjC,CAAC;IACJ,CAAC;IAED,sBAAsB,CACpB,KAIE;QAEF,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC;QAC/C,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC;QAExD,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,SAAS,GACb,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QAE7D,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC;QAEpD,IAAI,SAAS,GAAG,MAAM,EAAE,CAAC;YACvB,MAAM,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;YACjC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;gBACvD,KAAK,EAAE,SAAS,GAAG,CAAC;gBACpB,IAAI,EAAE,EAAE;aACT,CAAC,CAAC,CAAC;YAEJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;YAEzD,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBAC3B,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAAG;gBACZ,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;gBACvD,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;aACzC,CAAC;YAEF,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;CACF","sourcesContent":["import type { PluginProviders } from '../types/plugin.types';\r\nimport { BasePlugin } from './base.plugin';\r\n\r\n/**\r\n * Automatically adds new rows when pasted data is larger than current rows\r\n * @event newRows - is triggered when new rows are added. Data of new rows can be filled with default values. If the event is prevented, no rows will be added\r\n */\r\nexport class AutoAddRowsPlugin extends BasePlugin {\r\n  constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders) {\r\n    super(revogrid, providers);\r\n    this.addEventListener('beforepasteapply', evt =>\r\n      this.handleBeforePasteApply(evt),\r\n    );\r\n  }\r\n\r\n  handleBeforePasteApply(\r\n    event: CustomEvent<{\r\n      raw: string;\r\n      parsed: string[][];\r\n      event: ClipboardEvent;\r\n    }>,\r\n  ) {\r\n    const start = this.providers.selection.focused;\r\n    const isEditing = this.providers.selection.edit != null;\r\n\r\n    if (!start || isEditing) {\r\n      return;\r\n    }\r\n\r\n    const rowLength =\r\n      this.providers.data.stores.rgRow.store.get('items').length;\r\n\r\n    const endRow = start.y + event.detail.parsed.length;\r\n\r\n    if (rowLength < endRow) {\r\n      const count = endRow - rowLength;\r\n      const newRows = Array.from({ length: count }, (_, i) => ({\r\n        index: rowLength + i,\r\n        data: {},\r\n      }));\r\n\r\n      const event = this.emit('newRows', { newRows: newRows });\r\n\r\n      if (event.defaultPrevented) {\r\n        return;\r\n      }\r\n\r\n      const items = [\r\n        ...this.providers.data.stores.rgRow.store.get('source'),\r\n        ...event.detail.newRows.map(j => j.data),\r\n      ];\r\n\r\n      this.providers.data.setData(items);\r\n    }\r\n  }\r\n}\r\n"]}

package/dist/collection/plugins/base.plugin.js

@@ -0,0 +1,90 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h } from "@stencil/core";
+/**
+ * Base layer for plugins
+ * Provide minimal starting core for plugins to work
+ * Extend this class to create plugin
+ */
+export class BasePlugin {
+    constructor(revogrid, providers) {
+        this.revogrid = revogrid;
+        this.providers = providers;
+        this.h = h;
+        this.subscriptions = {};
+    }
+    /**
+     *
+     * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')
+     * @param callback - callback function for event
+     */
+    addEventListener(eventName, callback) {
+        this.revogrid.addEventListener(eventName, callback);
+        this.subscriptions[eventName] = callback;
+    }
+    /**
+     * Subscribe to property change in revo-grid component
+     * You can return false in callback to prevent default value set
+     *
+     * @param prop - property name
+     * @param callback - callback function
+     * @param immediate - trigger callback immediately with current value
+     */
+    watch(prop, callback, { immediate } = { immediate: false }) {
+        const nativeValueDesc = Object.getOwnPropertyDescriptor(this.revogrid, prop) ||
+            Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);
+        // Overwrite property descriptor for this instance
+        Object.defineProperty(this.revogrid, prop, {
+            set(val) {
+                var _a;
+                const keepDefault = callback(val);
+                if (keepDefault === false) {
+                    return;
+                }
+                // Continue with native behavior
+                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.set) === null || _a === void 0 ? void 0 : _a.call(this, val);
+            },
+            get() {
+                var _a;
+                // Continue with native behavior
+                return (_a = nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.get) === null || _a === void 0 ? void 0 : _a.call(this);
+            },
+        });
+        if (immediate) {
+            callback(nativeValueDesc === null || nativeValueDesc === void 0 ? void 0 : nativeValueDesc.value);
+        }
+    }
+    /**
+     * Remove event listener
+     * @param eventName
+     */
+    removeEventListener(eventName) {
+        this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);
+        delete this.subscriptions[eventName];
+    }
+    /**
+     * Emit event from revo-grid component
+     * Event can be cancelled by calling event.preventDefault() in callback
+     */
+    emit(eventName, detail) {
+        const event = new CustomEvent(eventName, { detail, cancelable: true });
+        this.revogrid.dispatchEvent(event);
+        return event;
+    }
+    /**
+     * Clear all subscriptions
+     */
+    clearSubscriptions() {
+        for (let type in this.subscriptions) {
+            this.removeEventListener(type);
+        }
+    }
+    /**
+     * Destroy plugin and clear all subscriptions
+     */
+    destroy() {
+        this.clearSubscriptions();
+    }
+}
+//# sourceMappingURL=base.plugin.js.map

package/dist/collection/plugins/base.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.plugin.js","sourceRoot":"","sources":["../../src/plugins/base.plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMlC;;;;GAIG;AACH,MAAM,OAAO,UAAU;IAGrB,YAAmB,QAA6B,EAAS,SAA0B;QAAhE,aAAQ,GAAR,QAAQ,CAAqB;QAAS,cAAS,GAAT,SAAS,CAAiB;QAF1E,MAAC,GAAG,CAAC,CAAC;QACN,kBAAa,GAA6C,EAAE,CAAC;IACgB,CAAC;IACvF;;;;OAIG;IACH,gBAAgB,CACd,SAAY,EACZ,QAAoF;QAEpF,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,SAAmB,EAAE,QAAQ,CAAC,CAAC;QAC9D,IAAI,CAAC,aAAa,CAAC,SAAmB,CAAC,GAAG,QAAQ,CAAC;IACrD,CAAC;IAED;;;;;;;OAOG;IACH,KAAK,CACH,IAAY,EACZ,QAAoC,EACpC,EAAE,SAAS,KAA2B,EAAE,SAAS,EAAE,KAAK,EAAE;QAE1D,MAAM,eAAe,GACnB,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;YACpD,MAAM,CAAC,wBAAwB,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAE7E,kDAAkD;QAClD,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE;YACzC,GAAG,CAAC,GAAM;;gBACR,MAAM,WAAW,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;gBAClC,IAAI,WAAW,KAAK,KAAK,EAAE,CAAC;oBAC1B,OAAO;gBACT,CAAC;gBACD,gCAAgC;gBAChC,OAAO,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,0CAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;YAC/C,CAAC;YACD,GAAG;;gBACD,gCAAgC;gBAChC,OAAO,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,GAAG,0CAAE,IAAI,CAAC,IAAI,CAAC,CAAC;YAC1C,CAAC;SACF,CAAC,CAAC;QACH,IAAI,SAAS,EAAE,CAAC;YACd,QAAQ,CAAC,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED;;;OAGG;IACH,mBAAmB,CAAC,SAAiB;QACnC,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC;QAC5E,OAAO,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;IAED;;;OAGG;IACH,IAAI,CAAU,SAAiB,EAAE,MAAU;QACzC,MAAM,KAAK,GAAG,IAAI,WAAW,CAAI,SAAS,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1E,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC;IAED;;OAEG;IACH,kBAAkB;QAChB,KAAK,IAAI,IAAI,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;YACpC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC;IAED;;OAEG;IACH,OAAO;QACL,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;CACF","sourcesContent":["import { h } from '@stencil/core';\r\nimport type { PluginProviders, PluginBaseComponent } from '../types';\r\n\r\n\r\nexport type WatchConfig = { immediate: boolean };\r\n\r\n/**\r\n * Base layer for plugins\r\n * Provide minimal starting core for plugins to work\r\n * Extend this class to create plugin\r\n */\r\nexport class BasePlugin implements PluginBaseComponent {\r\n  readonly h = h;\r\n  readonly subscriptions: Record<string, (...args: any[]) => void> = {};\r\n  constructor(public revogrid: HTMLRevoGridElement, public providers: PluginProviders) {}\r\n  /**\r\n   *\r\n   * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')\r\n   * @param callback - callback function for event\r\n   */\r\n  addEventListener<K extends keyof HTMLRevoGridElementEventMap>(\r\n    eventName: K,\r\n    callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void,\r\n  ) {\r\n    this.revogrid.addEventListener(eventName as string, callback);\r\n    this.subscriptions[eventName as string] = callback;\r\n  }\r\n\r\n  /**\r\n   * Subscribe to property change in revo-grid component\r\n   * You can return false in callback to prevent default value set\r\n   *\r\n   * @param prop - property name\r\n   * @param callback - callback function\r\n   * @param immediate - trigger callback immediately with current value\r\n   */\r\n  watch<T extends any>(\r\n    prop: string,\r\n    callback: (arg: T) => boolean | void,\r\n    { immediate }: Partial<WatchConfig> = { immediate: false },\r\n  ) {\r\n    const nativeValueDesc =\r\n      Object.getOwnPropertyDescriptor(this.revogrid, prop) ||\r\n      Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);\r\n\r\n    // Overwrite property descriptor for this instance\r\n    Object.defineProperty(this.revogrid, prop, {\r\n      set(val: T) {\r\n        const keepDefault = callback(val);\r\n        if (keepDefault === false) {\r\n          return;\r\n        }\r\n        // Continue with native behavior\r\n        return nativeValueDesc?.set?.call(this, val);\r\n      },\r\n      get() {\r\n        // Continue with native behavior\r\n        return nativeValueDesc?.get?.call(this);\r\n      },\r\n    });\r\n    if (immediate) {\r\n      callback(nativeValueDesc?.value);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Remove event listener\r\n   * @param eventName\r\n   */\r\n  removeEventListener(eventName: string) {\r\n    this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);\r\n    delete this.subscriptions[eventName];\r\n  }\r\n\r\n  /**\r\n   * Emit event from revo-grid component\r\n   * Event can be cancelled by calling event.preventDefault() in callback\r\n   */\r\n  emit<T = any>(eventName: string, detail?: T) {\r\n    const event = new CustomEvent<T>(eventName, { detail, cancelable: true });\r\n    this.revogrid.dispatchEvent(event);\r\n    return event;\r\n  }\r\n\r\n  /**\r\n   * Clear all subscriptions\r\n   */\r\n  clearSubscriptions() {\r\n    for (let type in this.subscriptions) {\r\n      this.removeEventListener(type);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Destroy plugin and clear all subscriptions\r\n   */\r\n  destroy() {\r\n    this.clearSubscriptions();\r\n  }\r\n}\r\n\r\nexport type GridPlugin = (typeof BasePlugin);\r\n"]}

package/dist/collection/plugins/column.auto-size.plugin.js

@@ -0,0 +1,225 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+/**
+ * Plugin module for revo-grid grid system
+ * Add support for automatic column resize
+ */
+import each from "lodash/each";
+import reduce from "lodash/reduce";
+import { BasePlugin } from "./base.plugin";
+import { getSourceItem, columnTypes } from "../store/index";
+import { getColumnType } from "../utils/column.utils";
+const LETTER_BLOCK_SIZE = 7;
+export class AutoSizeColumnPlugin extends BasePlugin {
+    constructor(revogrid, providers, config) {
+        super(revogrid, providers);
+        this.providers = providers;
+        this.config = config;
+        this.autoSizeColumns = null;
+        /** for edge case when no columns defined before data */
+        this.dataResolve = null;
+        this.dataReject = null;
+        this.letterBlockSize = (config === null || config === void 0 ? void 0 : config.letterBlockSize) || LETTER_BLOCK_SIZE;
+        // create test container to check text width
+        if (config === null || config === void 0 ? void 0 : config.preciseSize) {
+            this.precsizeCalculationArea = this.initiatePresizeElement();
+            revogrid.appendChild(this.precsizeCalculationArea);
+        }
+        const aftersourceset = ({ detail: { source }, }) => {
+            this.setSource(source);
+        };
+        const beforecolumnsset = ({ detail: { columns }, }) => {
+            this.columnSet(columns);
+        };
+        this.addEventListener('beforecolumnsset', beforecolumnsset);
+        switch (config === null || config === void 0 ? void 0 : config.mode) {
+            case "autoSizeOnTextOverlap" /* ColumnAutoSizeMode.autoSizeOnTextOverlap */:
+                this.addEventListener('aftersourceset', aftersourceset);
+                this.addEventListener('afteredit', ({ detail }) => {
+                    this.afteredit(detail);
+                });
+                break;
+            case "autoSizeAll" /* ColumnAutoSizeMode.autoSizeAll */:
+                this.addEventListener('aftersourceset', aftersourceset);
+                this.addEventListener('afteredit', ({ detail }) => {
+                    this.afterEditAll(detail);
+                });
+                break;
+            default:
+                this.addEventListener('headerdblclick', ({ detail }) => {
+                    const type = getColumnType(detail.column);
+                    const size = this.getColumnSize(detail.index, type);
+                    if (size) {
+                        this.providers.dimension.setCustomSizes(type, {
+                            [detail.index]: size,
+                        }, true);
+                    }
+                });
+                break;
+        }
+    }
+    async setSource(source) {
+        let autoSize = this.autoSizeColumns;
+        if (this.dataReject) {
+            this.dataReject();
+            this.clearPromise();
+        }
+        /** If data set first and no column provided await until get one */
+        if (!autoSize) {
+            const request = new Promise((resolve, reject) => {
+                this.dataResolve = resolve;
+                this.dataReject = reject;
+            });
+            try {
+                autoSize = await request;
+            }
+            catch (e) {
+                return;
+            }
+        }
+        // calculate sizes
+        each(autoSize, (_v, type) => {
+            const sizes = {};
+            each(autoSize[type], rgCol => {
+                // calculate size
+                rgCol.size = sizes[rgCol.index] = source.reduce((prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])), this.getLength(rgCol.name || ''));
+            });
+            this.providers.dimension.setCustomSizes(type, sizes, true);
+        });
+    }
+    getLength(len) {
+        var _a;
+        const padding = 15;
+        if (!len) {
+            return 0;
+        }
+        try {
+            const str = len.toString();
+            /**if exact calculation required proxy with html element, slow operation */
+            if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.preciseSize) {
+                this.precsizeCalculationArea.innerText = str;
+                return this.precsizeCalculationArea.scrollWidth + padding * 2;
+            }
+            return str.length * this.letterBlockSize + padding * 2;
+        }
+        catch (e) {
+            return 0;
+        }
+    }
+    afteredit(e) {
+        let data;
+        if (this.isRangeEdit(e)) {
+            data = e.data;
+        }
+        else {
+            data = { 0: { [e.prop]: e.val } };
+        }
+        each(this.autoSizeColumns, (columns, type) => {
+            const sizes = {};
+            each(columns, rgCol => {
+                var _a;
+                // calculate size
+                const size = reduce(data, (prev, rgRow) => {
+                    if (typeof rgRow[rgCol.prop] === 'undefined') {
+                        return prev;
+                    }
+                    return Math.max(prev || 0, this.getLength(rgRow[rgCol.prop]));
+                }, undefined);
+                if (size && ((_a = rgCol.size) !== null && _a !== void 0 ? _a : 0) < size) {
+                    rgCol.size = sizes[rgCol.index] = size;
+                }
+            });
+            this.providers.dimension.setCustomSizes(type, sizes, true);
+        });
+    }
+    afterEditAll(e) {
+        const props = {};
+        if (this.isRangeEdit(e)) {
+            each(e.data, r => each(r, (_v, p) => (props[p] = true)));
+        }
+        else {
+            props[e.prop] = true;
+        }
+        each(this.autoSizeColumns, (columns, type) => {
+            const sizes = {};
+            each(columns, rgCol => {
+                if (props[rgCol.prop]) {
+                    const size = this.getColumnSize(rgCol.index, type);
+                    if (size) {
+                        sizes[rgCol.index] = size;
+                    }
+                }
+            });
+            this.providers.dimension.setCustomSizes(type, sizes, true);
+        });
+    }
+    getColumnSize(index, type) {
+        var _a, _b;
+        const rgCol = (_b = (_a = this.autoSizeColumns) === null || _a === void 0 ? void 0 : _a[type]) === null || _b === void 0 ? void 0 : _b[index];
+        if (!rgCol) {
+            return 0;
+        }
+        return reduce(this.providers.data.stores, (r, s) => {
+            const perStore = reduce(s.store.get('items'), (prev, _row, i) => {
+                const item = getSourceItem(s.store, i);
+                return Math.max(prev || 0, this.getLength(item === null || item === void 0 ? void 0 : item[rgCol.prop]));
+            }, 0);
+            return Math.max(r, perStore);
+        }, rgCol.size || 0);
+    }
+    columnSet(columns) {
+        var _a;
+        for (let t of columnTypes) {
+            const type = t;
+            const cols = columns[type];
+            for (let i in cols) {
+                if (cols[i].autoSize || ((_a = this.config) === null || _a === void 0 ? void 0 : _a.allColumns)) {
+                    if (!this.autoSizeColumns) {
+                        this.autoSizeColumns = {};
+                    }
+                    if (!this.autoSizeColumns[type]) {
+                        this.autoSizeColumns[type] = {};
+                    }
+                    this.autoSizeColumns[type][i] = Object.assign(Object.assign({}, cols[i]), { index: parseInt(i, 10) });
+                }
+            }
+        }
+        if (this.dataResolve) {
+            this.dataResolve(this.autoSizeColumns || {});
+            this.clearPromise();
+        }
+    }
+    clearPromise() {
+        this.dataResolve = null;
+        this.dataReject = null;
+    }
+    isRangeEdit(e) {
+        return !!e.data;
+    }
+    initiatePresizeElement() {
+        var _a;
+        const styleForFontTest = {
+            position: 'absolute',
+            fontSize: '14px',
+            height: '0',
+            width: '0',
+            whiteSpace: 'nowrap',
+            top: '0',
+            overflowX: 'scroll',
+            display: 'block',
+        };
+        const el = document.createElement('div');
+        for (let s in styleForFontTest) {
+            el.style[s] = (_a = styleForFontTest[s]) !== null && _a !== void 0 ? _a : '';
+        }
+        el.classList.add('revo-test-container');
+        return el;
+    }
+    destroy() {
+        var _a;
+        super.destroy();
+        (_a = this.precsizeCalculationArea) === null || _a === void 0 ? void 0 : _a.remove();
+    }
+}
+//# sourceMappingURL=column.auto-size.plugin.js.map

package/dist/collection/plugins/column.auto-size.plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.auto-size.plugin.js","sourceRoot":"","sources":["../../src/plugins/column.auto-size.plugin.ts"],"names":[],"mappings":"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","sourcesContent":["/**\r\n * Plugin module for revo-grid grid system\r\n * Add support for automatic column resize\r\n */\r\nimport each from 'lodash/each';\r\nimport reduce from 'lodash/reduce';\r\n\r\nimport { BasePlugin } from './base.plugin';\r\nimport { getSourceItem, columnTypes } from '@store';\r\nimport type {\r\n  DimensionCols,\r\n  DimensionRows,\r\n  ColumnRegular,\r\n  DataType,\r\n  InitialHeaderClick,\r\n  ViewSettingSizeProp,\r\n  BeforeSaveDataDetails,\r\n  BeforeRangeSaveDataDetails,\r\n  PluginProviders,\r\n} from '@type';\r\nimport { ColumnCollection, getColumnType } from '../utils/column.utils';\r\n\r\ninterface Column extends ColumnRegular {\r\n  index: number;\r\n}\r\n\r\ntype AutoSizeColumns = Record<DimensionCols, ColumnRecords>;\r\ntype ColumnRecords = Record<any, Column>;\r\ntype SourceSetEvent = { type: DimensionRows; source: DataType[] };\r\ntype EditEvent = BeforeSaveDataDetails | BeforeRangeSaveDataDetails;\r\ntype Resolve = (cols: Partial<AutoSizeColumns>) => void;\r\ntype Reject = () => void;\r\n\r\nexport type AutoSizeColumnConfig = {\r\n  // ui behavior mode\r\n  mode?: ColumnAutoSizeMode;\r\n  /**\r\n   * autoSize for all columns\r\n   * if allColumnes true all columns treated as autoSize, worse for performance\r\n   * false by default\r\n   */\r\n  allColumns?: boolean;\r\n  /**\r\n   * assumption per characted size\r\n   * by default defined as 8, can be changed in this config\r\n   */\r\n  letterBlockSize?: number;\r\n  /** make size calculation exact\r\n   * by default it based on assumption each character takes some space defined in letterBlockSize */\r\n  preciseSize?: boolean;\r\n};\r\n\r\nconst LETTER_BLOCK_SIZE = 7;\r\n\r\nexport const enum ColumnAutoSizeMode {\r\n  // increases column width on header click according the largest text value\r\n  headerClickAutosize = 'headerClickAutoSize',\r\n  // increases column width on data set and text edit, decreases performance\r\n  autoSizeOnTextOverlap = 'autoSizeOnTextOverlap',\r\n  // increases and decreases column width based on all items sizes, worst for performance\r\n  autoSizeAll = 'autoSizeAll',\r\n}\r\n\r\nexport class AutoSizeColumnPlugin extends BasePlugin {\r\n  autoSizeColumns: Partial<AutoSizeColumns> | null = null;\r\n  readonly letterBlockSize: number;\r\n\r\n  /** for config option when preciseSize enabled */\r\n  readonly precsizeCalculationArea: HTMLElement;\r\n\r\n  /** for edge case when no columns defined before data */\r\n  dataResolve: Resolve | null = null;\r\n  dataReject: Reject | null = null;\r\n\r\n  constructor(\r\n    revogrid: HTMLRevoGridElement,\r\n    public providers: PluginProviders,\r\n    public config?: AutoSizeColumnConfig,\r\n  ) {\r\n    super(revogrid, providers);\r\n    this.letterBlockSize = config?.letterBlockSize || LETTER_BLOCK_SIZE;\r\n\r\n    // create test container to check text width\r\n    if (config?.preciseSize) {\r\n      this.precsizeCalculationArea = this.initiatePresizeElement();\r\n      revogrid.appendChild(this.precsizeCalculationArea);\r\n    }\r\n\r\n    const aftersourceset = ({\r\n      detail: { source },\r\n    }: CustomEvent<SourceSetEvent>) => {\r\n      this.setSource(source);\r\n    };\r\n    const beforecolumnsset = ({\r\n      detail: { columns },\r\n    }: CustomEvent<ColumnCollection>) => {\r\n      this.columnSet(columns);\r\n    };\r\n    this.addEventListener('beforecolumnsset', beforecolumnsset);\r\n    switch (config?.mode) {\r\n      case ColumnAutoSizeMode.autoSizeOnTextOverlap:\r\n        this.addEventListener('aftersourceset', aftersourceset);\r\n        this.addEventListener('afteredit',  ({ detail }: CustomEvent<EditEvent>) => {\r\n          this.afteredit(detail);\r\n        });\r\n        break;\r\n      case ColumnAutoSizeMode.autoSizeAll:\r\n        this.addEventListener('aftersourceset', aftersourceset);\r\n        this.addEventListener('afteredit', ({ detail }) => {\r\n          this.afterEditAll(detail);\r\n        });\r\n        break;\r\n      default:\r\n        this.addEventListener('headerdblclick', ({ detail }: CustomEvent<InitialHeaderClick>) => {\r\n          const type = getColumnType(detail.column);\r\n          const size = this.getColumnSize(detail.index, type);\r\n          if (size) {\r\n            this.providers.dimension.setCustomSizes(\r\n              type,\r\n              {\r\n                [detail.index]: size,\r\n              },\r\n              true,\r\n            );\r\n          }\r\n        });\r\n        break;\r\n    }\r\n  }\r\n\r\n  async setSource(source: DataType[]): Promise<void> {\r\n    let autoSize = this.autoSizeColumns;\r\n    if (this.dataReject) {\r\n      this.dataReject();\r\n      this.clearPromise();\r\n    }\r\n\r\n    /** If data set first and no column provided await until get one */\r\n    if (!autoSize) {\r\n      const request = new Promise((resolve: Resolve, reject: Reject) => {\r\n        this.dataResolve = resolve;\r\n        this.dataReject = reject;\r\n      });\r\n      try {\r\n        autoSize = await request;\r\n      } catch (e) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    // calculate sizes\r\n    each(autoSize, (_v, type: DimensionCols) => {\r\n      const sizes: ViewSettingSizeProp = {};\r\n      each(autoSize[type], rgCol => {\r\n        // calculate size\r\n        rgCol.size = sizes[rgCol.index] = source.reduce(\r\n          (prev, rgRow) => Math.max(prev, this.getLength(rgRow[rgCol.prop])),\r\n          this.getLength(rgCol.name || ''),\r\n        );\r\n      });\r\n      this.providers.dimension.setCustomSizes(type, sizes, true);\r\n    });\r\n  }\r\n\r\n  getLength(len?: any): number {\r\n    const padding = 15;\r\n    if (!len) {\r\n      return 0;\r\n    }\r\n    try {\r\n      const str = len.toString();\r\n\r\n      /**if exact calculation required proxy with html element, slow operation */\r\n      if (this.config?.preciseSize) {\r\n        this.precsizeCalculationArea.innerText = str;\r\n        return this.precsizeCalculationArea.scrollWidth + padding * 2;\r\n      }\r\n      return str.length * this.letterBlockSize + padding * 2;\r\n    } catch (e) {\r\n      return 0;\r\n    }\r\n  }\r\n\r\n  afteredit(e: EditEvent) {\r\n    let data: Record<string, DataType>;\r\n    if (this.isRangeEdit(e)) {\r\n      data = e.data;\r\n    } else {\r\n      data = { 0: { [e.prop]: e.val } };\r\n    }\r\n    each(this.autoSizeColumns, (columns, type: DimensionCols) => {\r\n      const sizes: ViewSettingSizeProp = {};\r\n\r\n      each(columns, rgCol => {\r\n        // calculate size\r\n        const size = reduce(\r\n          data,\r\n          (prev: number | undefined, rgRow) => {\r\n            if (typeof rgRow[rgCol.prop] === 'undefined') {\r\n              return prev;\r\n            }\r\n            return Math.max(prev || 0, this.getLength(rgRow[rgCol.prop]));\r\n          },\r\n          undefined,\r\n        );\r\n\r\n        if (size && (rgCol.size ?? 0) < size) {\r\n          rgCol.size = sizes[rgCol.index] = size;\r\n        }\r\n      });\r\n\r\n      this.providers.dimension.setCustomSizes(type, sizes, true);\r\n    });\r\n  }\r\n\r\n  afterEditAll(e: EditEvent) {\r\n    const props: Record<any, true> = {};\r\n    if (this.isRangeEdit(e)) {\r\n      each(e.data, r => each(r, (_v, p) => (props[p] = true)));\r\n    } else {\r\n      props[e.prop] = true;\r\n    }\r\n    each(this.autoSizeColumns, (columns, type: DimensionCols) => {\r\n      const sizes: ViewSettingSizeProp = {};\r\n\r\n      each(columns, rgCol => {\r\n        if (props[rgCol.prop]) {\r\n          const size = this.getColumnSize(rgCol.index, type);\r\n          if (size) {\r\n            sizes[rgCol.index] = size;\r\n          }\r\n        }\r\n      });\r\n      this.providers.dimension.setCustomSizes(type, sizes, true);\r\n    });\r\n  }\r\n\r\n  getColumnSize(index: number, type: DimensionCols): number {\r\n    const rgCol = this.autoSizeColumns?.[type]?.[index];\r\n    if (!rgCol) {\r\n      return 0;\r\n    }\r\n    return reduce(\r\n      this.providers.data.stores,\r\n      (r, s) => {\r\n        const perStore = reduce(\r\n          s.store.get('items'),\r\n          (prev, _row, i) => {\r\n            const item = getSourceItem(s.store, i);\r\n            return Math.max(prev || 0, this.getLength(item?.[rgCol.prop]));\r\n          },\r\n          0,\r\n        );\r\n        return Math.max(r, perStore);\r\n      },\r\n      rgCol.size || 0,\r\n    );\r\n  }\r\n\r\n  columnSet(columns: Record<DimensionCols, ColumnRegular[]>) {\r\n    for (let t of columnTypes) {\r\n      const type = t as DimensionCols;\r\n      const cols = columns[type];\r\n\r\n      for (let i in cols) {\r\n        if (cols[i].autoSize || this.config?.allColumns) {\r\n          if (!this.autoSizeColumns) {\r\n            this.autoSizeColumns = {};\r\n          }\r\n          if (!this.autoSizeColumns[type]) {\r\n            this.autoSizeColumns[type] = {};\r\n          }\r\n          this.autoSizeColumns[type][i] = {\r\n            ...cols[i],\r\n            index: parseInt(i, 10),\r\n          };\r\n        }\r\n      }\r\n    }\r\n\r\n    if (this.dataResolve) {\r\n      this.dataResolve(this.autoSizeColumns || {});\r\n      this.clearPromise();\r\n    }\r\n  }\r\n\r\n  clearPromise() {\r\n    this.dataResolve = null;\r\n    this.dataReject = null;\r\n  }\r\n\r\n  isRangeEdit(e: EditEvent): e is BeforeRangeSaveDataDetails {\r\n    return !!(e as BeforeRangeSaveDataDetails).data;\r\n  }\r\n\r\n  initiatePresizeElement(): HTMLElement {\r\n    const styleForFontTest: Partial<CSSStyleDeclaration> = {\r\n      position: 'absolute',\r\n      fontSize: '14px',\r\n      height: '0',\r\n      width: '0',\r\n      whiteSpace: 'nowrap',\r\n      top: '0',\r\n      overflowX: 'scroll',\r\n      display: 'block',\r\n    };\r\n\r\n    const el = document.createElement('div');\r\n    for (let s in styleForFontTest) {\r\n      el.style[s] = styleForFontTest[s] ?? '';\r\n    }\r\n    el.classList.add('revo-test-container');\r\n    return el;\r\n  }\r\n\r\n  destroy() {\r\n    super.destroy();\r\n    this.precsizeCalculationArea?.remove();\r\n  }\r\n}\r\n"]}