@sme.up/ketchup 10.3.3 → 10.3.5

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

@@ -32,6 +32,7 @@ import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declaration
 import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc";
 import { FImage } from "../../f-components/f-image/f-image";
 import { isExpandable } from "./kup-tree-helper";
+const dom = document.documentElement;
 export class KupTree {
     constructor() {
         _KupTree_instances.add(this);
@@ -331,7 +332,7 @@ export class KupTree {
         this.columnMenuCard.setAttribute('data-column', column);
         this.columnMenuCard.data = this.columnMenuInstance.prepData(this, getColumnByName(this.getVisibleColumns(), column));
         this.columnMenuInstance.open(this, column);
-        this.columnMenuInstance.reposition(this, this.columnMenuCard);
+        this.columnMenuInstance.reposition(this, this.columnMenuCard, 'th[data-column="' + column + '"]');
         this.kupTreeColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
@@ -1177,7 +1178,9 @@ export class KupTree {
                 totalMenu = (h("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column) }));
             }
             const totalValue = this.footer[column.name] != null
-                ? getValueForDisplay(this.footer[column.name], column.obj, column.decimals)
+                ? getValueForDisplay(this.footer[column.name], dom.ketchup.objects.isDate(column.obj)
+                    ? column.obj
+                    : { t: 'NR', p: '', k: '' }, column.decimals)
                 : '';
             const totalsClass = `totals-value ${isNegativeNumber(this.footer[column.name])
                 ? FCellClasses.TEXT_DANGER
@@ -1368,19 +1371,19 @@ export class KupTree {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (h("div", { key: '7567ac1ef9545bea4bc979736a90604aafabe599', id: "global-filter" }, h("kup-text-field", { key: '9d4320f25390cdd9916b69b10c176c6aa6f3ee19', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: 'a164d7e8f18b481ff2687f10e6ec4ae8392c4f8a', id: "global-filter" }, h("kup-text-field", { key: '5d62acc3b0446930359f6f820fe7a3cc7196e0e7', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h(Host, { key: '1707b7cb390d30ef0786500509bf5ba6eac9194c', "onKup-cell-click": (e) => {
+        return (h(Host, { key: '3626894a3d67dabf77e68f928accb17097fce8d3', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h("style", { key: 'ba9df04a579abe0848f08eb7ade8023dc4198438' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0c1a22cbf5a8a33e58d4b7d39f3f6083f07beab2', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '32dde2e7b8f85421ed3506f60421348205e0214d', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: '0ee43ca41e9fe5a0dfbf0e446c687a7bf89f8acf', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h("style", { key: '5de7472c79d4f759e0f8276c3302cf75d62251ea' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ef9537a9bf9721f6ead24d98651d8e663de56810', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '25a988d38c3b862e46d373feee071ca2859e5d26', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: '5e393cb99e10f4e8ac08d7ab419ac87d6416e0cb', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'd65ad49173c71366513c9c3a0900132b0865ab9a', class: {
+            } }, h("thead", { key: 'cb18a8efc949210ccc122c30110a37f83af5c0e9', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: '19d41241f8db4ea2509d8e203275a32ee72e8a0e' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: 'acdb52709fbe70f644128e034d28b3db414845b0' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: '131776bcf65d712c080d835c48d97a93cb65b7c7' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '3d8fd986909fe53ff4c59c6a4bc59c89ed065960' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));

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

@@ -74,7 +74,7 @@ export class KupTxt {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '05b83ab932103ec9ebeeff7bfaffc3d2def6d945' }, h("style", { key: 'd1207c1f47fa24a6acecbc49a765e9f2926f3c7d' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fce2b328dbb5bbb4255548bed43e429fc28fec40', id: componentWrapperId }, h("div", { key: '399fb51322b4b0567738f7f7472eae2ea3f40261', innerHTML: value }))));
+        return (h(Host, { key: '205fec845d1dac2f25d9544f15d435177c4eabf1' }, h("style", { key: '76e70793d8aaa42a5a8e05450ccd54f1e0c5b579' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ff15e4cd8d075189d268c97d3d7d5c9df46cf5cd', id: componentWrapperId }, h("div", { key: '0be7e4dbcee7c30e5c5a6b6c2d15701e12bc8a1d', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

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

@@ -235,7 +235,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '22068fe2fcabd3b184e705e2a0137837669df2da' }, h("style", { key: '3c4a8811380ce6e6ec12a7077325f3dcb143020c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '927cbb930fb3e0763817e8ad6fb41b521ddf1ad1', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'd504a5c8621c4746331225eda11131a5db079edf' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '9073be54945f7345b754079388130e149ddac338' }, infoIcon, { onClick: async (event) => {
+        return (h(Host, { key: 'fc9ed8df1a7996737fa318223fa4a26c048af0da' }, h("style", { key: '7ab80157cf8d7d13198e389b5c2005bc23379f50' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4058a007f7338cb3f4c69e9b7ab8bb2bc0c5d29f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '039db543cb870340827953a4c43b092d7dfcb936' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '3c7ff0751057b4ef2d2f02eadd0f4f069288545a' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -246,7 +246,7 @@ export class KupTypography {
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'e02ac6db825761a824b4fcc36fd74690bd004cf1' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'd66f1503ff3d22223d14f0247cfaaf725352935b' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();

package/dist/collection/components/kup-typography-list/kup-typography-list.js

@@ -160,7 +160,7 @@ export class KupTypographyList {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: 'eea4a39316b0a3fc506de4c5c7702e70491b6299' }, h("style", { key: 'f5aaa171df25731eca862abd4a58fb797485ad52' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fb7234ec56efe23662c9ae7a1496200f3cb3ece5', id: componentWrapperId }, h("div", { key: '7be6b9baa1785f2da9e092a91bd8d96a7256dd25', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '58356b7523f44ef17cd4a535119254b6efed5b7a' }, h("style", { key: 'be31c2f145c03693055bc90fa818781e985b0c0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '899b21cbcf02ebca7791c9983a1893c8625252ab', id: componentWrapperId }, h("div", { key: '87e0370fa8d496f789bd047f33a39cf2a40952e3', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

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

@@ -107,6 +107,7 @@ export const FCellShapes = {
     TABLE: 'TBL',
     TEXT_FIELD: 'ITX',
     TIME: 'TIM',
+    IMAGE_LIST: 'IML',
 };
 /**
  * Supported cell types.
@@ -144,6 +145,7 @@ export var FCellTypes;
     FCellTypes["TABLE"] = "table";
     FCellTypes["TIME"] = "time";
     FCellTypes["LABEL"] = "label";
+    FCellTypes["IMAGE_LIST"] = "image-list";
 })(FCellTypes || (FCellTypes = {}));
 export const editableTypes = [
     FCellTypes.AUTOCOMPLETE,

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

@@ -65,7 +65,7 @@ export const FCell = (props, children) => {
         'monospace c-pre': (_c = cell.data) === null || _c === void 0 ? void 0 : _c.legacyLook,
     };
     let content = valueToDisplay;
-    if (!cell.data) {
+    if (!cell.data || Object.keys(cell.data).length === 0) {
         setDefaults(cellType, cell);
     }
     if (isEditable && editableTypes.includes(cellType)) {
@@ -138,6 +138,21 @@ export const FCell = (props, children) => {
         };
         infoEl = h(FImage, Object.assign({}, fProps));
     }
+    // For input panel G Cells: handle textfield instead of cell background/text colors
+    const isInputPanel = props.component.rootElement.tagName ===
+        KupTagNames.INPUT_PANEL;
+    if (isInputPanel && cell.style) {
+        if (cell.style.backgroundColor) {
+            const color = cell.style.backgroundColor;
+            cell.style.backgroundColor = '';
+            cell.style['--kup-textfield-background-color'] = color;
+        }
+        if (cell.style.color) {
+            const color = cell.style.color;
+            cell.style.color = '';
+            cell.style['--kup-textfield-color'] = color;
+        }
+    }
     return (h("div", { onKeyUp: (e) => cellEvent(e, props, cellType, FCellEvents.KEYUP), class: classObj, "kup-get-cell-props": () => {
             return props;
         }, ref: (el) => (cell.element = el), style: cell.style }, h("div", { class: "f-cell__content", style: cell.styleContent, title: cellTitle, onMouseEnter: (e) => handleMouseEnter(e, props, cellType), onMouseLeave: (e) => handleMouseLeave(e) }, children && children.length > 0
@@ -217,11 +232,13 @@ const MainRADAdapter = (options, _fieldLabel, currentValue, cell) => {
     return Object.assign(Object.assign({}, cell.data), newData);
 };
 const MainCMBandACPAdapter = (options, fieldLabel, currentValue, cell, _id) => {
-    var _a;
-    if (!((_a = cell.data) === null || _a === void 0 ? void 0 : _a.data) && options) {
-        const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
-        configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(options, currentValue);
-        return configCMandACP;
+    if (options) {
+        const configCMBandACP = CMBandACPAdapter(currentValue, fieldLabel, [], cell.data);
+        configCMBandACP.data['kup-list'].data = optionsTreeComboAdapter(options, currentValue);
+        if (!cell.data) {
+            return configCMBandACP;
+        }
+        return Object.assign(Object.assign({}, configCMBandACP), cell.data);
     }
 };
 const optionsTreeComboAdapter = (options, currentValue) => {
@@ -576,7 +593,8 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             if (content && content != '') {
                 const cellValueNumber = dom.ketchup.math.numberifySafe(cell.value);
                 const cellValue = getCellValueForDisplay(column, cell);
-                if (cellValueNumber < 0) {
+                const hasCustomColor = Boolean(cell.style && cell.style['color']);
+                if (!hasCustomColor && cellValueNumber < 0) {
                     classObj[FCellClasses.TEXT_DANGER] = true;
                 }
                 if (isAutoCentered(props)) {
@@ -593,6 +611,9 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             return h(FSwitch, Object.assign({}, subcomponentProps));
         case FCellTypes.LABEL:
             return h(FLabel, { 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 })));
         default:
             return (h("div", { class: "f-cell__text" }, cell.data.displayMode
                 ? adaptContentToDisplayMode(cell, content, '-')
@@ -878,6 +899,12 @@ function cellEvent(e, props, cellType, cellEventName) {
                     cell.data.data = e.detail.comp.data;
                 }
                 break;
+            case FCellTypes.IMAGE_LIST:
+                const obj = e.detail
+                    .details.cell.obj;
+                const cellValue = e
+                    .detail.details.cell.value;
+                value = (obj === null || obj === void 0 ? void 0 : obj.k) ? obj.k : cellValue;
         }
         if (cell.obj) {
             cell.obj.k = value === null || value === void 0 ? void 0 : value.toString();

package/dist/collection/f-components/f-chip/f-chip-declarations.js

@@ -11,6 +11,7 @@ export var FChipType;
     FChipType["CHOICE"] = "choice";
     FChipType["FILTER"] = "filter";
     FChipType["INPUT"] = "input";
+    // HAS_FILTER = 'has-filter',
     FChipType["STANDARD"] = "standard";
 })(FChipType || (FChipType = {}));
 /**

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

@@ -69,8 +69,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
             }
         }
         function createChip(chip, disabled) {
+            var _a;
             const onlyIcon = !!(chip.icon && !chip.value);
-            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled && 'chip--disabled'}`;
+            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled ? 'chip--disabled' : ''}`;
             let iconEl = [];
             let iconClass = 'chip__icon chip__icon--leading';
             if (isFilter || isChoice) {
@@ -100,13 +101,18 @@ function createChipList(props, isChoice, isFilter, isInput) {
             let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
+                    : null, onContextMenu: props.onContextMenu && props.onContextMenu[i]
+                    ? props.onContextMenu[i].bind(props.onContextMenu[i], chip)
                     : null, role: "row", title: chip.title ? chip.title : '' }, h("span", { class: "chip-set__indent" }), iconEl, h("span", { role: "gridcell" }, h("span", { role: "button", tabindex: i, class: "chip__primary-action",
                 // @ts-ignore
                 value: chip.id, checked: chip.checked, onBlur: props.onBlur && props.onBlur[i]
                     ? props.onBlur[i].bind(props.onBlur[i], chip)
                     : null, onFocus: props.onFocus && props.onFocus[i]
                     ? props.onFocus[i].bind(props.onFocus[i], chip)
-                    : null }, h("span", { class: "chip__text" }, chipText))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
+                    : null }, h("span", { class: "chip__text" }, chipText))), ((_a = props.hasFilter) === null || _a === void 0 ? void 0 : _a[i]) && (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.FILTER_REMOVE.replace('--', '')}`, onClick: props.onClearFilterClick &&
+                    props.onClearFilterClick[i]
+                    ? props.onClearFilterClick[i].bind(props.onClearFilterClick[i], chip)
+                    : null }))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
                     ? props.onIconClick[i].bind(props.onIconClick[i], chip)
                     : null }))) : null));
         }

package/dist/collection/managers/kup-data/kup-data-cell-helper.js

@@ -31,9 +31,9 @@ export function getCellValue(dataset, column, sorted, univocal) {
     extractColumnValues(rows, column, values, univocal);
     if (sorted == true) {
         values.sort((n1, n2) => {
-            return compareValues(null, kupObjects.isDate(n1.obj)
+            return compareValues(n1.obj, kupObjects.isDate(n1.obj) || kupObjects.isNumber(n1.obj)
                 ? n1.value
-                : getValueForDisplay2(n1, column), null, kupObjects.isDate(n2.obj)
+                : getValueForDisplay2(n1, column), n2.obj, kupObjects.isDate(n2.obj) || kupObjects.isNumber(n2.obj)
                 ? n2.value
                 : getValueForDisplay2(n2, column), SortMode.A);
         });

package/dist/collection/managers/kup-data/kup-data-declarations.js

@@ -14,3 +14,8 @@ export var DropDownAction;
     DropDownAction["CODVER"] = "cod_ver";
     DropDownAction["COMMAND"] = "command";
 })(DropDownAction || (DropDownAction = {}));
+export var UseAsValue;
+(function (UseAsValue) {
+    UseAsValue["KEY"] = "Key";
+    UseAsValue["DEC"] = "Dec";
+})(UseAsValue || (UseAsValue = {}));

package/dist/collection/managers/kup-data/kup-data.js

@@ -88,6 +88,8 @@ export class KupData {
                             return FCellTypes.TIME;
                         case FCellShapes.LABEL:
                             return FCellTypes.LABEL;
+                        case FCellShapes.IMAGE_LIST:
+                            return FCellTypes.IMAGE_LIST;
                     }
                 }
                 if (dom.ketchup.objects.isBar(obj)) {

package/dist/collection/managers/kup-dates/kup-dates.js

@@ -194,7 +194,7 @@ export class KupDates {
      * @param {dayjs.ConfigType} input - Date to be formatted.
      * @param {string} format - Output format.
      * @see https://day.js.org/docs/en/display/format
-     */
+     **/
     format(input, format) {
         if (!format) {
             format = 'L'; // MM/DD/YYYY, DD/MM/YYYY depending on locale
@@ -312,12 +312,8 @@ export class KupDates {
      * @returns {Date} Date object.
      */
     toDate(input, format) {
-        if (format && format != null) {
-            return dayjs.utc(input, format).toDate();
-        }
-        else {
-            return dayjs.utc(input).toDate();
-        }
+        const parsed = format ? dayjs.utc(input, format) : dayjs.utc(input);
+        return parsed.isValid() ? parsed.toDate() : null;
     }
     /**
      * Converts the input in a Dayjs object.

package/dist/collection/managers/kup-objects/kup-objects.js

@@ -121,7 +121,7 @@ export class KupObjects {
     isDate(obj) {
         if (!obj)
             return false;
-        return 'D8' === obj.t;
+        return 'D8' === obj.t && !obj.p.includes('*UP');
     }
     /**
      * Checks whether the object represents an icon or not.

package/dist/collection/utils/cell-utils.js

@@ -106,20 +106,32 @@ export function compareValues(obj1, value1, obj2, value2, sortMode) {
         v2 = dom.ketchup.math.numberifySafe(s2);
     }
     else if (dom.ketchup.objects.isDate(obj1)) {
-        v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
-        v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+        const firstDateValue = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE));
+        const secondDateValue = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE));
+        if (firstDateValue && secondDateValue) {
+            v1 = firstDateValue;
+            v2 = secondDateValue;
+        }
     }
     else if (dom.ketchup.objects.isTime(obj1)) {
         // Previous code could not work because dayjs
         // returns an invalid date when it tries to parse a time
         // This solution is simpler and it works because the time format
         // was assumed to be equals to HH:mm:ss or HH:mm
-        v1 = Number(s1.replace(/:/g, ''));
-        v2 = Number(s2.replace(/:/g, ''));
+        const firstTimeValue = Number(s1.replace(/:/g, ''));
+        const secondTimeValue = Number(s2.replace(/:/g, ''));
+        if (!Number.isNaN(firstTimeValue) && !Number.isNaN(secondTimeValue)) {
+            v1 = firstTimeValue;
+            v2 = secondTimeValue;
+        }
     }
     else if (dom.ketchup.objects.isTimestamp(obj1)) {
-        v1 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE_TIME), KupDatesFormats.ISO_DATE_TIME);
-        v2 = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE_TIME), KupDatesFormats.ISO_DATE_TIME);
+        const firstTimestampValue = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s1, KupDatesFormats.ISO_DATE), KupDatesFormats.ISO_DATE_TIME);
+        const secondTimestampValue = dom.ketchup.dates.toDate(dom.ketchup.dates.format(s2, KupDatesFormats.ISO_DATE), KupDatesFormats.ISO_DATE_TIME);
+        if (firstTimestampValue && secondTimestampValue) {
+            v1 = firstTimestampValue;
+            v2 = secondTimestampValue;
+        }
     }
     if (v1 > v2) {
         return sm * 1;
@@ -164,11 +176,13 @@ export function isNegativeNumber(value) {
 // -------------
 // ADAPTERS from SmeupDataTable to FCell data attribute
 // -------------
-export const CMBandACPAdapter = (value, label, options) => ({
+export const CMBandACPAdapter = (value, label, options, _cellData) => ({
     data: {
         'kup-text-field': {
             trailingIcon: true,
             label,
+            // size: _cellData?.size,
+            // maxLength: _cellData?.maxLength,
         },
         'kup-list': {
             showIcons: true,

package/dist/collection/utils/filters/filters.js

@@ -224,7 +224,7 @@ export class Filters {
                     .match(FILTER_ANALYZER);
                 if (filterMatch) {
                     const [_, operator, _startWildcard, filterNum, _endWildcard,] = filterMatch;
-                    const numericFilterValue = dom.ketchup.math.numberifySafe(filterNum);
+                    const numericFilterValue = dom.ketchup.math.numberifySafe(filterNum, true);
                     if (!isNaN(numericFilterValue)) {
                         checkByRegularExpression = false;
                         switch (operator) {
@@ -274,8 +274,8 @@ export class Filters {
                 if (filterMatch && valueDate) {
                     const [_, operator, _startWildcard, dateStr, _endWildcard] = filterMatch;
                     // Try to convert the filter value to a Date
-                    if (dom.ketchup.dates.isValidFormattedStringDate(dateStr)) {
-                        const filterDate = dom.ketchup.dates.toDate(this.normalizeValue(dateStr, obj));
+                    const filterDate = dom.ketchup.dates.toDate(this.normalizeValue(dateStr, obj), defaultFormat);
+                    if (filterDate) {
                         checkByRegularExpression = false;
                         switch (operator) {
                             case '>':
@@ -298,7 +298,10 @@ export class Filters {
                 if (!dom.ketchup.dates.isValidFormattedStringDate(normalizedFilter, defaultFormat) &&
                     !dom.ketchup.dates.isValidFormattedStringDate(normalizedFilter) &&
                     !dom.ketchup.dates.isValidFormattedStringTime(value, dom.ketchup.objects.isTimeWithSeconds(obj))) {
-                    value = dom.ketchup.dates.format(value);
+                    const formattedValue = dom.ketchup.dates.format(value);
+                    if (formattedValue !== 'Invalid Date') {
+                        value = formattedValue;
+                    }
                 }
             }
             if (checkByRegularExpression) {

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

@@ -39,15 +39,14 @@ export class KupColumnMenu {
         dom.ketchup.dynamicPosition.stop(card);
     }
     /**
-     * Function called to reposition the column menu card to the appropriate column.
+     * Function called to reposition the column menu card to the appropriate selector.
      * @param {KupDataTable | KupTree} comp - Component using the column menu.
      */
-    reposition(comp, card) {
+    reposition(comp, card, wrapperSelector) {
         const root = comp.rootElement.shadowRoot;
         if (root) {
             if (card) {
-                const column = card.dataset.column;
-                const wrapper = root.querySelector('th[data-column="' + column + '"]');
+                const wrapper = root.querySelector(wrapperSelector);
                 if (dom.ketchup.dynamicPosition.isRegistered(card)) {
                     dom.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
-import { K as KupManager } from './p-9859e801.js';
+import { K as KupManager } from './p-df77b97b.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {

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-9859e801.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 } from './p-55fda958.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-df77b97b.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-dd93c5e7.js';
 
 /**
  * Props of the kup-accordion component.
@@ -432,7 +432,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-accordion":
             if (!customElements.get(tagName)) {
@@ -441,90 +441,95 @@ function defineCustomElement$1() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }