lsp-grid 1.0.0

package/standalone/revogr-data2.js

@@ -0,0 +1,378 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { h, Build, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, Host } from '@stencil/core/internal/client';
+import { k as GROUP_EXPAND_BTN, l as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, f as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, T as isRowDragService, z as getCellDataParsed, Q as ColumnService, s as isGrouping } from './column.service.js';
+import { a as DATA_ROW, h as DRAGGABLE_CLASS, g as DRAG_ICON_CLASS, l as ROW_FOCUSED_CLASS, D as DATA_COL } from './consts.js';
+import { b as getSourceItem } from './data.store.js';
+import './platform.js';
+import { d as defineCustomElement$1 } from './vnode-converter.js';
+
+const PADDING_DEPTH = 10;
+const RowRenderer = ({ rowClass, index, size, start, depth }, cells) => {
+    const props = Object.assign({ [DATA_ROW]: index });
+    return (h("div", Object.assign({}, props, { class: `rgRow ${rowClass || ''}`, style: {
+            height: `${size}px`,
+            transform: `translateY(${start}px)`,
+            paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,
+        } }), cells));
+};
+
+function expandEvent(e, model, virtualIndex) {
+    var _a;
+    const event = new CustomEvent(GROUP_EXPAND_EVENT, {
+        detail: {
+            model,
+            virtualIndex,
+        },
+        cancelable: true,
+        bubbles: true,
+    });
+    (_a = e.target) === null || _a === void 0 ? void 0 : _a.dispatchEvent(event);
+}
+const GroupingRowRenderer = (props) => {
+    const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;
+    const name = model[PSEUDO_GROUP_ITEM];
+    const expanded = model[GROUP_EXPANDED];
+    const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
+    if (groupingCustomRenderer) {
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
+            h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+                expanded,
+                depth })))));
+    }
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
+        h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
+        name,
+    ]));
+};
+const expandSvgIconVNode = (expanded = false) => {
+    return (h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" },
+        h("path", { fill: "currentColor", d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
+};
+
+function renderCell(v) {
+    var _a;
+    const els = [];
+    // #region Custom cell
+    const template = (_a = v.schemaModel.column) === null || _a === void 0 ? void 0 : _a.cellTemplate;
+    if (template) {
+        els.push(template(h, v.schemaModel, v.additionalData));
+    }
+    // #endregion
+    // #region Regular cell
+    else {
+        if (!v.schemaModel.column) {
+            // something is wrong with data
+            if (Build === null || Build === void 0 ? void 0 : Build.isDev) {
+                console.error('Investigate column problem.', v.schemaModel);
+            }
+            return '';
+        }
+        // Row drag
+        if (v.schemaModel.column.rowDrag &&
+            isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)) {
+            els.push(h("span", { class: DRAGGABLE_CLASS, onMouseDown: originalEvent => {
+                    var _a;
+                    return (_a = v.dragStartCell) === null || _a === void 0 ? void 0 : _a.emit({
+                        originalEvent,
+                        model: v.schemaModel,
+                    });
+                } },
+                h("span", { class: DRAG_ICON_CLASS })));
+        }
+        els.push(`${getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
+    }
+    return els;
+}
+const CellRenderer = ({ renderProps, cellProps, }) => {
+    const render = renderCell.bind(null, renderProps);
+    return (h("div", Object.assign({}, cellProps, { redraw: render }), render()));
+};
+
+/**
+ * Class is responsible for highlighting rows in a table.
+ */
+class RowHighlightPlugin {
+    constructor() {
+        this.currentRange = null;
+    }
+    selectionChange(e, renderedRows) {
+        // clear previous range
+        if (this.currentRange) {
+            renderedRows.forEach((row, y) => {
+                var _a;
+                // skip current range
+                if (e && y >= e.y && y <= e.y1) {
+                    return;
+                }
+                // clear previous range
+                if (row &&
+                    row.$elm$ instanceof HTMLElement &&
+                    row.$elm$.classList.contains(ROW_FOCUSED_CLASS)) {
+                    row.$elm$.classList.remove(ROW_FOCUSED_CLASS);
+                    if ((_a = row.$attrs$) === null || _a === void 0 ? void 0 : _a.class.includes(ROW_FOCUSED_CLASS)) {
+                        row.$attrs$.class = row.$attrs$.class.replace(ROW_FOCUSED_CLASS, '');
+                    }
+                }
+            });
+        }
+        // apply new range
+        if (e) {
+            for (let y = e.y; y <= e.y1; y++) {
+                const row = renderedRows.get(y);
+                if (row &&
+                    row.$elm$ instanceof HTMLElement &&
+                    !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)) {
+                    const attrs = (row.$attrs$ = row.$attrs$ || {});
+                    attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;
+                    row.$elm$.classList.add(ROW_FOCUSED_CLASS);
+                }
+            }
+        }
+        this.currentRange = e;
+    }
+    isRowFocused(y) {
+        return (this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1);
+    }
+}
+
+/**
+ * Converts a VNode element into an HTML element and appends it to the specified parentHolder.
+ */
+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);
+        });
+    });
+}
+
+const revogrDataStyleCss = "revogr-data{display:block;width:100%;position:relative}revogr-data .rgRow{position:absolute;width:100%;left:0}revogr-data .rgRow.groupingRow{font-weight:600;text-align:left}revogr-data .rgRow.groupingRow .group-expand{width:25px;height:100%;max-height:25px;margin-right:2px;background-color:transparent;border-color:transparent;vertical-align:middle;padding-left:5px;display:inline-flex}revogr-data .rgRow.groupingRow .group-expand svg{width:7px}revogr-data .revo-draggable{border:none;height:32px;display:inline-flex;outline:0;padding:0;font-size:0.8125rem;box-sizing:border-box;align-items:center;white-space:nowrap;vertical-align:middle;justify-content:center;text-decoration:none;width:24px;height:100%;cursor:pointer;display:inline-flex}revogr-data .revo-draggable:hover>.revo-drag-icon{opacity:1;zoom:1.2;font-weight:600}revogr-data .revo-draggable>.revo-drag-icon{pointer-events:none;transition:opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}revogr-data .rgCell{top:0;left:0;position:absolute;box-sizing:border-box;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;outline:none}revogr-data .rgCell.align-center{text-align:center}revogr-data .rgCell.align-left{text-align:left}revogr-data .rgCell.align-right{text-align:right}";
+
+const RevogrData = /*@__PURE__*/ proxyCustomElement(class RevogrData extends HTMLElement$1 {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.beforerowrender = createEvent(this, "beforerowrender", 7);
+        this.afterrender = createEvent(this, "afterrender", 7);
+        this.beforeCellRender = createEvent(this, "beforecellrender", 7);
+        this.beforeDataRender = createEvent(this, "beforedatarender", 7);
+        this.dragStartCell = createEvent(this, "dragstartcell", 7);
+        /**
+         * Prevent rendering until job is done.
+         * Can be used for initial rendering performance improvement.
+         * When several plugins require initial rendering this will prevent double initial rendering.
+         */
+        this.jobsBeforeRender = [];
+        /**
+         * Rendered rows - virtual index vs vnode
+         */
+        this.renderedRows = new Map();
+    }
+    /**
+     * Pointed cell update.
+     */
+    async updateCell(e) {
+        var _a, _b, _c;
+        // Stencil tweak to update cell content
+        const cell = (_b = (_a = this.renderedRows.get(e.row)) === null || _a === void 0 ? void 0 : _a.$children$) === null || _b === void 0 ? void 0 : _b[e.col];
+        if ((_c = cell === null || cell === void 0 ? void 0 : cell.$attrs$) === null || _c === void 0 ? void 0 : _c.redraw) {
+            const children = await convertVNodeToHTML(this.element, cell.$attrs$.redraw);
+            cell.$elm$.innerHTML = children.html;
+            cell.$key$ = Math.random();
+        }
+    }
+    onDataStoreChange() {
+        this.onStoreChange();
+    }
+    onColDataChange() {
+        this.onStoreChange();
+    }
+    onStoreChange() {
+        var _a, _b;
+        (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.columnService = new ColumnService(this.dataStore, this.colData);
+        // make sure we have correct data, before render
+        this.providers = {
+            type: this.type,
+            colType: this.colType,
+            readonly: this.readonly,
+            data: this.dataStore,
+            columns: this.colData,
+            viewport: this.viewportCol,
+            dimension: this.dimensionRow,
+            selection: this.rowSelectionStore,
+        };
+        (_b = this.rangeUnsubscribe) === null || _b === void 0 ? void 0 : _b.call(this);
+        this.rangeUnsubscribe = this.rowSelectionStore.onChange('range', (e) => this.rowHighlightPlugin.selectionChange(e, this.renderedRows));
+    }
+    connectedCallback() {
+        this.rowHighlightPlugin = new RowHighlightPlugin();
+        this.onStoreChange();
+    }
+    disconnectedCallback() {
+        var _a, _b;
+        (_a = this.columnService) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.rangeUnsubscribe) === null || _b === void 0 ? void 0 : _b.call(this);
+    }
+    async componentWillRender() {
+        this.beforeDataRender.emit({
+            rowType: this.type,
+            colType: this.colType,
+        });
+        return Promise.all(this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p));
+    }
+    componentDidRender() {
+        this.afterrender.emit({ type: this.type });
+    }
+    render() {
+        this.renderedRows = new Map();
+        const columnsData = this.columnService.columns;
+        if (!columnsData.length) {
+            return;
+        }
+        const rows = this.viewportRow.get('items');
+        if (!rows.length) {
+            return;
+        }
+        const cols = this.viewportCol.get('items');
+        if (!cols.length) {
+            return;
+        }
+        const rowsEls = [];
+        const depth = this.dataStore.get('groupingDepth');
+        const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');
+        const groupDepth = this.columnService.hasGrouping ? depth : 0;
+        for (let rgRow of rows) {
+            const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);
+            // #region Grouping
+            if (isGrouping(dataItem)) {
+                const gmodel = Object.assign(Object.assign({}, rgRow), { index: rgRow.itemIndex, model: dataItem, groupingCustomRenderer,
+                    // Only show expand button if grouping is enabled and not in row headers
+                    hasExpand: this.columnService.hasGrouping && this.colType !== 'rowHeaders', columnItems: cols, providers: this.providers });
+                rowsEls.push(h(GroupingRowRenderer, Object.assign({}, gmodel)));
+                continue;
+            }
+            // #endregion
+            const cells = [];
+            // #region Cells
+            for (let rgCol of cols) {
+                const smodel = Object.assign(Object.assign({}, this.columnService.rowDataModel(rgRow.itemIndex, rgCol.itemIndex)), { providers: this.providers });
+                // call before cell render
+                const cellEvent = this.triggerBeforeCellRender(smodel, rgRow, rgCol);
+                // if event was prevented
+                if (cellEvent.defaultPrevented) {
+                    continue;
+                }
+                const { detail: { column: columnProps, row: rowProps, model: schemaModel }, } = cellEvent;
+                const defaultProps = {
+                    [DATA_COL]: columnProps.itemIndex,
+                    [DATA_ROW]: rowProps.itemIndex,
+                    style: {
+                        width: `${columnProps.size}px`,
+                        transform: `translateX(${columnProps.start}px)`,
+                        height: rowProps.size ? `${rowProps.size}px` : undefined,
+                    },
+                };
+                /**
+                 * For grouping, can be removed in the future and replaced with event
+                 */
+                if (groupDepth && !columnProps.itemIndex && defaultProps.style) {
+                    defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;
+                }
+                const props = this.columnService.mergeProperties(rowProps.itemIndex, columnProps.itemIndex, defaultProps, schemaModel);
+                // Never use webcomponent for cell render
+                // It's very slow because of webcomponent initialization takes time
+                const cellNode = h(CellRenderer, { renderProps: {
+                        schemaModel,
+                        additionalData: this.additionalData,
+                        dragStartCell: this.dragStartCell,
+                    }, cellProps: props });
+                cells.push(cellNode);
+            }
+            // #endregion
+            // #region Rows
+            let rowClass = this.rowClass
+                ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)
+                : '';
+            if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {
+                rowClass += ` ${ROW_FOCUSED_CLASS}`;
+            }
+            const row = (h(RowRenderer, { index: rgRow.itemIndex, rowClass: rowClass, size: rgRow.size, start: rgRow.start }, cells));
+            this.beforerowrender.emit({
+                node: row,
+                item: rgRow,
+                model: dataItem,
+                colType: this.columnService.type,
+                rowType: this.type,
+            });
+            rowsEls.push(row);
+            this.renderedRows.set(rgRow.itemIndex, row);
+            // #endregion
+        }
+        return (h(Host, null, h("slot", null), rowsEls));
+    }
+    triggerBeforeCellRender(model, row, column) {
+        const detail = {
+            column,
+            row,
+            model,
+            rowType: model.type,
+            colType: model.colType,
+        };
+        return this.beforeCellRender.emit(detail);
+    }
+    get element() { return this; }
+    static get watchers() { return {
+        "dataStore": ["onDataStoreChange"],
+        "colData": ["onColDataChange"]
+    }; }
+    static get style() { return revogrDataStyleCss; }
+}, [260, "revogr-data", {
+        "readonly": [4],
+        "range": [4],
+        "rowClass": [1, "row-class"],
+        "additionalData": [8, "additional-data"],
+        "rowSelectionStore": [16, "row-selection-store"],
+        "viewportRow": [16, "viewport-row"],
+        "viewportCol": [16, "viewport-col"],
+        "dimensionRow": [16, "dimension-row"],
+        "colData": [16, "col-data"],
+        "dataStore": [16, "data-store"],
+        "type": [513],
+        "colType": [513, "col-type"],
+        "jobsBeforeRender": [16, "jobs-before-render"],
+        "providers": [32],
+        "updateCell": [64]
+    }, undefined, {
+        "dataStore": ["onDataStoreChange"],
+        "colData": ["onColDataChange"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["revogr-data", "vnode-html"];
+    components.forEach(tagName => { switch (tagName) {
+        case "revogr-data":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, RevogrData);
+            }
+            break;
+        case "vnode-html":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { CellRenderer as C, GroupingRowRenderer as G, RevogrData as R, expandSvgIconVNode as a, defineCustomElement as d, expandEvent as e };
+//# sourceMappingURL=revogr-data2.js.map
+
+//# sourceMappingURL=revogr-data2.js.map

package/standalone/revogr-data2.js.map

@@ -0,0 +1 @@
+{"file":"revogr-data2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/data/row-renderer.tsx","src/plugins/groupingRow/grouping.row.renderer.tsx","src/components/data/cell-renderer.tsx","src/components/data/row-highlight.plugin.ts","src/components/vnode/vnode.utils.ts","src/components/data/revogr-data-style.scss?tag=revogr-data","src/components/data/revogr-data.tsx"],"sourcesContent":["import { h, type VNode } from '@stencil/core';\r\nimport { JSXBase } from '@stencil/core/internal';\r\nimport { DATA_ROW } from '../../utils/consts';\r\n\r\nexport interface RowProps extends JSXBase.HTMLAttributes {\r\n  size: number;\r\n  start: number;\r\n  index: number;\r\n  rowClass?: string;\r\n  depth?: number;\r\n}\r\n\r\nexport const PADDING_DEPTH = 10;\r\n\r\nconst RowRenderer = ({ rowClass, index, size, start, depth }: RowProps, cells: VNode[]) => {\r\n  const props = {\r\n    ...{ [DATA_ROW]: index },\r\n  };\r\n  return (\r\n    <div\r\n      {...props}\r\n      class={`rgRow ${rowClass || ''}`}\r\n      style={{\r\n        height: `${size}px`,\r\n        transform: `translateY(${start}px)`,\r\n        paddingLeft: depth ? `${PADDING_DEPTH * depth}px` : undefined,\r\n      }}\r\n    >\r\n      {cells}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default RowRenderer;\r\n","import { h } from '@stencil/core';\r\nimport RowRenderer from '../../components/data/row-renderer';\r\nimport {\r\n  GROUP_DEPTH,\r\n  GROUP_EXPANDED,\r\n  GROUP_EXPAND_BTN,\r\n  PSEUDO_GROUP_ITEM,\r\n  GROUP_EXPAND_EVENT,\r\n} from './grouping.const';\r\nimport type { RowGroupingProps } from './grouping.row.types';\r\nimport type { DataType } from '@type';\r\n\r\nexport function expandEvent(\r\n  e: MouseEvent,\r\n  model: DataType,\r\n  virtualIndex: number,\r\n) {\r\n  const event = new CustomEvent(GROUP_EXPAND_EVENT, {\r\n    detail: {\r\n      model,\r\n      virtualIndex,\r\n    },\r\n    cancelable: true,\r\n    bubbles: true,\r\n  }) as CustomEvent<HTMLRevoGridElementEventMap['groupexpandclick']>;\r\n  e.target?.dispatchEvent(event);\r\n}\r\n\r\nexport const GroupingRowRenderer = (props: RowGroupingProps) => {\r\n  const { model, itemIndex, hasExpand, groupingCustomRenderer } = props;\r\n  const name = model[PSEUDO_GROUP_ITEM];\r\n  const expanded = model[GROUP_EXPANDED];\r\n  const depth = parseInt(model[GROUP_DEPTH], 10) || 0;\r\n\r\n  if (groupingCustomRenderer) {\r\n    return (\r\n      <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n        <div onClick={e => expandEvent(e, model, itemIndex)}>\r\n          {groupingCustomRenderer(h, {\r\n            ...props,\r\n            colType: props.providers.colType,\r\n            name,\r\n            expanded,\r\n            depth,\r\n          })}\r\n        </div>\r\n      </RowRenderer>\r\n    );\r\n  }\r\n\r\n  return (\r\n    <RowRenderer {...props} rowClass=\"groupingRow\" depth={depth}>\r\n      {hasExpand && [\r\n        <button\r\n          class={{ [GROUP_EXPAND_BTN]: true }}\r\n          onClick={e => expandEvent(e, model, itemIndex)}\r\n        >\r\n          {expandSvgIconVNode(expanded)}\r\n        </button>,\r\n        name,\r\n      ]}\r\n    </RowRenderer>\r\n  );\r\n};\r\n\r\nexport const expandSvgIconVNode = (expanded = false) => {\r\n  return (\r\n    <svg\r\n      aria-hidden=\"true\"\r\n      style={{ transform: `rotate(${!expanded ? -90 : 0}deg)` }}\r\n      focusable=\"false\"\r\n      viewBox=\"0 0 448 512\"\r\n    >\r\n      <path\r\n        fill=\"currentColor\"\r\n        d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"\r\n      ></path>\r\n    </svg>\r\n  );\r\n};\r\n\r\nexport default GroupingRowRenderer;\r\n","import { h, type VNode, Build, EventEmitter } from '@stencil/core';\r\nimport {\r\n  DragStartEvent,\r\n  CellTemplateProp,\r\n} from '@type';\r\n\r\nimport {\r\n  DRAGGABLE_CLASS,\r\n  DRAG_ICON_CLASS,\r\n  getCellDataParsed,\r\n} from '../../utils';\r\n\r\nimport { isRowDragService } from './column.service';\r\n\r\ninterface RenderProps {\r\n  schemaModel: CellTemplateProp;\r\n  additionalData?: any;\r\n  dragStartCell?: EventEmitter<DragStartEvent>;\r\n}\r\n\r\n\r\nfunction renderCell(v: RenderProps) {\r\n  const els: (VNode | string)[] = [];\r\n\r\n  // #region Custom cell\r\n  const template = v.schemaModel.column?.cellTemplate;\r\n  if (template) {\r\n    els.push(template(h, v.schemaModel, v.additionalData));\r\n  }\r\n  // #endregion\r\n\r\n  // #region Regular cell\r\n  else {\r\n    if (!v.schemaModel.column) {\r\n      // something is wrong with data\r\n      if (Build?.isDev) {\r\n        console.error('Investigate column problem.', v.schemaModel);\r\n      }\r\n      return '';\r\n    }\r\n\r\n    // Row drag\r\n    if (\r\n      v.schemaModel.column.rowDrag &&\r\n      isRowDragService(v.schemaModel.column.rowDrag, v.schemaModel)\r\n    ) {\r\n      els.push(\r\n        <span\r\n          class={DRAGGABLE_CLASS}\r\n          onMouseDown={originalEvent =>\r\n            v.dragStartCell?.emit({\r\n              originalEvent,\r\n              model: v.schemaModel,\r\n            })\r\n          }\r\n        >\r\n          <span class={DRAG_ICON_CLASS} />\r\n        </span>,\r\n      );\r\n    }\r\n    \r\n    els.push(`${\r\n      getCellDataParsed(v.schemaModel.model, v.schemaModel.column)\r\n    }`);\r\n  }\r\n  return els;\r\n}\r\n\r\nexport const CellRenderer = ({\r\n  renderProps,\r\n  cellProps,\r\n}: {\r\n  renderProps: RenderProps;\r\n  cellProps: any;\r\n}): VNode => {\r\n  const render = renderCell.bind(null, renderProps);\r\n  return (\r\n    <div {...cellProps} redraw={render}>\r\n      {render()}\r\n    </div>\r\n  );\r\n};\r\n","import { type VNode } from '@stencil/core';\r\nimport { ROW_FOCUSED_CLASS } from '../../utils/consts';\r\nimport { RangeArea } from '@type';\r\n\r\n/**\r\n * Class is responsible for highlighting rows in a table.\r\n */\r\nexport class RowHighlightPlugin {\r\n  private currentRange: RangeArea | null = null;\r\n  selectionChange(e: RangeArea, renderedRows: Map<number, VNode>) {\r\n    // clear previous range\r\n    if (this.currentRange) {\r\n      renderedRows.forEach((row, y) => {\r\n        // skip current range\r\n        if (e && y >= e.y && y <= e.y1) {\r\n          return;\r\n        }\r\n\r\n        // clear previous range\r\n        if (\r\n          row &&\r\n          row.$elm$ instanceof HTMLElement &&\r\n          row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\r\n        ) {\r\n          row.$elm$.classList.remove(ROW_FOCUSED_CLASS);\r\n          if (row.$attrs$?.class.includes(ROW_FOCUSED_CLASS)) {\r\n            row.$attrs$.class = row.$attrs$.class.replace(\r\n              ROW_FOCUSED_CLASS,\r\n              '',\r\n            );\r\n          }\r\n        }\r\n      });\r\n    }\r\n\r\n    // apply new range\r\n    if (e) {\r\n      for (let y = e.y; y <= e.y1; y++) {\r\n        const row = renderedRows.get(y);\r\n        if (\r\n          row &&\r\n          row.$elm$ instanceof HTMLElement &&\r\n          !row.$elm$.classList.contains(ROW_FOCUSED_CLASS)\r\n        ) {\r\n          const attrs = (row.$attrs$ = row.$attrs$ || {});\r\n          attrs.class = (attrs.class || '') + ' ' + ROW_FOCUSED_CLASS;\r\n          row.$elm$.classList.add(ROW_FOCUSED_CLASS);\r\n        }\r\n      }\r\n    }\r\n    this.currentRange = e;\r\n  }\r\n\r\n  isRowFocused(y: number) {\r\n    return (\r\n      this.currentRange && y >= this.currentRange.y && y <= this.currentRange.y1\r\n    );\r\n  }\r\n}\r\n","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","revogr-data {\r\n  display: block;\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  .rgRow {\r\n    position: absolute;\r\n    width: 100%;\r\n    left: 0;\r\n\r\n    &.groupingRow {\r\n      font-weight: 600;\r\n      text-align: left;\r\n\r\n      .group-expand {\r\n        width: 25px;\r\n        height: 100%;\r\n        max-height: 25px;\r\n        margin-right: 2px;\r\n        background-color: transparent;\r\n        border-color: transparent;\r\n        vertical-align: middle;\r\n        padding-left: 5px;\r\n        display: inline-flex;\r\n\r\n        svg {\r\n          width: 7px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .revo-draggable {\r\n    $w: 24px;\r\n\r\n    border: none;\r\n    height: 32px;\r\n    display: inline-flex;\r\n    outline: 0;\r\n    padding: 0;\r\n    font-size: 0.8125rem;\r\n    box-sizing: border-box;\r\n    align-items: center;\r\n    white-space: nowrap;\r\n    vertical-align: middle;\r\n    justify-content: center;\r\n    text-decoration: none;\r\n    width: $w;\r\n    height: 100%;\r\n    cursor: pointer;\r\n    display: inline-flex;\r\n\r\n    &:hover {\r\n      > .revo-drag-icon {\r\n        opacity: 1;\r\n        zoom: 1.2;\r\n        font-weight: 600;\r\n      }\r\n    }\r\n\r\n    > .revo-drag-icon {\r\n      pointer-events: none;\r\n      transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, zoom 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\r\n    }\r\n  }\r\n\r\n  .rgCell {\r\n    top: 0;\r\n    left: 0;\r\n    position: absolute;\r\n    box-sizing: border-box;\r\n    height: 100%;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    outline: none;\r\n\r\n    &.align-center {\r\n      text-align: center;\r\n    }\r\n    &.align-left {\r\n      text-align: left;\r\n    }\r\n    &.align-right {\r\n      text-align: right;\r\n    }\r\n  }\r\n}\r\n","import {\r\n  type VNode,\r\n  Component,\r\n  Host,\r\n  Watch,\r\n  Element,\r\n  Event,\r\n  Prop,\r\n  EventEmitter,\r\n  h,\r\n  Method,\r\n  State,\r\n} from '@stencil/core';\r\n\r\nimport ColumnService from './column.service';\r\nimport { DATA_COL, DATA_ROW, ROW_FOCUSED_CLASS } from '../../utils/consts';\r\n\r\nimport { type DSourceState, getSourceItem } from '@store';\r\nimport RowRenderer, { PADDING_DEPTH } from './row-renderer';\r\nimport GroupingRowRenderer from '../../plugins/groupingRow/grouping.row.renderer';\r\nimport { isGrouping } from '../../plugins/groupingRow/grouping.service';\r\nimport type { AllDimensionType, CellTemplateProp, DimensionCols, DimensionRows } from '@type';\r\nimport { RowHighlightPlugin } from './row-highlight.plugin';\r\nimport { convertVNodeToHTML } from '../vnode/vnode.utils';\r\nimport { CellRenderer } from './cell-renderer';\r\nimport type {\r\n  ViewportState,\r\n  DimensionSettingsState,\r\n  BeforeRowRenderEvent,\r\n  Providers,\r\n  ColumnRegular,\r\n  DataType,\r\n  CellProps,\r\n  BeforeCellRenderEvent,\r\n  DragStartEvent,\r\n  VirtualPositionItem,\r\n  RangeArea,\r\n  SelectionStoreState,\r\n} from '@type';\r\nimport type { Observable } from '../../utils';\r\nimport type { RowGroupingProps } from '../../plugins';\r\n\r\n/**\r\n * This component is responsible for rendering data\r\n * Rows, columns, groups and cells\r\n */\r\n@Component({\r\n  tag: 'revogr-data',\r\n  styleUrl: 'revogr-data-style.scss',\r\n})\r\nexport class RevogrData {\r\n  // #region Properties\r\n  /**\r\n   * Readonly mode\r\n   */\r\n  @Prop() readonly: boolean;\r\n  /**\r\n   * Range allowed\r\n   */\r\n  @Prop() range: boolean;\r\n\r\n  /**\r\n   * Defines property from which to read row class\r\n   */\r\n  @Prop() rowClass: string;\r\n  /**\r\n   * Additional data to pass to renderer\r\n   * Used in plugins such as vue or react to pass root app entity to cells\r\n   */\r\n  @Prop() additionalData: any;\r\n  /** Stores */\r\n  /** Selection, range, focus for row selection */\r\n  @Prop() rowSelectionStore!: Observable<SelectionStoreState>;\r\n  /** Viewport Y */\r\n  @Prop() viewportRow!: Observable<ViewportState>;\r\n  /** Viewport X */\r\n  @Prop() viewportCol!: Observable<ViewportState>;\r\n  /** Dimension settings Y */\r\n  @Prop() dimensionRow!: Observable<DimensionSettingsState>;\r\n\r\n  /** Static stores, not expected to change during component lifetime */\r\n  /**\r\n   * Column source\r\n   */\r\n  @Prop() colData!: Observable<DSourceState<ColumnRegular, DimensionCols>>;\r\n  /**\r\n   * Data rows source\r\n   */\r\n  @Prop() dataStore!: Observable<DSourceState<DataType, DimensionRows>>;\r\n  /**\r\n   * Row data type\r\n   */\r\n  @Prop({ reflect: true }) type!: DimensionRows;\r\n\r\n  /**\r\n   * Column data type\r\n   */\r\n  @Prop({ reflect: true }) colType!: DimensionCols | 'rowHeaders';\r\n\r\n  /**\r\n   * Prevent rendering until job is done.\r\n   * Can be used for initial rendering performance improvement.\r\n   * When several plugins require initial rendering this will prevent double initial rendering.\r\n   */\r\n  @Prop() jobsBeforeRender: (Promise<any> | (() => Promise<any>))[] = [];\r\n  // #endregion\r\n\r\n  /**\r\n   * Before each row render\r\n   */\r\n  @Event() beforerowrender: EventEmitter<BeforeRowRenderEvent>;\r\n  \r\n  /**\r\n   * When data render finished for the designated type\r\n   */\r\n  @Event() afterrender: EventEmitter<{ type: DimensionRows }>;\r\n  /**\r\n   * Before each cell render function. Allows to override cell properties\r\n   */\r\n  @Event({ eventName: 'beforecellrender' })\r\n  beforeCellRender: EventEmitter<BeforeCellRenderEvent<CellTemplateProp>>;\r\n\r\n  /**\r\n   * Before data render\r\n   */\r\n  @Event({ eventName: 'beforedatarender' })\r\n  beforeDataRender: EventEmitter<AllDimensionType>;\r\n  /**\r\n   * Event emitted on cell drag start\r\n   */\r\n  @Event({ eventName: 'dragstartcell' })\r\n  dragStartCell: EventEmitter<DragStartEvent>;\r\n\r\n  /**\r\n   * Pointed cell update.\r\n   */\r\n  @Method() async updateCell(e: {\r\n    row: number; // virtual\r\n    col: number; // virtual\r\n  }) {\r\n    // Stencil tweak to update cell content\r\n    const cell = this.renderedRows.get(e.row)?.$children$?.[e.col];\r\n    if (cell?.$attrs$?.redraw) {\r\n      const children = await convertVNodeToHTML(\r\n        this.element,\r\n        cell.$attrs$.redraw,\r\n      );\r\n      cell.$elm$.innerHTML = children.html;\r\n      cell.$key$ = Math.random();\r\n    }\r\n  }\r\n\r\n  @Element() element!: Element;\r\n  @State() providers: Providers;\r\n  private columnService: ColumnService;\r\n  private rowHighlightPlugin: RowHighlightPlugin;\r\n  /**\r\n   * Rendered rows - virtual index vs vnode\r\n   */\r\n  private renderedRows = new Map<number, VNode>();\r\n  private rangeUnsubscribe: (() => void) | undefined;\r\n\r\n  @Watch('dataStore') onDataStoreChange() {\r\n    this.onStoreChange();\r\n  }\r\n  @Watch('colData') onColDataChange() {\r\n    this.onStoreChange();\r\n  }\r\n  onStoreChange() {\r\n    this.columnService?.destroy();\r\n    this.columnService = new ColumnService(this.dataStore, this.colData);\r\n    // make sure we have correct data, before render\r\n    this.providers = {\r\n      type: this.type,\r\n      colType: this.colType,\r\n      readonly: this.readonly,\r\n      data: this.dataStore,\r\n      columns: this.colData,\r\n      viewport: this.viewportCol,\r\n      dimension: this.dimensionRow,\r\n      selection: this.rowSelectionStore,\r\n    };\r\n\r\n    this.rangeUnsubscribe?.();\r\n    this.rangeUnsubscribe = this.rowSelectionStore.onChange(\r\n      'range',\r\n      (e: RangeArea) =>\r\n        this.rowHighlightPlugin.selectionChange(e, this.renderedRows),\r\n    );\r\n  }\r\n\r\n  connectedCallback() {\r\n    this.rowHighlightPlugin = new RowHighlightPlugin();\r\n    this.onStoreChange();\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.columnService?.destroy();\r\n    this.rangeUnsubscribe?.();\r\n  }\r\n\r\n  async componentWillRender() {\r\n    this.beforeDataRender.emit({\r\n      rowType: this.type,\r\n      colType: this.colType as DimensionCols,\r\n    });\r\n    return Promise.all(this.jobsBeforeRender.map(p => typeof p === 'function' ? p() : p));\r\n  }\r\n\r\n  componentDidRender() {\r\n    this.afterrender.emit({ type: this.type });\r\n  }\r\n\r\n  render() {\r\n    this.renderedRows = new Map();\r\n    const columnsData = this.columnService.columns;\r\n    if (!columnsData.length) {\r\n      return;\r\n    }\r\n    const rows = this.viewportRow.get('items');\r\n    if (!rows.length) {\r\n      return;\r\n    }\r\n    const cols = this.viewportCol.get('items');\r\n    if (!cols.length) {\r\n      return;\r\n    }\r\n    const rowsEls: VNode[] = [];\r\n    const depth = this.dataStore.get('groupingDepth');\r\n    const groupingCustomRenderer = this.dataStore.get('groupingCustomRenderer');\r\n    const groupDepth = this.columnService.hasGrouping ? depth : 0;\r\n    for (let rgRow of rows) {\r\n      const dataItem = getSourceItem(this.dataStore, rgRow.itemIndex);\r\n\r\n      // #region Grouping\r\n      if (isGrouping(dataItem)) {\r\n        const gmodel: RowGroupingProps = {\r\n          ...rgRow,\r\n          index: rgRow.itemIndex,\r\n          model: dataItem,\r\n          groupingCustomRenderer,\r\n          // Only show expand button if grouping is enabled and not in row headers\r\n          hasExpand: this.columnService.hasGrouping && this.colType !== 'rowHeaders',\r\n          columnItems: cols,\r\n          providers: this.providers,\r\n        };\r\n        rowsEls.push(<GroupingRowRenderer {...gmodel} />);\r\n        continue;\r\n      }\r\n      // #endregion\r\n      const cells: (VNode | string | void)[] = [];\r\n\r\n      // #region Cells\r\n      for (let rgCol of cols) {\r\n        const smodel: CellTemplateProp = {\r\n          ...this.columnService.rowDataModel(\r\n            rgRow.itemIndex,\r\n            rgCol.itemIndex,\r\n          ),\r\n          providers: this.providers,\r\n        };\r\n\r\n        // call before cell render\r\n        const cellEvent = this.triggerBeforeCellRender(smodel, rgRow, rgCol);\r\n\r\n        // if event was prevented\r\n        if (cellEvent.defaultPrevented) {\r\n          continue;\r\n        }\r\n\r\n        const {\r\n          detail: { column: columnProps, row: rowProps, model: schemaModel },\r\n        } = cellEvent;\r\n\r\n        const defaultProps: CellProps = {\r\n          [DATA_COL]: columnProps.itemIndex,\r\n          [DATA_ROW]: rowProps.itemIndex,\r\n          style: {\r\n            width: `${columnProps.size}px`,\r\n            transform: `translateX(${columnProps.start}px)`,\r\n            height: rowProps.size ? `${rowProps.size}px` : undefined,\r\n          },\r\n        };\r\n        /**\r\n         * For grouping, can be removed in the future and replaced with event\r\n         */\r\n        if (groupDepth && !columnProps.itemIndex && defaultProps.style) {\r\n          defaultProps.style.paddingLeft = `${PADDING_DEPTH * groupDepth}px`;\r\n        }\r\n\r\n        const props = this.columnService.mergeProperties(\r\n          rowProps.itemIndex,\r\n          columnProps.itemIndex,\r\n          defaultProps,\r\n          schemaModel,\r\n        );\r\n\r\n        // Never use webcomponent for cell render\r\n        // It's very slow because of webcomponent initialization takes time\r\n        const cellNode = <CellRenderer\r\n          renderProps={{\r\n            schemaModel,\r\n            additionalData: this.additionalData,\r\n            dragStartCell: this.dragStartCell,\r\n          }}\r\n          cellProps={props}\r\n        />;\r\n        cells.push(cellNode);\r\n      }\r\n      // #endregion\r\n\r\n      // #region Rows\r\n      let rowClass = this.rowClass\r\n        ? this.columnService.getRowClass(rgRow.itemIndex, this.rowClass)\r\n        : '';\r\n      if (this.rowHighlightPlugin.isRowFocused(rgRow.itemIndex)) {\r\n        rowClass += ` ${ROW_FOCUSED_CLASS}`;\r\n      }\r\n      const row: VNode = (\r\n        <RowRenderer\r\n          index={rgRow.itemIndex}\r\n          rowClass={rowClass}\r\n          size={rgRow.size}\r\n          start={rgRow.start}\r\n        >\r\n          {cells}\r\n        </RowRenderer>\r\n      );\r\n      this.beforerowrender.emit({\r\n        node: row,\r\n        item: rgRow,\r\n        model: dataItem,\r\n        colType: this.columnService.type,\r\n        rowType: this.type,\r\n      });\r\n      rowsEls.push(row);\r\n      this.renderedRows.set(rgRow.itemIndex, row);\r\n      // #endregion\r\n    }\r\n    return (\r\n      <Host>\r\n        <slot />\r\n        {rowsEls}\r\n      </Host>\r\n    );\r\n  }\r\n\r\n  triggerBeforeCellRender(\r\n    model: CellTemplateProp,\r\n    row: VirtualPositionItem,\r\n    column: VirtualPositionItem,\r\n  ) {\r\n    const detail: BeforeCellRenderEvent<CellTemplateProp> = {\r\n      column,\r\n      row,\r\n      model,\r\n      rowType: model.type,\r\n      colType: model.colType,\r\n    };\r\n    return this.beforeCellRender.emit(detail);\r\n  }\r\n}\r\n"],"version":3}

package/standalone/revogr-edit.d.ts

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

package/standalone/revogr-edit.js

@@ -0,0 +1,12 @@
+/*!
+ * Built by LevelSkill.Pro
+ */
+import { R as RevoEdit, o as defineCustomElement$1 } from './revogr-edit2.js';
+
+const RevogrEdit = RevoEdit;
+const defineCustomElement = defineCustomElement$1;
+
+export { RevogrEdit, defineCustomElement };
+//# sourceMappingURL=revogr-edit.js.map
+
+//# sourceMappingURL=revogr-edit.js.map

package/standalone/revogr-edit.js.map

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