@revolist/revogrid 4.20.4 → 4.21.0

package/dist/cjs/app-globals-CPPhEXmy.js

@@ -0,0 +1,26 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var index = require('./index-Dq8Xzj5l.js');
+var theme_service = require('./theme.service-BgnxGIjK.js');
+
+function global () {
+    index.setMode(elm => {
+        let theme = elm.theme || elm.getAttribute('theme');
+        if (typeof theme === 'string') {
+            theme = theme.trim();
+        }
+        const parsedTheme = theme_service.getTheme(theme);
+        if (parsedTheme !== theme) {
+            elm.setAttribute('theme', parsedTheme);
+        }
+        return parsedTheme;
+    });
+}
+
+const appGlobalScript = global || (() => {});
+const globalScripts = appGlobalScript;
+
+exports.globalScripts = globalScripts;

package/dist/cjs/{cell-renderer-ChTDsUI9.js → cell-renderer-iLXu-jlp.js}

@@ -3,9 +3,9 @@
  */
 'use strict';
 
-var index = require('./index-BF1c1pO3.js');
-var dimension_helpers = require('./dimension.helpers-C5PvAWJW.js');
-var column_service = require('./column.service-D9RDDMpb.js');
+var index = require('./index-Dq8Xzj5l.js');
+var dimension_helpers = require('./dimension.helpers-DLLC6uO6.js');
+var column_service = require('./column.service-fHfnFgbR.js');
 
 const SortingSign = ({ column }) => {
     var _a;
@@ -40,10 +40,9 @@ const GroupingRowRenderer = (props) => {
     const expanded = model[column_service.GROUP_EXPANDED];
     const depth = parseInt(model[column_service.GROUP_DEPTH], 10) || 0;
     if (groupingCustomRenderer) {
-        return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }),
-            index.h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(index.h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
-                expanded,
-                depth })))));
+        return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), index.h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(index.h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+            expanded,
+            depth })))));
     }
     return (index.h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
         index.h("button", { class: { [column_service.GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
@@ -51,8 +50,7 @@ const GroupingRowRenderer = (props) => {
     ]));
 };
 const expandSvgIconVNode = (expanded = false) => {
-    return (index.h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" },
-        index.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" })));
+    return (index.h("svg", { "aria-hidden": "true", style: { transform: `rotate(${!expanded ? -90 : 0}deg)` }, focusable: "false", viewBox: "0 0 448 512" }, index.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) {
@@ -82,8 +80,7 @@ function renderCell(v) {
                         originalEvent,
                         model: v.schemaModel,
                     });
-                } },
-                index.h("span", { class: dimension_helpers.DRAG_ICON_CLASS })));
+                } }, index.h("span", { class: dimension_helpers.DRAG_ICON_CLASS })));
         }
         els.push(`${column_service.getCellDataParsed(v.schemaModel.model, v.schemaModel.column)}`);
     }
@@ -101,6 +98,3 @@ exports.RowRenderer = RowRenderer;
 exports.SortingSign = SortingSign;
 exports.expandEvent = expandEvent;
 exports.expandSvgIconVNode = expandSvgIconVNode;
-//# sourceMappingURL=cell-renderer-ChTDsUI9.js.map
-
-//# sourceMappingURL=cell-renderer-ChTDsUI9.js.map

package/dist/cjs/{column.drag.plugin-D1Iy4E0A.js → column.drag.plugin-eaYWjuoZ.js}

@@ -3,13 +3,13 @@
  */
 'use strict';
 
-var column_service = require('./column.service-D9RDDMpb.js');
-var dimension_helpers = require('./dimension.helpers-C5PvAWJW.js');
-var viewport_store = require('./viewport.store-BQqAGkuJ.js');
-var index = require('./index-BF1c1pO3.js');
-var filter_button = require('./filter.button-DSsWNs23.js');
+var column_service = require('./column.service-fHfnFgbR.js');
+var dimension_helpers = require('./dimension.helpers-DLLC6uO6.js');
+var viewport_store = require('./viewport.store-BkVhhu7P.js');
+var index = require('./index-Dq8Xzj5l.js');
+var filter_button = require('./filter.button-w6LWnyhi.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var headerCellRenderer = require('./header-cell-renderer-CbdtxSW8.js');
+var headerCellRenderer = require('./header-cell-renderer-CRT8nEvk.js');
 
 /**
  * Plugin which recalculates realSize on changes of sizes, originItemSize and count
@@ -121,11 +121,12 @@ function initialBase() {
     };
 }
 function initialState() {
-    return Object.assign(Object.assign({}, initialBase()), { 
+    return Object.assign(Object.assign({}, initialBase()), {
         // size which all items can take
-        realSize: 0, 
+        realSize: 0,
         // initial item size if it wasn't changed
-        originItemSize: 0 });
+        originItemSize: 0
+    });
 }
 class DimensionStore {
     constructor(type) {
@@ -1250,9 +1251,7 @@ class FilterPlugin extends BasePlugin {
         const existingNodes = this.revogrid.registerVNode.filter(n => typeof n === 'object' && n.$tag$ !== FILTE_PANEL);
         this.revogrid.registerVNode = [
             ...existingNodes,
-            index.h("revogr-filter-panel", { filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, closeOnOutsideClick: config === null || config === void 0 ? void 0 : config.closeFilterPanelOnOutsideClick, ref: e => (this.pop = e) },
-                ' ',
-                this.extraContent()),
+            index.h("revogr-filter-panel", { filterNames: this.filterNameIndexByType, filterEntities: this.filterFunctionsIndexedByType, filterCaptions: (_a = config === null || config === void 0 ? void 0 : config.localization) === null || _a === void 0 ? void 0 : _a.captions, onFilterChange: e => this.onFilterChange(e.detail), onResetChange: e => this.onFilterReset(e.detail), disableDynamicFiltering: config === null || config === void 0 ? void 0 : config.disableDynamicFiltering, closeOnOutsideClick: config === null || config === void 0 ? void 0 : config.closeFilterPanelOnOutsideClick, ref: e => (this.pop = e) }, ' ', this.extraContent()),
         ];
         const aftersourceset = async () => {
             const filterCollectionProps = Object.keys(this.filterCollection);
@@ -2623,6 +2622,3 @@ exports.getLeftRelative = getLeftRelative;
 exports.getNextOrder = getNextOrder;
 exports.isStretchPlugin = isStretchPlugin;
 exports.sortIndexByItems = sortIndexByItems;
-//# sourceMappingURL=column.drag.plugin-D1Iy4E0A.js.map
-
-//# sourceMappingURL=column.drag.plugin-D1Iy4E0A.js.map

package/dist/cjs/{column.service-D9RDDMpb.js → column.service-fHfnFgbR.js}

@@ -3,8 +3,7 @@
  */
 'use strict';
 
-var dimension_helpers = require('./dimension.helpers-C5PvAWJW.js');
-require('./index-BF1c1pO3.js');
+var dimension_helpers = require('./dimension.helpers-DLLC6uO6.js');
 
 /**
  * Converts `value` to an integer.
@@ -997,6 +996,3 @@ exports.nextCell = nextCell;
 exports.reduce = reduce;
 exports.rowTypes = rowTypes;
 exports.toInteger = toInteger;
-//# sourceMappingURL=column.service-D9RDDMpb.js.map
-
-//# sourceMappingURL=column.service-D9RDDMpb.js.map

package/dist/cjs/debounce-CcpHiH2p.js

@@ -493,6 +493,3 @@ exports.isObjectLike = isObjectLike;
 exports.isSymbol = isSymbol;
 exports.root = root;
 exports.toNumber = toNumber;
-//# sourceMappingURL=debounce-CcpHiH2p.js.map
-
-//# sourceMappingURL=debounce-CcpHiH2p.js.map

package/dist/cjs/{dimension.helpers-C5PvAWJW.js → dimension.helpers-DLLC6uO6.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BF1c1pO3.js');
 var debounce$1 = require('./debounce-CcpHiH2p.js');
+var index = require('./index-Dq8Xzj5l.js');
 
 /**
  * Todo:
@@ -2540,7 +2540,7 @@ function toFinite(value) {
     return value === 0 ? value : 0;
   }
   value = debounce$1.toNumber(value);
-  if (value === INFINITY || value === -Infinity) {
+  if (value === INFINITY || value === -INFINITY) {
     var sign = (value < 0 ? -1 : 1);
     return sign * MAX_INTEGER;
   }
@@ -2711,12 +2711,13 @@ function createRange(fromRight) {
 var range$1 = createRange();
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
+    let refs = map.get(propName);
+    if (!refs) {
+        refs = [];
+        map.set(propName, refs);
     }
-    else if (!items.includes(value)) {
-        items.push(value);
+    if (!refs.some((ref) => ref.deref() === value)) {
+        refs.push(new WeakRef(value));
     }
 };
 const debounce = (fn, ms) => {
@@ -2744,33 +2745,54 @@ const debounce = (fn, ms) => {
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        const refs = map.get(key).filter((ref) => {
+            const elm = ref.deref();
+            return elm && isConnected(elm);
+        });
+        map.set(key, refs);
     }
 }, 2_000);
+const core = index.StencilCore;
+const forceUpdate = core.forceUpdate;
+const getRenderingRef = core.getRenderingRef;
 const stencilSubscription = () => {
-    if (typeof index.getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
     }
+    const ensureForceUpdate = forceUpdate;
+    const ensureGetRenderingRef = getRenderingRef;
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = index.getRenderingRef();
+            const elm = ensureGetRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(index.forceUpdate));
+            const refs = elmsToUpdate.get(propName);
+            if (refs) {
+                const nextRefs = refs.filter((ref) => {
+                    const elm = ref.deref();
+                    if (!elm)
+                        return false;
+                    return ensureForceUpdate(elm);
+                });
+                elmsToUpdate.set(propName, nextRefs);
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(index.forceUpdate));
+            elmsToUpdate.forEach((refs) => {
+                refs.forEach((ref) => {
+                    const elm = ref.deref();
+                    if (elm)
+                        ensureForceUpdate(elm);
+                });
+            });
             cleanupElements(elmsToUpdate);
         },
     };
@@ -2778,8 +2800,11 @@ const stencilSubscription = () => {
 
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
+    const initialState = resolveDefaultState();
+    let states = new Map(Object.entries(initialState));
+    const proxyAvailable = typeof Proxy !== 'undefined';
+    const plainState = proxyAvailable ? null : {};
     const handlers = {
         dispose: [],
         get: [],
@@ -2791,7 +2816,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        states = new Map(Object.entries(resolveDefaultState()));
+        if (!proxyAvailable) {
+            syncPlainStateKeys();
+        }
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -2808,12 +2836,14 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(propName);
         if (shouldUpdate(value, oldValue, propName)) {
             states.set(propName, value);
+            if (!proxyAvailable) {
+                ensurePlainProperty(propName);
+            }
             handlers.set.forEach((cb) => cb(propName, value, oldValue));
         }
     };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
+    const state = (proxyAvailable
+        ? new Proxy(initialState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -2833,7 +2863,11 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 set(propName, value);
                 return true;
             },
-        }));
+        })
+        : (() => {
+            syncPlainStateKeys();
+            return plainState;
+        })());
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
@@ -2846,7 +2880,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         };
-        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        const resetHandler = () => {
+            const snapshot = resolveDefaultState();
+            cb(snapshot[propName]);
+        };
         // Register the handlers
         const unSet = on('set', setHandler);
         const unReset = on('reset', resetHandler);
@@ -2889,6 +2926,38 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
             changeListeners.delete(listener);
         }
     };
+    function ensurePlainProperty(key) {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
+            return;
+        }
+        Object.defineProperty(plainState, key, {
+            configurable: true,
+            enumerable: true,
+            get() {
+                return get(key);
+            },
+            set(value) {
+                set(key, value);
+            },
+        });
+    }
+    function syncPlainStateKeys() {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        const knownKeys = new Set(states.keys());
+        for (const key of Object.keys(plainState)) {
+            if (!knownKeys.has(key)) {
+                delete plainState[key];
+            }
+        }
+        for (const key of knownKeys) {
+            ensurePlainProperty(key);
+        }
+    }
     return {
         state,
         get,
@@ -3599,6 +3668,3 @@ exports.setStore = setStore;
 exports.timeout = timeout;
 exports.toFinite = toFinite;
 exports.trimmedPlugin = trimmedPlugin;
-//# sourceMappingURL=dimension.helpers-C5PvAWJW.js.map
-
-//# sourceMappingURL=dimension.helpers-C5PvAWJW.js.map

package/dist/cjs/{edit.utils-T20rr-g4.js → edit.utils-BWpSdGmj.js}

@@ -3,7 +3,7 @@
  */
 'use strict';
 
-var dimension_helpers = require('./dimension.helpers-C5PvAWJW.js');
+var dimension_helpers = require('./dimension.helpers-DLLC6uO6.js');
 
 function isMetaKey(code) {
     const keys = [
@@ -108,6 +108,3 @@ exports.isMetaKey = isMetaKey;
 exports.isPaste = isPaste;
 exports.isTab = isTab;
 exports.isTabKeyValue = isTabKeyValue;
-//# sourceMappingURL=edit.utils-T20rr-g4.js.map
-
-//# sourceMappingURL=edit.utils-T20rr-g4.js.map

package/dist/cjs/events-DeLDyZlb.js

@@ -41,6 +41,3 @@ function getPropertyFromEvent(e, prop, focusClass // for touch events
 
 exports.getPropertyFromEvent = getPropertyFromEvent;
 exports.verifyTouchTarget = verifyTouchTarget;
-//# sourceMappingURL=events-DeLDyZlb.js.map
-
-//# sourceMappingURL=events-DeLDyZlb.js.map

package/dist/cjs/filter.button-w6LWnyhi.js

@@ -0,0 +1,40 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+'use strict';
+
+var index = require('./index-Dq8Xzj5l.js');
+
+const FILTER_BUTTON_CLASS = 'rv-filter';
+const FILTER_BUTTON_ACTIVE = 'active';
+const FILTER_PROP = 'hasFilter';
+const AND_OR_BUTTON = 'and-or-button';
+const TRASH_BUTTON = 'trash-button';
+const FilterButton = ({ column }) => {
+    return (index.h("span", null, index.h("button", { class: {
+            [FILTER_BUTTON_CLASS]: true,
+            [FILTER_BUTTON_ACTIVE]: column && !!column[FILTER_PROP],
+        } }, index.h("svg", { class: "filter-img", viewBox: "0 0 64 64" }, index.h("g", { stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, index.h("path", { d: "M43,48 L43,56 L21,56 L21,48 L43,48 Z M53,28 L53,36 L12,36 L12,28 L53,28 Z M64,8 L64,16 L0,16 L0,8 L64,8 Z", fill: "currentColor" }))))));
+};
+const TrashButton = () => {
+    return (index.h("div", { class: { [TRASH_BUTTON]: true } }, index.h("svg", { class: "trash-img", viewBox: "0 0 24 24" }, index.h("path", { fill: "currentColor", d: "M9,3V4H4V6H5V19A2,2 0 0,0 7,21H17A2,2 0 0,0 19,19V6H20V4H15V3H9M7,6H17V19H7V6M9,8V17H11V8H9M13,8V17H15V8H13Z" }))));
+};
+const AndOrButton = ({ text }) => {
+    return index.h("button", { class: { [AND_OR_BUTTON]: true, 'light revo-button': true } }, text);
+};
+function isFilterBtn(e) {
+    if (e.classList.contains(FILTER_BUTTON_CLASS)) {
+        return true;
+    }
+    return e === null || e === void 0 ? void 0 : e.closest(`.${FILTER_BUTTON_CLASS}`);
+}
+
+exports.AND_OR_BUTTON = AND_OR_BUTTON;
+exports.AndOrButton = AndOrButton;
+exports.FILTER_BUTTON_ACTIVE = FILTER_BUTTON_ACTIVE;
+exports.FILTER_BUTTON_CLASS = FILTER_BUTTON_CLASS;
+exports.FILTER_PROP = FILTER_PROP;
+exports.FilterButton = FilterButton;
+exports.TRASH_BUTTON = TRASH_BUTTON;
+exports.TrashButton = TrashButton;
+exports.isFilterBtn = isFilterBtn;

package/dist/cjs/{header-cell-renderer-CbdtxSW8.js → header-cell-renderer-CRT8nEvk.js}

@@ -3,8 +3,8 @@
  */
 'use strict';
 
-var index = require('./index-BF1c1pO3.js');
-var column_service = require('./column.service-D9RDDMpb.js');
+var index = require('./index-Dq8Xzj5l.js');
+var column_service = require('./column.service-fHfnFgbR.js');
 
 /**
  * Dispatches a custom event to a specified target element.
@@ -305,9 +305,7 @@ const ResizableElement = (props, children) => {
             }
         }
     }
-    return (index.h("div", Object.assign({}, props, { ref: e => e && (directive === null || directive === void 0 ? void 0 : directive.set(e)) }),
-        children,
-        resizeEls));
+    return (index.h("div", Object.assign({}, props, { ref: e => e && (directive === null || directive === void 0 ? void 0 : directive.set(e)) }), children, resizeEls));
 };
 
 const ON_COLUMN_CLICK = 'columnclick';
@@ -329,15 +327,10 @@ const HeaderCellRenderer = ({ data, props, additionalData }, children) => {
                 event: e,
             });
         } });
-    return (index.h(ResizableElement, Object.assign({}, resizeProps),
-        index.h("div", { class: "header-content" }, colTemplate),
-        children));
+    return (index.h(ResizableElement, Object.assign({}, resizeProps), index.h("div", { class: "header-content" }, colTemplate), children));
 };
 
 exports.HeaderCellRenderer = HeaderCellRenderer;
 exports.ON_COLUMN_CLICK = ON_COLUMN_CLICK;
 exports.dispatch = dispatch;
 exports.dispatchByEvent = dispatchByEvent;
-//# sourceMappingURL=header-cell-renderer-CbdtxSW8.js.map
-
-//# sourceMappingURL=header-cell-renderer-CbdtxSW8.js.map