@revolist/revogrid 4.24.3 → 4.25.0

package/dist/collection/types/theme.js

@@ -1 +1,73 @@
-export {};
+/*!
+ * Built by Revolist OU ❤️
+ */
+/**
+ * Public theme tokens and their CSS custom-property counterparts.
+ * Keep this map as the single source of truth for typed theme definitions.
+ */
+export const themeTokenCssVariables = {
+    primary: '--revo-grid-primary',
+    primaryTransparent: '--revo-grid-primary-transparent',
+    background: '--revo-grid-background',
+    foreground: '--revo-grid-foreground',
+    divider: '--revo-grid-divider',
+    shadow: '--revo-grid-shadow',
+    text: '--revo-grid-text',
+    border: '--revo-grid-border',
+    headerBg: '--revo-grid-header-bg',
+    headerColor: '--revo-grid-header-color',
+    headerBorder: '--revo-grid-header-border',
+    headerFocusedBg: '--revo-grid-header-focused-bg',
+    headerHoverBg: '--revo-grid-header-hover-bg',
+    cellBorder: '--revo-grid-cell-border',
+    cellVerticalBorder: '--revo-grid-cell-vertical-border',
+    focusedBg: '--revo-grid-focused-bg',
+    rowHover: '--revo-grid-row-hover',
+    rowHeadersBg: '--revo-grid-row-headers-bg',
+    rowHeadersColor: '--revo-grid-row-headers-color',
+    cellDisabledBg: '--revo-grid-cell-disabled-bg',
+    filterPanelBg: '--revo-grid-filter-panel-bg',
+    filterPanelBorder: '--revo-grid-filter-panel-border',
+    filterPanelShadow: '--revo-grid-filter-panel-shadow',
+    filterPanelInputBg: '--revo-grid-filter-panel-input-bg',
+    filterPanelDivider: '--revo-grid-filter-panel-divider',
+    filterPanelSelectBorder: '--revo-grid-filter-panel-select-border',
+    filterPanelSelectBorderHover: '--revo-grid-filter-panel-select-border-hover',
+    filterPanelReorderAccent: '--revo-grid-filter-panel-reorder-accent',
+    filterPanelReorderColor: '--revo-grid-filter-panel-reorder-color',
+    filterPanelText: '--revo-grid-filter-panel-text',
+    filterPanelMutedText: '--revo-grid-filter-panel-muted-text',
+    filterPanelFocusRing: '--revo-grid-filter-panel-focus-ring',
+    filterPanelIcon: '--revo-grid-filter-panel-icon',
+    filterPanelIconActive: '--revo-grid-filter-panel-icon-active',
+    filterPanelSelectArrow: '--revo-grid-filter-panel-select-arrow',
+    filterPanelSelectArrowDisabled: '--revo-grid-filter-panel-select-arrow-disabled',
+    fontFamily: '--revo-grid-font-family',
+    fontSize: '--revo-grid-font-size',
+    headerHeight: '--revo-grid-header-height',
+    headerFontSize: '--revo-grid-header-font-size',
+    headerFontWeight: '--revo-grid-header-font-weight',
+    headerTextTransform: '--revo-grid-header-text-transform',
+    headerTextAlign: '--revo-grid-header-text-align',
+    cellTextAlign: '--revo-grid-cell-text-align',
+    headerPadding: '--revo-grid-header-padding',
+    cellPadding: '--revo-grid-cell-padding',
+    selectionBorder: '--revo-grid-selection-border',
+    selectionBg: '--revo-grid-selection-bg',
+    autofillHandleBg: '--revo-grid-autofill-handle-bg',
+    autofillHandleBorder: '--revo-grid-autofill-handle-border',
+    rangeHandleBg: '--revo-grid-range-handle-bg',
+    temporaryRangeBorder: '--revo-grid-temporary-range-border',
+    temporarySelectionBorder: '--revo-grid-temporary-selection-border',
+    headerResizeHover: '--revo-grid-header-resize-hover',
+    buttonText: '--revo-grid-button-text',
+    buttonBg: '--revo-grid-button-bg',
+    buttonSuccessBg: '--revo-grid-button-success-bg',
+    buttonDangerBg: '--revo-grid-button-danger-bg',
+    buttonOutlineBorder: '--revo-grid-button-outline-border',
+    buttonOutlineText: '--revo-grid-button-outline-text',
+};
+/** Type-safe identity helper for reusable theme definitions. */
+export function defineTheme(theme) {
+    return theme;
+}

package/dist/esm/app-globals-CA4dvSNd.js

@@ -0,0 +1,6 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/{revo-grid/cell-renderer-BQjko1zB.js → esm/cell-renderer-11cf-lu3.js}

@@ -1,9 +1,9 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { h, f as Build } from './index-Chp_81rd.js';
-import { n as DATA_ROW, b as getSourceItem, m as DATA_COL, C as CELL_CLASS, w as DRAG_ICON_CLASS, x as DRAGGABLE_CLASS } from './dimension.helpers-CXrsUc6f.js';
-import { A as getCellRaw, v as isGroupingColumn, l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, j as GROUP_COLUMN_PROP, P as PSEUDO_GROUP_ITEM, h as GROUP_EXPANDED, G as GROUP_DEPTH, O as isRowDragService, B as getCellDataParsed } from './column.service-BnFqXqQG.js';
+import { h, e as Build } from './index-CtimkLsB.js';
+import { n as DATA_ROW, b as getSourceItem, m as DATA_COL, C as CELL_CLASS, w as DRAG_ICON_CLASS, x as DRAGGABLE_CLASS } from './dimension.helpers-fl4HSSK9.js';
+import { A as getCellRaw, v as isGroupingColumn, l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, j as GROUP_COLUMN_PROP, P as PSEUDO_GROUP_ITEM, h as GROUP_EXPANDED, G as GROUP_DEPTH, O as isRowDragService, B as getCellDataParsed } from './column.service-Cfw3L0PN.js';
 
 /**
  * Renders sorting direction and optional additive sorting rank.

package/dist/{revo-grid/column.drag.plugin-K0lXn2G3.js → esm/column.drag.plugin-DKgC_0I1.js}

@@ -1,14 +1,85 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-BnFqXqQG.js';
-import { K as createStore, l as setStore, i as calculateDimensionData, L as identity, N as isArray, b as getSourceItem, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-CXrsUc6f.js';
-import { j as calculateRowHeaderSize } from './viewport.store-D5jEuhLq.js';
-import { g as getScrollbarSize, t as timeout } from './index-DBqlJITb.js';
-import { h } from './index-Chp_81rd.js';
-import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-B-RBiF67.js';
+import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-Cfw3L0PN.js';
+import { K as createStore, l as setStore, i as calculateDimensionData, L as identity, N as isArray, b as getSourceItem, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-fl4HSSK9.js';
+import { j as calculateRowHeaderSize } from './viewport.store-BSXmsiZc.js';
+import { g as getScrollbarSize, t as timeout } from './index-D24ku9ej.js';
+import { h } from './index-CtimkLsB.js';
+import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-DMhpuAiw.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
-import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-B3mYpZD3.js';
+import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-Cqtg1ETB.js';
+
+/**
+ * Public theme tokens and their CSS custom-property counterparts.
+ * Keep this map as the single source of truth for typed theme definitions.
+ */
+const themeTokenCssVariables = {
+    primary: '--revo-grid-primary',
+    primaryTransparent: '--revo-grid-primary-transparent',
+    background: '--revo-grid-background',
+    foreground: '--revo-grid-foreground',
+    divider: '--revo-grid-divider',
+    shadow: '--revo-grid-shadow',
+    text: '--revo-grid-text',
+    border: '--revo-grid-border',
+    headerBg: '--revo-grid-header-bg',
+    headerColor: '--revo-grid-header-color',
+    headerBorder: '--revo-grid-header-border',
+    headerFocusedBg: '--revo-grid-header-focused-bg',
+    headerHoverBg: '--revo-grid-header-hover-bg',
+    cellBorder: '--revo-grid-cell-border',
+    cellVerticalBorder: '--revo-grid-cell-vertical-border',
+    focusedBg: '--revo-grid-focused-bg',
+    rowHover: '--revo-grid-row-hover',
+    rowHeadersBg: '--revo-grid-row-headers-bg',
+    rowHeadersColor: '--revo-grid-row-headers-color',
+    cellDisabledBg: '--revo-grid-cell-disabled-bg',
+    filterPanelBg: '--revo-grid-filter-panel-bg',
+    filterPanelBorder: '--revo-grid-filter-panel-border',
+    filterPanelShadow: '--revo-grid-filter-panel-shadow',
+    filterPanelInputBg: '--revo-grid-filter-panel-input-bg',
+    filterPanelDivider: '--revo-grid-filter-panel-divider',
+    filterPanelSelectBorder: '--revo-grid-filter-panel-select-border',
+    filterPanelSelectBorderHover: '--revo-grid-filter-panel-select-border-hover',
+    filterPanelReorderAccent: '--revo-grid-filter-panel-reorder-accent',
+    filterPanelReorderColor: '--revo-grid-filter-panel-reorder-color',
+    filterPanelText: '--revo-grid-filter-panel-text',
+    filterPanelMutedText: '--revo-grid-filter-panel-muted-text',
+    filterPanelFocusRing: '--revo-grid-filter-panel-focus-ring',
+    filterPanelIcon: '--revo-grid-filter-panel-icon',
+    filterPanelIconActive: '--revo-grid-filter-panel-icon-active',
+    filterPanelSelectArrow: '--revo-grid-filter-panel-select-arrow',
+    filterPanelSelectArrowDisabled: '--revo-grid-filter-panel-select-arrow-disabled',
+    fontFamily: '--revo-grid-font-family',
+    fontSize: '--revo-grid-font-size',
+    headerHeight: '--revo-grid-header-height',
+    headerFontSize: '--revo-grid-header-font-size',
+    headerFontWeight: '--revo-grid-header-font-weight',
+    headerTextTransform: '--revo-grid-header-text-transform',
+    headerTextAlign: '--revo-grid-header-text-align',
+    cellTextAlign: '--revo-grid-cell-text-align',
+    headerPadding: '--revo-grid-header-padding',
+    cellPadding: '--revo-grid-cell-padding',
+    selectionBorder: '--revo-grid-selection-border',
+    selectionBg: '--revo-grid-selection-bg',
+    autofillHandleBg: '--revo-grid-autofill-handle-bg',
+    autofillHandleBorder: '--revo-grid-autofill-handle-border',
+    rangeHandleBg: '--revo-grid-range-handle-bg',
+    temporaryRangeBorder: '--revo-grid-temporary-range-border',
+    temporarySelectionBorder: '--revo-grid-temporary-selection-border',
+    headerResizeHover: '--revo-grid-header-resize-hover',
+    buttonText: '--revo-grid-button-text',
+    buttonBg: '--revo-grid-button-bg',
+    buttonSuccessBg: '--revo-grid-button-success-bg',
+    buttonDangerBg: '--revo-grid-button-danger-bg',
+    buttonOutlineBorder: '--revo-grid-button-outline-border',
+    buttonOutlineText: '--revo-grid-button-outline-text',
+};
+/** Type-safe identity helper for reusable theme definitions. */
+function defineTheme(theme) {
+    return theme;
+}
 
 function calculateRealSize({ count, originItemSize, sizes, }) {
     const safeCount = Math.max(0, count);
@@ -2880,4 +2951,4 @@ function getColumnDragPosition(targetItem, startItem, renderOffset, scrollOffset
     return insertionEdge - renderOffset + scrollOffset;
 }
 
-export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, FILTE_PANEL as d, FilterPlugin as e, filterCoreFunctionsIndexedByType as f, filterTypes as g, filterNames as h, isStretchPlugin as i, doCollapse as j, doExpand as k, COLUMN_DRAG_MOVE_EVENT as l, COLUMN_DRAG_END_EVENT as m, BEFORE_COLUMN_DRAG_END_EVENT as n, COLUMN_DRAG_START_EVENT as o, ColumnMovePlugin as p, getLeftRelative as q, getColumnDragPosition as r, SortingPlugin as s, hasActiveSorting as t, getSortingIndex as u, sortIndexByItems as v, defaultCellCompare as w, descCellCompare as x, getNextOrder as y, getComparer as z };
+export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, getNextOrder as H, getComparer as I, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, defineTheme as d, FILTE_PANEL as e, FilterPlugin as f, filterCoreFunctionsIndexedByType as g, filterTypes as h, isStretchPlugin as i, filterNames as j, doCollapse as k, doExpand as l, COLUMN_DRAG_MOVE_EVENT as m, COLUMN_DRAG_END_EVENT as n, BEFORE_COLUMN_DRAG_END_EVENT as o, COLUMN_DRAG_START_EVENT as p, ColumnMovePlugin as q, getLeftRelative as r, getColumnDragPosition as s, themeTokenCssVariables as t, SortingPlugin as u, hasActiveSorting as v, getSortingIndex as w, sortIndexByItems as x, defaultCellCompare as y, descCellCompare as z };

package/dist/esm/{column.service-BnFqXqQG.js → column.service-Cfw3L0PN.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { Q as toFinite, U as keys, V as isArrayLike, W as baseIteratee, N as isArray, G as GRID_INTERNALS, X as isIterateeCall, a as getVisibleSourceItem, o as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-CXrsUc6f.js';
+import { Q as toFinite, U as keys, V as isArrayLike, W as baseIteratee, N as isArray, G as GRID_INTERNALS, X as isIterateeCall, a as getVisibleSourceItem, o as DISABLED_CLASS, C as CELL_CLASS, b as getSourceItem } from './dimension.helpers-fl4HSSK9.js';
 
 /**
  * Converts `value` to an integer.

package/dist/esm/{dimension.helpers-CXrsUc6f.js → dimension.helpers-fl4HSSK9.js}

@@ -2,7 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import { i as isObject, b as baseGetTag, r as root, S as Symbol, a as isObjectLike, f as freeGlobal, c as isSymbol, t as toNumber } from './debounce-PCRWZliA.js';
-import { S as StencilCore } from './index-Chp_81rd.js';
+import { S as StencilCore } from './index-CtimkLsB.js';
 
 /**
  * Todo:

package/dist/esm/{edit.utils-CXmmCnxE.js → edit.utils-4e9fsqOR.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { O as KeyCodesEnum, P as OsPlatform, I as codesLetter, J as keyValues, E as EDIT_INPUT_WR } from './dimension.helpers-CXrsUc6f.js';
+import { O as KeyCodesEnum, P as OsPlatform, I as codesLetter, J as keyValues, E as EDIT_INPUT_WR } from './dimension.helpers-fl4HSSK9.js';
 
 function isMetaKey(code) {
     const keys = [

package/dist/esm/{filter.button-B-RBiF67.js → filter.button-DMhpuAiw.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { h } from './index-Chp_81rd.js';
+import { h } from './index-CtimkLsB.js';
 
 const FILTER_BUTTON_CLASS = 'rv-filter';
 const FILTER_BUTTON_ACTIVE = 'active';

package/dist/esm/{header-cell-renderer-B3mYpZD3.js → header-cell-renderer-Cqtg1ETB.js}

@@ -1,8 +1,8 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { h } from './index-Chp_81rd.js';
-import { Q as doPropMerge } from './column.service-BnFqXqQG.js';
+import { h } from './index-CtimkLsB.js';
+import { Q as doPropMerge } from './column.service-Cfw3L0PN.js';
 
 /**
  * Dispatches a custom event to a specified target element.

package/dist/esm/{index-Chp_81rd.js → index-CtimkLsB.js}

@@ -6,7 +6,7 @@ const BUILD = /* revo-grid */ { allRenderFn: false, appendChildSlotFix: false, a
 const Env = /* revo-grid */ {};
 
 /*
- Stencil Client Platform v4.43.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
  */
 
 var Build = {
@@ -2144,6 +2144,31 @@ var getMode = (ref) => {
   return (_a = getHostRef(ref)) == null ? void 0 : _a.$modeName$;
 };
 
+// src/runtime/normalize-watchers.ts
+var normalizeWatchers = (raw) => {
+  if (!raw) return void 0;
+  const keys = Object.keys(raw);
+  if (keys.length === 0) return void 0;
+  let hasLegacy = false;
+  for (const propName of keys) {
+    if (hasLegacy) break;
+    for (const h2 of raw[propName]) {
+      if (typeof h2 === "string") {
+        hasLegacy = true;
+        break;
+      }
+    }
+  }
+  if (!hasLegacy) return raw;
+  const out = {};
+  for (const propName of keys) {
+    out[propName] = raw[propName].map(
+      (h2) => typeof h2 === "string" ? { [h2]: 0 } : h2
+    );
+  }
+  return out;
+};
+
 // src/utils/remote-value.ts
 var RemoteValue = class _RemoteValue {
   /**
@@ -2240,11 +2265,19 @@ var RemoteValue = class _RemoteValue {
 };
 
 // src/utils/serialize.ts
+function decodeBase64Unicode(base64) {
+  const binary = atob(base64);
+  const bytes = new Uint8Array(binary.length);
+  for (let i2 = 0; i2 < binary.length; i2++) {
+    bytes[i2] = binary.charCodeAt(i2);
+  }
+  return new TextDecoder().decode(bytes);
+}
 function deserializeProperty(value) {
   if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
     return value;
   }
-  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
+  return RemoteValue.fromLocalValue(JSON.parse(decodeBase64Unicode(value.slice(SERIALIZED_PREFIX.length))));
 }
 
 // src/runtime/parse-property-value.ts
@@ -3542,7 +3575,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
   if (BUILD.member && cmpMeta.$members$ || BUILD.propChangeCallback) {
     if (BUILD.propChangeCallback) {
       if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = Cstr.watchers;
+        cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
       }
       if (Cstr.deserializers && !cmpMeta.$deserializers$) {
         cmpMeta.$deserializers$ = Cstr.deserializers;
@@ -3720,11 +3753,13 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             return;
           }
           const propFlags = members.find(([m]) => m === propName);
-          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
+          const isBooleanTarget = propFlags && propFlags[1][0] & 4 /* Boolean */;
+          const isSpuriousBooleanRemoval = isBooleanTarget && newValue === null && this[propName] === void 0;
+          if (isBooleanTarget) {
             newValue = newValue === null || newValue === "false" ? false : true;
           }
           const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
+          if (!isSpuriousBooleanRemoval && newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
             this[propName] = newValue;
           }
         });
@@ -3772,7 +3807,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         }
         if (BUILD.member && !Cstr.isProxied) {
           if (BUILD.propChangeCallback) {
-            cmpMeta.$watchers$ = Cstr.watchers;
+            cmpMeta.$watchers$ = normalizeWatchers(Cstr.watchers);
             cmpMeta.$serializers$ = Cstr.serializers;
             cmpMeta.$deserializers$ = Cstr.deserializers;
           }
@@ -3984,7 +4019,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
       cmpMeta.$listeners$ = compactMeta[3];
     }
     if (BUILD.propChangeCallback) {
-      cmpMeta.$watchers$ = Cstr.$watchers$;
+      cmpMeta.$watchers$ = normalizeWatchers(Cstr.$watchers$);
       cmpMeta.$deserializers$ = Cstr.$deserializers$;
       cmpMeta.$serializers$ = Cstr.$serializers$;
     }
@@ -4140,7 +4175,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let hasSlotRelocation = false;
   lazyBundles.map((lazyBundle) => {
     lazyBundle[1].map((compactMeta) => {
-      var _a2, _b, _c;
+      var _a2, _b;
       const cmpMeta = {
         $flags$: compactMeta[0],
         $tagName$: compactMeta[1],
@@ -4160,9 +4195,9 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         cmpMeta.$attrsToReflect$ = [];
       }
       if (BUILD.propChangeCallback) {
-        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
-        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
-        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
+        cmpMeta.$watchers$ = normalizeWatchers(compactMeta[4]);
+        cmpMeta.$serializers$ = (_a2 = compactMeta[5]) != null ? _a2 : {};
+        cmpMeta.$deserializers$ = (_b = compactMeta[6]) != null ? _b : {};
       }
       if (BUILD.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
         cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
@@ -4370,15 +4405,21 @@ var setNonce = (nonce) => plt.$nonce$ = nonce;
 var setPlatformOptions = (opts) => Object.assign(plt, opts);
 
 // src/runtime/render.ts
+var hostRefCache = /* @__PURE__ */ new WeakMap();
 function render(vnode, container) {
-  const cmpMeta = {
-    $flags$: 0,
-    $tagName$: container.tagName
-  };
-  const ref = {
-    $cmpMeta$: cmpMeta,
-    $hostElement$: container
-  };
+  let ref = hostRefCache.get(container);
+  if (!ref) {
+    const cmpMeta = {
+      $flags$: 0,
+      $tagName$: container.tagName
+    };
+    ref = {
+      $flags$: 0,
+      $cmpMeta$: cmpMeta,
+      $hostElement$: container
+    };
+    hostRefCache.set(container, ref);
+  }
   renderVdom(ref, vnode);
 }
 
@@ -4634,6 +4675,7 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   modeResolutionChain: modeResolutionChain,
   needsScopedSSR: needsScopedSSR,
   nextTick: nextTick,
+  normalizeWatchers: normalizeWatchers,
   parsePropertyValue: parsePropertyValue,
   plt: plt,
   postUpdateComponent: postUpdateComponent,
@@ -4664,4 +4706,4 @@ var StencilCore = /*#__PURE__*/Object.freeze({
   writeTask: writeTask
 });
 
-export { BUILD as B, H, NAMESPACE as N, StencilCore as S, setMode as a, bootstrapLazy as b, consoleDevInfo as c, createEvent as d, Host as e, Build as f, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, win as w };
+export { BUILD as B, H, NAMESPACE as N, StencilCore as S, createEvent as a, bootstrapLazy as b, consoleDevInfo as c, Host as d, Build as e, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s, win as w };

package/dist/esm/{index-DBqlJITb.js → index-D24ku9ej.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import './dimension.helpers-CXrsUc6f.js';
+import './dimension.helpers-fl4HSSK9.js';
 
 /* Generate range on size
  */