@sme.up/ketchup 10.4.5 → 10.4.7

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

@@ -14814,6 +14814,7 @@ const KupCalendar = class {
     constructor(hostRef) {
         index$4.registerInstance(this, hostRef);
         this.kupCalendarEventClick = index$4.createEvent(this, "kup-calendar-eventclick", 6);
+        this.kupCalendarEventContextMenu = index$4.createEvent(this, "kup-calendar-eventcontextmenu", 6);
         this.kupCalendarDateClick = index$4.createEvent(this, "kup-calendar-dateclick", 6);
         this.kupCalendarEventDrop = index$4.createEvent(this, "kup-calendar-eventdrop", 6);
         this.kupCalendarViewChange = index$4.createEvent(this, "kup-calendar-viewchange", 6);
@@ -14941,6 +14942,21 @@ const KupCalendar = class {
                 minute: '2-digit',
             },
             eventDidMount: (info) => {
+                info.el.oncontextmenu = (e) => {
+                    var _a;
+                    e.preventDefault();
+                    const { find } = this.kupManager.data.column;
+                    const k01 = (_a = find(this.getColumns(), { isKey: true })) === null || _a === void 0 ? void 0 : _a[0];
+                    this.kupCalendarEventContextMenu.emit({
+                        comp: this,
+                        id: this.rootElement.id,
+                        row: info.event.extendedProps.row,
+                        k01,
+                        el: info.el,
+                        originalEvent: e,
+                    });
+                    return false;
+                };
                 // In the calendar component, we handle two cases:
                 // if the '.fc-event-main' div exists, the event don't has start/end time;
                 const content = document.createElement('div');
@@ -15257,11 +15273,11 @@ const KupCalendar = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index$4.h(index$4.Host, { key: '84b96d480944784ba43b426e8d01e536f1bafc67' }, index$4.h("style", { key: 'bdaf0c3a8ee5cc6bdc7dc9e9cbc13529ea611e28' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '3ae0c2d73d9d70be0cf3a13f56eaf09fc5b29126', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '06aa3eea99f3c49e88509c4393231fd47d7eeace', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'bcf1061ef340154ce810504963c635677d7b08ec', class: `navigation__title ${this.hideNavigation
+        return (index$4.h(index$4.Host, { key: 'cd8efd2e4d7168d2b00b8c8c1ffbc0dd5de47dae' }, index$4.h("style", { key: '38b007b0a59e1272804e0b8a3ab960ecd08dccf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), index$4.h("div", { key: '7971fd8d4bfded4fe357e619c0d80e40c4ff7c8f', id: GenericVariables.componentWrapperId }, index$4.h("div", { key: '4aa984af8bc7b94a551deef3e54b996f496706f1', class: "navigation" }, !this.hideNavigation ? (index$4.h("div", { class: "navigation__left" }, index$4.h(fButton.FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), index$4.h(fButton.FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), index$4.h(fButton.FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(kupManager.KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, index$4.h("div", { key: 'db70df951a8d695b6886ea961cda248c12e916a9', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), index$4.h("div", { key: 'd0da3cdd51e56c4d707789af64e55c1d19a24973', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: 'c8cd358bceae781d6add7ff26cc09878ef0b5834', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), index$4.h("div", { key: 'ac3cabb086e8bcd69f8acffd590276323bf2dbc7', class: "navigation__right" }, this.enableChangeView ? (index$4.h(fChip.FChip, Object.assign({}, this.setChipProps()))) : null)), index$4.h("div", { key: '5660535edbcf474a4b5969a84f304092e4c25778', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {

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

@@ -6,7 +6,7 @@ const index = require('./index-c7d441d8.js');
 const kupManager = require('./kup-manager-5faed2fc.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-808c80f4.js');
+const fCell = require('./f-cell-b6499daf.js');
 require('./kup-dates-2ff08e4f.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-5a33fd05.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-9aca7812.js');
-const fCell = require('./f-cell-808c80f4.js');
+const fCell = require('./f-cell-b6499daf.js');
 const kupManager = require('./kup-manager-5faed2fc.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-85d8238a.js');
@@ -77,7 +77,7 @@ 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 FONT_SIZE_TO_WIDTH_RATIO = 1.4; // 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) {
@@ -87,7 +87,8 @@ const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
         return null;
     }
     if (length === 1) {
-        return 1.5 * CHAR_WIDTH;
+        return (1.5 * CHAR_WIDTH +
+            (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0));
     }
     return (length * CHAR_WIDTH +
         (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0) +
@@ -426,7 +427,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: '188847543efd6501f54e34334d790981c80d6437', "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: '3cc39141d1ecd12ffb4775e41d5f655cc522e672', "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);
@@ -436,7 +437,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, index.h("style", { key: '25aef88421cc55cb402fb428ac128b1ee5a423df' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '210fdcc650406ba3673bbfe8488c38ce2a961b46', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, index.h("style", { key: '8e06ec2438e3db35ff94bf7b19f190c0b4a2d9f6' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'b66e6cdd524d526f3428c9c77f4d079716eb1183', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -644,7 +645,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const value = isFormattableType
         ? kupManager.getCellValueForDisplay(column, cell)
         : cell.value;
-    return (index.h("span", { class: classList.join(' '), id: column.name }, index.h(fCell.FLabel, { text: value })));
+    return (index.h("span", { class: classList.join(' '), id: column.name }, index.h(fCell.FLabel, { style: cell.style, text: value })));
 }, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
     if (!label) {
         return null;
@@ -839,7 +840,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const absoluteWidth = fieldCell.cell.shape === kupManager.FCellShapes.LABEL
         ? getLabelAbsoluteWidth(length)
-        : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
+        : fieldCell.cell.shape === kupManager.FCellShapes.CHECKBOX
+            ? 15
+            : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
     const absoluteHeight = getAbsoluteHeight(field.absoluteHeight);
     const absoluteTop = getAbsoluteTop(field.absoluteRow, absoluteTblPositioningData);
     const absoluteLeft = getAbsoluteLeft(field.absoluteColumn);

package/dist/collection/components/kup-calendar/kup-calendar.js

@@ -149,6 +149,21 @@ export class KupCalendar {
                 minute: '2-digit',
             },
             eventDidMount: (info) => {
+                info.el.oncontextmenu = (e) => {
+                    var _a;
+                    e.preventDefault();
+                    const { find } = this.kupManager.data.column;
+                    const k01 = (_a = find(this.getColumns(), { isKey: true })) === null || _a === void 0 ? void 0 : _a[0];
+                    this.kupCalendarEventContextMenu.emit({
+                        comp: this,
+                        id: this.rootElement.id,
+                        row: info.event.extendedProps.row,
+                        k01,
+                        el: info.el,
+                        originalEvent: e,
+                    });
+                    return false;
+                };
                 // In the calendar component, we handle two cases:
                 // if the '.fc-event-main' div exists, the event don't has start/end time;
                 const content = document.createElement('div');
@@ -465,11 +480,11 @@ export class KupCalendar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '84b96d480944784ba43b426e8d01e536f1bafc67' }, h("style", { key: 'bdaf0c3a8ee5cc6bdc7dc9e9cbc13529ea611e28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3ae0c2d73d9d70be0cf3a13f56eaf09fc5b29126', id: componentWrapperId }, h("div", { key: '06aa3eea99f3c49e88509c4393231fd47d7eeace', class: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { key: 'bcf1061ef340154ce810504963c635677d7b08ec', class: `navigation__title ${this.hideNavigation
+        return (h(Host, { key: 'cd8efd2e4d7168d2b00b8c8c1ffbc0dd5de47dae' }, h("style", { key: '38b007b0a59e1272804e0b8a3ab960ecd08dccf5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7971fd8d4bfded4fe357e619c0d80e40c4ff7c8f', id: componentWrapperId }, h("div", { key: '4aa984af8bc7b94a551deef3e54b996f496706f1', class: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { key: 'db70df951a8d695b6886ea961cda248c12e916a9', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), h("div", { key: 'd0da3cdd51e56c4d707789af64e55c1d19a24973', class: "navigation__right" }, this.enableChangeView ? (h(FChip, Object.assign({}, this.setChipProps()))) : null)), h("div", { key: 'c8cd358bceae781d6add7ff26cc09878ef0b5834', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), h("div", { key: 'ac3cabb086e8bcd69f8acffd590276323bf2dbc7', class: "navigation__right" }, this.enableChangeView ? (h(FChip, Object.assign({}, this.setChipProps()))) : null)), h("div", { key: '5660535edbcf474a4b5969a84f304092e4c25778', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {
@@ -742,6 +757,27 @@ export class KupCalendar {
                         }
                     }
                 }
+            }, {
+                "method": "kupCalendarEventContextMenu",
+                "name": "kup-calendar-eventcontextmenu",
+                "bubbles": true,
+                "cancelable": false,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When an event is right clicked."
+                },
+                "complexType": {
+                    "original": "KupCalendarEventContextMenuEventPayload",
+                    "resolved": "KupCalendarEventContextMenuEventPayload",
+                    "references": {
+                        "KupCalendarEventContextMenuEventPayload": {
+                            "location": "import",
+                            "path": "./kup-calendar-declarations",
+                            "id": "src/components/kup-calendar/kup-calendar-declarations.ts::KupCalendarEventContextMenuEventPayload"
+                        }
+                    }
+                }
             }, {
                 "method": "kupCalendarDateClick",
                 "name": "kup-calendar-dateclick",

package/dist/collection/components/kup-card/kup-card.css

@@ -3322,6 +3322,30 @@
 .standard-layout-14 .sub-formula {
   padding: 0.5em 0;
 }
+.standard-layout-14 .sub-formula .formula-container {
+  position: absolute;
+  right: 1em;
+  z-index: 1;
+}
+.standard-layout-14 .sub-formula .formula-text {
+  visibility: hidden;
+  background-color: var(--kup-gray-color-20);
+  color: var(--kup-text-primary);
+  text-align: left;
+  padding: 8px;
+  border-radius: 4px;
+  position: absolute;
+  bottom: 125%;
+  left: 50%;
+  transform: translateX(-50%);
+  white-space: nowrap;
+  opacity: 0;
+  transition: opacity 0.3s;
+}
+.standard-layout-14 .sub-formula .formula-container:hover .formula-text {
+  visibility: visible;
+  opacity: 1;
+}
 .standard-layout-14 .sub-chip {
   max-width: 25vw;
   overflow: auto;

package/dist/collection/components/kup-card/standard/kup-card-standard.js

@@ -493,6 +493,10 @@ export function create14(component) {
             textfieldsIds.push(textfield['id']);
         }
     }
+    const textfieldArrayExcludedFormula = textfieldArray.length > 0
+        ? textfieldArray.filter((x) => x.id !== KupColumnMenuIds.TEXTFIELD_FORMULA)
+        : [];
+    const textfieldArrayFormula = textfieldArray.find((x) => x.id === KupColumnMenuIds.TEXTFIELD_FORMULA);
     const tooltipText = dom.ketchup.language.translate(KupLanguageSearch.TOOLTIP);
     const filtersMaxLen = kupManager.perfTuning.data.filtersMaxLength;
     return (h("div", { class: `standard-layout-${component.layoutNumber} ` }, objectArray[0] ? (h("div", { class: "section-1" }, imageArray[0] ? (h(FImage, Object.assign({ id: "image1" }, imageArray[0], { sizeX: "84px", sizeY: "84px" }))) : (h("div", { class: "sub-spinner" }, h("kup-spinner", { active: true, dimensions: "7px", layout: 14 }))), h("div", { class: "sub-1" }, textArray[0] ||
@@ -510,8 +514,8 @@ export function create14(component) {
         .split('\n')
         .map((line) => [line, h("br", null)]))), datepickerArray.length > 0
         ? compList(datepickerArray, 'datepicker')
-        : null, textfieldArray.length > 0
-        ? compList(textfieldArray, 'textfield')
+        : null, textfieldArrayExcludedFormula.length > 0
+        ? compList(textfieldArrayExcludedFormula, 'textfield')
         : null, timepickerArray.length > 0
         ? compList(timepickerArray, 'timepicker')
         : null), checkboxArray.length > 0 ? (h(Fragment, null, getFiltersWarningElement(checkboxArray, filtersMaxLen), h("div", { class: "sub-checkbox" }, compList(checkboxArray, 'checkbox', filtersMaxLen)))) : null)) : null, tabsValues.includes(KupLanguageColumn.COLUMNS) ? (h("div", { class: `${KupCardCSSClasses.CARD_VIEW} ${KupCardCSSClasses.VIEW_PREFIX}${viewIndex} ${visibleView === viewIndex++
@@ -519,8 +523,10 @@ export function create14(component) {
             : ''}` }, h("div", { class: "sub-button" }, buttonsIds.includes(KupColumnMenuIds.BUTTON_REMOVE) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
         KupColumnMenuIds.BUTTON_REMOVE)))) : null, buttonsIds.includes(KupColumnMenuIds.BUTTON_GROUP) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
         KupColumnMenuIds.BUTTON_GROUP)))) : null, buttonsIds.includes(KupColumnMenuIds.TOTALS_TABLE) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
-        KupColumnMenuIds.TOTALS_TABLE)))) : null), h("div", { class: "sub-formula" }, textfieldsIds.includes(KupColumnMenuIds.TEXTFIELD_FORMULA) ? (h("kup-text-field", Object.assign({}, textfieldArray.find((x) => x.id ===
-        KupColumnMenuIds.TEXTFIELD_FORMULA)))) : null), h("div", { class: "sub-chip" }, chipArray[0] ? (h("kup-chip", Object.assign({}, chipArray[0], { type: FChipType.INPUT, id: KupCardIds.COLUMNS_LIST }))) : (h("kup-chip", { type: FChipType.INPUT, id: KupCardIds.COLUMNS_LIST })), buttonsIds.includes(KupColumnMenuIds.BUTTON_APPLY) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
+        KupColumnMenuIds.TOTALS_TABLE)))) : null), h("div", { class: "sub-formula" }, textfieldsIds.includes(KupColumnMenuIds.TEXTFIELD_FORMULA) ? (h(Fragment, null, h("div", { class: "formula-container" }, h("kup-image", { resource: "functions", "size-x": "18px", "size-y": "18px" }), (textfieldArrayFormula === null || textfieldArrayFormula === void 0 ? void 0 : textfieldArrayFormula['helper']) && (h("span", { class: "formula-text" }, textfieldArrayFormula === null || textfieldArrayFormula === void 0 ? void 0 : textfieldArrayFormula['helper'].split('\n').map((line) => [
+        line,
+        h("br", null),
+    ])))), h("kup-text-field", Object.assign({}, textfieldArrayFormula, { icon: undefined, fullWidth: false })))) : null), h("div", { class: "sub-chip" }, chipArray[0] ? (h("kup-chip", Object.assign({}, chipArray[0], { type: FChipType.INPUT, id: KupCardIds.COLUMNS_LIST }))) : (h("kup-chip", { type: FChipType.INPUT, id: KupCardIds.COLUMNS_LIST })), buttonsIds.includes(KupColumnMenuIds.BUTTON_APPLY) ? (h("kup-button", Object.assign({}, buttonArray.find((x) => x.id ===
         KupColumnMenuIds.BUTTON_APPLY)))) : null), objectArray[0] ? (h("div", { class: "sub-tree" }, treeArray[0] ? (h("kup-tree", Object.assign({ class: "kup-full-width", globalFilter: true }, treeArray[0], { id: KupCardIds.EXTRA_COLUMNS }))) : (h("div", { class: "sub-spinner" }, h("kup-spinner", { active: true, dimensions: "8px", layout: 2 }))))) : null)) : null, tabsValues.includes(KupLanguageGeneric.SETTINGS) ? (h("div", { class: `${KupCardCSSClasses.CARD_VIEW} ${KupCardCSSClasses.VIEW_PREFIX}${viewIndex} ${visibleView === viewIndex++
             ? KupCardCSSClasses.VISIBLE
             : ''}` }, h("div", { class: "sub-autocomplete" }, autocompleteArray.length > 0

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -712,7 +712,9 @@ export class KupDataTable {
      */
     async hideColumn(column) {
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hide(this.data, [column.name]);
-        this.visibleColumns = this.getVisibleColumns().map((col) => col.name);
+        this.visibleColumns = this.getVisibleColumns({
+            includeCodVer: true,
+        }).map((col) => col.name);
         this.visibleColumns = this.visibleColumns.filter((colName) => colName != column.name);
         this.kupColumnRemove.emit({
             comp: this,
@@ -1513,7 +1515,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'fd61dd682eed8f7509b76569549c11074318b26d', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '375f74dab7f18f38c1fcfc82fbf89be7ea516acb', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'fae0fbf757a5bb8dada4a6c10f488028b02e5fd8', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a9b57fef6aee6b910a1e580edb44cba15bb1c0a1', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1589,7 +1591,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '9b5489775f259e91e74e4ce96178923d7531ea85' }, props));
+                groupChips = h(FChip, Object.assign({ key: '4127c93f669496c78048414a3fdb81e42bb937c9' }, props));
             }
         }
         const tableClass = {
@@ -1621,7 +1623,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'c7322e666a446be849ff1b383a87845541ce2a09', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd323db862d38913ac293117877b9014520644d07' }, h("tr-sticky", { key: '36682a81e6446b2d23ebe957d77eb7a33ec1eb23' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '440386f41420a89650eb6eb339e177c9ba8c2953', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd39077e934a334d195ec3f5915491415f0ee1685' }, h("tr-sticky", { key: 'fd3a5c31503aed1ab1bb1ada44bee5da858ccf79' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1667,7 +1669,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '548c686024deca76c77bf5942728118d238c364b', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '4f42575b90e6d671e91e2e07c59a78215ef5f0c4', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1686,11 +1688,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'a59af13cdcad56c19f3d93a376251282d67d8927' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '6361fb5d031766406ad7e43e53309eeb9883c297', id: componentWrapperId, class: wrapClass }, h("div", { key: 'afe0e1c52d9c1d0d4fc3e6aa2f4a50e4532a3444', class: "group-wrapper" }, groupChips), h("div", { key: 'c3a8df6ceecab5bdff580a0371754c8bdf5d05ae', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '0645a40464e0147ab5aca4aaf38a817d7d289030' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'cb616360bcec4ba39aca44a93a39b95b9909c394', id: componentWrapperId, class: wrapClass }, h("div", { key: '20773b7172801769e11b443e305c42844f52ba0f', class: "group-wrapper" }, groupChips), h("div", { key: '860898241d7a10f45f7430594a368e91115ba784', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: 'cbbf08d01bdc7a10c03eaeb882bb2a13151c4268', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '6072e859a231fbfd727cd1a55f908e25dc33a129', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1740,9 +1742,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '0cb8de2dadf3d644cc849c30e378dd7b098fc881', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'c9e1e65438d07ce168299fc0cd2b83bf77c94cf3', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: 'c640c406c25fd847840ea8eb218183e258c6e250', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'ea9660e9a616888f37feec74f4f5e2f736e0af6b', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1751,7 +1753,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '31305879e2f89950a611d5f6968b44b2929a7bdb', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '64529a2a31eb09dcfda1ee5b1cf70be5e30114cd', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1759,7 +1761,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '58519882fed4f56f6e391777be49883d6d809619', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '586a3cd08234f259408bf88b8b417f2b0ea826ac' }, header)), h("tbody", { key: '2130a9f01980f50c553ad98b68eb10a40c7e25c8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'de85db55dddeb79d7708fe5b4072b0fcbeabdbaa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '6476d8257a3058b80a1fb5561122d4c4371406d9' }, header)), h("tbody", { key: '9482c27af9beca0f4c233b90c8ce7a5bac264b84' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -4724,7 +4726,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     return somethingChanged;
 }, _KupDataTable_insertNewColumnInVisibleColumnsList = function _KupDataTable_insertNewColumnInVisibleColumnsList(result, afterColumn) {
-    this.visibleColumns = this.getVisibleColumns().map((col) => col.name);
+    this.visibleColumns = this.getVisibleColumns({
+        includeCodVer: true,
+    }).map((col) => col.name);
     if (typeof result !== 'string') {
         if (this.visibleColumns.findIndex((c) => c === result.name) < 0) {
             __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'New column [' +
@@ -6484,7 +6488,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     else {
         // Adds the sorted column to visibleColumns to preserve the current column order.
-        this.visibleColumns = this.getVisibleColumns().map((c) => c.name);
+        this.visibleColumns = this.getVisibleColumns({
+            includeCodVer: true,
+        }).map((c) => c.name);
     }
 }, _KupDataTable_moveSortedColumns = function _KupDataTable_moveSortedColumns(columns, receivingColumnIndex, sortedColumnIndex) {
     const remove = columns.splice(sortedColumnIndex, 1);

package/dist/collection/components/kup-input-panel/kup-input-panel-utils.js

@@ -6,7 +6,7 @@ export const LEFT_MULTIPLIER = 1.15; // Multiplier commanding the left attribute
 export const ADDITIONAL_WIDTH_WITH_ICON = 18; // Additional width added to account for the shape's icon (ACP,CAL,CMB)
 // Char sizes
 export const FONT_SIZE = 12; // Monospace font size of the INP
-export const FONT_SIZE_TO_WIDTH_RATIO = 1.6; // FontSize to SingleCharWidth ratio
+export const FONT_SIZE_TO_WIDTH_RATIO = 1.4; // FontSize to SingleCharWidth ratio
 export const CHAR_WIDTH = FONT_SIZE / FONT_SIZE_TO_WIDTH_RATIO; // Used for field width and left attribute
 export const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
     if (length == 0) {
@@ -16,7 +16,8 @@ export const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
         return null;
     }
     if (length === 1) {
-        return 1.5 * CHAR_WIDTH;
+        return (1.5 * CHAR_WIDTH +
+            (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0));
     }
     return (length * CHAR_WIDTH +
         (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0) +

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -272,7 +272,7 @@ export class KupInputPanel {
                 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: '188847543efd6501f54e34334d790981c80d6437', "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: '3cc39141d1ecd12ffb4775e41d5f655cc522e672', "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);
@@ -282,7 +282,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '25aef88421cc55cb402fb428ac128b1ee5a423df' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '210fdcc650406ba3673bbfe8488c38ce2a961b46', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '8e06ec2438e3db35ff94bf7b19f190c0b4a2d9f6' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b66e6cdd524d526f3428c9c77f4d079716eb1183', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -1169,7 +1169,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const value = isFormattableType
         ? getCellValueForDisplay(column, cell)
         : cell.value;
-    return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { text: value })));
+    return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { style: cell.style, text: value })));
 }, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
     if (!label) {
         return null;
@@ -1364,7 +1364,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const absoluteWidth = fieldCell.cell.shape === FCellShapes.LABEL
         ? getLabelAbsoluteWidth(length)
-        : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
+        : fieldCell.cell.shape === FCellShapes.CHECKBOX
+            ? 15
+            : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
     const absoluteHeight = getAbsoluteHeight(field.absoluteHeight);
     const absoluteTop = getAbsoluteTop(field.absoluteRow, absoluteTblPositioningData);
     const absoluteLeft = getAbsoluteLeft(field.absoluteColumn);

package/dist/collection/f-components/f-cell/f-cell.js

@@ -620,7 +620,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             subcomponentProps['disabled'] = true;
             return h(FSwitch, Object.assign({}, subcomponentProps));
         case FCellTypes.LABEL:
-            return h(FLabel, { text: cell.value, classes: "f-cell__text" });
+            return h(FLabel, { style: cell.style, text: cell.value, classes: "f-cell__text" });
         case FCellTypes.IMAGE_LIST:
             const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
             return (h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), activeNode: activeNode })));

package/dist/collection/f-components/f-label/f-label.js

@@ -8,11 +8,11 @@ function getVNodes(parsedElements) {
         return e.closed ? (h("span", { style: style }, e.content)) : (h("span", null, `${(_b = e.tag) !== null && _b !== void 0 ? _b : ''}${e.content}`));
     });
 }
-export const FLabel = ({ text, classes }) => {
+export const FLabel = ({ style, text, classes, }) => {
     const parsedElements = getParsedElements(text);
     // To avoid creating unnecessary span in the text
     // when there are no tags to format the content
-    return (h("span", { class: classes }, parsedElements.find((p) => p.tag !== undefined)
+    return (h("span", { class: classes, style: style }, parsedElements.find((p) => p.tag !== undefined)
         ? getVNodes(parsedElements)
         : text));
 };

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -3,7 +3,7 @@ import { FChipType, } from "../../f-components/f-chip/f-chip-declarations";
 import { KupDataNewColumnTypes, } from "../../managers/kup-data/kup-data-declarations";
 import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
 import { KupDynamicPositionPlacement, } from "../../managers/kup-dynamic-position/kup-dynamic-position-declarations";
-import { KupLanguageCheckbox, KupLanguageColumn, KupLanguageGeneric, KupLanguageGrouping, KupLanguageRow, KupLanguageSearch, KupLanguageTotals, } from "../../managers/kup-language/kup-language-declarations";
+import { KupLanguageCheckbox, KupLanguageColumn, KupLanguageGeneric, KupLanguageGrouping, KupLanguageRow, KupLanguageSearch, } from "../../managers/kup-language/kup-language-declarations";
 import { getValueForDisplay, getValueForDisplay2 } from "../cell-utils";
 import { Filters } from "../filters/filters";
 import { FiltersColumnMenu } from "../filters/filters-column-menu";
@@ -383,8 +383,9 @@ export class KupColumnMenu {
                     icon: 'functions',
                     id: KupColumnMenuIds.TEXTFIELD_FORMULA,
                     key: KupColumnMenuIds.TEXTFIELD_FORMULA + column.name,
-                    helper: `i.e.: Description;[${column.name}] * 2`,
-                    label: dom.ketchup.language.translate(KupLanguageTotals.FORMULA),
+                    helper: `Adds a new computed column with title 'Description'\nwhere each cell has 2 times the value of ${column.name} cell`,
+                    label: 'Compute Column',
+                    placeholder: `Description;[${column.name}] * 2`,
                     trailingIcon: true,
                 });
             }

package/dist/components/kup-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-a42dc353.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-45333a69.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-ba6132b3.js';
 
 /**
  * Props of the kup-accordion component.

package/dist/components/kup-activity-timeline.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-a42dc353.js';
-import { c as componentWrapperId, G as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v, F as FImage } from './p-45333a69.js';
+import { c as componentWrapperId, G as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v, F as FImage } from './p-ba6132b3.js';
 
 var KupActivityTimelineProps;
 (function (KupActivityTimelineProps) {

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { K as KupAutocomplete$1, E as defineCustomElement$1 } from './p-45333a69.js';
+import { K as KupAutocomplete$1, E as defineCustomElement$1 } from './p-ba6132b3.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-badge.js

@@ -1,4 +1,4 @@
-import { H as KupBadge$1, D as defineCustomElement$1 } from './p-45333a69.js';
+import { H as KupBadge$1, D as defineCustomElement$1 } from './p-ba6132b3.js';
 
 const KupBadge = KupBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-box.js

@@ -1,4 +1,4 @@
-import { K as KupBox$1, d as defineCustomElement$1 } from './p-c6eba054.js';
+import { K as KupBox$1, d as defineCustomElement$1 } from './p-cd1fbb3a.js';
 
 const KupBox = KupBox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button-list.js

@@ -1,4 +1,4 @@
-import { T as KupButtonList$1, B as defineCustomElement$1 } from './p-45333a69.js';
+import { T as KupButtonList$1, B as defineCustomElement$1 } from './p-ba6132b3.js';
 
 const KupButtonList = KupButtonList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button.js

@@ -1,4 +1,4 @@
-import { S as KupButton$1, C as defineCustomElement$1 } from './p-45333a69.js';
+import { S as KupButton$1, C as defineCustomElement$1 } from './p-ba6132b3.js';
 
 const KupButton = KupButton$1;
 const defineCustomElement = defineCustomElement$1;