@sme.up/ketchup 11.0.0-SNAPSHOT-20250123153705 → 11.0.0-SNAPSHOT-20250124121218

package/dist/cjs/{f-cell-fdce1400.js → f-cell-e4e4e3b6.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fButton = require('./f-button-2994335b.js');
 const fCheckbox = require('./f-checkbox-989b9645.js');
-const fChip = require('./f-chip-02530a5a.js');
+const fChip = require('./f-chip-de002784.js');
 const fImage = require('./f-image-819dca29.js');
-const fObjectField = require('./f-object-field-e0ebf5c8.js');
-const fTextField = require('./f-text-field-56037ad5.js');
+const fObjectField = require('./f-object-field-863feeb1.js');
+const fTextField = require('./f-text-field-e836c7de.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -334,11 +334,32 @@ const FCell = (props, children) => {
     return (index.h("div", { onKeyUp: (e) => cellEvent(e, props, cellType, kupManager.FCellEvents.KEYUP), class: classObj, "kup-get-cell-props": () => {
             return props;
         }, ref: (el) => (cell.element = el), style: cell.style },
-        index.h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle },
-            props.cellActionIcon && (index.h(fImage.FImage, { resource: "more_vert", sizeX: "16px", sizeY: "16px", wrapperClass: `f-cell__iconfunction ${cellType === kupManager.FCellTypes.NUMBER ? 'left' : 'right'}`, onClick: props.cellActionIcon.onClick, tabIndex: 0 })),
-            children && children.length > 0
-                ? children
-                : [props.indents, infoEl, icon, content])));
+        index.h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle, onMouseEnter: (e) => handleMouseEnter(e, props, cellType), onMouseLeave: (e) => handleMouseLeave(e) }, children && children.length > 0
+            ? children
+            : [props.indents, infoEl, icon, content])));
+};
+const handleMouseEnter = (e, props, cellType) => {
+    var _a;
+    if (props.cellActionIcon) {
+        const parent = e.currentTarget;
+        const iconElement = document.createElement('kup-image');
+        iconElement.resource = 'more_vert';
+        iconElement.sizeX = '16px';
+        iconElement.sizeY = '16px';
+        iconElement.tabIndex = 0;
+        iconElement.className = `f-cell__iconfunction ${cellType === kupManager.FCellTypes.NUMBER ? 'left' : 'right'}`;
+        if ((_a = props.cellActionIcon) === null || _a === void 0 ? void 0 : _a.onClick) {
+            iconElement.addEventListener('click', props.cellActionIcon.onClick);
+        }
+        parent.appendChild(iconElement);
+    }
+};
+const handleMouseLeave = (event) => {
+    const parent = event.currentTarget;
+    const iconContainer = parent.querySelector('kup-image');
+    if (iconContainer) {
+        iconContainer.remove();
+    }
 };
 const mapData = (cell, column) => {
     if (!cell) {

package/dist/cjs/{f-chip-02530a5a.js → f-chip-de002784.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-e8aa3c73.js');
 const fImage = require('./f-image-819dca29.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-object-field-e0ebf5c8.js → f-object-field-863feeb1.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fButton = require('./f-button-2994335b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-56037ad5.js');
+const fTextField = require('./f-text-field-e836c7de.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-f281d3d9.js → f-paginator-utils-73e70b49.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fButton = require('./f-button-2994335b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 

package/dist/cjs/{f-text-field-56037ad5.js → f-text-field-e836c7de.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fImage = require('./f-image-819dca29.js');
 
 const dom = document.documentElement;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./index-e8aa3c73.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fImage = require('./f-image-819dca29.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const component = require('./component-a6dd6c14.js');

package/dist/cjs/kup-activity-timeline.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-819dca29.js');
-const kupDataTableHelper = require('./kup-data-table-helper-f8b252da.js');
+const kupDataTableHelper = require('./kup-data-table-helper-620bee1b.js');
 require('./kup-dates-bc4cf9d0.js');
 
 var KupActivityTimelineProps;

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager$1 = require('./kup-manager-a18bb888.js');
-const fTextField = require('./f-text-field-56037ad5.js');
+const kupManager$1 = require('./kup-manager-342fdccd.js');
+const fTextField = require('./f-text-field-e836c7de.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-819dca29.js');
 const fButton = require('./f-button-2994335b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-fdce1400.js');
+const fCell = require('./f-cell-e4e4e3b6.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
-const fChip = require('./f-chip-02530a5a.js');
+const fChip = require('./f-chip-de002784.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-989b9645.js');
-const kupDataTableHelper = require('./kup-data-table-helper-f8b252da.js');
-const fPaginatorUtils = require('./f-paginator-utils-f281d3d9.js');
-require('./f-object-field-e0ebf5c8.js');
+const kupDataTableHelper = require('./kup-data-table-helper-620bee1b.js');
+const fPaginatorUtils = require('./f-paginator-utils-73e70b49.js');
+require('./f-object-field-863feeb1.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -469,35 +469,20 @@ const KupAutocomplete = class {
         __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        const props = {
-            alert: this.alert,
-            danger: this.rootElement.classList.contains('kup-danger')
+        const props = Object.assign({ alert: this.alert, danger: this.rootElement.classList.contains('kup-danger')
                 ? true
-                : false,
-            disabled: this.disabled,
-            error: this.error,
-            icon: this.icon,
-            info: this.rootElement.classList.contains('kup-info')
+                : false, disabled: this.disabled, error: this.error, icon: this.icon, info: this.rootElement.classList.contains('kup-info')
                 ? true
-                : false,
-            isClearable: this.isClearable,
-            label: this.label,
-            leadingLabel: this.leadingLabel,
-            placeholder: this.placeholder,
-            readOnly: this.readOnly,
-            sizing: this.sizing,
-            success: this.rootElement.classList.contains('kup-success')
+                : false, isClearable: this.isClearable, label: this.label, leadingLabel: this.leadingLabel, placeholder: this.placeholder, readOnly: this.readOnly, sizing: this.sizing, success: this.rootElement.classList.contains('kup-success')
                 ? true
-                : false,
-            value: this.value,
-            warning: this.rootElement.classList.contains('kup-warning')
+                : false, value: this.value, warning: this.rootElement.classList.contains('kup-warning')
                 ? true
-                : false,
-            showMarker: this.showMarker,
-        };
+                : false, showMarker: this.showMarker }, (this.displayedValue && {
+            size: this.displayedValue.length,
+        }));
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: '04a3478830f1debcacb103e83be6fd1dd1e6b11b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '256dda9b9ce5e5a3cef31129af96a615f56e35d2' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c24e7ef108f90b931f87ae6af34548ba8722a06b', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: 'b16a5f14a867c218e83dcf2ce441563002c2e486' }, props, { icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: 'e2cf80c9ce42ea1d74fee81a5c008297eed5e180', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '83378a43140d21de14ba602393e0ee9d2098d09d' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c732ce89f85c3278dbb57e77de09ebca5d945906', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '1dd6510f5f4f9fc03d045479023341f20e92cf45' }, props, { icon: this.showDropDownIcon
                 ? kupManager$1.KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet$9(this, _KupAutocomplete_inputTimeout, "f"));
@@ -9933,7 +9918,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: '916deaef8c15c0083a853b506016bfce6521403f', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'f6d1cf532f2b17a5d97f026dc04eb8775afd6fd4', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: 'a965e7ac68a4e1d3550bbdff9570347e946de5ab', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'b875f3a69cdad58cbf293f492e5fbc7d472ea5dc', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -9998,7 +9983,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '9a3667b8be46a1eb6028b0ef766d606679bd56c7' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '826e8ab2b4e6abf77b3a7574fc6a3549c0f034b0' }, props));
             }
         }
         const tableClass = {
@@ -10030,7 +10015,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: 'e42cf521ca2cc2526ddf160211cb03f6a7fb1fe4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'c2f170f5b5f2ae759b62094aa7d07ef86d1a11e7' }, index.h("tr-sticky", { key: '5e6705a8640c6a76963a36da76ad1e62c74f18bd' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '56595f42fbafd3cc0d92adbbeca6e1c71b0a409b', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'c884f1d4cfa25969bf157cd89e40823ff71921c8' }, index.h("tr-sticky", { key: 'a73aef6a24892ded82e3e8dd042ff24ea6103d16' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10058,7 +10043,7 @@ const KupDataTable = class {
         };
         const useGlobalFilter = this.globalFilter ||
             this.getRows().length > __classPrivateFieldGet$6(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f");
-        const compCreated = (index.h(index.Host, { key: 'b8873ce6e1d05cf61450549715246e13132a6611', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '76fb7907f7e1d59418bfd183497bf1f805b41e94', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10073,11 +10058,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '9d78aaff58be4e0a6eb85a5b874c1ac5ad9def12' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: '52a0786a2e32a0eb3e2dba3110eaae251147d71c', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'c8a9c6af63730e5544bdfa26f658845e817012fd', class: "group-wrapper" }, groupChips), index.h("div", { key: '039e4bce103e00f789e6fc4902fe24aa36f8ac89', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, index.h("style", { key: '5c75d24da35475d74ace7b6f72b9aad50ab8c6aa' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: '184ce6d0b8c1af0adcea3619557791449bd393ea', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'aaf315d27fd52f2c5e36373e13515c5abc4cc802', class: "group-wrapper" }, groupChips), index.h("div", { key: '313bdd1295acff260b85336d4650c1b8d8d249d1', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, index.h("div", { key: '71c8657e9784996237f11b411bda3815ef4e5dbd', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: 'eb889b0f5c157149791e180ecd8bc19315eabb79', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10127,9 +10112,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'e45a1fd90b852dcf5f7af1b50eb9fdf2329d2202', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: 'ded015ee95ee07831ec98e6a9726559ac420f798', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), index.h("div", { key: 'a6e8e1d23038df1551362289e04fa300a6744a77', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '1eac3a51cbea7c9111e6f22a329907331a2fc65d', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10138,7 +10123,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: '081d7dd2d9791ae922b80e2f6fc3b4fd5cfe416e', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: '1c337f7f732bc7f48c7f1319015d4fc61d8474d8', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10146,7 +10131,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: 'f2d9df918c7e71354392b911dd6ebafffe187881', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '910a65807f59174bd2b11327764057872be722ba' }, header)), index.h("tbody", { key: '728f3f61abf44ca2c5b97b91741cc9f71046c202' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, index.h("thead", { key: '47e3361b18ea3d155a88ea1a3eb97387aacaf7b1', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '07c222b7740f9514fd607a95eb03961cca825881' }, header)), index.h("tbody", { key: '2e6d915214318df7eb1ba676e0122d82e70bf8ce' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -11008,7 +10993,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").style.top = '0';
     __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").isMenu = true;
     this.rootElement.shadowRoot.append(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"), __classPrivateFieldGet$6(this, _KupDataTable_dropDownActionCardAnchor, "f"), 0, kupManager$1.KupDynamicPositionPlacement.AUTO, true);
+    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"), __classPrivateFieldGet$6(this, _KupDataTable_dropDownActionCardAnchor, "f")
+        .parentElement, 0, kupManager$1.KupDynamicPositionPlacement.AUTO, true);
     __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"));
     __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").addEventListener('kup-card-event', (e) => {
         switch (e.detail.event.type) {

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
-const kupDataTableHelper = require('./kup-data-table-helper-f8b252da.js');
+const kupManager = require('./kup-manager-342fdccd.js');
+const kupDataTableHelper = require('./kup-data-table-helper-620bee1b.js');
 const fImage = require('./f-image-819dca29.js');
-const fChip = require('./f-chip-02530a5a.js');
+const fChip = require('./f-chip-de002784.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-fdce1400.js');
-const fPaginatorUtils = require('./f-paginator-utils-f281d3d9.js');
+const fCell = require('./f-cell-e4e4e3b6.js');
+const fPaginatorUtils = require('./f-paginator-utils-73e70b49.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-2994335b.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-989b9645.js');
-require('./f-object-field-e0ebf5c8.js');
-require('./f-text-field-56037ad5.js');
+require('./f-object-field-863feeb1.js');
+require('./f-text-field-e836c7de.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-2994335b.js');
-const fChip = require('./f-chip-02530a5a.js');
+const fChip = require('./f-chip-de002784.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-819dca29.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-2994335b.js');
-const fCell = require('./f-cell-fdce1400.js');
+const fCell = require('./f-cell-e4e4e3b6.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-819dca29.js');
 require('./f-checkbox-989b9645.js');
-require('./f-chip-02530a5a.js');
-require('./f-object-field-e0ebf5c8.js');
-require('./f-text-field-56037ad5.js');
+require('./f-chip-de002784.js');
+require('./f-object-field-863feeb1.js');
+require('./f-text-field-e836c7de.js');
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-2994335b.js');
 const fCheckbox = require('./f-checkbox-989b9645.js');
-const fTextField = require('./f-text-field-56037ad5.js');
+const fTextField = require('./f-text-field-e836c7de.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-819dca29.js');

package/dist/cjs/{kup-data-table-helper-f8b252da.js → kup-data-table-helper-620bee1b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-2994335b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-819dca29.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 require('./kup-dates-bc4cf9d0.js');
 
 /**

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

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-819dca29.js');
 const fButton = require('./f-button-2994335b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-fdce1400.js');
+const fCell = require('./f-cell-e4e4e3b6.js');
 const component = require('./component-a6dd6c14.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-989b9645.js');
-require('./f-chip-02530a5a.js');
-require('./f-object-field-e0ebf5c8.js');
-require('./f-text-field-56037ad5.js');
+require('./f-chip-de002784.js');
+require('./f-object-field-863feeb1.js');
+require('./f-text-field-e836c7de.js');
 
 /**
  * Props of the kup-image-list component.

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-2994335b.js');
-const fCell = require('./f-cell-fdce1400.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const fCell = require('./f-cell-e4e4e3b6.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-271f5037.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-819dca29.js');
 require('./f-checkbox-989b9645.js');
-require('./f-chip-02530a5a.js');
-require('./f-object-field-e0ebf5c8.js');
-require('./f-text-field-56037ad5.js');
+require('./f-chip-de002784.js');
+require('./f-object-field-863feeb1.js');
+require('./f-text-field-e836c7de.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./component-a6dd6c14.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-a18bb888.js');
+const kupManager = require('./kup-manager-342fdccd.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-819dca29.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');