@sme.up/ketchup 10.2.0 → 10.3.1

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fCheckbox = require('./f-checkbox-aaa6d45c.js');
-const fTextField = require('./f-text-field-e41f653a.js');
+const fTextField = require('./f-text-field-d91ab1e8.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');

package/dist/cjs/{kup-data-table-helper-adaa11bb.js → kup-data-table-helper-ff263f4f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 
@@ -46180,8 +46180,13 @@ const KupEditor = class {
         }, this.autosaveTimer), "f");
     }
     onEditorSave() {
-        this.editor.getUI().getToolbar().removeItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"));
-        __classPrivateFieldSet(this, _KupEditor_hasChanges, false, "f");
+        if (__classPrivateFieldGet(this, _KupEditor_hasChanges, "f")) {
+            this.editor
+                .getUI()
+                .getToolbar()
+                .removeItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"));
+            __classPrivateFieldSet(this, _KupEditor_hasChanges, false, "f");
+        }
         this.kupSave.emit(this.getSaveAndAutoSaveProps());
     }
     onEditorAutoSave() {
@@ -46270,7 +46275,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '09fc441ca21e0118ae9d721c8b77a9042a8a82e0' }, index.h("div", { key: '9c23d5c533cded4fd2970464bd59addecf6cc143', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (index.h(index.Host, { key: 'e7af368e1134de8874c2791b82291bc5391bff6d' }, index.h("div", { key: '0faeedec267b850a027ce153adaf116c8dbe0a82', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);

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

@@ -6,7 +6,7 @@ const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-db10b066.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-db10b066.js');
 const fButton = require('./f-button-bfafefb3.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-3ed4ad9e.js');
+const fCell = require('./f-cell-be0c55ac.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-b936dcaf.js');
-require('./f-object-field-348fa103.js');
-require('./f-text-field-e41f653a.js');
+require('./f-chip-dc085b9b.js');
+require('./f-object-field-96e1c599.js');
+require('./f-text-field-d91ab1e8.js');
 
 /**
  * Props of the kup-image-list component.
@@ -235,14 +235,14 @@ const KupImageList = class {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (index.h(index.Host, { key: '0dfe8dc9ddc1120bcefb741e41ce2af6af225f63' }, index.h("style", { key: '2f2e1717102b7b866e6e268c8b25db6eb7586719' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '2a9e85aeb724679ad85ace215c27e5b7ddd756f2', id: GenericVariables.componentWrapperId, ref: (el) => {
+        return (index.h(index.Host, { key: 'ca040281aa4d992d8d6efaa3e294e4cc5e06f95a' }, index.h("style", { key: '433ac510a032fef1a28de7a19cc725338f12ed18' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '09711dbe9475c429a0b87f08c4f95d33dc0a2387', id: GenericVariables.componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, index.h("div", { key: '1afaeafc6de7b2d6743571817c8aafd1ae6f8120', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, index.h("div", { key: 'fa65e7bfd83e21146e71c9889cf08849cccc1479', class: "navigation-bar" }, hasNavigation ? (index.h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, index.h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.h("div", { key: '1868b4d2e1e23b78ab3eb99031a21afc88ead36d', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, index.h(fImage.FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), index.h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.BACK) })), index.h(fButton.FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.TOP) })))) : null), index.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"));
@@ -281,6 +281,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: kupManager.FCellPadding.NONE, row: Object.assign({}, node) }, index.h("div", { class: `image-list__wrapper${hasExternalResource ? ' images' : ''}` }, !hasExternalResource && (index.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/cjs/kup-input-panel.cjs.entry.js

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-bfafefb3.js');
-const fCell = require('./f-cell-3ed4ad9e.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const fCell = require('./f-cell-be0c55ac.js');
+const kupManager = require('./kup-manager-ecc44384.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
 const fTypography = require('./f-typography-85d8238a.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-db10b066.js');
 require('./f-checkbox-aaa6d45c.js');
-require('./f-chip-b936dcaf.js');
-require('./f-object-field-348fa103.js');
-require('./f-text-field-e41f653a.js');
+require('./f-chip-dc085b9b.js');
+require('./f-object-field-96e1c599.js');
+require('./f-text-field-d91ab1e8.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./component-cb3b32f5.js');
 
@@ -51,35 +51,6 @@ var KupInputPanelButtonsPositions;
     KupInputPanelButtonsPositions["RIGHT"] = "RIGHT";
     KupInputPanelButtonsPositions["TOP"] = "TOP";
 })(KupInputPanelButtonsPositions || (KupInputPanelButtonsPositions = {}));
-const InputPanelKeyCommands = {
-    '*F01': 'F1',
-    '*F02': 'F2',
-    '*F03': 'F3',
-    '*F04': 'F4',
-    '*F05': 'F5',
-    '*F06': 'F6',
-    '*F07': 'F7',
-    '*F08': 'F8',
-    '*F09': 'F9',
-    '*F10': 'F10',
-    '*F11': 'F11',
-    '*F12': 'F12',
-    '*F13': 'shift+F1',
-    '*F14': 'shift+F2',
-    '*F15': 'shift+F3',
-    '*F16': 'shift+F4',
-    '*F17': 'shift+F5',
-    '*F18': 'shift+F6',
-    '*F19': 'shift+F7',
-    '*F20': 'shift+F8',
-    '*F21': 'shift+F9',
-    '*F22': 'shift+F10',
-    '*F23': 'shift+F11',
-    '*F24': 'shift+F12',
-    '*ENT': 'Enter',
-    '*PDN': 'PageDown',
-    '*PUP': 'PageUp',
-};
 var CheckTriggeringEvents;
 (function (CheckTriggeringEvents) {
     CheckTriggeringEvents["BLUR"] = "blur";
@@ -97,9 +68,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;
     }
@@ -109,22 +87,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) {
@@ -151,7 +129,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;
@@ -168,6 +146,11 @@ const getInpComponentAbsoluteHeight = (layout) => {
     });
     return inpRowHeight;
 };
+const graphicShapeHasIcon = (shape) => {
+    return (shape === kupManager.FCellShapes.AUTOCOMPLETE ||
+        shape === kupManager.FCellShapes.COMBOBOX ||
+        shape === kupManager.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;
@@ -277,12 +260,6 @@ const KupInputPanel = class {
             });
             __classPrivateFieldSet(this, _KupInputPanel_listeners, [], "f");
         }
-        if (__classPrivateFieldGet(this, _KupInputPanel_keysShortcut, "f").length) {
-            __classPrivateFieldGet(this, _KupInputPanel_keysShortcut, "f").map((key) => {
-                __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").keysBinding.unregister(key);
-            });
-            __classPrivateFieldSet(this, _KupInputPanel_keysShortcut, [], "f");
-        }
         if (this.data) {
             __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCells).call(this, this.data);
         }
@@ -344,6 +321,13 @@ const KupInputPanel = class {
     async setProps(props) {
         kupManager.setProps(this, KupInputPanelProps, props);
     }
+    /**
+     * Trigger update from outside
+     * @param {string} cellId - When provided, will trigger onclick event of cell instead of *UPDATE
+     */
+    async update(cellId) {
+        __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getCell).call(this, cellId), cellId);
+    }
     //#endregion
     //#region LIFECYCLE HOOKS
     /*-------------------------------------------------*/
@@ -391,7 +375,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '05c05f0e83a1f080424e053c74c1d2a6ee06e672', "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 (index.h(index.Host, { key: 'd468961b69c36da299594dd70e3d65911a40a1f6', "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);
@@ -399,14 +383,11 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: 'c1b2093b1747eb47abd06dadad11cb932a521d89' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'dbc40999bdce880da7407ca757710688310548f8', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            } }, index.h("style", { key: '824fd398cb63ceda965e538605c4e679085d1d33' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '83cb7ae70a5d7340792ed76fa53aee7c3ecbfc60', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.unregister(this);
-        __classPrivateFieldGet(this, _KupInputPanel_keysShortcut, "f").forEach((keyEvent) => {
-            __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").keysBinding.unregister(keyEvent);
-        });
     }
     get rootElement() { return index.getElement(this); }
     static get watchers() { return {
@@ -414,6 +395,9 @@ const KupInputPanel = class {
     }; }
 };
 _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) {
+    if (!id) {
+        return null;
+    }
     return this.inputPanelCells.reduce((cell, { cells }) => {
         if (!cell) {
             const foundCell = cells.find(({ column }) => column.name === id);
@@ -425,7 +409,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 = {};
@@ -439,7 +423,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) {
@@ -486,10 +471,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: fTypography.FTypographyType.HEADING1,
-    };
     return (index.h("div", null, index.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({
@@ -502,7 +483,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             if (__classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_findTraversedFCell).call(this, e) != null) {
                 e.preventDefault();
             }
-        } }, index.h("div", { class: "input-panel__typography" }, index.h(fTypography.FTypography, Object.assign({}, props))), index.h("div", { class: classObj, style: styleObj }, rowContent), index.h("div", { class: commandsClass }, index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.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) && (index.h("div", { class: "input-panel__typography" }, index.h(fTypography.FTypography, { value: layout.sections[0].title, type: fTypography.FTypographyType.HEADING1 }))), index.h("div", { class: classObj, style: styleObj }, rowContent), index.h("div", { class: commandsClass }, index.h(fButton.FButton, { buttonType: "submit", label: __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.CONFIRM), wrapperClass: "form__submit", invisible: this.hiddenSubmitButton }), this.inputPanelCommands))));
 }, _KupInputPanel_renderCell = function _KupInputPanel_renderCell(cell, row, column) {
     var _a;
     if (!cell) {
@@ -528,7 +510,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     return index.h(fCell.FCell, Object.assign({}, cellProps));
 }, _KupInputPanel_renderButton = function _KupInputPanel_renderButton(cell, { name }) {
-    const renderedButton = (index.h(fButton.FButton, Object.assign({ icon: cell.icon, id: name }, cell.data, { wrapperClass: "form__submit" })));
+    const renderedButton = (index.h(fButton.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 (index.h("kup-dropdown-button", Object.assign({}, cell.data, { label: cell.value, data: data, "onkup-dropdownbutton-itemclick": (e) => {
@@ -739,7 +721,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const absoluteWidth = fieldCell.cell.shape === kupManager.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);
@@ -933,15 +915,10 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         },
     };
 }, _KupInputPanel_BTNAdapter = function _KupInputPanel_BTNAdapter(_options, _fieldLabel, _currentValue, cell, id) {
-    var _a, _b, _c, _d;
     cell.data = cell.data || {};
     cell.data.onClick = () => {
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getFunctionOnClickBTN).call(this, cell, id);
     };
-    if (((_a = cell.data) === null || _a === void 0 ? void 0 : _a.keyShortcut) && !((_b = cell.data) === null || _b === void 0 ? void 0 : _b.disabled)) {
-        __classPrivateFieldGet(this, _KupInputPanel_keysShortcut, "f").push((_c = cell.data) === null || _c === void 0 ? void 0 : _c.keyShortcut);
-        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").keysBinding.register((_d = cell.data) === null || _d === void 0 ? void 0 : _d.keyShortcut, cell.data.onClick.bind(this));
-    }
     return Object.assign({ label: cell.value, fun: cell.fun }, cell.data);
 }, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue) {
     const configCMandACP = kupManager.CMBandACPAdapter(currentValue, fieldLabel, []);
@@ -1118,11 +1095,6 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         };
     });
 }, _KupInputPanel_commandAdapter = function _KupInputPanel_commandAdapter(cell) {
-    if (cell.data &&
-        !cell.data.keyShortcut &&
-        __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").objects.isJ1Key(cell.obj ? cell.obj : {})) {
-        cell.data.keyShortcut = InputPanelKeyCommands[cell.obj.k];
-    }
     const buttonCell = Object.assign(Object.assign({}, cell), { data: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_BTNAdapter).call(this, null, null, cell.value, cell, cell.obj.k), id: cell.obj.k });
     return buttonCell;
 }, _KupInputPanel_getAutocompleteEventCallback = function _KupInputPanel_getAutocompleteEventCallback(detail, cell) {
@@ -1145,7 +1117,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             : (_d = (_c = cell.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d['kup-list'];
         if (kupListData) {
             kupListData.data = (filteredRows === null || filteredRows === void 0 ? void 0 : filteredRows.length)
-                ? (_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : []
+                ? ((_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : [])
                 : [];
             kupListData.options = (_f = options.columns) !== null && _f !== void 0 ? _f : [];
         }
@@ -1232,7 +1204,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
 }, _KupInputPanel_areValuesUpdated = function _KupInputPanel_areValuesUpdated() {
     return this.inputPanelCells.some(({ cells, row }) => cells.some(({ cell, column: { name } }) => cell.value !== row.cells[name].value));
 }, _KupInputPanel_getFunctionOnClickBTN = function _KupInputPanel_getFunctionOnClickBTN(cell, id) {
-    cell.fun
+    (cell === null || cell === void 0 ? void 0 : cell.fun)
         ? this.customButtonClickHandler({
             fun: cell.fun,
             cellId: id,

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.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-c7d441d8.js');
-const kupManager = require('./kup-manager-39bc2be8.js');
+const kupManager = require('./kup-manager-ecc44384.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-db10b066.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');