lsp-grid 1.0.0

package/standalone/revogr-edit2.js

@@ -0,0 +1,334 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { E as EDIT_INPUT_WR } from './consts.js';
+import { K as KeyCodesEnum, O as OsPlatform, c as codesLetter, k as keyValues } from './platform.js';
+import { t as timeout } from './index2.js';
+
+function isMetaKey(code) {
+    const keys = [
+        KeyCodesEnum.ARROW_DOWN,
+        KeyCodesEnum.ARROW_UP,
+        KeyCodesEnum.ARROW_LEFT,
+        KeyCodesEnum.ARROW_RIGHT,
+        KeyCodesEnum.HOME,
+        KeyCodesEnum.END,
+        KeyCodesEnum.DELETE,
+        KeyCodesEnum.BACKSPACE,
+        KeyCodesEnum.F1,
+        KeyCodesEnum.F2,
+        KeyCodesEnum.F3,
+        KeyCodesEnum.F4,
+        KeyCodesEnum.F5,
+        KeyCodesEnum.F6,
+        KeyCodesEnum.F7,
+        KeyCodesEnum.F8,
+        KeyCodesEnum.F9,
+        KeyCodesEnum.F10,
+        KeyCodesEnum.F11,
+        KeyCodesEnum.F12,
+        KeyCodesEnum.TAB,
+        KeyCodesEnum.PAGE_DOWN,
+        KeyCodesEnum.PAGE_UP,
+        KeyCodesEnum.ENTER,
+        KeyCodesEnum.ESCAPE,
+        KeyCodesEnum.SHIFT,
+        KeyCodesEnum.CAPS_LOCK,
+        KeyCodesEnum.ALT,
+    ];
+    return keys.indexOf(code) !== -1;
+}
+// navigator.platform
+function isCtrlKey(code, platform) {
+    if (platform.includes(OsPlatform.mac)) {
+        return [
+            KeyCodesEnum.COMMAND_LEFT,
+            KeyCodesEnum.COMMAND_RIGHT,
+            KeyCodesEnum.COMMAND_FIREFOX,
+        ].includes(code);
+    }
+    return code === KeyCodesEnum.CONTROL;
+}
+function isCtrlMetaKey(code) {
+    return [
+        KeyCodesEnum.CONTROL,
+        KeyCodesEnum.COMMAND_LEFT,
+        KeyCodesEnum.COMMAND_RIGHT,
+        KeyCodesEnum.COMMAND_FIREFOX,
+    ].includes(code);
+}
+function isClear(code) {
+    return codesLetter.BACKSPACE === code || codesLetter.DELETE === code;
+}
+function isTab(code) {
+    return codesLetter.TAB === code;
+}
+function isTabKeyValue(key) {
+    return keyValues.TAB === key;
+}
+function isEnterKeyValue(key) {
+    return keyValues.ENTER === key;
+}
+function isCut(event) {
+    return ((event.ctrlKey && event.code === 'KeyX') || // Ctrl + X on Windows
+        (event.metaKey && event.code === 'KeyX')); // Cmd + X on Mac
+}
+function isCopy(event) {
+    return ((event.ctrlKey && event.code === 'KeyC') || // Ctrl + C on Windows
+        (event.metaKey && event.code === 'KeyC')); // Cmd + C on Mac
+}
+function isPaste(event) {
+    return ((event.ctrlKey && event.code === 'KeyV') || // Ctrl + V on Windows
+        (event.metaKey && event.code === 'KeyV')); // Cmd + V on Mac
+}
+function isAll(event) {
+    return ((event.ctrlKey && event.code === 'KeyA') || // Ctrl + A on Windows
+        (event.metaKey && event.code === 'KeyA')); // Cmd + A on Mac
+}
+function isBack(event) {
+    return ((event.ctrlKey && event.code === 'KeyZ') || // Ctrl + X on Windows
+        (event.metaKey && event.code === 'KeyZ')); // Cmd + X on Mac
+}
+
+class TextEditor {
+    constructor(data, saveCallback) {
+        this.data = data;
+        this.saveCallback = saveCallback;
+        this.editInput = null;
+        this.element = null;
+        this.editCell = undefined;
+    }
+    /**
+     * Callback triggered on cell editor render
+     */
+    async componentDidRender() {
+        var _a;
+        if (this.editInput) {
+            await timeout();
+            (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }
+    onKeyDown(e) {
+        const isEnter = isEnterKeyValue(e.key);
+        const isKeyTab = isTab(e.key);
+        if ((isKeyTab || isEnter) &&
+            e.target &&
+            this.saveCallback &&
+            !e.isComposing) {
+            // blur is needed to avoid autoscroll
+            this.beforeDisconnect();
+            // request callback which will close cell after all
+            this.saveCallback(this.getValue(), isKeyTab);
+        }
+    }
+    /**
+     * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.
+     */
+    beforeDisconnect() {
+        var _a;
+        (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.blur();
+    }
+    /**
+     * Get value from input
+     */
+    getValue() {
+        var _a;
+        return (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    /**
+     * Render method for Editor plugin.
+     * Renders input element with passed data from cell.
+     * @param {Function} h - h function from stencil render.
+     * @param {Object} _additionalData - additional data from plugin.
+     * @returns {VNode} - input element.
+     */
+    render(h, _additionalData) {
+        var _a, _b;
+        return h('input', {
+            type: 'text',
+            enterKeyHint: 'enter',
+            // set input value from cell data
+            value: (_b = (_a = this.editCell) === null || _a === void 0 ? void 0 : _a.val) !== null && _b !== void 0 ? _b : '',
+            // save input element as ref for further usage
+            ref: (el) => {
+                this.editInput = el;
+            },
+            // listen to keydown event on input element
+            onKeyDown: (e) => this.onKeyDown(e),
+        });
+    }
+}
+
+// is edit input
+function isEditInput(el) {
+    return !!(el === null || el === void 0 ? void 0 : el.closest(`.${EDIT_INPUT_WR}`));
+}
+// Type guard for EditorCtrConstructible
+function isEditorCtrConstructible(editor) {
+    return typeof editor === 'function' && typeof editor.prototype === 'object';
+}
+
+const revogrEditStyleCss = "revogr-edit{display:block;position:absolute;background-color:#fff}revogr-edit input{height:100%;width:100%;box-sizing:border-box}revogr-edit revo-dropdown{height:100%}revogr-edit revo-dropdown.shrink fieldset legend>span{display:none}";
+
+const RevoEdit = /*@__PURE__*/ proxyCustomElement(class RevoEdit extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.cellEdit = createEvent(this, "celleditinit", 7);
+        this.closeEdit = createEvent(this, "closeedit", 7);
+        /**
+         * Save on editor close. Defines if data should be saved on editor close.
+         */
+        this.saveOnClose = false;
+        this.currentEditor = null;
+        this.preventSaveOnClose = false;
+    }
+    /**
+     * Cancel pending changes flag. Editor will be closed without autosave.
+     */
+    async cancelChanges() {
+        this.preventSaveOnClose = true;
+    }
+    /**
+     * Before editor got disconnected.
+     * Can be triggered multiple times before actual disconnect.
+     */
+    async beforeDisconnect() {
+        var _a, _b;
+        (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.beforeDisconnect) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    onAutoSave() {
+        var _a, _b, _c;
+        this.preventSaveOnClose = true;
+        const val = (_b = (_a = this.currentEditor) === null || _a === void 0 ? void 0 : _a.getValue) === null || _b === void 0 ? void 0 : _b.call(_a);
+        // For Editor plugin internal usage.
+        // When you want to prevent save and use custom save of your own.
+        if ((_c = this.currentEditor) === null || _c === void 0 ? void 0 : _c.beforeAutoSave) {
+            const canSave = this.currentEditor.beforeAutoSave(val);
+            if (canSave === false) {
+                return;
+            }
+        }
+        this.onSave(val, true);
+    }
+    /**
+     * Callback triggered when cell editor saved.
+     * Closes editor when called.
+     * @param preventFocus - if true, editor will not be closed & next cell will not be focused.
+     */
+    onSave(val, preventFocus) {
+        this.preventSaveOnClose = true;
+        if (this.editCell) {
+            this.cellEdit.emit({
+                rgCol: this.editCell.x,
+                rgRow: this.editCell.y,
+                type: this.editCell.type,
+                prop: this.editCell.prop,
+                val,
+                preventFocus,
+            });
+        }
+    }
+    componentWillRender() {
+        // Active editor present and not yet closed.
+        if (this.currentEditor || !this.column) {
+            return;
+        }
+        this.preventSaveOnClose = false;
+        // Custom editor usage.
+        // Start with TextEditor (editors/text.tsx) for Custom editor.
+        // It can be class or function
+        if (this.editor) {
+            // if editor is constructible
+            if (isEditorCtrConstructible(this.editor)) {
+                this.currentEditor = new this.editor(this.column, 
+                // save callback
+                (e, preventFocus) => {
+                    this.onSave(e, preventFocus);
+                }, 
+                // cancel callback
+                focusNext => {
+                    this.preventSaveOnClose = true;
+                    this.closeEdit.emit(focusNext);
+                });
+                // if editor is function
+            }
+            else {
+                this.currentEditor = this.editor(this.column, 
+                // save callback
+                (e, preventFocus) => {
+                    this.onSave(e, preventFocus);
+                }, 
+                // cancel callback
+                focusNext => {
+                    this.preventSaveOnClose = true;
+                    this.closeEdit.emit(focusNext);
+                });
+            }
+            return;
+        }
+        // Default text editor usage
+        this.currentEditor = new TextEditor(this.column, (e, preventFocus) => this.onSave(e, preventFocus));
+    }
+    componentDidRender() {
+        var _a, _b;
+        if (!this.currentEditor) {
+            return;
+        }
+        this.currentEditor.element = this.element.firstElementChild;
+        (_b = (_a = this.currentEditor).componentDidRender) === null || _b === void 0 ? void 0 : _b.call(_a);
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        if (this.saveOnClose) {
+            // Can not be cancelled by `preventSaveOnClose` prop.
+            // Editor requires `getValue` to be able to save.
+            if (!this.preventSaveOnClose) {
+                this.onAutoSave();
+            }
+        }
+        this.preventSaveOnClose = false;
+        if (!this.currentEditor) {
+            return;
+        }
+        (_b = (_a = this.currentEditor).disconnectedCallback) === null || _b === void 0 ? void 0 : _b.call(_a);
+        this.currentEditor.element = null;
+        this.currentEditor = null;
+    }
+    render() {
+        if (this.currentEditor) {
+            this.currentEditor.editCell = this.editCell;
+            return (h(Host, { class: EDIT_INPUT_WR }, this.currentEditor.render(h, this.additionalData)));
+        }
+        return '';
+    }
+    get element() { return this; }
+    static get style() { return revogrEditStyleCss; }
+}, [256, "revogr-edit", {
+        "editCell": [16, "edit-cell"],
+        "column": [16],
+        "editor": [16],
+        "saveOnClose": [4, "save-on-close"],
+        "additionalData": [8, "additional-data"],
+        "cancelChanges": [64],
+        "beforeDisconnect": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-edit"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-edit":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevoEdit);
+            }
+            break;
+    } });
+}
+
+export { RevoEdit as R, TextEditor as T, isCtrlKey as a, isCtrlMetaKey as b, isClear as c, isTab as d, isTabKeyValue as e, isEnterKeyValue as f, isCut as g, isCopy as h, isMetaKey as i, isPaste as j, isAll as k, isBack as l, isEditInput as m, isEditorCtrConstructible as n, defineCustomElement as o };
+//# sourceMappingURL=revogr-edit2.js.map
+
+//# sourceMappingURL=revogr-edit2.js.map

package/standalone/revogr-edit2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-edit2.js","mappings":"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","names":["__stencil_proxyCustomElement"],"sources":["src/utils/key.utils.ts","src/components/editors/text-editor.ts","src/components/editors/edit.utils.ts","src/components/editors/revogr-edit-style.scss?tag=revogr-edit","src/components/editors/revogr-edit.tsx"],"sourcesContent":["import KeyCodesEnum, { codesLetter, keyValues } from './key.codes';\r\nimport OsPlatform from './platform';\r\n\r\nexport function isMetaKey(code: number): boolean {\r\n  const keys: KeyCodesEnum[] = [\r\n    KeyCodesEnum.ARROW_DOWN,\r\n    KeyCodesEnum.ARROW_UP,\r\n    KeyCodesEnum.ARROW_LEFT,\r\n    KeyCodesEnum.ARROW_RIGHT,\r\n    KeyCodesEnum.HOME,\r\n    KeyCodesEnum.END,\r\n    KeyCodesEnum.DELETE,\r\n    KeyCodesEnum.BACKSPACE,\r\n    KeyCodesEnum.F1,\r\n    KeyCodesEnum.F2,\r\n    KeyCodesEnum.F3,\r\n    KeyCodesEnum.F4,\r\n    KeyCodesEnum.F5,\r\n    KeyCodesEnum.F6,\r\n    KeyCodesEnum.F7,\r\n    KeyCodesEnum.F8,\r\n    KeyCodesEnum.F9,\r\n    KeyCodesEnum.F10,\r\n    KeyCodesEnum.F11,\r\n    KeyCodesEnum.F12,\r\n    KeyCodesEnum.TAB,\r\n    KeyCodesEnum.PAGE_DOWN,\r\n    KeyCodesEnum.PAGE_UP,\r\n    KeyCodesEnum.ENTER,\r\n    KeyCodesEnum.ESCAPE,\r\n    KeyCodesEnum.SHIFT,\r\n    KeyCodesEnum.CAPS_LOCK,\r\n    KeyCodesEnum.ALT,\r\n  ];\r\n\r\n  return keys.indexOf(code) !== -1;\r\n}\r\n\r\n// navigator.platform\r\nexport function isCtrlKey(code: number, platform: string): boolean {\r\n  if (platform.includes(OsPlatform.mac)) {\r\n    return [\r\n      KeyCodesEnum.COMMAND_LEFT,\r\n      KeyCodesEnum.COMMAND_RIGHT,\r\n      KeyCodesEnum.COMMAND_FIREFOX,\r\n    ].includes(code);\r\n  }\r\n\r\n  return code === KeyCodesEnum.CONTROL;\r\n}\r\n\r\nexport function isCtrlMetaKey(code: KeyCodesEnum): boolean {\r\n  return [\r\n    KeyCodesEnum.CONTROL,\r\n    KeyCodesEnum.COMMAND_LEFT,\r\n    KeyCodesEnum.COMMAND_RIGHT,\r\n    KeyCodesEnum.COMMAND_FIREFOX,\r\n  ].includes(code);\r\n}\r\n\r\nexport function isClear(code: string): boolean {\r\n  return codesLetter.BACKSPACE === code || codesLetter.DELETE === code;\r\n}\r\n\r\nexport function isTab(code: string): boolean {\r\n  return codesLetter.TAB === code;\r\n}\r\nexport function isTabKeyValue(key: string): boolean {\r\n  return keyValues.TAB === key;\r\n}\r\n\r\nexport function isEnterKeyValue(key: string): boolean {\r\n  return keyValues.ENTER === key;\r\n}\r\n\r\nexport function isCut(event: KeyboardEvent): boolean {\r\n  return (\r\n    (event.ctrlKey && event.code === 'KeyX') || // Ctrl + X on Windows\r\n    (event.metaKey && event.code === 'KeyX')\r\n  ); // Cmd + X on Mac\r\n}\r\nexport function isCopy(event: KeyboardEvent): boolean {\r\n  return (\r\n    (event.ctrlKey && event.code === 'KeyC') || // Ctrl + C on Windows\r\n    (event.metaKey && event.code === 'KeyC')\r\n  ); // Cmd + C on Mac\r\n}\r\nexport function isPaste(event: KeyboardEvent): boolean {\r\n  return (\r\n    (event.ctrlKey && event.code === 'KeyV') || // Ctrl + V on Windows\r\n    (event.metaKey && event.code === 'KeyV')\r\n  ); // Cmd + V on Mac\r\n}\r\nexport function isAll(event: KeyboardEvent): boolean {\r\n  return (\r\n    (event.ctrlKey && event.code === 'KeyA') || // Ctrl + A on Windows\r\n    (event.metaKey && event.code === 'KeyA')\r\n  ); // Cmd + A on Mac\r\n}\r\nexport function isBack(event: KeyboardEvent): boolean {\r\n  return (\r\n    (event.ctrlKey && event.code === 'KeyZ') || // Ctrl + X on Windows\r\n    (event.metaKey && event.code === 'KeyZ')\r\n  ); // Cmd + X on Mac\r\n}\r\n","import { type VNode, h as createElement } from '@stencil/core';\r\nimport { isEnterKeyValue, isTab } from '../../utils/key.utils';\r\nimport { timeout } from '../../utils';\r\nimport type { EditCell, EditorBase, ColumnDataSchemaModel } from '@type';\r\n\r\n/**\r\n * Represents a cell editor in a grid.\r\n *\r\n * It's a good place to start with your own editor.\r\n * It manages the editing of cells by handling events, saving data, rendering the editor UI, and managing the lifecycle of the editor instance.\r\n */\r\n\r\n/**\r\n * Callback triggered on cell editor save\r\n * Closes editor when called\r\n * @param preventFocus - if true editor will not be closed and next cell will not be focused\r\n */\r\nexport type SaveCallback = (value: any, preventFocus: boolean) => void;\r\n\r\nexport class TextEditor implements EditorBase {\r\n  editInput: HTMLInputElement | null = null;\r\n\r\n  element: Element | null = null;\r\n  editCell?: EditCell = undefined;\r\n\r\n  constructor(\r\n    public data: ColumnDataSchemaModel,\r\n    private saveCallback?: SaveCallback,\r\n  ) {}\r\n\r\n  /**\r\n   * Callback triggered on cell editor render\r\n   */\r\n  async componentDidRender(): Promise<void> {\r\n    if (this.editInput) {\r\n      await timeout();\r\n      this.editInput?.focus();\r\n    }\r\n  }\r\n\r\n  onKeyDown(e: KeyboardEvent) {\r\n    const isEnter = isEnterKeyValue(e.key);\r\n    const isKeyTab = isTab(e.key);\r\n\r\n    if (\r\n      (isKeyTab || isEnter) &&\r\n      e.target &&\r\n      this.saveCallback &&\r\n      !e.isComposing\r\n    ) {\r\n      // blur is needed to avoid autoscroll\r\n      this.beforeDisconnect();\r\n      // request callback which will close cell after all\r\n      this.saveCallback(this.getValue(), isKeyTab);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * IMPORTANT: Prevent scroll glitches when editor is closed and focus is on current input element.\r\n   */\r\n  beforeDisconnect() {\r\n    this.editInput?.blur();\r\n  }\r\n\r\n  /**\r\n   * Get value from input\r\n   */\r\n  getValue() {\r\n    return this.editInput?.value;\r\n  }\r\n\r\n  /**\r\n   * Render method for Editor plugin.\r\n   * Renders input element with passed data from cell.\r\n   * @param {Function} h - h function from stencil render.\r\n   * @param {Object} _additionalData - additional data from plugin.\r\n   * @returns {VNode} - input element.\r\n   */\r\n  render(h: typeof createElement, _additionalData: any): VNode | VNode[] {\r\n    return h('input', {\r\n      type: 'text',\r\n      enterKeyHint: 'enter',\r\n      // set input value from cell data\r\n      value: this.editCell?.val ?? '',\r\n      // save input element as ref for further usage\r\n      ref: (el: HTMLInputElement | null) => {\r\n        this.editInput = el;\r\n      },\r\n      // listen to keydown event on input element\r\n      onKeyDown: (e: KeyboardEvent) => this.onKeyDown(e),\r\n    });\r\n  }\r\n}\r\n","import { EDIT_INPUT_WR } from '../../utils/consts';\r\nimport {\r\n  EditorCtrConstructible,\r\n} from '@type';\r\n// is edit input\r\nexport function isEditInput(el?: HTMLElement) {\r\n  return !!el?.closest(`.${EDIT_INPUT_WR}`);\r\n}\r\n\r\n\r\n// Type guard for EditorCtrConstructible\r\nexport function isEditorCtrConstructible(\r\n  editor: any,\r\n): editor is EditorCtrConstructible {\r\n  return typeof editor === 'function' && typeof editor.prototype === 'object';\r\n}\r\n","revogr-edit {\r\n  display: block;\r\n  position: absolute;\r\n  background-color: #fff;\r\n\r\n  input {\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  revo-dropdown {\r\n    height: 100%;\r\n\r\n    &.shrink {\r\n      fieldset legend > span {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  Event,\r\n  EventEmitter,\r\n  Prop,\r\n  h,\r\n  Element,\r\n  Host,\r\n  Method,\r\n} from '@stencil/core';\r\nimport { EDIT_INPUT_WR } from '../../utils/consts';\r\nimport { TextEditor } from './text-editor';\r\nimport { ColumnDataSchemaModel } from '@type';\r\nimport {\r\n  EditCell,\r\n  EditorCtr,\r\n  SaveDataDetails,\r\n  EditorBase,\r\n} from '@type';\r\n\r\nimport { isEditorCtrConstructible } from './edit.utils';\r\n\r\n/**\r\n * Represents a cell editor in a grid.\r\n * It manages the editing of cells by handling events, saving data, rendering the editor UI,\r\n * and managing the lifecycle of the editor instance.\r\n */\r\n@Component({\r\n  tag: 'revogr-edit',\r\n  styleUrl: 'revogr-edit-style.scss',\r\n})\r\nexport class RevoEdit {\r\n  /**\r\n   * Cell to edit data.\r\n   */\r\n  @Prop() editCell: EditCell;\r\n\r\n  /**\r\n   * Column data for editor.\r\n   */\r\n  @Prop() column: ColumnDataSchemaModel | null;\r\n  /**\r\n   * Custom editors register\r\n   */\r\n  @Prop() editor: EditorCtr | null;\r\n\r\n  /**\r\n   * Save on editor close. Defines if data should be saved on editor close.\r\n   */\r\n  @Prop() saveOnClose = false;\r\n  /**\r\n   * Additional data to pass to renderer\r\n   */\r\n  @Prop() additionalData: any;\r\n\r\n  /**\r\n   * Cell edit event initiator, first in the cellEdit event chain\r\n   */\r\n  @Event({ eventName: 'celleditinit' }) cellEdit: EventEmitter<SaveDataDetails>;\r\n\r\n  /**\r\n   * Close editor event\r\n   * pass true if requires focus next\r\n   */\r\n  @Event({ eventName: 'closeedit' }) closeEdit: EventEmitter<\r\n    boolean | undefined\r\n  >;\r\n\r\n  /** Edit session editor */\r\n  @Element() element: HTMLElement;\r\n  private currentEditor: EditorBase | null = null;\r\n  private preventSaveOnClose = false;\r\n\r\n  /**\r\n   * Cancel pending changes flag. Editor will be closed without autosave.\r\n   */\r\n  @Method() async cancelChanges() {\r\n    this.preventSaveOnClose = true;\r\n  }\r\n\r\n  /**\r\n   * Before editor got disconnected.\r\n   * Can be triggered multiple times before actual disconnect.\r\n   */\r\n  @Method() async beforeDisconnect() {\r\n    this.currentEditor?.beforeDisconnect?.();\r\n  }\r\n\r\n  onAutoSave() {\r\n    this.preventSaveOnClose = true;\r\n    const val = this.currentEditor?.getValue?.();\r\n    // For Editor plugin internal usage.\r\n    // When you want to prevent save and use custom save of your own.\r\n    if (this.currentEditor?.beforeAutoSave) {\r\n      const canSave = this.currentEditor.beforeAutoSave(val);\r\n      if (canSave === false) {\r\n        return;\r\n      }\r\n    }\r\n    this.onSave(val, true);\r\n  }\r\n\r\n  /**\r\n   * Callback triggered when cell editor saved.\r\n   * Closes editor when called.\r\n   * @param preventFocus - if true, editor will not be closed & next cell will not be focused.\r\n   */\r\n  onSave(val?: any, preventFocus?: boolean) {\r\n    this.preventSaveOnClose = true;\r\n    if (this.editCell) {\r\n      this.cellEdit.emit({\r\n        rgCol: this.editCell.x,\r\n        rgRow: this.editCell.y,\r\n        type: this.editCell.type,\r\n        prop: this.editCell.prop,\r\n        val,\r\n        preventFocus,\r\n      });\r\n    }\r\n  }\r\n\r\n  componentWillRender() {\r\n    // Active editor present and not yet closed.\r\n    if (this.currentEditor || !this.column) {\r\n      return;\r\n    }\r\n    this.preventSaveOnClose = false;\r\n\r\n    // Custom editor usage.\r\n    // Start with TextEditor (editors/text.tsx) for Custom editor.\r\n    // It can be class or function\r\n    if (this.editor) {\r\n      // if editor is constructible\r\n      if (isEditorCtrConstructible(this.editor)) {\r\n        this.currentEditor = new this.editor(\r\n          this.column,\r\n          // save callback\r\n          (e, preventFocus) => {\r\n            this.onSave(e, preventFocus);\r\n          },\r\n          // cancel callback\r\n          focusNext => {\r\n            this.preventSaveOnClose = true;\r\n            this.closeEdit.emit(focusNext);\r\n          },\r\n        );\r\n      // if editor is function\r\n      } else {\r\n        this.currentEditor = this.editor(\r\n          this.column,\r\n          // save callback\r\n          (e, preventFocus) => {\r\n            this.onSave(e, preventFocus);\r\n          },\r\n          // cancel callback\r\n          focusNext => {\r\n            this.preventSaveOnClose = true;\r\n            this.closeEdit.emit(focusNext);\r\n          },\r\n        );\r\n      }\r\n      return;\r\n    }\r\n    // Default text editor usage\r\n    this.currentEditor = new TextEditor(this.column, (e, preventFocus) =>\r\n      this.onSave(e, preventFocus),\r\n    );\r\n  }\r\n\r\n  componentDidRender() {\r\n    if (!this.currentEditor) {\r\n      return;\r\n    }\r\n    this.currentEditor.element = this.element.firstElementChild;\r\n    this.currentEditor.componentDidRender?.();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    if (this.saveOnClose) {\r\n      // Can not be cancelled by `preventSaveOnClose` prop.\r\n      // Editor requires `getValue` to be able to save.\r\n      if (!this.preventSaveOnClose) {\r\n        this.onAutoSave();\r\n      }\r\n    }\r\n\r\n    this.preventSaveOnClose = false;\r\n    if (!this.currentEditor) {\r\n      return;\r\n    }\r\n\r\n    this.currentEditor.disconnectedCallback?.();\r\n    this.currentEditor.element = null;\r\n    this.currentEditor = null;\r\n  }\r\n\r\n  render() {\r\n    if (this.currentEditor) {\r\n      this.currentEditor.editCell = this.editCell;\r\n      return (\r\n        <Host class={EDIT_INPUT_WR}>\r\n          {this.currentEditor.render(h, this.additionalData)}\r\n        </Host>\r\n      );\r\n    }\r\n    return '';\r\n  }\r\n}\r\n"],"version":3}

package/standalone/revogr-extra.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface RevogrExtra extends Components.RevogrExtra, HTMLElement {}
+export const RevogrExtra: {
+    prototype: RevogrExtra;
+    new (): RevogrExtra;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/standalone/revogr-extra.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { R as RevoGridExtra, d as defineCustomElement$1 } from './revogr-extra2.js';
+
+const RevogrExtra = RevoGridExtra;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrExtra, defineCustomElement };
+//# sourceMappingURL=revogr-extra.js.map
+
+//# sourceMappingURL=revogr-extra.js.map

package/standalone/revogr-extra.js.map

@@ -0,0 +1 @@
+{"file":"revogr-extra.js","mappings":";;;;;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/standalone/revogr-extra2.js

@@ -0,0 +1,73 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+
+const RevoGridExtra = /*@__PURE__*/ proxyCustomElement(class RevoGridExtra extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        /**
+         * Nodes to render
+         */
+        this.nodes = [];
+        /**
+         * Force component to re-render
+         */
+        this.update = 1;
+    }
+    /**
+     * Refreshes the extra component. Useful if you want to manually
+     * force the component to re-render.
+     */
+    async refresh() {
+        this.update *= -1;
+    }
+    render() {
+        var _a;
+        return (_a = this.nodes) === null || _a === void 0 ? void 0 : _a.map(node => {
+            // Check if node is a function or a stencil component
+            // If function wrap it in a stencil component with the refresh function
+            if (typeof node === 'function') {
+                const config = {};
+                const getNodes = () => [node({ refresh: () => { var _a; return (_a = config.refresh) === null || _a === void 0 ? void 0 : _a.call(config); } })];
+                return (h("revogr-extra", { nodes: getNodes(), ref: (el) => {
+                        if (el) {
+                            // Update exclusively for current node
+                            config.refresh = () => {
+                                el.nodes = getNodes();
+                            };
+                        }
+                    } }));
+            }
+            return node;
+        });
+    }
+}, [256, "revogr-extra", {
+        "nodes": [16],
+        "update": [32],
+        "refresh": [64]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-extra", "revogr-extra"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-extra":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevoGridExtra);
+            }
+            break;
+        case "revogr-extra":
+            if (!customElements.get(tagName)) {
+                defineCustomElement();
+            }
+            break;
+    } });
+}
+
+export { RevoGridExtra as R, defineCustomElement as d };
+//# sourceMappingURL=revogr-extra2.js.map
+
+//# sourceMappingURL=revogr-extra2.js.map

package/standalone/revogr-extra2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-extra2.js","mappings":";;;;;MA0Ba,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAA,WAAA,CAAA;AAH1B,IAAA,WAAA,GAAA;;;AAIE;;AAEG;AACK,QAAA,IAAK,CAAA,KAAA,GAGP,EAAE;AACR;;AAEG;AACM,QAAA,IAAM,CAAA,MAAA,GAAG,CAAC;AAmCpB;AAjCC;;;AAGG;AACO,IAAA,MAAM,OAAO,GAAA;AACrB,QAAA,IAAI,CAAC,MAAM,IAAI,EAAE;;IAGnB,MAAM,GAAA;;AACJ,QAAA,OAAO,CAAA,EAAA,GAAA,IAAI,CAAC,KAAK,0CAAE,GAAG,CAAC,IAAI,IAAG;;;AAG5B,YAAA,IAAI,OAAO,IAAI,KAAK,UAAU,EAAE;gBAC9B,MAAM,MAAM,GAAiC,EAAE;gBAC/C,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,MAAM,EAAA,IAAA,EAAA,CAAA,CAAA,OAAA,CAAA,EAAA,GAAA,MAAM,CAAC,OAAO,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,EAAE,CAAC,CAAC;AAEpE,gBAAA,QACE,CAAA,CAAA,cAAA,EAAA,EACE,KAAK,EAAE,QAAQ,EAAE,EACjB,GAAG,EAAE,CAAC,EAA2B,KAAI;wBACnC,IAAI,EAAE,EAAE;;AAEN,4BAAA,MAAM,CAAC,OAAO,GAAG,MAAK;AACpB,gCAAA,EAAE,CAAC,KAAK,GAAG,QAAQ,EAAE;AACvB,6BAAC;;qBAEJ,EAAA,CACD;;AAGN,YAAA,OAAO,IAAI;AACb,SAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/components/extra/revogr-extra.tsx"],"sourcesContent":["import { h, Component, Method, Prop, State, VNode } from '@stencil/core';\r\nimport type { ExtraNodeFuncConfig } from '@type';\r\n\r\n/**\r\n * Contains extra elements for stencil components.\r\n * Performs rendering and updates for external components.\r\n * \r\n * @example\r\n * In Plugins if you want to add extra elements to grid and use stenciljs vnodes reactivity:\r\n * function paginationPanel(this: PaginationPlugin, config: { refresh: () => void }) {\r\n *    // use `config.refresh()` for component to re-render\r\n *    return h('div')\r\n * }\r\n * \r\n * revogrid.registerVNode = [\r\n *    ...existingNodes,\r\n *     paginationPanel.bind(this)\r\n * ];\r\n\r\n\r\n/**\r\n * @internal\r\n */\r\n@Component({\r\n  tag: 'revogr-extra',\r\n})\r\nexport class RevoGridExtra {\r\n  /**\r\n   * Nodes to render\r\n   */\r\n  @Prop() nodes: (\r\n    | VNode\r\n    | ((c: ExtraNodeFuncConfig) => VNode)\r\n  )[] = [];\r\n  /**\r\n   * Force component to re-render\r\n   */\r\n  @State() update = 1;\r\n\r\n  /**\r\n   * Refreshes the extra component. Useful if you want to manually\r\n   * force the component to re-render.\r\n   */\r\n  @Method() async refresh() {\r\n    this.update *= -1;\r\n  }\r\n\r\n  render() {\r\n    return this.nodes?.map(node => {\r\n      // Check if node is a function or a stencil component\r\n      // If function wrap it in a stencil component with the refresh function\r\n      if (typeof node === 'function') {\r\n        const config: Partial<ExtraNodeFuncConfig> = {};\r\n        const getNodes = () => [node({ refresh: () => config.refresh?.() })];\r\n\r\n        return (\r\n          <revogr-extra\r\n            nodes={getNodes()}\r\n            ref={(el?: HTMLRevogrExtraElement) => {\r\n              if (el) {\r\n                // Update exclusively for current node\r\n                config.refresh = () => {\r\n                  el.nodes = getNodes();\r\n                };\r\n              }\r\n            }}\r\n          />\r\n        );\r\n      }\r\n      return node;\r\n    });\r\n  }\r\n}\r\n"],"version":3}

package/standalone/revogr-filter-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface RevogrFilterPanel extends Components.RevogrFilterPanel, HTMLElement {}
+export const RevogrFilterPanel: {
+    prototype: RevogrFilterPanel;
+    new (): RevogrFilterPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;