@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103457

package/dist/collection/components/kup-combobox/kup-combobox.js

@@ -30,9 +30,6 @@ import { KupDynamicPositionPlacement } from "../../managers/kup-dynamic-position
 export class KupCombobox {
     constructor() {
         _KupCombobox_instances.add(this);
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
         /**
          * Instance of the KupManager class.
          */
@@ -53,7 +50,7 @@ export class KupCombobox {
         this.icon = null;
         this.initialValue = '';
         this.isClearable = false;
-        this.isSelect = false;
+        this.isSelect = true;
         this.label = null;
         this.leadingLabel = false;
         this.readOnly = false;
@@ -82,20 +79,35 @@ export class KupCombobox {
         });
     }
     onKupClick() {
-        if (this.isSelect == true) {
+        if (this.isSelect) {
             if (__classPrivateFieldGet(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled')) {
                 __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
             }
             else {
                 __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
             }
+            this.kupClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
+            });
+            this.kupIconClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
+                open: __classPrivateFieldGet(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled'),
+            });
+        }
+        else {
+            this.kupClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
+            });
         }
-        this.kupClick.emit({
-            comp: this,
-            id: this.rootElement.id,
-            value: this.value,
-            inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
-        });
     }
     onKupFocus() {
         this.kupFocus.emit({
@@ -292,6 +304,7 @@ export class KupCombobox {
             label: this.label,
             leadingLabel: this.leadingLabel,
             readOnly: this.readOnly,
+            isSelect: this.isSelect,
             sizing: this.sizing,
             success: this.rootElement.classList.contains('kup-success')
                 ? true
@@ -304,7 +317,7 @@ export class KupCombobox {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: '160fd8e3ebb787de4b6973dbabb18002e9b4cfe7', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: '3faf806a201e31cb561d877b558601cf747743c8' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4d5691b3b1fb14113ac60e2cfa46c858969edb8e', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'ceb8ccb463d97aa5bec8725881b94443bb668690' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: 'e3e6427593007de03f17946e49e422a8c00b2f3b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'ec02f526acd19b1871becd562d0c08dc7632f5b6' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '71fa4c233462c65e683f4966d666b13970563522', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '8d7f6d777ad6947174423cad01ae8ad4f5cc2f71' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -530,11 +543,11 @@ export class KupCombobox {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Lets the combobox behave as a select element."
+                    "text": "Lets the combobox behave as a select element, making the textfield readable only but interactable."
                 },
                 "attribute": "is-select",
                 "reflect": true,
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "label": {
                 "type": "string",
@@ -1086,5 +1099,6 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
     return ret;
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
-    return (h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupCombobox_listEl, el, "f")) })));
+    var _a, _b;
+    return (h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupCombobox_listEl, el, "f")) })));
 };

package/dist/collection/components/kup-dashboard/kup-dashboard.js

@@ -376,7 +376,7 @@ export class KupDashboard {
         this.didRenderInteractables();
     }
     render() {
-        return (h(Host, { key: '2a5f7d91b832041e5c68460409f8723bcae04c25' }, h("style", { key: '00165eccb43eb45e9519e50ae383b6f237b6d293' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '66a90a4032f46aec89e48e2e8c3c95d948dee416', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (h(Host, { key: 'ad8cbbbae20467e5a3f3ed0e37ca7ad752d949c2' }, h("style", { key: '692d0ec8ffe264c463f0a4e6abd5561dfd7c277d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '26faf0b00335df455b9f9445fae97133cc630b5a', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         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 _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedRow, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_eventBlurNames, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_checkOnBlurProp, _KupDataTable_checkOnBlurEvent, _KupDataTable_checkOnBlurByCellType, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
+var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedRow, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_eventBlurNames, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_onBlurHandler, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FixedCellsClasses, FixedCellsCSSVarsBase, GroupLabelDisplayMode, LoadMoreMode, PaginatorPos, ShowGrid, SortMode, TotalMode, TotalLabel, KupDataTableProps, fieldColumn, iconColumn, keyColumn, SelectionMode, DataTableAreasEnum, } from "./kup-data-table-declarations";
 import { getColumnByName } from "../../utils/cell-utils";
@@ -40,7 +40,7 @@ import { KupLanguageDensity, KupLanguageFontsize, KupLanguageGeneric, KupLanguag
 import { KupThemeColorValues, KupThemeIconValues, } from "../../managers/kup-theme/kup-theme-declarations";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { kupDragActiveAttr, KupDragEffect, kupDraggableCellAttr, kupDraggableColumnAttr, KupDropEventTypes, KupPointerEventTypes, } from "../../managers/kup-interact/kup-interact-declarations";
-import { FCellPadding, FCellShapes, FCellTypes, } from "../../f-components/f-cell/f-cell-declarations";
+import { FCellPadding, FCellShapes, } from "../../f-components/f-cell/f-cell-declarations";
 import { FCell } from "../../f-components/f-cell/f-cell";
 import { FPaginator } from "../../f-components/f-paginator/f-paginator";
 import { pageChange, rowsPerPageChange, } from "../../f-components/f-paginator/f-paginator-utils";
@@ -48,7 +48,6 @@ import { KupDataNewColumnTypes, } from "../../managers/kup-data/kup-data-declara
 import { FButton } from "../../f-components/f-button/f-button";
 import { FButtonStyling } from "../../f-components/f-button/f-button-declarations";
 import { KupColumnMenuIds } from "../../utils/kup-column-menu/kup-column-menu-declarations";
-const dom = document.documentElement;
 export class KupDataTable {
     constructor() {
         _KupDataTable_instances.add(this);
@@ -178,55 +177,6 @@ export class KupDataTable {
                 command: command,
             });
         });
-        _KupDataTable_checkOnBlurProp.set(this, (cell, rowId, colName) => {
-            cell.data = Object.assign(Object.assign({}, cell.data), { onBlur: () => {
-                    var _a, _b;
-                    if (((_b = (_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == rowId)) === null || _a === void 0 ? void 0 : _a.cells[colName]) === null || _b === void 0 ? void 0 : _b.value) !== cell.value) {
-                        this.kupCellCheck.emit({
-                            comp: this,
-                            id: this.rootElement.id,
-                            originalData: __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"),
-                            updatedData: getDiffData(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
-                            cell: cell,
-                        });
-                    }
-                } });
-        });
-        _KupDataTable_checkOnBlurEvent.set(this, (cell, rowId, colName) => {
-            const evName = __classPrivateFieldGet(this, _KupDataTable_eventBlurNames, "f").get(cell.shape);
-            if (!evName) {
-                return;
-            }
-            const handler = async () => {
-                var _a, _b;
-                if (((_b = (_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == rowId)) === null || _a === void 0 ? void 0 : _a.cells[colName]) === null || _b === void 0 ? void 0 : _b.value) !== cell.value) {
-                    this.kupCellCheck.emit({
-                        comp: this,
-                        id: this.rootElement.id,
-                        originalData: __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"),
-                        updatedData: getDiffData(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
-                        cell: cell,
-                    });
-                }
-            };
-            this.rootElement.addEventListener(evName, handler);
-        });
-        _KupDataTable_checkOnBlurByCellType.set(this, (fCellType) => {
-            const cbByCellType = new Map([
-                [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.CHIP, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.DATE, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.MULTI_AUTOCOMPLETE, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.MULTI_COMBOBOX, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.TIME, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.COMBOBOX, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.STRING, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.RADIO, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.NUMBER, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.OBJECT, __classPrivateFieldGet(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-            ]);
-            return cbByCellType.get(fCellType);
-        });
         _KupDataTable_FONTSIZE_CODES.set(this, ['small', 'medium', 'big']);
         _KupDataTable_FONTSIZE_DECODES.set(this, ['Small', 'Medium', 'Big']);
         _KupDataTable_FONTSIZE_ICONS.set(this, [
@@ -1336,7 +1286,7 @@ export class KupDataTable {
         }
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '6d09e0c370b54d11bafabf2a532016e56ba6e27d', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '7987d19b7d01dc634c4bba42852937f7ba607aab', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '5e7916b2d5e5406bfe89de59c85abfcf9d9c7c27', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '3a773e1601ad49f6092cc5c29552f30b199ebf6f', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1401,7 +1351,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: 'e48abd07934925d6d857ec993dd762113d9b916e' }, props));
+                groupChips = h(FChip, Object.assign({ key: 'b18db45f91b68ade282b4f8c3418d0697e7a5fc1' }, props));
             }
         }
         const tableClass = {
@@ -1433,7 +1383,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'a826f0b07e62fc01da85e10a57f8c0367bce8ff9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd1abd05e8bb445e6057801a98a217ba0d856784c' }, h("tr-sticky", { key: '12362919acda0cc236ccd205463bc36515070dd8' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '3fb152a6231778c46a1c414a974b92fd3ac5243f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '8000359e51e3761851779b2746b8a823169f17e0' }, h("tr-sticky", { key: '95049c2d562c00c4f71215dd193dda2b0457187f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1459,11 +1409,18 @@ export class KupDataTable {
                 }
             }
         };
-        const compCreated = (h(Host, { key: 'a6dddf02abe9beeee2c96e891cc66cb372b39184', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: '1af1e2c0d3843d6bfcda7f5bd7cf6b319770a43e' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'eb7ee03de3fef0785fe3029250372e9a84d2b88d', id: componentWrapperId, class: wrapClass }, h("div", { key: '9905494aded337acf7a24cf1e2bcd9ad0b573da7', class: "group-wrapper" }, groupChips), h("div", { key: '8b2752ff6c6bd49e89f61215429040919ff89276', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h(Host, { key: 'db73b583031420003c076acd9c48e5c44c9d95cf', "onKup-cell-input": (e) => {
+                autoselectOnAction(e);
+                this.kupDataTableCellInput.emit(e.detail);
+            }, "onKup-cell-update": autoselectOnAction, "onKup-cell-blur": __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
+                this.kupDataTableCellClick.emit(e.detail);
+            }, "onKup-cell-iconclick": (e) => {
+                this.kupDataTableCellIconClick.emit(e.detail);
+            } }, h("style", { key: 'e979b5cccaddb966b713cc71717ed6f7158d0400' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'd18317ca2692ef7737996ba4d517d04855c47ffe', id: componentWrapperId, class: wrapClass }, h("div", { key: '26dbdc330eaba4fae0f5e9f7d27a191be1747eed', class: "group-wrapper" }, groupChips), h("div", { key: '64fe5a4113a4a215d6d25b08519dd5b88f32e411', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: '9b05b8a8d56d49d9d4b6b763615bee5b86c62b8d', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '4a633fe3a6b4f2205f9b769d9fa33af7642a4823', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1513,9 +1470,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '3cf3b9dd5588849ceae45d650c4aa11673338517', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '9facac39033ec246e9956fd4ee0be2fce5361566', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: 'f7f1635a9f148cdbb0b9df7de7c251387cb2be71', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '39c7f61aa191bf964ff6c6ad35919cae01863c7f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1524,7 +1481,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '789e0a4319c5010b8edbb2a7fc921d8c6f87cbba', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'ba49043f8cc8e2bc160b313c590fa330a63ee4de', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1532,7 +1489,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'd1a38a517fffca82965d85f773b8545b69289e55', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '008d620586ace87338985b3951f5cd43f1d5d82e' }, header)), h("tbody", { key: '5af95702fa6fc2e57acec377594a540d8ff5d2c7' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h("thead", { key: 'fed053b884d7536e7b98bb369287a7fa0d09425b', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'c64f1ff4ac83b0bf529ace7f2c1eaab7458577bc' }, header)), h("tbody", { key: 'a7224a1e949d4d1402cd050f2da707798626eeb5' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -3233,6 +3190,69 @@ export class KupDataTable {
                         }
                     }
                 }
+            }, {
+                "method": "kupDataTableCellClick",
+                "name": "kup-datatable-cell-click",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "FCellEventPayload",
+                    "resolved": "FCellEventPayload",
+                    "references": {
+                        "FCellEventPayload": {
+                            "location": "import",
+                            "path": "../../f-components/f-cell/f-cell-declarations",
+                            "id": "src/f-components/f-cell/f-cell-declarations.ts::FCellEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupDataTableCellIconClick",
+                "name": "kup-datatable-cell-iconclick",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "FCellEventPayload",
+                    "resolved": "FCellEventPayload",
+                    "references": {
+                        "FCellEventPayload": {
+                            "location": "import",
+                            "path": "../../f-components/f-cell/f-cell-declarations",
+                            "id": "src/f-components/f-cell/f-cell-declarations.ts::FCellEventPayload"
+                        }
+                    }
+                }
+            }, {
+                "method": "kupDataTableCellInput",
+                "name": "kup-datatable-cell-input",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "FCellEventPayload",
+                    "resolved": "FCellEventPayload",
+                    "references": {
+                        "FCellEventPayload": {
+                            "location": "import",
+                            "path": "../../f-components/f-cell/f-cell-declarations",
+                            "id": "src/f-components/f-cell/f-cell-declarations.ts::FCellEventPayload"
+                        }
+                    }
+                }
             }];
     }
     static get methods() {
@@ -3922,7 +3942,7 @@ export class KupDataTable {
             }];
     }
 }
-_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_eventBlurNames = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_checkOnBlurProp = new WeakMap(), _KupDataTable_checkOnBlurEvent = new WeakMap(), _KupDataTable_checkOnBlurByCellType = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
+_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_eventBlurNames = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupDataTable_clickCbDropCard, "f"));
     __classPrivateFieldGet(this, _KupDataTable_columnDropCard, "f").remove();
@@ -5638,6 +5658,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     const remove = columns.splice(sortedColumnIndex, 1);
     columns.splice(receivingColumnIndex, 0, remove[0]);
     this.refresh();
+}, _KupDataTable_onBlurHandler = function _KupDataTable_onBlurHandler({ detail: { cell, column, row }, }) {
+    var _a, _b, _c;
+    if (this.updatableData &&
+        cell.isEditable &&
+        ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkValueOnExit) &&
+        ((_c = (_b = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == row.id)) === null || _b === void 0 ? void 0 : _b.cells[column.name]) === null || _c === void 0 ? void 0 : _c.value) !== cell.value) {
+        this.kupCellCheck.emit({
+            comp: this,
+            id: this.rootElement.id,
+            originalData: __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"),
+            updatedData: getDiffData(__classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+            cell: cell,
+        });
+    }
 }, _KupDataTable_applyLineBreaks = function _KupDataTable_applyLineBreaks(content) {
     if (!content) {
         return '';
@@ -5995,7 +6029,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a, _b;
+            var _a;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -6027,13 +6061,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                         },
                     }
                     : null });
-            const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-            if (this.updatableData &&
-                cell.isEditable &&
-                ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) &&
-                __classPrivateFieldGet(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)) {
-                __classPrivateFieldGet(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)(cell, row.id, currentColumn.name);
-            }
             const jsxCell = h(FCell, Object.assign({}, fcell));
             // Classes which will be set onto the single data-table cell;
             let cellClass = null;

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -388,7 +388,7 @@ export class KupDatePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '13a47c3a9b404c14a77d88d649fad882b4339da0' }, h("style", { key: 'cf4b70d3470ac7a1e2184826fced51eb57590a83' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5082110224b42c1ffd5b8c7161293d50797341d6', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: '46a53a55ec511a4beb0105b6a1caf5af95addc05' }, h("style", { key: '6b93ff258cacb4dfa701edcafb123f18b8b3a7f1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd9685f29bf32e9222f62c708250e846b84c182a1', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-dialog/kup-dialog.js

@@ -145,7 +145,7 @@ export class KupDialog {
         if (headerSlot) {
             __classPrivateFieldSet(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h(Host, { key: 'f43905df343499898224da326539ddfbb269afa9', "fade-in": true, style: style }, h("style", { key: 'f26805300b8847f08e481254e1a144cd00770d0c' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '487037f1f65b1d1f83b141feedca2e5caed650dc', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'f707d046770ca02e82fbeebec60203622336c113', class: "content" }, h("slot", { key: '9e253ef007261663063e56843b72056755ef65c6', name: "content" })))));
+        return (h(Host, { key: '677afdac900b1d07b1a2874869f3d8415a508f31', "fade-in": true, style: style }, h("style", { key: '22e733f191cd089e832746c87ad41e831e0af07f' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b2a99bc3c9dec0ae5774b62423882d4e98d9a22b', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'c069c53fe1a71fdf84984ea725cfeb5876485686', class: "content" }, h("slot", { key: '1682932aeb2e0352bcf6d6f3685ea1b7f0be30b7', name: "content" })))));
     }
     disconnectedCallback() {
         if (this.modal) {

package/dist/collection/components/kup-drawer/kup-drawer.js

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '47b6e1195efa7ac6696505f19808aaeed8804c81', "kup-opened": this.opened }, h("style", { key: '2ae05ab9c05ad338fa42f7ea827139883dc370c9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9574a0c126fbedb4022932c0388d96874bca3a71', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '8a9d2198973d5a7ec57918a2064e790682764845', "kup-opened": this.opened }, h("style", { key: 'e3abd215c9b0196074011bf4325bf8a7ab9092ed' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '71daac9c19301460a3fe3edad3f320c01f11bad5', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: 'bb38d8793e68860b78c53a82e067e5ee765db93b', id: componentWrapperId }, h("div", { key: 'fb7a2c5bc9cd9fcac56a6e7e73066995e31e78b3', class: drawerClass }, this.content()))));
+            } }), h("div", { key: '47e90864a92415cca083f56e2d25cd05efe56df9', id: componentWrapperId }, h("div", { key: '47bfb804ce58fa47dc1fa7a574df7a05bd92b116', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js

@@ -293,7 +293,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, { key: '9f0b15f4510c169fe9beda4f7536d55bbad28b4f' }, h("style", { key: '85819d0d93e7572fc9f8a1d5dc4af120b245d940' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '8e3065921f29bcf4f2a2ebe124b89ae29f2cd4f8', id: componentWrapperId }, h("div", { key: 'b314369d46e48fd0d20dd0f0ac9e7390a4c7a9b8', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'c07fd0d7a4f3d094e59d48623de84d3df82896b4' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: 'ccae4dfa0806f3fdbf1bed5fbd19fadd7de8429d' }, h("style", { key: '0173c39b549a40914975036cfdf000b1fb00aabd' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '11845d0c420acc71324ec35a666efa13640be822', id: componentWrapperId }, h("div", { key: '4f589eb69851af86e9e4c42c531445626741c008', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: '058216a70f437d213f51c0f07ac62bb30544e9fb' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {

package/dist/collection/components/kup-echart/kup-echart.js

@@ -139,7 +139,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '6a1b9da9ca8a55642d2c5a7b4cbe6e344c0657af', style: style }, h("style", { key: 'c72c65a0c8a4099c8b08a9c1cbd3ed06e17df686' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'eb0e06939e0ea612ca39d35a480ee74a5e04c5c5', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: 'f40d78d9bd1b54cb01ed05e18edef28c29d33473', style: style }, h("style", { key: 'd341281f3b58021c7de43822b5bb3d9b0fc6c4fd' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd71b62b4761cdb56e05ba1d736a375e12c52f964', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-editor/kup-editor.js

@@ -389,7 +389,7 @@ export class KupEditor {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e732ebc91b5f48c0bc515cfffa8cc2d1d6d7485f' }, h("div", { key: '560b1ac7dcdab0bf90db09bb92e847a9e5d14f7e', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (h(Host, { key: 'ffbd575e5192cccaf2c070c4586215cc7573f9ce' }, h("div", { key: '21e2b1a060db3009c6595eb92f78361adff24d6c', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-family-tree/kup-family-tree.js

@@ -149,12 +149,12 @@ export class KupFamilyTree {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '602bb95f29dfe9e017313b01a3fc485c23dd2f97', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '6788b54f8c964ddeda1e5c4a7922613eb2efd59f', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", { key: 'becb707b0e477aff23e752bbb7ce335c01b428bd' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'aa50336a80b5499f3241b277639bb234c9e3eee5', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: '40f38048045b0c3726164c999dc9fa15ea778291' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9d4209faa777da38726d8113582cbba14ace1df7', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-form/kup-form.js

@@ -408,7 +408,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -419,7 +419,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-htm/kup-htm.js

@@ -67,7 +67,7 @@ export class KupHTM {
     }
     render() {
         const isLink = __classPrivateFieldGet(this, _KupHTM_kupManager, "f").objects.isLink(this.data.obj);
-        return (h(Host, { key: 'e973cfb80ddc6aba894dd2994b3be82fc93a07bc' }, h("style", { key: 'cd5f18859b77dfbaa1008cfe37183e18780b8e38' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '69a912436a0c644bbe0ca38efe2aff60c31b15e4', id: componentWrapperId }, h("div", { key: '5e057d8c92cbfd479a57c10c205e96be51475007', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: '4900e8b6dd9c84c1f3a173b43951a0066bc8ec92' }, h("style", { key: 'fae888455749d9310efb85b2543a1f2dd9c458e5' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b134d6fc361dcb972d831b5658ae5529a949efa5', id: componentWrapperId }, h("div", { key: 'd8490ada53de8bf4cd93c7d4fb1e0db18cc3a42d', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("a", { href: this.data.value, target: "_blank", rel: "noopener noreferrer" }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB)), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-image-list/kup-image-list.js

@@ -204,14 +204,14 @@ export class KupImageList {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h(Host, { key: 'aaefac38b6fc8edb0a3378edce114b31dcd4c982' }, h("style", { key: '80541c8e96c4949ae9d3635342458ed4636aa4f3' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e21da53853b397147fae86eb46c4ec73ab1918c8', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '6b1b27c8e736754f479770ec67603d5708a78191' }, h("style", { key: '998b454b9acbe6078e18b5303667a373ef17a352' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9dfe6fefea846bbe367f5c76fd2d336840190ae9', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '2ea71db6523c5ed84e6e04bc36844199208ae69f', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '8e6ba7408c4358862f1cccc8b564c5f225410074', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '4c007ebfba4fe8b1b8aaffbae9261c27db9b00df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));