@sme.up/ketchup 11.0.0-SNAPSHOT-20250328142138 → 11.0.0-SNAPSHOT-20250328173150

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

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

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FTextField } from './f-text-field-74211458.js';
+import { F as FTextField } from './f-text-field-dcf09b57.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aC as KupLanguageDashboard, h as KupLanguageGeneric, Y as KupDragEffect, e as KupDebugCategory } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aC as KupLanguageDashboard, h as KupLanguageGeneric, Y as KupDragEffect, e as KupDebugCategory } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';

package/dist/esm/{kup-data-table-helper-12af841e.js → kup-data-table-helper-537035b9.js}

@@ -1,4 +1,4 @@
-import { D as Filters, E as getValueForDisplay, C as getValueForDisplay2, ah as getCellValueForDisplay, w as getColumnByName, y as KupObjects, ai as KupData, aj as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, ak as CMBandACPAdapter, al as RADAdapter, am as CHKAdapter, an as CHIAdapter, ao as SWTAdapter, a7 as SortMode } from './kup-manager-27482033.js';
+import { D as Filters, E as getValueForDisplay, C as getValueForDisplay2, ah as getCellValueForDisplay, w as getColumnByName, y as KupObjects, ai as KupData, aj as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, ak as CMBandACPAdapter, al as RADAdapter, am as CHKAdapter, an as CHIAdapter, ao as SWTAdapter, a7 as SortMode } from './kup-manager-2b2b7c68.js';
 import { K as KupDatesFormats } from './kup-dates-da19044e.js';
 
 /**

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, d as KupThemeColorValues, e as KupDebugCategory, w as getColumnByName, o as KupDataNewColumnTypes } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, d as KupThemeColorValues, e as KupDebugCategory, w as getColumnByName, o as KupDataNewColumnTypes } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-da19044e.js';
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-2b2b7c68.js';
 import './kup-dates-da19044e.js';
 
 /**

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, V as KupPointerEventTypes, f as FCellPadding } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, V as KupPointerEventTypes, f as FCellPadding } from './kup-manager-2b2b7c68.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell } from './f-cell-ee925098.js';
+import { F as FCell } from './f-cell-3e62be2c.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import './kup-dates-da19044e.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-dcddf856.js';
-import './f-object-field-b2db3aeb.js';
-import './f-text-field-74211458.js';
+import './f-chip-35dfafdb.js';
+import './f-object-field-fa368c87.js';
+import './f-text-field-dcf09b57.js';
 
 /**
  * Props of the kup-image-list component.

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

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { F as FCell, e as FLabel } from './f-cell-ee925098.js';
-import { F as FCellShapes, k as kupManagerInstance, ac as FCellTypes, g as getProps, s as setProps, h as KupLanguageGeneric, ah as getCellValueForDisplay, an as CHIAdapter, ak as CMBandACPAdapter, am as CHKAdapter, al as RADAdapter, ao as SWTAdapter, e as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-27482033.js';
+import { F as FCell, e as FLabel } from './f-cell-3e62be2c.js';
+import { F as FCellShapes, k as kupManagerInstance, ac as FCellTypes, g as getProps, s as setProps, h as KupLanguageGeneric, ah as getCellValueForDisplay, an as CHIAdapter, ak as CMBandACPAdapter, am as CHKAdapter, al as RADAdapter, ao as SWTAdapter, e as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-2b2b7c68.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-dcddf856.js';
-import './f-object-field-b2db3aeb.js';
-import './f-text-field-74211458.js';
+import './f-chip-35dfafdb.js';
+import './f-object-field-fa368c87.js';
+import './f-text-field-dcf09b57.js';
 import './kup-dates-da19044e.js';
 import './component-a35bc7f1.js';
 
@@ -64,9 +64,16 @@ const CheckConditionsByEventType = {
     },
 };
 
-const CHAR_WIDTH = 10;
-const ROW_HEIGHT = 20;
-const getAbsoluteWidth = (length) => {
+// General INP constants
+const ROW_HEIGHT = 20; // Used for the ACTUAL row height calculations (no spacing)
+const SPACED_ROW_HEIGHT = 22; // Used for the INP total height calculations (accounting for row spacing)
+const LEFT_MULTIPLIER = 1.15; // Multiplier commanding the left attribute "scale"
+const ADDITIONAL_WIDTH_WITH_ICON = 18; // Additional width added to account for the shape's icon (ACP,CAL,CMB)
+// Char sizes
+const FONT_SIZE = 12; // Monospace font size of the INP
+const FONT_SIZE_TO_WIDTH_RATIO = 1.6; // FontSize to SingleCharWidth ratio
+const CHAR_WIDTH = FONT_SIZE / FONT_SIZE_TO_WIDTH_RATIO; // Used for field width and left attribute
+const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
     if (length == 0) {
         return CHAR_WIDTH / 2;
     }
@@ -76,22 +83,22 @@ const getAbsoluteWidth = (length) => {
     if (length === 1) {
         return 1.5 * CHAR_WIDTH;
     }
-    return length * CHAR_WIDTH;
+    return (length * CHAR_WIDTH +
+        (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0) +
+        4 // Additional size to include padding
+    );
 };
-const FONT_SIZE = 12;
-const FONT_SIZE_TO_WIDTH_RATIO = 1.666666666666667;
-const SINGLE_CHAR_WIDTH = FONT_SIZE / FONT_SIZE_TO_WIDTH_RATIO;
 const getLabelAbsoluteWidth = (length) => {
     if (length == 0) {
-        return SINGLE_CHAR_WIDTH / 2;
+        return CHAR_WIDTH / 2;
     }
     if (!length) {
         return null;
     }
     if (length === 1) {
-        return 1.5 * SINGLE_CHAR_WIDTH;
+        return 1.5 * CHAR_WIDTH;
     }
-    return length * SINGLE_CHAR_WIDTH;
+    return length * CHAR_WIDTH;
 };
 const getAbsoluteHeight = (height) => {
     if (!height) {
@@ -118,7 +125,7 @@ const getAbsoluteLeft = (col) => {
     if (!col) {
         return null;
     }
-    return (col - 1) * CHAR_WIDTH;
+    return (col - 1) * 10 * LEFT_MULTIPLIER;
 };
 const getInpComponentAbsoluteHeight = (layout) => {
     let inpRowHeight = 0;
@@ -135,6 +142,11 @@ const getInpComponentAbsoluteHeight = (layout) => {
     });
     return inpRowHeight;
 };
+const graphicShapeHasIcon = (shape) => {
+    return (shape === FCellShapes.AUTOCOMPLETE ||
+        shape === FCellShapes.COMBOBOX ||
+        shape === FCellShapes.DATE);
+};
 
 const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_textfield_textarea_height_input_panel:var(\n    --kup-textfield-textarea-height-input_panel,\n    200px\n  );--kup_textfield_textarea_width_input_panel:var(\n    --kup-textfield-textarea-width-input_panel,\n    300px\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(\n    --kup-input-panel-padding--inline,\n    1em 0\n  );--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:8px}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline);display:inline-flex;align-items:flex-end}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel .f-text-field .mdc-text-field.mdc-text-field--textarea{min-height:var(--kup_textfield_textarea_height_input_panel) !important;min-width:var(--kup_textfield_textarea_width_input_panel) !important}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre;overflow:hidden}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height);--kup-textfield-extrasmall-height:20px;--kup-textfield-extrasmall-padding:0 var(--kup-space-01)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";
 const KupInputPanelStyle0 = kupInputPanelCss;
@@ -359,7 +371,7 @@ const KupInputPanel = class {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'e6249fee39418a138df56d294189396216594953', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: 'c0664fdf1d3f691506ea592cd35d9722fa64a175', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
@@ -367,7 +379,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'd65f3cbc510b95fbbee4f6fd50891eea5d2dbd94' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1b84eba6f700ce9abfc5322863267bded2e8080a', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: 'b561e5b1cdb367b65109d46e0b1af108a926ed2b' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd2ca0b9a7b6d4331e0e2851d1d475a97fd2f1d30', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -407,7 +419,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         if (layout.absolute) {
             rowContent = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderAbsoluteLayout).call(this, inputPanelCell, layout);
             // 12px is added due to the chance that the horizontal scrollbar will be rendered
-            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * ROW_HEIGHT + 12}px`;
+            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * SPACED_ROW_HEIGHT +
+                12}px`;
         }
         else {
             if (!layout.sectionsType) {
@@ -707,7 +720,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const absoluteWidth = fieldCell.cell.shape === FCellShapes.LABEL
         ? getLabelAbsoluteWidth(length)
-        : getAbsoluteWidth(length);
+        : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
     const absoluteHeight = getAbsoluteHeight(field.absoluteHeight);
     const absoluteTop = getAbsoluteTop(field.absoluteRow, absoluteTblPositioningData);
     const absoluteLeft = getAbsoluteLeft(field.absoluteColumn);

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, e as KupDebugCategory, aD as kupDropEvent, W as kupDraggableColumnAttr, aE as kupDraggableRowAttr, _ as KupDropEventTypes, d as KupThemeColorValues } from './kup-manager-27482033.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, e as KupDebugCategory, aD as kupDropEvent, W as kupDraggableColumnAttr, aE as kupDraggableRowAttr, _ as KupDropEventTypes, d as KupThemeColorValues } from './kup-manager-2b2b7c68.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';