@revolist/revogrid 4.8.13 → 4.8.15

package/hydrate/index.mjs

@@ -126,7 +126,7 @@ const NAMESPACE = 'revo-grid';
 const BUILD = /* revo-grid */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, experimentalScopedSlotChanges: false, experimentalSlotFixes: false, formAssociated: false, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: false, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, hydratedSelectorName: "hydrated", invisiblePrehydration: false, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: false, observeAttribute: true, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: false, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
 
 /*
- Stencil Hydrate Platform v4.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -553,21 +553,19 @@ var registerStyle = (scopeId2, cssText, allowCS) => {
 };
 var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
-  const styleContainerDocument = styleContainerNode;
-  const styleContainerShadowRoot = styleContainerNode;
   const scopeId2 = getScopeId(cmpMeta);
   const style = styles.get(scopeId2);
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
   if (style) {
     if (typeof style === "string") {
-      styleContainerNode = styleContainerDocument.head || styleContainerNode;
+      styleContainerNode = styleContainerNode.head || styleContainerNode;
       let appliedStyles = rootAppliedStyles.get(styleContainerNode);
       let styleElm;
       if (!appliedStyles) {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
       }
       if (!appliedStyles.has(scopeId2)) {
-        if (styleContainerShadowRoot.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+        if (styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
           styleElm = doc.createElement("style");
@@ -1969,7 +1967,7 @@ function hydrateApp(win2, opts, results, afterHydrate, resolve) {
       if (isValidComponent(elm, opts) && results.hydratedCount < opts.maxHydrateCount) {
         if (!connectedElements.has(elm) && shouldHydrate(elm)) {
           connectedElements.add(elm);
-          return hydrateComponent(win2, results, elm.nodeName, elm, waitingElements);
+          return hydrateComponent.call(elm, win2, results, elm.nodeName, elm, waitingElements);
         }
       }
       return resolved2;
@@ -13660,15 +13658,23 @@ class ColumnOrderHandler {
 }
 
 /**
- * Dispatch custom event to element
+ * Dispatches a custom event to a specified target element.
+ *
+ * @param target - The target element to dispatch the event to.
+ * @param eventName - The name of the custom event.
+ * @param detail - Optional. The detail of the custom event.
+ * @returns The custom event that was dispatched.
  */
 function dispatch(target, eventName, detail) {
+    // Create a new CustomEvent with the specified event name and detail.
     const event = new CustomEvent(eventName, {
         detail,
-        cancelable: true,
-        bubbles: true,
+        cancelable: true, // Indicates whether the event can be canceled.
+        bubbles: true, // Indicates whether the event bubbles up through the DOM.
     });
+    // Dispatch the event on the target element.
     target === null || target === void 0 ? void 0 : target.dispatchEvent(event);
+    // Return the custom event that was dispatched.
     return event;
 }
 
@@ -14210,7 +14216,7 @@ class RevoGridComponent {
         this.rowDefinitions = [];
         this.editors = {};
         this.applyOnClose = false;
-        this.plugins = undefined;
+        this.plugins = [];
         this.columnTypes = {};
         this.theme = 'default';
         this.rowClass = '';
@@ -14840,7 +14846,7 @@ class RevoGridComponent {
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                hAsync("revogr-header", Object.assign({ key: '976f7077a7691ff91f82b7b57c1150f7cd25f80f' }, headerProperties, { slot: HEADER_SLOT })),
+                hAsync("revogr-header", Object.assign({ key: '8b76824703465a5460fb81326b92947acd9a83a5' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -14862,11 +14868,11 @@ class RevoGridComponent {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (hAsync(Host, { key: '1cbe6be788d56ab117b0f39ca124e3dba6478715', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '67f4b21397557797ffdbb85278120eb930bb5813', class: "main-viewport", onClick: (e) => {
+        return (hAsync(Host, { key: 'd957e237f9a2e2ce547cd9c23b85937096b35a32', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '4709d595e5f6882300be60d0be183ded224aee5f', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, hAsync("div", { key: '5f8c755cc01e631a55b3ab1692acd55fa6fbf241', class: "viewports" }, hAsync("slot", { key: '52985bd43e2d98a1728ccd8555c0eed4280bfd33', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '560039ce9407d3e143203e9421641057b6df4109', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), hAsync(OrderRenderer, { key: '07caf1dbace8574592b76806588397420eae0b85', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: 'b18678592cf72dbbe521025cebb72b37efd006ed', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, hAsync("div", { key: '3bb4a6506f5fc528ee1e5136abf6883bb7218f6b', class: "viewports" }, hAsync("slot", { key: 'c2e542cbbb7384d3327b043c21e956e18ec32b37', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '2e6bc41bc3ae6d1694517da2a335753a7e5fb2b0', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), hAsync(OrderRenderer, { key: '5b4b4e1fb96e55c16e1ec3f0afcf6f24ded1c7b6', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: '34a1eeb5efd6cb93f86ab8ea0ed5ec8910610992', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed
@@ -17168,7 +17174,7 @@ exports.hydrateApp = hydrateApp;
 }
 
 /*
- Stencil Hydrate Runner v4.19.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.8.13",
+  "version": "4.8.15",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",
@@ -103,11 +103,11 @@
   },
   "devDependencies": {
     "@stencil/store": "^2.0.16",
-    "@angular/core": "^18.0.3",
+    "@angular/core": "^18.1.2",
     "@juggle/resize-observer": "^3.4.0",
     "@revolist/stencil-vue2-output-target": "^0.0.3",
     "@stencil/angular-output-target": "0.8.4",
-    "@stencil/core": "^4.19.1",
+    "@stencil/core": "^4.19.2",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "^3.0.12",
     "@stencil/svelte-output-target": "0.0.3",
@@ -132,11 +132,11 @@
     "react-dom": "^18.3.1",
     "rxjs": "^7.8.1",
     "svelte": "^4.2.18",
-    "typedoc": "^0.26.2",
-    "typedoc-plugin-markdown": "^4.1.0",
-    "typescript": "^5.4.5",
+    "typedoc": "^0.26.5",
+    "typedoc-plugin-markdown": "^4.2.3",
+    "typescript": "^5.5.4",
     "url": "^0.11.3",
-    "vue": "^3.4.27"
+    "vue": "^3.4.34"
   },
   "publishConfig": {
     "access": "public"

package/standalone/index.js

@@ -5,7 +5,7 @@ import { setMode } from '@stencil/core/internal/client';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 import { T as ThemeService } from './revo-grid.js';
 export { B as BasePlugin, D as DimensionStore, RevoGrid, c as columnTypes, defineCustomElement as defineCustomElementRevoGrid, i as isRowType, r as rowTypes } from './revo-grid.js';
-export { d as dispatch, a as dispatchByEvent, b as dispatchOnEvent } from './revogr-header2.js';
+export { d as dispatch, a as dispatchByEvent } from './revogr-header2.js';
 export { D as DataStore, f as gatherTrimmedItems, g as getPhysical, b as getSourceItem, e as getSourceItemVirtualIndexByProp, a as getVisibleSourceItem, p as proxyPlugin, d as setItems, c as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, h as setStore, t as trimmedPlugin } from './data.store.js';
 export { RevogrAttribution, defineCustomElement as defineCustomElementRevogrAttribution } from './revogr-attribution.js';
 export { RevogrClipboard, defineCustomElement as defineCustomElementRevogrClipboard } from './revogr-clipboard.js';

package/standalone/revo-grid.js

@@ -16,7 +16,7 @@ import { V as ViewportStore, f as calculateRowHeaderSize, h as defineCustomEleme
 import { t as timeout, g as getScrollbarSize } from './index2.js';
 import { F as FILTER_PROP, i as isFilterBtn } from './filter.button.js';
 import { g as getLastCell, H as HEADER_SLOT, C as CONTENT_SLOT, F as FOOTER_SLOT, D as DATA_SLOT, d as defineCustomElement$3 } from './revogr-viewport-scroll2.js';
-import { d as dispatch, O as ON_COLUMN_CLICK, c as defineCustomElement$9 } from './revogr-header2.js';
+import { d as dispatch, O as ON_COLUMN_CLICK, b as defineCustomElement$9 } from './revogr-header2.js';
 import { g as getPropertyFromEvent } from './selection.utils.js';
 import { d as defineCustomElement$e } from './revogr-attribution2.js';
 import { d as defineCustomElement$d } from './revogr-clipboard2.js';
@@ -3453,7 +3453,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.rowDefinitions = [];
         this.editors = {};
         this.applyOnClose = false;
-        this.plugins = undefined;
+        this.plugins = [];
         this.columnTypes = {};
         this.theme = 'default';
         this.rowClass = '';
@@ -4083,7 +4083,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                h("revogr-header", Object.assign({ key: '976f7077a7691ff91f82b7b57c1150f7cd25f80f' }, headerProperties, { slot: HEADER_SLOT })),
+                h("revogr-header", Object.assign({ key: '8b76824703465a5460fb81326b92947acd9a83a5' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -4105,11 +4105,11 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (h(Host, { key: '1cbe6be788d56ab117b0f39ca124e3dba6478715', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '67f4b21397557797ffdbb85278120eb930bb5813', class: "main-viewport", onClick: (e) => {
+        return (h(Host, { key: 'd957e237f9a2e2ce547cd9c23b85937096b35a32', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '4709d595e5f6882300be60d0be183ded224aee5f', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, h("div", { key: '5f8c755cc01e631a55b3ab1692acd55fa6fbf241', class: "viewports" }, h("slot", { key: '52985bd43e2d98a1728ccd8555c0eed4280bfd33', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '560039ce9407d3e143203e9421641057b6df4109', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), h(OrderRenderer, { key: '07caf1dbace8574592b76806588397420eae0b85', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: 'b18678592cf72dbbe521025cebb72b37efd006ed', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, h("div", { key: '3bb4a6506f5fc528ee1e5136abf6883bb7218f6b', class: "viewports" }, h("slot", { key: 'c2e542cbbb7384d3327b043c21e956e18ec32b37', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '2e6bc41bc3ae6d1694517da2a335753a7e5fb2b0', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), h(OrderRenderer, { key: '5b4b4e1fb96e55c16e1ec3f0afcf6f24ded1c7b6', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: '34a1eeb5efd6cb93f86ab8ea0ed5ec8910610992', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed