@sme.up/ketchup 11.0.0-SNAPSHOT-20250520071859 → 11.0.0-SNAPSHOT-20250521130126

package/dist/cjs/{f-cell-db3d9348.js → f-cell-24d64a1a.js}

@@ -4,7 +4,7 @@ const index = require('./index-c7d441d8.js');
 const kupManager = require('./kup-manager-c70d3188.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fCheckbox = require('./f-checkbox-aaa6d45c.js');
-const fChip = require('./f-chip-f2d6124b.js');
+const fChip = require('./f-chip-811a95bb.js');
 const fImage = require('./f-image-db10b066.js');
 const fObjectField = require('./f-object-field-3810f288.js');
 const fTextField = require('./f-text-field-a34a5979.js');

package/dist/cjs/{f-chip-f2d6124b.js → f-chip-811a95bb.js}

@@ -148,6 +148,7 @@ exports.FChipType = void 0;
     FChipType["CHOICE"] = "choice";
     FChipType["FILTER"] = "filter";
     FChipType["INPUT"] = "input";
+    // HAS_FILTER = 'has-filter',
     FChipType["STANDARD"] = "standard";
 })(exports.FChipType || (exports.FChipType = {}));
 /**
@@ -241,8 +242,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
             }
         }
         function createChip(chip, disabled) {
+            var _a;
             const onlyIcon = !!(chip.icon && !chip.value);
-            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled && 'chip--disabled'}`;
+            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled ? 'chip--disabled' : ''}`;
             let iconEl = [];
             let iconClass = 'chip__icon chip__icon--leading';
             if (isFilter || isChoice) {
@@ -274,6 +276,8 @@ function createChipList(props, isChoice, isFilter, isInput) {
             let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? kupManager.ItemsDisplayMode.CODE : props.displayMode, ' - ');
             return (index.h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
+                    : null, onContextMenu: props.onContextMenu && props.onContextMenu[i]
+                    ? props.onContextMenu[i].bind(props.onContextMenu[i], chip)
                     : null, role: "row", title: chip.title ? chip.title : '' },
                 index.h("span", { class: "chip-set__indent" }),
                 iconEl,
@@ -286,6 +290,11 @@ function createChipList(props, isChoice, isFilter, isInput) {
                             ? props.onFocus[i].bind(props.onFocus[i], chip)
                             : null },
                         index.h("span", { class: "chip__text" }, chipText))),
+                ((_a = props.hasFilter) === null || _a === void 0 ? void 0 : _a[i]) && (index.h("span", { role: "gridcell" },
+                    index.h("span", { tabindex: "-1", class: `kup-icon chip__icon ${kupManager.KupThemeIconValues.FILTER_REMOVE.replace('--', '')}`, onClick: props.onClearFilterClick &&
+                            props.onClearFilterClick[i]
+                            ? props.onClearFilterClick[i].bind(props.onClearFilterClick[i], chip)
+                            : null }))),
                 isInput ? (index.h("span", { role: "gridcell" },
                     index.h("span", { tabindex: "-1", class: `kup-icon chip__icon ${kupManager.KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
                             ? props.onIconClick[i].bind(props.onIconClick[i], chip)

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

@@ -6,12 +6,12 @@ const index = require('./index-c7d441d8.js');
 const kupManager$2 = require('./kup-manager-c70d3188.js');
 const fTextField = require('./f-text-field-a34a5979.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const fChip = require('./f-chip-f2d6124b.js');
+const fChip = require('./f-chip-811a95bb.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-db10b066.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-db3d9348.js');
+const fCell = require('./f-cell-24d64a1a.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-aaa6d45c.js');
@@ -7969,15 +7969,14 @@ class KupColumnMenu {
         dom$2.ketchup.dynamicPosition.stop(card);
     }
     /**
-     * Function called to reposition the column menu card to the appropriate column.
+     * Function called to reposition the column menu card to the appropriate selector.
      * @param {KupDataTable | KupTree} comp - Component using the column menu.
      */
-    reposition(comp, card) {
+    reposition(comp, card, wrapperSelector) {
         const root = comp.rootElement.shadowRoot;
         if (root) {
             if (card) {
-                const column = card.dataset.column;
-                const wrapper = root.querySelector('th[data-column="' + column + '"]');
+                const wrapper = root.querySelector(wrapperSelector);
                 if (dom$2.ketchup.dynamicPosition.isRegistered(card)) {
                     dom$2.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }
@@ -8630,7 +8629,7 @@ var __classPrivateFieldSet$3 = (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 _KupDataTable_instances, _KupDataTable_checkUpdateState, _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_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _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_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _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;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _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_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _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_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _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_handleChipsContextMenu, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
 const dom$1 = document.documentElement;
 const KupDataTable = class {
     constructor(hostRef) {
@@ -9344,11 +9343,10 @@ const KupDataTable = class {
      * Opens the column menu of the given column.
      * @param {string} column - Name of the column.
      */
-    async openColumnMenu(column) {
+    async openColumnMenu(columnName, wrapperClass) {
         if (__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f")) {
             __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
         }
-        this.columnMenuAnchor = column;
         __classPrivateFieldSet$3(this, _KupDataTable_columnMenuCard, document.createElement('kup-card'), "f");
         __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").isMenu = true;
         __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").layoutNumber = 12;
@@ -9380,10 +9378,10 @@ const KupDataTable = class {
             el: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
         }, "f");
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"), true);
-        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', column);
-        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").prepData(this, kupManager$2.getColumnByName(this.getVisibleColumns(), column));
-        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").open(this, column);
-        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', columnName);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").prepData(this, kupManager$2.getColumnByName(this.getColumns(), columnName));
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").open(this, columnName);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"), wrapperClass);
         this.kupDataTableColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
@@ -10048,7 +10046,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: 'b5d271f80d0002c15e00c284e055c8e6641a7584', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '7c8c627608bab9b2268ddb5a520b4dafa0f3eb06', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '430b44ee29a2fca6f9c5b93f861ecdf4ad73e0a5', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'bd1c377ad8bec0617a2438177bd966853bd6fee4', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10107,13 +10105,24 @@ const KupDataTable = class {
                 const props = {
                     data: chipsData,
                     id: 'group-chips',
-                    type: fChip.FChipType.INPUT,
                     onIconClick: [],
+                    onClearFilterClick: [],
+                    type: fChip.FChipType.INPUT,
+                    onContextMenu: [],
+                    hasFilter: [],
                 };
                 for (let i = 0; i < chipsData.length; i++) {
+                    const column = kupManager$2.getColumnByName(this.getColumns(), chipsData[i].id);
+                    const hasFilterColumn = __classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column);
+                    props.hasFilter.push(hasFilterColumn);
+                    __classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column);
+                    props.onClearFilterClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRemoveFilter).call(this, column));
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
+                    props.onContextMenu.push((chipArg, e) => {
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
+                    });
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '0efe8dc2dcbc940027bf2747beec6b141a65e46e' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: 'd3415fc95ae2f8a5ce26cb20002ba6661a3a760c' }, props));
             }
         }
         const tableClass = {
@@ -10145,7 +10154,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: 'f2912b04f19f4d60db93b3d866edcd3c61338c2e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '06de56b243f1ab65741adf0998d193bfed6e7c0b' }, index.h("tr-sticky", { key: 'e7f4b10370f2b2951bbe03150ddc72d33b0f554b' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: 'df0a886676b01a4ec8cdc238da50e5fb636c2e75', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '7dfc484ccd0077864cf2e8ea220ed18ef1f1f10f' }, index.h("tr-sticky", { key: 'd6a818a76e04dc06fc88b00f54b88f2aa8ea3470' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10191,7 +10200,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (index.h(index.Host, { key: 'b21f61f02a257d14e0ad4842fb91190f286abab0', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '84427b1e39a433f2ab49960f32fb46e8a3e3bb94', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10206,11 +10215,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '8efae706945a511cdc2589d2afbe41d8e9faf219' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: 'b2d0ee11cb8f735289fb07eee125aa24999405c4', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'b0311ae5c4a6119c7aca9d696814ba1f1a8cdb5d', class: "group-wrapper" }, groupChips), index.h("div", { key: 'facbf16b60985eb037883035a15c8c5835b36a03', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, index.h("style", { key: '87d876e2b04fda5102111f24ab911e56aa0bcce8' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: 'c65909d1e8b6d951f13c2bc9400a21a14ae6a4dd', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '5be32632d47ebaa895d3c93549421896d4d34e9b', class: "group-wrapper" }, groupChips), index.h("div", { key: 'b022561419113d8f3f8510bdf6fe9e6972b73358', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, index.h("div", { key: 'acb24a68bc863252df39eab3b2bd57010102cb4f', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: '61932ed103271863d6391ef8f89fbb334786ed99', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10260,9 +10269,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'f33c46d483bf6a8161d829215fac3d8cce7a41bb', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'b226a20f77b41d1c09e122c47174ada6d16b3487', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), index.h("div", { key: 'b3f0992c636195339c3fa46873bdaece361f4509', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: 'ee8243f804c2e5748fc42179e612136257232fe7', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10271,7 +10280,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$2.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: 'ee85c03510e6b4e161942e4377e3b48334ed86db', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: 'e507b220df52538aea8c28ef3c067c7d666d2598', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10279,7 +10288,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: '8cf3e2f2fe20f99e6f8aa51db1446689389139c7', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'beecf3dbfa3c55011c5e0edc9694ef53eb5d93e3' }, header)), index.h("tbody", { key: 'c68e6f0f3230c982a4c2dcd071555a37042a0796' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: '8189633a66a558e1c101e00c681d132926d9f0d1', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'e266d4b881a4ce18169d10c737c1b84028364385' }, header)), index.h("tbody", { key: '4c248d2b4e9662dd94be97728bfe3aa0343f2ed1' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -11779,7 +11788,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_contextMenuHandlerDetailsManager = function _KupDataTable_contextMenuHandlerDetailsManager(details, eventCoords) {
     if (details.area === kupManager$2.DataTableAreasEnum.HEADER) {
         if (details.column) {
-            this.openColumnMenu(details.column.name);
+            const colName = details.column.name;
+            this.openColumnMenu(colName, `th[data-column="${colName}"]`);
             return details;
         }
     }
@@ -13035,6 +13045,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         } })));
 }, _KupDataTable_renderCommandButton = function _KupDataTable_renderCommandButton(commandObj, styling) {
     return (index.h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, placeholderIcon: commandObj.placeholderIcon, label: commandObj.value }));
+}, _KupDataTable_handleChipsContextMenu = function _KupDataTable_handleChipsContextMenu(chipColumnName, e) {
+    e.preventDefault();
+    this.openColumnMenu(chipColumnName, `.chip[data-value="${chipColumnName}"]`);
 }, _KupDataTable_renderCommandDropDownButton = function _KupDataTable_renderCommandDropDownButton(commandObj, styling) {
     const data = {
         'kup-list': {
@@ -19422,7 +19435,7 @@ const KupTree = class {
         this.columnMenuCard.setAttribute('data-column', column);
         this.columnMenuCard.data = this.columnMenuInstance.prepData(this, kupManager$2.getColumnByName(this.getVisibleColumns(), column));
         this.columnMenuInstance.open(this, column);
-        this.columnMenuInstance.reposition(this, this.columnMenuCard);
+        this.columnMenuInstance.reposition(this, this.columnMenuCard, 'th[data-column="' + column + '"]');
         this.kupTreeColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
@@ -20457,19 +20470,19 @@ const KupTree = class {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (index.h("div", { key: 'f93aa6f235d56112a1666da13ecdde360d357e97', id: "global-filter" }, index.h("kup-text-field", { key: 'eff36c370ed5055070389df764021494a526785c', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, icon: kupManager$2.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (index.h("div", { key: '951cc7b33102ce09bd67359865c186c80d99b7ef', id: "global-filter" }, index.h("kup-text-field", { key: '624400796166fb13a274440aa7baddcb9de9a1ce', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, icon: kupManager$2.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (index.h(index.Host, { key: '27bc9b37d39ac6c251838d22c94ed5d6ba62a566', "onKup-cell-click": (e) => {
+        return (index.h(index.Host, { key: '7e892593e2eb01f08a6985046d14df031ce27951', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, index.h("style", { key: 'bfe32e4af4610231e86bd0264964b4a3a1ceaa17' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e3a4b340645e74d583d1a184a982ff7697bd7339', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: '62e156dadb496796e20c270ce03e3574ece9209d', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, index.h("table", { key: '9900da77837a37595e069cb4a80fa08280212a7d', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, index.h("style", { key: 'fc0d6f92bf7c46d2a1b13dc826fe4aeb6f032be9' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '0efcf089f18129e1216e5ef352497d53257e0779', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: '7939f7b39a94c845ba0551c1b27cdc7f73bbdf2e', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, index.h("table", { key: '8a516d15076c80ef390fccd95fb021c5d01d2b47', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: 'de3f655eeb99c5c9f84b2c3d1f71b8300c002143', class: {
+            } }, index.h("thead", { key: '84d285915065d73decdd5ee03f2260aab3472aa7', class: {
                 'header--is-visible': visibleHeader,
-            } }, index.h("tr", { key: 'dc666452c0a2fed86f6d18e2ed7eedc3fc0c6cf2' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: 'c83daaf1d52a296c23d8c530989066bd0b66d945' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, index.h("tr", { key: '2ba3d653b3f9c5fdf5a183c946701712efa92a6b' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: 'd12721e4a33eaba8240fafdeebd2ec2bc62bcc25' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));

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

@@ -6,9 +6,9 @@ const index = require('./index-c7d441d8.js');
 const kupManager = require('./kup-manager-c70d3188.js');
 const kupDataTableHelper = require('./kup-data-table-helper-f53032e7.js');
 const fImage = require('./f-image-db10b066.js');
-const fChip = require('./f-chip-f2d6124b.js');
+const fChip = require('./f-chip-811a95bb.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-db3d9348.js');
+const fCell = require('./f-cell-24d64a1a.js');
 const fPaginatorUtils = require('./f-paginator-utils-3855e84c.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');

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

@@ -6,7 +6,7 @@ const index$4 = require('./index-c7d441d8.js');
 const kupManager = require('./kup-manager-c70d3188.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fChip = require('./f-chip-f2d6124b.js');
+const fChip = require('./f-chip-811a95bb.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');

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

@@ -6,12 +6,12 @@ const index = require('./index-c7d441d8.js');
 const kupManager = require('./kup-manager-c70d3188.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fCell = require('./f-cell-db3d9348.js');
+const fCell = require('./f-cell-24d64a1a.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f2d6124b.js');
+require('./f-chip-811a95bb.js');
 require('./f-object-field-3810f288.js');
 require('./f-text-field-a34a5979.js');
 

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -8,11 +8,11 @@ const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-db10b066.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-db3d9348.js');
+const fCell = require('./f-cell-24d64a1a.js');
 const component = require('./component-a6dd6c14.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f2d6124b.js');
+require('./f-chip-811a95bb.js');
 require('./f-object-field-3810f288.js');
 require('./f-text-field-a34a5979.js');
 

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fCell = require('./f-cell-db3d9348.js');
+const fCell = require('./f-cell-24d64a1a.js');
 const kupManager = require('./kup-manager-c70d3188.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
@@ -12,7 +12,7 @@ const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-f2d6124b.js');
+require('./f-chip-811a95bb.js');
 require('./f-object-field-3810f288.js');
 require('./f-text-field-a34a5979.js');
 require('./kup-dates-bc4cf9d0.js');

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_checkUpdateState, _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_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _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_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _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;
+var _KupDataTable_instances, _KupDataTable_checkUpdateState, _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_lastFocusedColumn, _KupDataTable_lastFocusedCell, _KupDataTable_lastFocusedRow, _KupDataTable_maxRowsPerPage, _KupDataTable_readyPromise, _KupDataTable_readyResolve, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, _KupDataTable_insertNewColumnInVisibleColumnsList, _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_closeColumnMenuCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_getEventDetailsForCurrentSelection, _KupDataTable_getSourceElementCoordsForCurrentSelection, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_tooltipRequestHandler, _KupDataTable_contextMenuHandlerDetailsManager, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_copyCellValueInColumnHandler, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_horNav, _KupDataTable_verNav, _KupDataTable_onKupKeyDown, _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_handleChipsContextMenu, _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, TypesToDuplicate, } from "./kup-data-table-declarations";
 import { getColumnByName, getValueForDisplay, isNegativeNumber, } from "../../utils/cell-utils";
@@ -733,11 +733,10 @@ export class KupDataTable {
      * Opens the column menu of the given column.
      * @param {string} column - Name of the column.
      */
-    async openColumnMenu(column) {
+    async openColumnMenu(columnName, wrapperClass) {
         if (__classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f")) {
             __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
         }
-        this.columnMenuAnchor = column;
         __classPrivateFieldSet(this, _KupDataTable_columnMenuCard, document.createElement('kup-card'), "f");
         __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").isMenu = true;
         __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").layoutNumber = 12;
@@ -769,10 +768,10 @@ export class KupDataTable {
             el: __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f"),
         }, "f");
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet(this, _KupDataTable_clickCbDropCard, "f"), true);
-        __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', column);
-        __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").prepData(this, getColumnByName(this.getVisibleColumns(), column));
-        __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").open(this, column);
-        __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f"));
+        __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', columnName);
+        __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").prepData(this, getColumnByName(this.getColumns(), columnName));
+        __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").open(this, columnName);
+        __classPrivateFieldGet(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet(this, _KupDataTable_columnMenuCard, "f"), wrapperClass);
         this.kupDataTableColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
@@ -1439,7 +1438,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'b5d271f80d0002c15e00c284e055c8e6641a7584', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '7c8c627608bab9b2268ddb5a520b4dafa0f3eb06', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '430b44ee29a2fca6f9c5b93f861ecdf4ad73e0a5', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'bd1c377ad8bec0617a2438177bd966853bd6fee4', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1498,13 +1497,24 @@ export class KupDataTable {
                 const props = {
                     data: chipsData,
                     id: 'group-chips',
-                    type: FChipType.INPUT,
                     onIconClick: [],
+                    onClearFilterClick: [],
+                    type: FChipType.INPUT,
+                    onContextMenu: [],
+                    hasFilter: [],
                 };
                 for (let i = 0; i < chipsData.length; i++) {
+                    const column = getColumnByName(this.getColumns(), chipsData[i].id);
+                    const hasFilterColumn = __classPrivateFieldGet(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column);
+                    props.hasFilter.push(hasFilterColumn);
+                    __classPrivateFieldGet(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column);
+                    props.onClearFilterClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onRemoveFilter).call(this, column));
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
+                    props.onContextMenu.push((chipArg, e) => {
+                        __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
+                    });
                 }
-                groupChips = h(FChip, Object.assign({ key: '0efe8dc2dcbc940027bf2747beec6b141a65e46e' }, props));
+                groupChips = h(FChip, Object.assign({ key: 'd3415fc95ae2f8a5ce26cb20002ba6661a3a760c' }, props));
             }
         }
         const tableClass = {
@@ -1536,7 +1546,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'f2912b04f19f4d60db93b3d866edcd3c61338c2e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '06de56b243f1ab65741adf0998d193bfed6e7c0b' }, h("tr-sticky", { key: 'e7f4b10370f2b2951bbe03150ddc72d33b0f554b' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'df0a886676b01a4ec8cdc238da50e5fb636c2e75', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '7dfc484ccd0077864cf2e8ea220ed18ef1f1f10f' }, h("tr-sticky", { key: 'd6a818a76e04dc06fc88b00f54b88f2aa8ea3470' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1582,7 +1592,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: 'b21f61f02a257d14e0ad4842fb91190f286abab0', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '84427b1e39a433f2ab49960f32fb46e8a3e3bb94', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1597,11 +1607,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '8efae706945a511cdc2589d2afbe41d8e9faf219' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'b2d0ee11cb8f735289fb07eee125aa24999405c4', id: componentWrapperId, class: wrapClass }, h("div", { key: 'b0311ae5c4a6119c7aca9d696814ba1f1a8cdb5d', class: "group-wrapper" }, groupChips), h("div", { key: 'facbf16b60985eb037883035a15c8c5835b36a03', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '87d876e2b04fda5102111f24ab911e56aa0bcce8' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'c65909d1e8b6d951f13c2bc9400a21a14ae6a4dd', id: componentWrapperId, class: wrapClass }, h("div", { key: '5be32632d47ebaa895d3c93549421896d4d34e9b', class: "group-wrapper" }, groupChips), h("div", { key: 'b022561419113d8f3f8510bdf6fe9e6972b73358', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, 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: 'acb24a68bc863252df39eab3b2bd57010102cb4f', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '61932ed103271863d6391ef8f89fbb334786ed99', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1651,9 +1661,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: 'f33c46d483bf6a8161d829215fac3d8cce7a41bb', 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: 'b226a20f77b41d1c09e122c47174ada6d16b3487', 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: 'b3f0992c636195339c3fa46873bdaece361f4509', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'ee8243f804c2e5748fc42179e612136257232fe7', 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);
@@ -1662,7 +1672,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'ee85c03510e6b4e161942e4377e3b48334ed86db', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'e507b220df52538aea8c28ef3c067c7d666d2598', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), 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");
@@ -1670,7 +1680,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: '8cf3e2f2fe20f99e6f8aa51db1446689389139c7', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'beecf3dbfa3c55011c5e0edc9694ef53eb5d93e3' }, header)), h("tbody", { key: 'c68e6f0f3230c982a4c2dcd071555a37042a0796' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '8189633a66a558e1c101e00c681d132926d9f0d1', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'e266d4b881a4ce18169d10c737c1b84028364385' }, header)), h("tbody", { key: '4c248d2b4e9662dd94be97728bfe3aa0343f2ed1' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -3921,11 +3931,15 @@ export class KupDataTable {
             },
             "openColumnMenu": {
                 "complexType": {
-                    "signature": "(column: string) => Promise<void>",
+                    "signature": "(columnName: string, wrapperClass: string) => Promise<void>",
                     "parameters": [{
-                            "name": "column",
+                            "name": "columnName",
                             "type": "string",
-                            "docs": "- Name of the column."
+                            "docs": ""
+                        }, {
+                            "name": "wrapperClass",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -5875,7 +5889,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_contextMenuHandlerDetailsManager = function _KupDataTable_contextMenuHandlerDetailsManager(details, eventCoords) {
     if (details.area === DataTableAreasEnum.HEADER) {
         if (details.column) {
-            this.openColumnMenu(details.column.name);
+            const colName = details.column.name;
+            this.openColumnMenu(colName, `th[data-column="${colName}"]`);
             return details;
         }
     }
@@ -7138,6 +7153,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         } })));
 }, _KupDataTable_renderCommandButton = function _KupDataTable_renderCommandButton(commandObj, styling) {
     return (h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), icon: commandObj.icon, placeholderIcon: commandObj.placeholderIcon, label: commandObj.value }));
+}, _KupDataTable_handleChipsContextMenu = function _KupDataTable_handleChipsContextMenu(chipColumnName, e) {
+    e.preventDefault();
+    this.openColumnMenu(chipColumnName, `.chip[data-value="${chipColumnName}"]`);
 }, _KupDataTable_renderCommandDropDownButton = function _KupDataTable_renderCommandDropDownButton(commandObj, styling) {
     const data = {
         'kup-list': {