@sme.up/ketchup 10.2.0 → 10.3.1

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, z as identify, g as getProps, s as setProps, a7 as SortMode, w as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aF as kupDraggableAttr, _ as KupDropEventTypes, t as KupLanguageSearch } from './kup-manager-6aa0a1c7.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-13eb7abf.js';
+import { k as kupManagerInstance, z as identify, g as getProps, s as setProps, a7 as SortMode, w as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aF as kupDraggableAttr, _ as KupDropEventTypes, t as KupLanguageSearch } from './kup-manager-a3f8ee8f.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-0fbe9df1.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { d as FChip } from './f-chip-bb62428a.js';
+import { d as FChip } from './f-chip-72bcea75.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-6576e009.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-04903d74.js';
+import { F as FCell } from './f-cell-eea4e836.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-e785d34e.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.js';
 import './kup-dates-da19044e.js';
 import './f-button-3c8f4506.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-object-field-b87b6ae6.js';
-import './f-text-field-9be88e51.js';
+import './f-object-field-1827746c.js';
+import './f-text-field-591dc383.js';
 import './component-879e99bf.js';
 
 /**
@@ -97,7 +97,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) {
         registerInstance(this, hostRef);
@@ -110,6 +110,7 @@ const KupBox = class {
         this.kupDidUnload = createEvent(this, "kup-box-didunload", 6);
         this.kupBoxContextMenu = createEvent(this, "kup-box-contextmenu", 6);
         this.kupLoadMoreClick = createEvent(this, "kup-box-loadmoreclick", 6);
+        this.kupBoxCellClick = createEvent(this, "kup-box-cell-click", 6);
         _KupBox_instances.add(this);
         this.state = new KupBoxState();
         /*-------------------------------------------------*/
@@ -118,8 +119,7 @@ const KupBox = class {
         /**
          * Instance of the KupManager class.
          */
-        this.kupManager = kupManagerInstance();
-        this.visibleColumns = [];
+        _KupBox_kupManager.set(this, kupManagerInstance());
         this.rows = [];
         this.filteredRows = [];
         this.sectionRef = null;
@@ -169,13 +169,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);
@@ -198,7 +199,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);
             }
         }
@@ -214,7 +215,6 @@ const KupBox = class {
     }
     onDataChanged() {
         identify(this.getRows());
-        this.initVisibleColumns();
         this.initRows();
         this.checkLayout();
     }
@@ -261,13 +261,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 : [];
@@ -276,7 +287,7 @@ const KupBox = class {
         this.filteredRows = this.getRows();
         if (this.globalFilter && this.globalFilterValue) {
             // filtering rows
-            this.filteredRows = filterRows(this.filteredRows, null, this.globalFilterValue, this.visibleColumns);
+            this.filteredRows = filterRows(this.filteredRows, null, this.globalFilterValue, this.getColumns(), undefined, undefined, this.visibleColumns);
         }
         this.rows = this.sortRows(this.filteredRows);
         if (this.pagination) {
@@ -305,14 +316,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);
                 }
             }
         }
@@ -330,7 +341,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;
@@ -346,7 +357,7 @@ const KupBox = class {
         };
     }
     onSortChange(e) {
-        let column = getColumnByName(this.visibleColumns, e.detail.value);
+        let column = getColumnByName(this.getVisibleColumns(), e.detail.value);
         this.sortBy = column.name;
     }
     onGlobalFilterChange({ detail }) {
@@ -415,7 +426,7 @@ const KupBox = class {
             else {
                 cell = boxObject['data-cell'];
                 row = boxObject['data-row'];
-                column = getColumnByName(this.visibleColumns, boxObject.dataset.column);
+                column = getColumnByName(this.getVisibleColumns(), boxObject.dataset.column);
             }
         }
         return {
@@ -427,7 +438,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);
@@ -439,7 +450,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;
     }
     /**
@@ -590,8 +601,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);
@@ -720,7 +732,7 @@ const KupBox = class {
         return 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;
@@ -870,10 +882,10 @@ const KupBox = class {
                 headerTitle = section.title;
             }
             else if (sectionExpanded) {
-                headerTitle = this.kupManager.language.translate(KupLanguageGeneric.COLLAPSE);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE);
             }
             else {
-                headerTitle = this.kupManager.language.translate(KupLanguageGeneric.EXPAND);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND);
             }
             sectionContainer = (h("div", { class: sectionClass, style: sectionStyle }, h("div", { class: contentClass }, sectionContent), h("div", { class: "header", role: "button", onClick: (e) => {
                     e.stopPropagation();
@@ -909,12 +921,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,
@@ -935,9 +951,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.', KupDebugCategory.ERROR);
+            __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'No columns to group by detected.', KupDebugCategory.ERROR);
             return {
-                jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))),
+                jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))),
                 style: { 'grid-template-columns': `repeat(1, 1fr)` },
             };
         }
@@ -958,7 +974,7 @@ const KupBox = class {
                     key.push(this.rows[index].cells[this.kanban.columns[j]].value);
                 }
                 catch (error) {
-                    this.kupManager.debug.logMessage(this, error, KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, error, KupDebugCategory.WARNING);
                 }
             }
             const check = {
@@ -1063,8 +1079,8 @@ const KupBox = class {
                 });
             }
         };
-        this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
-        this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
     }
     didRenderInteractables() {
         if (this.dragEnabled) {
@@ -1074,7 +1090,7 @@ const KupBox = class {
                     const cellEl = this.rootElement.shadowRoot.querySelector('.box-object:hover');
                     return {
                         cell: cellEl['data-cell'],
-                        column: getColumnByName(this.visibleColumns, cellEl.dataset.column),
+                        column: getColumnByName(this.getVisibleColumns(), cellEl.dataset.column),
                         id: this.rootElement.id,
                         multiple: this.multiSelection,
                         row: cellEl['data-row'],
@@ -1083,7 +1099,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;
@@ -1098,10 +1114,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!", KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", 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,
@@ -1112,7 +1128,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: `[${kupDraggableAttr}]`,
                 }, {
                     dispatcher: this.rootElement,
@@ -1123,7 +1139,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: `[${kupDraggableAttr}]`,
                     }, {
                         callback: dataCb,
@@ -1138,7 +1154,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;
         }
@@ -1147,8 +1163,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();
@@ -1177,10 +1193,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;
@@ -1194,7 +1210,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");
@@ -1202,7 +1218,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,
@@ -1212,7 +1228,7 @@ const KupBox = class {
             });
             const items = [{ value: '', id: '' }, ...visibleColumnsItems];
             let textfieldData = {
-                label: this.kupManager.language.translate(KupLanguageGeneric.SORT_BY),
+                label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.SORT_BY),
                 trailingIcon: true,
             };
             let listData = {
@@ -1227,7 +1243,7 @@ const KupBox = class {
         }
         let filterPanel = null;
         if (this.globalFilter) {
-            filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: this.kupManager.language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
@@ -1247,7 +1263,7 @@ const KupBox = class {
         let boxContent = null;
         let containerStyle = {};
         if (this.rows.length === 0) {
-            boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))));
+            boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
             containerStyle = { 'grid-template-columns': `repeat(1, 1fr)` };
         }
         else if (isKanban) {
@@ -1267,17 +1283,19 @@ const KupBox = class {
                 boxContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
+        return (h(Host, { "onKup-cell-click": (e) => {
+                this.kupBoxCellClick.emit(e.detail);
+            } }, h("style", null, __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, 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));
@@ -1296,21 +1314,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;
     }
@@ -1318,15 +1336,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;
     }
@@ -1340,7 +1358,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;

package/dist/esm/kup-calendar.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, w as getColumnByName, e as KupDebugCategory } from './kup-manager-6aa0a1c7.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, w as getColumnByName, e as KupDebugCategory } from './kup-manager-a3f8ee8f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { d as FChip, F as FChipType } from './f-chip-bb62428a.js';
+import { d as FChip, F as FChipType } from './f-chip-72bcea75.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
@@ -13962,7 +13962,7 @@ class KupCalendarState {
     }
 }
 
-const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-layer-1)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-subtle)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-gray-color-30)\n  );--kup_calendar_event_border_radius:var(\n    --kup-calendar-event-border-radius,\n    4px\n  );--kup_calendar_event_color:var(\n    --kup-calendar-event-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_font_family:var(\n    --kup-calendar-font-family,\n    var(--kup-font-family)\n  );--kup_calendar_font_size:var(--kup-calendar-font-size, var(--kup-font-size));--kup_calendar_header_background_color:var(\n    --kup-calendar-header-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    1px solid var(--kup-border-subtle)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    var(--kup-layer-0)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_border_top_color:var(\n    --kup-calendar-border-top-color,\n    var(--kup-border-interactive)\n  );--fc-border-color:var(--kup_calendar_border_color);background-color:var(--kup_calendar_background_color);display:block;font-family:var(--kup_calendar_font_family);font-size:var(--kup_calendar_font_size);height:100%;width:100%}.navigation{align-items:center;display:flex;justify-content:space-between;background-color:var(--kup_calendar_background_color)}.navigation__left{--kup-font-size:0.875em;display:flex;margin-left:var(--kup-space-03)}.navigation__right{display:flex;margin-right:var(--kup-space-03)}.navigation__title{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;margin:0px;padding:0px 0.5em}.navigation__title--centered{padding:0.35em 0;text-align:center;width:100%}.icon-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.image-wrapper img{width:20px;height:20px}.custom-icon{background-color:var(--kup_calendar_event_color);height:1.5em;width:1.5em}#kup-component .fc-toolbar.fc-header-toolbar{margin-top:1.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top{text-align:center;padding:0.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none}#kup-component .fc-content{padding:0.25rem}#kup-component .fc-event-title{white-space:normal;word-break:break-word}#kup-component .fc-content,#kup-component .fc-divider,#kup-component .fc-list-heading td,#kup-component .fc-list-view,#kup-component .fc-popover,#kup-component .fc-row,#kup-component .fc-scrollgrid,#kup-component tbody,#kup-component td{border-color:var(--kup_calendar_border_color)}#kup-component .fc-col-header-cell{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-h-event{background:none;border:none}#kup-component .fc-list-event-dot{border-color:var(--kup_calendar_event_background_color)}#kup-component .fc-list-day-cushion{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color);font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}#kup-component .fc-list-event:hover td{background:var(--kup-hover-background-color);color:var(--kup-hover-color)}#kup-component .fc-daygrid-event,#kup-component .fc-timegrid-event{background:var(--kup_calendar_event_background_color);border:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event-main{color:inherit}#kup-component .fc-event-title{padding:0.25em}#kup-component .fc-event-time{white-space:pre}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color);border-top:2px solid var(--kup_calendar_border_top_color)}#kup-component td.fc-day-sun,#kup-component td.fc-day-sat{background-color:var(--kup_calendar_no_work_day_background_color);color:var(--kup_calendar_no_work_day_color);opacity:0.7}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}@media (min-width: 599px){#kup-component .fc-daygrid-event{align-items:baseline;white-space:pre-line}}";
+const kupCalendarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_calendar_background_color:var(\n    --kup-calendar-background-color,\n    var(--kup-layer-1)\n  );--kup_calendar_border_color:var(\n    --kup-calendar-border-color,\n    var(--kup-border-subtle)\n  );--kup_calendar_event_background_color:var(\n    --kup-calendar-event-background-color,\n    var(--kup-gray-color-30)\n  );--kup_calendar_event_border_radius:var(\n    --kup-calendar-event-border-radius,\n    4px\n  );--kup_calendar_event_color:var(\n    --kup-calendar-event-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_font_family:var(\n    --kup-calendar-font-family,\n    var(--kup-font-family)\n  );--kup_calendar_font_size:var(--kup-calendar-font-size, var(--kup-font-size));--kup_calendar_header_background_color:var(\n    --kup-calendar-header-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_header_color:var(\n    --kup-calendar-header-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_navigator_border:var(\n    --kup-calendar-navigator-border,\n    1px solid var(--kup-border-subtle)\n  );--kup_calendar_no_work_day_background_color:var(\n    --kup-calendar-no-work-day-background-color,\n    var(--kup-layer-0)\n  );--kup_calendar_no_work_day_color:var(\n    --kup-calendar-no-work-day-color,\n    var(--kup-text-secondary)\n  );--kup_calendar_today_background_color:var(\n    --kup-calendar-today-background-color,\n    var(--kup-layer-2)\n  );--kup_calendar_border_top_color:var(\n    --kup-calendar-border-top-color,\n    var(--kup-border-interactive)\n  );--fc-border-color:var(--kup_calendar_border_color);background-color:var(--kup_calendar_background_color);display:block;font-family:var(--kup_calendar_font_family);font-size:var(--kup_calendar_font_size);height:100%;width:100%}.navigation{align-items:center;display:flex;justify-content:space-between;background-color:var(--kup_calendar_background_color)}.navigation__left{--kup-font-size:0.875em;display:flex;margin-left:var(--kup-space-03)}.navigation__right{display:flex;margin-right:var(--kup-space-03)}.navigation__title{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0;margin:0px;padding:0px 0.5em}.navigation__title--centered{padding:0.35em 0;text-align:center;width:100%}.icon-wrapper{display:flex;justify-content:flex-end;flex-wrap:wrap}.image-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}.image-wrapper img{width:20px;height:20px}.custom-icon{background-color:var(--kup_calendar_event_color);height:1.5em;width:1.5em}#kup-component .fc-toolbar.fc-header-toolbar{margin-top:1.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top{text-align:center;padding:0.5rem}#kup-component .fc-ltr .fc-dayGrid-view .fc-day-top .fc-day-number{float:none}#kup-component .fc-content{padding:0.25rem}#kup-component .fc-event-title{white-space:normal;word-break:break-word}#kup-component .fc-content,#kup-component .fc-divider,#kup-component .fc-list-heading td,#kup-component .fc-list-view,#kup-component .fc-popover,#kup-component .fc-row,#kup-component .fc-scrollgrid,#kup-component tbody,#kup-component td{border-color:var(--kup_calendar_border_color)}#kup-component .fc-col-header-cell{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color)}#kup-component .fc-h-event{background:none;border:none}#kup-component .fc-list-event-dot{border-color:var(--kup_calendar_event_background_color)}#kup-component .fc-list-day-cushion{background:var(--kup_calendar_header_background_color);color:var(--kup_calendar_header_color);font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}#kup-component .fc-list-event:hover td{background:var(--kup-hover-background-color);color:var(--kup-hover-color)}#kup-component .fc-daygrid-event,#kup-component .fc-timegrid-event{background:var(--kup_calendar_event_background_color);border:none;border-color:var(--kup_calendar_event_background_color);color:var(--kup_calendar_event_color)}#kup-component .fc-event{padding:0.5rem}#kup-component .fc-event-main{color:inherit;display:flex}#kup-component .fc-event-title .fc-event-time{padding:0.25em}#kup-component .fc-event-time{white-space:pre}#kup-component td.fc-day-today{background-color:var(--kup_calendar_today_background_color);border-top:2px solid var(--kup_calendar_border_top_color)}#kup-component td.fc-day-sun,#kup-component td.fc-day-sat{background-color:var(--kup_calendar_no_work_day_background_color);color:var(--kup_calendar_no_work_day_color);opacity:0.7}@media (max-width: 599px){.navigation{flex-direction:column}.calendar{height:100%}.calendar .fc-view-harness{min-height:450px}.navigation .navigation__left{font-size:20px;gap:8px}.navigation .navigation__right .f-chip .chip-set .chip-set__item{font-size:16px}}@media (min-width: 599px){#kup-component .fc-daygrid-event{align-items:baseline;white-space:pre-line}}";
 const KupCalendarStyle0 = kupCalendarCss;
 
 const KupCalendar = class {
@@ -14091,24 +14091,42 @@ const KupCalendar = class {
                     row: event.extendedProps.row,
                 });
             },
+            eventTimeFormat: {
+                hour: '2-digit',
+                minute: '2-digit',
+            },
             eventDidMount: (info) => {
+                // In the calendar component, we handle two cases:
+                // if the '.fc-event-main' div exists, the event don't has start/end time;
+                const content = document.createElement('div');
+                const mainEvent = info.el.querySelector('.fc-event-main');
+                if (!mainEvent) {
+                    const title = info.el.querySelector('.fc-event-title');
+                    const time = info.el.querySelector('.fc-event-time');
+                    content.append(time, title);
+                    content.style.display = 'flex';
+                    content.style.flexDirection = 'column';
+                    info.el.appendChild(content);
+                }
                 if (this.iconCol) {
                     const row = info.event.extendedProps.row;
                     const cell = row.cells[this.iconCol];
                     if (cell === null || cell === void 0 ? void 0 : cell.value) {
                         const wrapper = document.createElement('div');
                         wrapper.classList.add('icon-wrapper');
-                        cell.value.split(';').forEach((icon) => {
-                            if (icon) {
-                                const span = document.createElement('span');
-                                span.className = 'custom-icon';
-                                const path = getAssetPath(`./assets/svg/${icon}.svg`);
-                                span.style.mask = `url('${path}') no-repeat center`;
-                                span.style.webkitMask = `url('${path}') no-repeat center`;
-                                wrapper.appendChild(span);
-                            }
-                        });
-                        info.el.appendChild(wrapper);
+                        const propsFImage = {
+                            resource: cell.value,
+                            placeholderResource: cell.placeholderIcon,
+                            sizeX: '1.5em',
+                            sizeY: '1.5em',
+                            wrapperClass: 'custom-icon',
+                        };
+                        const fImage = document.createElement('kup-image');
+                        Object.keys(propsFImage).forEach((prop) => (fImage[prop] = propsFImage[prop]));
+                        wrapper.appendChild(fImage);
+                        mainEvent
+                            ? mainEvent.appendChild(wrapper)
+                            : info.el.appendChild(wrapper);
                     }
                 }
                 if (this.imageCol) {
@@ -14390,11 +14408,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '2e09ca9ff59ee7119bd48ef2755c753027524b3d' }, h$1("style", { key: '49aba4781dead4d8a7610a9a73058ff86f57cdf6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a8c561b5f047f1cd95cd2c0efa085585d80c1c62', id: componentWrapperId }, h$1("div", { key: '3924302e0abe429b7c2b79f0af5c5455f492d1e4', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: 'eff283c43cf7d63dd4f33ab01294f627bd03446d', class: `navigation__title ${this.hideNavigation
+        return (h$1(Host, { key: '694d6c782eed06ec64232acc3ef163236c157711' }, h$1("style", { key: 'eaa3dca371969bb1cedb5b45e019ad6b563d3a0f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '8d1d89e4526d1b50649d9486f5f292ff328d5457', id: componentWrapperId }, h$1("div", { key: 'fd7ce40682db901688644ff02e4fcd56f79c9256', class: "navigation" }, !this.hideNavigation ? (h$1("div", { class: "navigation__left" }, h$1(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h$1(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h$1(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h$1("div", { key: '832adde7b78762398fb46d100159bc9e3ad31ea3', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), h$1("div", { key: '5b5ad62259d36a33641b8a12c5f983f11a4fb962', class: "navigation__right" }, this.enableChangeView ? (h$1(FChip, Object.assign({}, this.setChipProps()))) : null)), h$1("div", { key: '06df126df2c243ddea639a30934d61190057f0fc', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), h$1("div", { key: '93d4d527539c090ca8a29ee76c04ef8ee0c36d29', class: "navigation__right" }, this.enableChangeView ? (h$1(FChip, Object.assign({}, this.setChipProps()))) : null)), h$1("div", { key: 'cf94727499fdd2dd62a8e0fb0481575b631efb4f', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

package/dist/esm/kup-card-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupCardFamily, ah as getCellValueForDisplay } from './kup-manager-6aa0a1c7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupCardFamily, ah as getCellValueForDisplay } from './kup-manager-a3f8ee8f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-cell.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, f as FCellPadding, az as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aA as submitPositionAdapter, h as KupLanguageGeneric, aB as KupCellProps } from './kup-manager-6aa0a1c7.js';
+import { k as kupManagerInstance, f as FCellPadding, az as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aA as submitPositionAdapter, h as KupLanguageGeneric, aB as KupCellProps } from './kup-manager-a3f8ee8f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { F as FCell } from './f-cell-6576e009.js';
+import { F as FCell } from './f-cell-eea4e836.js';
 import './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-bb62428a.js';
-import './f-object-field-b87b6ae6.js';
-import './f-text-field-9be88e51.js';
+import './f-chip-72bcea75.js';
+import './f-object-field-1827746c.js';
+import './f-text-field-591dc383.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;