@sme.up/ketchup 10.3.0 → 10.3.2

package/dist/cjs/kup-box.cjs.entry.js

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-49d2d8fe.js');
-const kupDataTableHelper = require('./kup-data-table-helper-6f4d86ea.js');
+const kupManager = require('./kup-manager-c70d3188.js');
+const kupDataTableHelper = require('./kup-data-table-helper-f53032e7.js');
 const fImage = require('./f-image-db10b066.js');
-const fChip = require('./f-chip-24b1eb58.js');
+const fChip = require('./f-chip-f2d6124b.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-cfdd6703.js');
-const fPaginatorUtils = require('./f-paginator-utils-51bb9317.js');
-const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
+const fCell = require('./f-cell-7a2faf7a.js');
+const fPaginatorUtils = require('./f-paginator-utils-3855e84c.js');
+const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-bfafefb3.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-object-field-2ffc49c1.js');
-require('./f-text-field-5face063.js');
-require('./component-cb3b32f5.js');
+require('./f-object-field-3810f288.js');
+require('./f-text-field-a34a5979.js');
+require('./component-a6dd6c14.js');
 
 /**
  * Props of the kup-box component.
@@ -101,7 +101,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
+var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_kupManager, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
 const KupBox = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -123,8 +123,7 @@ const KupBox = class {
         /**
          * Instance of the KupManager class.
          */
-        this.kupManager = kupManager.kupManagerInstance();
-        this.visibleColumns = [];
+        _KupBox_kupManager.set(this, kupManager.kupManagerInstance());
         this.rows = [];
         this.filteredRows = [];
         this.sectionRef = null;
@@ -174,13 +173,14 @@ const KupBox = class {
         this.stateId = '';
         this.store = undefined;
         this.swipeDisabled = false;
+        this.visibleColumns = undefined;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
             this.state.load = true;
             const state = this.store.getState(this.stateId);
             if (state != null) {
-                this.kupManager.debug.logMessage(this, 'Initialize with state for stateId ' +
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Initialize with state for stateId ' +
                     this.stateId +
                     ': ' +
                     state);
@@ -203,7 +203,7 @@ const KupBox = class {
                 return;
             }
             if (somethingChanged) {
-                this.kupManager.debug.logMessage(this, 'Persisting stateId ' + this.stateId);
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Persisting stateId ' + this.stateId);
                 this.store.persistState(this.stateId, this.state);
             }
         }
@@ -219,7 +219,6 @@ const KupBox = class {
     }
     onDataChanged() {
         kupManager.identify(this.getRows());
-        this.initVisibleColumns();
         this.initRows();
         this.checkLayout();
     }
@@ -266,13 +265,24 @@ const KupBox = class {
             ? this.data.columns
             : [{ title: '', name: '', size: undefined }];
     }
-    initVisibleColumns() {
-        this.visibleColumns = this.getColumns().filter((column) => {
-            if (column.hasOwnProperty('visible')) {
-                return column.visible;
+    getVisibleColumns() {
+        // Starting columns filter
+        let resultVisibleColumns = this.getColumns().filter((col) => {
+            const isNotCodVer = !__classPrivateFieldGet(this, _KupBox_kupManager, "f").data.column.isCodVer(col);
+            if (this.visibleColumns) {
+                // if visible columns is specified, include only those columns
+                return isNotCodVer && this.visibleColumns.includes(col.name);
+            }
+            else {
+                return isNotCodVer && (!('visible' in col) || col.visible);
             }
-            return true;
         });
+        // order based on `visibleColumns`
+        if (this.visibleColumns) {
+            resultVisibleColumns = resultVisibleColumns.sort((a, b) => this.visibleColumns.indexOf(a.name) -
+                this.visibleColumns.indexOf(b.name));
+        }
+        return resultVisibleColumns;
     }
     getRows() {
         return this.data && this.data.rows ? this.data.rows : [];
@@ -281,7 +291,7 @@ const KupBox = class {
         this.filteredRows = this.getRows();
         if (this.globalFilter && this.globalFilterValue) {
             // filtering rows
-            this.filteredRows = kupDataTableHelper.filterRows(this.filteredRows, null, this.globalFilterValue, this.visibleColumns);
+            this.filteredRows = kupDataTableHelper.filterRows(this.filteredRows, null, this.globalFilterValue, this.getColumns(), undefined, undefined, this.visibleColumns);
         }
         this.rows = this.sortRows(this.filteredRows);
         if (this.pagination) {
@@ -310,14 +320,14 @@ const KupBox = class {
     }
     checkScrollOnHover() {
         if (this.boxContainer) {
-            if (!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)) {
+            if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.isRegistered(this.boxContainer)) {
                 if (this.scrollOnHover) {
-                    this.kupManager.scrollOnHover.register(this.boxContainer);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.register(this.boxContainer);
                 }
             }
             else {
                 if (!this.scrollOnHover) {
-                    this.kupManager.scrollOnHover.unregister(this.boxContainer);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
                 }
             }
         }
@@ -335,7 +345,7 @@ const KupBox = class {
             sections: [],
         };
         // adding box objects to section
-        const visibleColumns = this.visibleColumns;
+        const visibleColumns = this.getVisibleColumns();
         let size = visibleColumns.length;
         let content = [];
         let cnt = 0;
@@ -351,7 +361,7 @@ const KupBox = class {
         };
     }
     onSortChange(e) {
-        let column = kupManager.getColumnByName(this.visibleColumns, e.detail.value);
+        let column = kupManager.getColumnByName(this.getVisibleColumns(), e.detail.value);
         this.sortBy = column.name;
     }
     onGlobalFilterChange({ detail }) {
@@ -420,7 +430,7 @@ const KupBox = class {
             else {
                 cell = boxObject['data-cell'];
                 row = boxObject['data-row'];
-                column = kupManager.getColumnByName(this.visibleColumns, boxObject.dataset.column);
+                column = kupManager.getColumnByName(this.getVisibleColumns(), boxObject.dataset.column);
             }
         }
         return {
@@ -432,7 +442,7 @@ const KupBox = class {
         };
     }
     clickHandler(e) {
-        const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
+        const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
         if (details.row) {
             if (this.multiSelection) {
                 this.onSelectionCheckChange(details.row);
@@ -444,7 +454,7 @@ const KupBox = class {
         return details;
     }
     contextMenuHandler(e) {
-        const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
+        const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
         return details;
     }
     /**
@@ -595,8 +605,9 @@ const KupBox = class {
             progressbar: [],
             text: [],
         };
-        for (let index = 0; index < this.data.columns.length; index++) {
-            const column = this.data.columns[index];
+        const visibleColumns = this.getVisibleColumns();
+        for (let index = 0; index < visibleColumns.length; index++) {
+            const column = visibleColumns[index];
             if (column.visible !== false) {
                 cardData.cell.push(row.cells[column.name]);
                 cardData.columns.push(column);
@@ -725,7 +736,7 @@ const KupBox = class {
         return index.h("kup-card", Object.assign({ data: cardData }, this.cardData));
     }
     renderRow(row) {
-        const visibleColumns = [...this.visibleColumns];
+        const visibleColumns = [...this.getVisibleColumns()];
         let boxContent = null;
         // if layout in row, use that one
         let rowLayout = row.layout;
@@ -875,10 +886,10 @@ const KupBox = class {
                 headerTitle = section.title;
             }
             else if (sectionExpanded) {
-                headerTitle = this.kupManager.language.translate(kupManager.KupLanguageGeneric.COLLAPSE);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.COLLAPSE);
             }
             else {
-                headerTitle = this.kupManager.language.translate(kupManager.KupLanguageGeneric.EXPAND);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EXPAND);
             }
             sectionContainer = (index.h("div", { class: sectionClass, style: sectionStyle }, index.h("div", { class: contentClass }, sectionContent), index.h("div", { class: "header", role: "button", onClick: (e) => {
                     e.stopPropagation();
@@ -914,12 +925,16 @@ const KupBox = class {
         }
         const cell = row.cells[boxObject.column];
         let title = undefined;
-        if (cell && !this.kupManager.objects.isEmptyKupObj(cell.obj)) {
+        if (cell && !__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.isEmptyKupObj(cell.obj)) {
             classObj['is-obj'] = true;
-            if (this.kupManager.debug.isDebug()) {
+            if (__classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.isDebug()) {
                 title =
                     cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
             }
+            if (!cell.isEditable) {
+                cell.cssClass =
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+            }
         }
         const cellProps = {
             cell: cell,
@@ -940,9 +955,9 @@ const KupBox = class {
     kanbanMode() {
         // Testing whether there are columns to group by
         if (!this.kanban.columns || this.kanban.columns.length === 0) {
-            this.kupManager.debug.logMessage(this, 'No columns to group by detected.', kupManager.KupDebugCategory.ERROR);
+            __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'No columns to group by detected.', kupManager.KupDebugCategory.ERROR);
             return {
-                jsx: (index.h("div", { id: "empty-data-message", class: "box-wrapper" }, index.h("div", { ref: (el) => this.rowsRefs.push(el) }), this.kupManager.language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA))),
+                jsx: (index.h("div", { id: "empty-data-message", class: "box-wrapper" }, index.h("div", { ref: (el) => this.rowsRefs.push(el) }), __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA))),
                 style: { 'grid-template-columns': `repeat(1, 1fr)` },
             };
         }
@@ -963,7 +978,7 @@ const KupBox = class {
                     key.push(this.rows[index].cells[this.kanban.columns[j]].value);
                 }
                 catch (error) {
-                    this.kupManager.debug.logMessage(this, error, kupManager.KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, error, kupManager.KupDebugCategory.WARNING);
                 }
             }
             const check = {
@@ -1068,8 +1083,8 @@ const KupBox = class {
                 });
             }
         };
-        this.kupManager.interact.on(this.boxContainer, kupManager.KupPointerEventTypes.TAP, tapCb);
-        this.kupManager.interact.on(this.boxContainer, kupManager.KupPointerEventTypes.HOLD, holdCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, kupManager.KupPointerEventTypes.TAP, tapCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, kupManager.KupPointerEventTypes.HOLD, holdCb);
     }
     didRenderInteractables() {
         if (this.dragEnabled) {
@@ -1079,7 +1094,7 @@ const KupBox = class {
                     const cellEl = this.rootElement.shadowRoot.querySelector('.box-object:hover');
                     return {
                         cell: cellEl['data-cell'],
-                        column: kupManager.getColumnByName(this.visibleColumns, cellEl.dataset.column),
+                        column: kupManager.getColumnByName(this.getVisibleColumns(), cellEl.dataset.column),
                         id: this.rootElement.id,
                         multiple: this.multiSelection,
                         row: cellEl['data-row'],
@@ -1088,7 +1103,7 @@ const KupBox = class {
                 };
                 if (row && !this.interactableDrag.includes(row)) {
                     this.interactableDrag.push(row);
-                    this.kupManager.interact.draggable(row, {
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.draggable(row, {
                         allowFrom: '.box-object',
                         cursorChecker() {
                             return null;
@@ -1103,10 +1118,10 @@ const KupBox = class {
             const dataCb = () => {
                 const cell = this.rootElement.shadowRoot.querySelector('.box:hover');
                 if (!cell) {
-                    this.kupManager.debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", kupManager.KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", kupManager.KupDebugCategory.WARNING);
                     return;
                 }
-                const path = this.kupManager.getEventPath(cell, this.rootElement);
+                const path = __classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(cell, this.rootElement);
                 const receivingDetails = this.getEventDetails(path);
                 return {
                     cell: receivingDetails.cell,
@@ -1117,7 +1132,7 @@ const KupBox = class {
             };
             if (!this.interactableDrop.includes(this.sectionRef)) {
                 this.interactableDrop.push(this.sectionRef);
-                this.kupManager.interact.dropzone(this.sectionRef, {
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(this.sectionRef, {
                     accept: `[${kupManager.kupDraggableAttr}]`,
                 }, {
                     dispatcher: this.rootElement,
@@ -1128,7 +1143,7 @@ const KupBox = class {
                 const row = this.rowsRefs[index];
                 if (row && !this.interactableDrop.includes(row)) {
                     this.interactableDrop.push(row);
-                    this.kupManager.interact.dropzone(row, {
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(row, {
                         accept: `[${kupManager.kupDraggableAttr}]`,
                     }, {
                         callback: dataCb,
@@ -1143,7 +1158,7 @@ const KupBox = class {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        this.kupManager.debug.logLoad(this, false);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, false);
         if (this.rowsPerPage) {
             this.currentRowsPerPage = this.rowsPerPage;
         }
@@ -1152,8 +1167,8 @@ const KupBox = class {
             this.currentRowsPerPage > this.data.rows.length) {
             this.currentRowsPerPage = this.data.rows.length;
         }
-        this.kupManager.language.register(this);
-        this.kupManager.theme.register(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.register(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.register(this);
         this.initWithPersistedState();
         this.onDataChanged();
         this.adjustPaginator();
@@ -1182,10 +1197,10 @@ const KupBox = class {
         }
         this.didLoadInteractables();
         this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-        this.kupManager.debug.logLoad(this, true);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        this.kupManager.debug.logRender(this, false);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         const root = this.rootElement.shadowRoot;
@@ -1199,7 +1214,7 @@ const KupBox = class {
         this.persistState();
         this.didRenderInteractables();
         __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_didRenderObservers).call(this);
-        this.kupManager.debug.logRender(this, true);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         __classPrivateFieldSet(this, _KupBox_rowsRefs, [], "f");
@@ -1207,7 +1222,7 @@ const KupBox = class {
         let sortPanel = null;
         if (this.sortEnabled) {
             // creating items
-            const visibleColumnsItems = this.visibleColumns.map((column) => {
+            const visibleColumnsItems = this.getVisibleColumns().map((column) => {
                 const item = {
                     value: column.title,
                     id: column.name,
@@ -1217,7 +1232,7 @@ const KupBox = class {
             });
             const items = [{ value: '', id: '' }, ...visibleColumnsItems];
             let textfieldData = {
-                label: this.kupManager.language.translate(kupManager.KupLanguageGeneric.SORT_BY),
+                label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.SORT_BY),
                 trailingIcon: true,
             };
             let listData = {
@@ -1232,7 +1247,7 @@ const KupBox = class {
         }
         let filterPanel = null;
         if (this.globalFilter) {
-            filterPanel = (index.h("div", { id: "global-filter" }, index.h("kup-text-field", { fullWidth: true, label: this.kupManager.language.translate(kupManager.KupLanguageSearch.SEARCH), icon: kupManager.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterPanel = (index.h("div", { id: "global-filter" }, index.h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageSearch.SEARCH), icon: kupManager.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
@@ -1252,7 +1267,7 @@ const KupBox = class {
         let boxContent = null;
         let containerStyle = {};
         if (this.rows.length === 0) {
-            boxContent = (index.h("div", { id: "empty-data-message", class: "box-wrapper" }, index.h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, this.kupManager.language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA))));
+            boxContent = (index.h("div", { id: "empty-data-message", class: "box-wrapper" }, index.h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA))));
             containerStyle = { 'grid-template-columns': `repeat(1, 1fr)` };
         }
         else if (isKanban) {
@@ -1274,17 +1289,17 @@ const KupBox = class {
         }
         return (index.h(index.Host, { "onKup-cell-click": (e) => {
                 this.kupBoxCellClick.emit(e.detail);
-            } }, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, index.h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
+            } }, index.h("style", null, __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, index.h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
                 e.preventDefault();
             }, ref: (el) => (this.boxContainer =
                 el) }, boxContent)))));
     }
     disconnectedCallback() {
-        this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop));
-        this.kupManager.language.unregister(this);
-        this.kupManager.theme.unregister(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.unregister(this.interactableDrag.concat(this.interactableDrop));
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.unregister(this);
         if (this.scrollOnHover) {
-            this.kupManager.scrollOnHover.unregister(this.boxContainer);
+            __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
         }
         // When component is destroyed, then the listener is removed. @See clickFunction for more details
         document.removeEventListener('click', this.clickFunction.bind(this));
@@ -1303,21 +1318,21 @@ const KupBox = class {
         "selectBox": ["onSelectBoxChanged"]
     }; }
 };
-_KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
+_KupBox_kupManager = new WeakMap(), _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
     let somethingChanged = false;
-    if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.sortBy, this.sortBy)) {
         this.state.sortBy = this.sortBy;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
         this.state.pageSelected = this.currentPage;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
         this.state.rowsPerPage = this.currentRowsPerPage;
         somethingChanged = true;
     }
@@ -1325,15 +1340,15 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
         const prefix = currentIndex > 0 ? ';' : '';
         return accumulator + prefix + row.id;
     }, '');
-    if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
         this.state.selectedRowsState = selectedRowsState;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
         this.state.loadMoreLimit = this.loadMoreLimit;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
         this.state.showLoadMore = this.showLoadMore;
         somethingChanged = true;
     }
@@ -1347,7 +1362,7 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
     const callback = (entries) => {
         entries.forEach((entry) => {
             if (entry.isIntersecting) {
-                this.kupManager.debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
                 const delta = this.data.rows.length - this.currentRowsPerPage;
                 if (delta < this.loadMoreStep) {
                     this.currentRowsPerPage += delta;