@sme.up/ketchup 10.3.0 → 10.3.2

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

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

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, f as FCellPadding, az as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aA as submitPositionAdapter, h as KupLanguageGeneric, aB as KupCellProps } from './kup-manager-2b2b7c68.js';
+import { k as kupManagerInstance, i as FCellPadding, az as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aA as submitPositionAdapter, b as KupLanguageGeneric, aB as KupCellProps } from './kup-manager-63a8048f.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-fbe84498.js';
+import { F as FCell } from './f-cell-ae0c965d.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-35dfafdb.js';
-import './f-object-field-fa368c87.js';
-import './f-text-field-dcf09b57.js';
+import './f-chip-29242e70.js';
+import './f-object-field-75069ac2.js';
+import './f-text-field-ebe023fb.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,13 +1,13 @@
 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-dcf09b57.js';
-import { F as FTextFieldMDC } from './f-text-field-mdc-9a862967.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 { F as FTextField } from './f-text-field-ebe023fb.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, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-63a8048f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
-import './component-879e99bf.js';
+import './component-a35bc7f1.js';
 import './kup-dates-da19044e.js';
 
 /**

package/dist/esm/{kup-data-table-helper-537035b9.js → kup-data-table-helper-ca11e6e9.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-2b2b7c68.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ah as getCellValueForDisplay, x as getColumnByName, z 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-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-63a8048f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 
@@ -84633,7 +84633,7 @@ const KupEchart = class {
     async resizeCallback() {
         window.clearTimeout(__classPrivateFieldGet(this, _KupEchart_resizeTimeout, "f"));
         __classPrivateFieldSet(this, _KupEchart_resizeTimeout, window.setTimeout(() => {
-            if (__classPrivateFieldGet(this, _KupEchart_chartEl, "f")) {
+            if (__classPrivateFieldGet(this, _KupEchart_chartEl, "f") && __classPrivateFieldGet(this, _KupEchart_chartEl, "f").getZr()) {
                 const xMin = this.rootElement.clientWidth - 5;
                 const xMax = this.rootElement.clientWidth + 5;
                 const yMin = this.rootElement.clientHeight - 5;
@@ -84688,10 +84688,11 @@ const KupEchart = class {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '9d406118cda939a1365b3f75ac860509040d2af5', style: style }, h("style", { key: '0cf99fb0e3a4776bd6099a81326080c3d864c164' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f4918c39b7359267d962ada8037f67c5633aa678', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '54172a06b4c9fa2b4b14aa2cedf1002ee6ba535c', style: style }, h("style", { key: 'c88e6cd2781d7bf5a9d0fbb2ce6f95b3da037bbf' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd6464aff5fcaa909b91b642b5c22d2115f474fd4', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet(this, _KupEchart_chartEl, "f").dispose();
+        var _a;
+        (_a = __classPrivateFieldGet(this, _KupEchart_chartEl, "f")) === null || _a === void 0 ? void 0 : _a.dispose();
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").resize.unobserve(this.rootElement);
     }

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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-da19044e.js';
 
@@ -3432,7 +3432,7 @@ var codemirror = {exports: {}};
   }
 
   // Compute the lines that are visible in a given viewport (defaults
-  // the the current scroll position). viewport may contain top,
+  // the current scroll position). viewport may contain top,
   // height, and ensure (see op.scrollToPos) properties.
   function visibleLines(display, doc, viewport) {
     var top = viewport && viewport.top != null ? Math.max(0, viewport.top) : display.scroller.scrollTop;
@@ -9884,7 +9884,7 @@ var codemirror = {exports: {}};
 
   addLegacyProps(CodeMirror);
 
-  CodeMirror.version = "5.65.17";
+  CodeMirror.version = "5.65.19";
 
   return CodeMirror;
 

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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, V as KupPointerEventTypes, i as FCellPadding } from './kup-manager-63a8048f.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-fbe84498.js';
-import { M as MDCRipple } from './component-879e99bf.js';
+import { F as FCell } from './f-cell-ae0c965d.js';
+import { M as MDCRipple } from './component-a35bc7f1.js';
 import './kup-dates-da19044e.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-35dfafdb.js';
-import './f-object-field-fa368c87.js';
-import './f-text-field-dcf09b57.js';
+import './f-chip-29242e70.js';
+import './f-object-field-75069ac2.js';
+import './f-text-field-ebe023fb.js';
 
 /**
  * Props of the kup-image-list component.
@@ -231,14 +231,14 @@ const KupImageList = class {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h(Host, { key: '0dfe8dc9ddc1120bcefb741e41ce2af6af225f63' }, h("style", { key: '2f2e1717102b7b866e6e268c8b25db6eb7586719' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2a9e85aeb724679ad85ace215c27e5b7ddd756f2', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: 'ca040281aa4d992d8d6efaa3e294e4cc5e06f95a' }, h("style", { key: '433ac510a032fef1a28de7a19cc725338f12ed18' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '09711dbe9475c429a0b87f08c4f95d33dc0a2387', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '1afaeafc6de7b2d6743571817c8aafd1ae6f8120', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: 'fa65e7bfd83e21146e71c9889cf08849cccc1479', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '1868b4d2e1e23b78ab3eb99031a21afc88ead36d', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: 'e8348ec6cfc974859f45548e1bb156032dda8d2d', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));
@@ -277,6 +277,7 @@ _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakM
             icon: node.icon,
             placeholderIcon: node.placeholderIcon,
             obj: node.obj,
+            cssClass: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").data.cell.getObjectRelatedStyleClasses(node.obj, node.cssClass),
         }, column: { name: 'IMAGE', title: 'Image' }, component: this, density: FCellPadding.NONE, row: Object.assign({}, node) }, h("div", { class: `image-list__wrapper${hasExternalResource ? ' images' : ''}` }, !hasExternalResource && (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 24 24" })), image, label)));
 }, _KupImageList_createList = function _KupImageList_createList() {
     const nodes = [];

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-3c8f4506.js';
-import { F as FCell, e as FLabel } from './f-cell-fbe84498.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-9a862967.js';
+import { F as FCell, e as FLabel } from './f-cell-ae0c965d.js';
+import { F as FCellShapes, k as kupManagerInstance, ac as FCellTypes, g as getProps, s as setProps, b as KupLanguageGeneric, ah as getCellValueForDisplay, an as CHIAdapter, ak as CMBandACPAdapter, am as CHKAdapter, al as RADAdapter, ao as SWTAdapter, h as KupDebugCategory, V as KupPointerEventTypes } from './kup-manager-63a8048f.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-35dfafdb.js';
-import './f-object-field-fa368c87.js';
-import './f-text-field-dcf09b57.js';
+import './f-chip-29242e70.js';
+import './f-object-field-75069ac2.js';
+import './f-text-field-ebe023fb.js';
 import './kup-dates-da19044e.js';
-import './component-879e99bf.js';
+import './component-a35bc7f1.js';
 
 var KupInputPanelLayoutSectionType;
 (function (KupInputPanelLayoutSectionType) {
@@ -29,6 +29,7 @@ var KupInputPanelProps;
     KupInputPanelProps["inputPanelPosition"] = "Manage the global layout of the input panel fields. The default is COLUMNS.";
     KupInputPanelProps["autoSkip"] = "Sets the auto skip between input text fields when the value reaches the max length.";
     KupInputPanelProps["autoFocus"] = "Sets whether the first input should receive focus.";
+    KupInputPanelProps["fieldReset"] = "Create e Reset button for the form";
 })(KupInputPanelProps || (KupInputPanelProps = {}));
 var KupInputPanelPosition;
 (function (KupInputPanelPosition) {
@@ -127,20 +128,26 @@ const getAbsoluteLeft = (col) => {
     }
     return (col - 1) * 10 * LEFT_MULTIPLIER;
 };
-const getInpComponentAbsoluteHeight = (layout) => {
-    let inpRowHeight = 0;
-    layout.sections.forEach((section) => {
-        section.content.forEach((layoutField) => {
-            if (layoutField.absoluteRow > inpRowHeight) {
-                inpRowHeight =
-                    layoutField.absoluteRow +
-                        (layoutField.absoluteHeight > 1
-                            ? layoutField.absoluteHeight
-                            : 0);
-            }
-        });
-    });
-    return inpRowHeight;
+const getInpComponentHeight = (layout) => {
+    var _a, _b;
+    if (!layout)
+        return 0;
+    const tblHeight = (_b = (_a = layout.sections
+        .flatMap((section) => section.content)
+        .find((field) => field.shape === FCellShapes.TABLE)) === null || _a === void 0 ? void 0 : _a.absoluteHeight) !== null && _b !== void 0 ? _b : null;
+    const maxRow = Math.max(0, ...layout.sections.flatMap((section) => section.content.map(
+    // -1 because if the absolute height is 1 the sum will result in a field with height 2
+    // A field with absoluteRow 1 and height 1 is only on row 1, not 1+1
+    (field) => field.absoluteRow + (field.absoluteHeight - 1))));
+    if (!tblHeight) {
+        // No TBL, all the rows have height 22
+        return maxRow * SPACED_ROW_HEIGHT;
+    }
+    else {
+        // There is a TBL, with a rows height of 20
+        // All the non-TBL rows still have height 22
+        return ((maxRow - tblHeight) * SPACED_ROW_HEIGHT + tblHeight * ROW_HEIGHT);
+    }
 };
 const graphicShapeHasIcon = (shape) => {
     return (shape === FCellShapes.AUTOCOMPLETE ||
@@ -179,7 +186,7 @@ var __rest = (undefined && undefined.__rest) || function (s, e) {
         }
     return t;
 };
-var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_keysShortcut, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_formRef, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_listeners, _KupInputPanel_cellTypeComponents, _KupInputPanel_cellTypesNeedingReset, _KupInputPanel_cellCustomRender, _KupInputPanel_sectionRenderMap, _KupInputPanel_readyPromise, _KupInputPanel_readyResolve, _KupInputPanel_getCell, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderButton, _KupInputPanel_renderDropDownButton, _KupInputPanel_renderDataTable, _KupInputPanel_renderLabel, _KupInputPanel_getLabelComponent, _KupInputPanel_renderGridLayout, _KupInputPanel_renderAbsoluteLayout, _KupInputPanel_renderSection, _KupInputPanel_renderAbsoluteSection, _KupInputPanel_extractContentIds, _KupInputPanel_renderSectionTab, _KupInputPanel_renderField, _KupInputPanel_renderAbsoluteField, _KupInputPanel_mapCommands, _KupInputPanel_mapCells, _KupInputPanel_setData, _KupInputPanel_deepObjectsMerge, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_getOptionHandler, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_EDTAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_SWTAdapter, _KupInputPanel_DateAdapter, _KupInputPanel_ObjectAdapter, _KupInputPanel_TimeAdapter, _KupInputPanel_NumberAdapter, _KupInputPanel_DataTableAdapter, _KupInputPanel_getTableUpdatedCell, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_dataTreeOptionsChildrenAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_commandAdapter, _KupInputPanel_getAutocompleteEventCallback, _KupInputPanel_manageInputPanelCheck, _KupInputPanel_onCellUpdate, _KupInputPanel_setCellError, _KupInputPanel_areValuesUpdated, _KupInputPanel_getFunctionOnClickBTN, _KupInputPanel_findTraversedFCell, _KupInputPanel_getEventDetails, _KupInputPanel_didLoadInteractables, _KupInputPanel_setFocusOnInputElement, _KupInputPanel_findFirstInput, _KupInputPanel_setAutoSkip;
 const dom = document.documentElement;
 const KupInputPanel = class {
     constructor(hostRef) {
@@ -222,7 +229,6 @@ const KupInputPanel = class {
         _KupInputPanel_sectionRenderMap.set(this, new Map([
             [KupInputPanelLayoutSectionType.TAB, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderSectionTab).bind(this)],
         ]));
-        _KupInputPanel_keysShortcut.set(this, []);
         _KupInputPanel_readyPromise.set(this, void 0);
         _KupInputPanel_readyResolve.set(this, void 0);
         this.buttonPosition = KupInputPanelButtonsPositions.BOTTOM;
@@ -239,6 +245,7 @@ const KupInputPanel = class {
         this.autoFocus = false;
         this.autoSkip = false;
         this.updateOnClick = false;
+        this.fieldReset = false;
         this.inputPanelCells = [];
         this.inputPanelCommands = [];
         this.tabSelected = null;
@@ -324,6 +331,25 @@ const KupInputPanel = class {
     async update(cellId) {
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, cellId), cellId);
     }
+    onFormReset() {
+        var _a;
+        for (const col of this.data.columns) {
+            const cell = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, col.name);
+            if ((cell.shape === FCellShapes.MULTI_AUTOCOMPLETE ||
+                cell.shape === FCellShapes.MULTI_COMBOBOX) &&
+                ((_a = cell.data) === null || _a === void 0 ? void 0 : _a.data)) {
+                // reset chips array
+                cell.data.data = [];
+            }
+            cell.value = '';
+            cell.obj.k = '';
+            cell.decode = '';
+            if (cell.data.initialValue) {
+                cell.data.initialValue = '';
+            }
+        }
+        this.refresh();
+    }
     //#endregion
     //#region LIFECYCLE HOOKS
     /*-------------------------------------------------*/
@@ -371,7 +397,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: '4ff52711b69f8e049b9b269696bbf9464afcec14', "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: 'b1133efe7244cc661038684eaf17e4703b9534d1', "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);
@@ -379,7 +405,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '0e7d0c363c2ca6c6c9742b633f6f4bc54c8fee19' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9c9a06f9c2b7cc15b3e1a844824d5153b1f2f399', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: '9427c673b6350b14496c77211089da3e6addbbf3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '35e45b29284732303c817997dcd0888e615453aa', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -390,7 +416,7 @@ const KupInputPanel = class {
         "data": ["onDataChanged"]
     }; }
 };
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellTypesNeedingReset = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_keysShortcut = new WeakMap(), _KupInputPanel_readyPromise = new WeakMap(), _KupInputPanel_readyResolve = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_cellTypeComponents = new WeakMap(), _KupInputPanel_cellTypesNeedingReset = new WeakMap(), _KupInputPanel_cellCustomRender = new WeakMap(), _KupInputPanel_sectionRenderMap = new WeakMap(), _KupInputPanel_readyPromise = new WeakMap(), _KupInputPanel_readyResolve = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_getCell = function _KupInputPanel_getCell(id) {
     if (!id) {
         return null;
     }
@@ -405,7 +431,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         return cell;
     }, null);
 }, _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
-    var _a, _b;
+    var _a, _b, _c;
     const layout = inputPanelCell.row.layout;
     const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
     const styleObj = {};
@@ -418,9 +444,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     else {
         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) * SPACED_ROW_HEIGHT +
-                12}px`;
+            styleObj.height = `${getInpComponentHeight(layout)}px`;
         }
         else {
             if (!layout.sectionsType) {
@@ -467,10 +491,6 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         'input-panel__commands': true,
         [`input-panel__commands--${this.buttonPosition}`]: true,
     };
-    const props = {
-        value: (_b = layout === null || layout === void 0 ? void 0 : layout.sections[0]) === null || _b === void 0 ? void 0 : _b.title,
-        type: FTypographyType.HEADING1,
-    };
     return (h("div", null, h("form", { name: this.rootElement.id, id: this.rootElement.id, class: inputPanelClass, ref: (el) => (__classPrivateFieldSet(this, _KupInputPanel_formRef, el, "f")), onSubmit: (e) => {
             e.preventDefault();
             this.submitCb({
@@ -479,11 +499,15 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
                     after: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this),
                 },
             });
+        }, onReset: (e) => {
+            e.preventDefault();
+            this.onFormReset();
         }, onContextMenu: (e) => {
             if (__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_findTraversedFCell).call(this, e) != null) {
                 e.preventDefault();
             }
-        } }, h("div", { class: "input-panel__typography" }, h(FTypography, Object.assign({}, props))), h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands))));
+        } }, ((_b = layout === null || layout === void 0 ? void 0 : layout.sections) === null || _b === void 0 ? void 0 : _b.length) == 1 &&
+        ((_c = layout === null || layout === void 0 ? void 0 : layout.sections[0]) === null || _c === void 0 ? void 0 : _c.title) && (h("div", { class: "input-panel__typography" }, h(FTypography, { value: layout.sections[0].title, type: FTypographyType.HEADING1 }))), h("div", { class: classObj, style: styleObj }, rowContent), h("div", { class: commandsClass }, h(FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.fieldReset && (h(FButton, { buttonType: "reset", label: "Reset", wrapperClass: "form__submit", icon: "broom" })), this.inputPanelCommands))));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     var _a;
     if (!cell) {
@@ -509,7 +533,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     return h(FCell, Object.assign({}, cellProps));
 }, _KupInputPanel_renderButton = function _KupInputPanel_renderButton(cell, { name }) {
-    const renderedButton = (h(FButton, Object.assign({ icon: cell.icon, id: name }, cell.data, { wrapperClass: "form__submit" })));
+    const renderedButton = (h(FButton, Object.assign({ icon: cell.icon, placeholderIcon: cell.placeholderIcon, id: name }, cell.data, { wrapperClass: "form__submit" })));
     return renderedButton;
 }, _KupInputPanel_renderDropDownButton = function _KupInputPanel_renderDropDownButton(cell, data) {
     return (h("kup-dropdown-button", Object.assign({}, cell.data, { label: cell.value, data: data, "onkup-dropdownbutton-itemclick": (e) => {

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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-63a8048f.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-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, h as KupDebugCategory, aD as kupDropEvent, W as kupDraggableColumnAttr, aE as kupDraggableRowAttr, _ as KupDropEventTypes, f as KupThemeColorValues } from './kup-manager-63a8048f.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';