balala-revogrid 1.0.0

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

@@ -0,0 +1,84 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+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: '98c8d309598d95565d6ac18f2458e81ec66db396', 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 {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  type VNode,\n  h,\n} from '@stencil/core';\n\n/**\n * VNode to html converter for stencil components.\n * Transform VNode to html string.\n */\n/**\n * @internal\n */\n@Component({\n  tag: 'vnode-html',\n})\nexport class VNodeToHtml {\n  @Prop() redraw: (() => VNode[]) | null | undefined = null;\n  @Event() html: EventEmitter<{ html: string; vnodes: (VNode[]) | null }>;\n  @Element() el: HTMLElement;\n\n  private vnodes: VNode[] | null = [];\n\n  componentDidRender() {\n    this.html.emit({\n      html: this.el.innerHTML,\n      vnodes: this.vnodes,\n    });\n  }\n\n  render() {\n    this.vnodes = this.redraw?.() ?? null;\n    return (\n      <Host\n        style={{ visibility: 'hidden', position: 'absolute' }}\n      >\n        {this.vnodes}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,18 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+/**
+ * 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';\nimport { type JSX } from '../../components';\n\n/**\n * Converts a VNode element into an HTML element and appends it to the specified parentHolder.\n */\nexport function convertVNodeToHTML(parentHolder: Element, redraw: JSX.VnodeHtml['redraw']): Promise<{ html: string; vnodes: (VNode[]) | null }> {\n  return new Promise<{ html: string; vnodes: (VNode[]) | null }>(resolve => {\n    const vnode = document.createElement('vnode-html');\n    parentHolder.appendChild(vnode);\n    vnode.redraw = redraw;\n    vnode.addEventListener('html', e => {\n      vnode.remove();\n      resolve(e.detail);\n    });\n  });\n}\n"]}

package/dist/collection/global/global.js

@@ -0,0 +1,19 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+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';\nimport { getTheme } from '../themeManager/theme.service';\n\nexport default function() {\n  setMode(elm => {\n    let theme = (elm as HTMLRevoGridElement).theme || elm.getAttribute('theme');\n    if (typeof theme === 'string') {\n      theme = theme.trim();\n    }\n\n    const parsedTheme = getTheme(theme);\n    if (parsedTheme !== theme) {\n      elm.setAttribute('theme', parsedTheme);\n    }\n    return parsedTheme;\n  });\n}\n"]}

package/dist/collection/index.js

@@ -0,0 +1,13 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+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';\nexport * from './store';\nexport * from './plugins';\nexport * from './components';\nexport * from './utils';\nexport * from './components/data/cell-renderer';\nexport { TextEditor } from './components/editors/text-editor';\nexport * from './components/editors/edit.utils';\nexport { h, type FunctionalComponent } from '@stencil/core';\n"]}

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

@@ -0,0 +1,40 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+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';\nimport { BasePlugin } from './base.plugin';\n\n/**\n * Automatically adds new rows when pasted data is larger than current rows\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\n */\nexport class AutoAddRowsPlugin extends BasePlugin {\n  constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders) {\n    super(revogrid, providers);\n    this.addEventListener('beforepasteapply', evt =>\n      this.handleBeforePasteApply(evt),\n    );\n  }\n\n  handleBeforePasteApply(\n    event: CustomEvent<{\n      raw: string;\n      parsed: string[][];\n      event: ClipboardEvent;\n    }>,\n  ) {\n    const start = this.providers.selection.focused;\n    const isEditing = this.providers.selection.edit != null;\n\n    if (!start || isEditing) {\n      return;\n    }\n\n    const rowLength =\n      this.providers.data.stores.rgRow.store.get('items').length;\n\n    const endRow = start.y + event.detail.parsed.length;\n\n    if (rowLength < endRow) {\n      const count = endRow - rowLength;\n      const newRows = Array.from({ length: count }, (_, i) => ({\n        index: rowLength + i,\n        data: {},\n      }));\n\n      const event = this.emit('newRows', { newRows: newRows });\n\n      if (event.defaultPrevented) {\n        return;\n      }\n\n      const items = [\n        ...this.providers.data.stores.rgRow.store.get('source'),\n        ...event.detail.newRows.map(j => j.data),\n      ];\n\n      this.providers.data.setData(items);\n    }\n  }\n}\n"]}

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

@@ -0,0 +1,90 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+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';\nimport type { PluginProviders, PluginBaseComponent } from '../types';\n\n\nexport type WatchConfig = { immediate: boolean };\n\n/**\n * Base layer for plugins\n * Provide minimal starting core for plugins to work\n * Extend this class to create plugin\n */\nexport class BasePlugin implements PluginBaseComponent {\n  readonly h = h;\n  readonly subscriptions: Record<string, (...args: any[]) => void> = {};\n  constructor(public revogrid: HTMLRevoGridElement, public providers: PluginProviders) {}\n  /**\n   *\n   * @param eventName - event name to subscribe to in revo-grid component (e.g. 'beforeheaderclick')\n   * @param callback - callback function for event\n   */\n  addEventListener<K extends keyof HTMLRevoGridElementEventMap>(\n    eventName: K,\n    callback: (this: BasePlugin, e: CustomEvent<HTMLRevoGridElementEventMap[K]>) => void,\n  ) {\n    this.revogrid.addEventListener(eventName as string, callback);\n    this.subscriptions[eventName as string] = callback;\n  }\n\n  /**\n   * Subscribe to property change in revo-grid component\n   * You can return false in callback to prevent default value set\n   *\n   * @param prop - property name\n   * @param callback - callback function\n   * @param immediate - trigger callback immediately with current value\n   */\n  watch<T extends any>(\n    prop: string,\n    callback: (arg: T) => boolean | void,\n    { immediate }: Partial<WatchConfig> = { immediate: false },\n  ) {\n    const nativeValueDesc =\n      Object.getOwnPropertyDescriptor(this.revogrid, prop) ||\n      Object.getOwnPropertyDescriptor(this.revogrid.constructor.prototype, prop);\n\n    // Overwrite property descriptor for this instance\n    Object.defineProperty(this.revogrid, prop, {\n      set(val: T) {\n        const keepDefault = callback(val);\n        if (keepDefault === false) {\n          return;\n        }\n        // Continue with native behavior\n        return nativeValueDesc?.set?.call(this, val);\n      },\n      get() {\n        // Continue with native behavior\n        return nativeValueDesc?.get?.call(this);\n      },\n    });\n    if (immediate) {\n      callback(nativeValueDesc?.value);\n    }\n  }\n\n  /**\n   * Remove event listener\n   * @param eventName\n   */\n  removeEventListener(eventName: string) {\n    this.revogrid.removeEventListener(eventName, this.subscriptions[eventName]);\n    delete this.subscriptions[eventName];\n  }\n\n  /**\n   * Emit event from revo-grid component\n   * Event can be cancelled by calling event.preventDefault() in callback\n   */\n  emit<T = any>(eventName: string, detail?: T) {\n    const event = new CustomEvent<T>(eventName, { detail, cancelable: true });\n    this.revogrid.dispatchEvent(event);\n    return event;\n  }\n\n  /**\n   * Clear all subscriptions\n   */\n  clearSubscriptions() {\n    for (let type in this.subscriptions) {\n      this.removeEventListener(type);\n    }\n  }\n\n  /**\n   * Destroy plugin and clear all subscriptions\n   */\n  destroy() {\n    this.clearSubscriptions();\n  }\n}\n\nexport type GridPlugin = (typeof BasePlugin);\n"]}