@sme.up/ketchup 10.1.0 → 10.1.2

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

@@ -1359,7 +1359,7 @@ export class KupDataTable {
         }
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'f18dffbcdd19cdc165c45d739fbda71ebe7cb540', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '3de5c7a5ff0a16b7257ca7e4d227fe2b9ec8165c', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'ea30d657d452f653830e1e1f66b5008d4f2750a8', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '2a626690b99a48a3bd57e33a1a44b5777ce9fab5', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1424,7 +1424,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '990acdc2e90682c110a4730f49f30e878cddb054' }, props));
+                groupChips = h(FChip, Object.assign({ key: '9d0eb6f3b9839467a794e3c47f69c80c29ce7cb3' }, props));
             }
         }
         const tableClass = {
@@ -1456,7 +1456,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'd292164eb6afdaa22a2d45006ed0fd8aebf1f4bf', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '656bd0187e81a55aab15d8dcf7f23e7c706fb1d7' }, h("tr-sticky", { key: '6b53c9a657d60a0914405a054a2ddc74121eda85' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '6b2b15b4385868240dfd25952bdb73b4a741622e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '3e04b58f8d4eaa1a74fa5c73b793e7530a4330a3' }, h("tr-sticky", { key: '9845f4d6ae194aa477c298cd968c94844dc96f43' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1502,7 +1502,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: '96bfb5993313bb4987f4e0baaaa696df1ea8cb18', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '81f74f20c67ec6257b42550b0d2db73331d96c07', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1517,11 +1517,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '58f5939ea4f3f6a5b627d4c6baf3c4344ce13348' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'a0057cec35ab854970f3a69b05f9d37e60951030', id: componentWrapperId, class: wrapClass }, h("div", { key: 'a4436b6a7ada463eba68cb8816f53dfd60aaeefe', class: "group-wrapper" }, groupChips), h("div", { key: 'c23f5d663a36bcfe9f403afc83af245d99cc3fe6', 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), value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '8c92d3bc0a8e1326b5ddbc7bdaa3260d601f53c3' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '89e186b2a02d79de60a5fc7feffb0282ecd5a24d', id: componentWrapperId, class: wrapClass }, h("div", { key: '8452e8191ab0b8e215c2b9b4901cb1be22217c26', class: "group-wrapper" }, groupChips), h("div", { key: 'e3da08d27329bf8a011511e9f71015db2b572749', 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), 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, h("div", { key: 'e2e88ac7d5664f022cc067e5e88caa253c999b80', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '753ac29c5b69f2dfddd67cb6da36d8cb26cef314', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1571,9 +1571,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: '4f308820dbf292e2634ff45ca21d133113e77db1', 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: '2d6a2b4c9b87c32a50d0f4d138295b73a37f96fc', 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: 'b935b9035b6c0d975033dd44306fe890d7b8a83e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'fb0a474697046649a11d2986dba9c80cca413561', 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);
@@ -1582,7 +1582,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'a63df53d24688c915c0d22ee3bfac2fefa24cc58', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '0a507c2b3807f911389bda77eeb9bceee0da6fee', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), 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");
@@ -1590,7 +1590,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: 'f07cef4e4d614921a42fa801f1ab42b426ace651', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'd94ec43849c0c9ffa763c0e539b35900c5fec3eb' }, header)), h("tbody", { key: 'c55d0f9afe7cf8cb414a01445f07d98d5ad06847' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h("thead", { key: '9754f63d55e351c03547bbd07cb606a14b2bfd00', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'dc314b347496493f6900b6677d95a51153faf73c' }, header)), h("tbody", { key: 'a350636de75f0ab072c80f54558c150e228a9bff' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -6381,7 +6381,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             ? () => {
                 __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
             }
-            : null, onNextPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
+            : null, onNextPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value), showMaxPages: true })) : null)));
 }, _KupDataTable_columnRemoveArea = function _KupDataTable_columnRemoveArea() {
     return (h("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_removeDropareaRef, el, "f")) }, h(FImage, { resource: "delete", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), h(FImage, { resource: "delete-empty", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -10,7 +10,6 @@ import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc"
 import { KupDynamicPositionPlacement } from "../../managers/kup-dynamic-position/kup-dynamic-position-declarations";
 import { KupCardFamily, } from "../kup-card/kup-card-declarations";
 import { getProps } from "../../utils/utils";
-import { FILTER_ANALYZER } from "../../utils/filters/filters-declarations";
 export class KupDatePicker {
     constructor() {
         /*-------------------------------------------------*/
@@ -59,7 +58,8 @@ export class KupDatePicker {
         this.setFocus();
     }
     async onKupClearIconClick() {
-        this.setPickerValueSelected('');
+        this.notISOvalue = '';
+        this.ISOvalue = '';
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
@@ -189,8 +189,6 @@ export class KupDatePicker {
         this.notISOvalue = newValue;
         this.ISOvalue = '';
         if (eventDetailValue) {
-            const isValidFilter = this.isAlphanumeric(eventDetailValue) ||
-                eventDetailValue.match(FILTER_ANALYZER);
             if (this.kupManager.dates.isIsoDate(eventDetailValue)) {
                 if (!isOnInputEvent) {
                     this.ISOvalue = eventDetailValue;
@@ -199,7 +197,7 @@ export class KupDatePicker {
                     }
                 }
             }
-            else if (!isValidFilter &&
+            else if (!this.isAlphanumeric(eventDetailValue) &&
                 this.kupManager.dates.isValidFormattedStringDate(eventDetailValue)) {
                 if (!this.appendSelection) {
                     newValue = this.kupManager.dates.format(this.kupManager.dates.normalize(eventDetailValue), KupDatesFormats.ISO_DATE);
@@ -393,7 +391,7 @@ export class KupDatePicker {
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h(Host, { key: '187af8528c774fcf6387634dc2eab6ce6173753c' }, h("style", { key: '31a374ae52c94350112376c2a5e658cba8db5e06' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'afc779ad3298c50c5aa8c49432bbb0bbd151afd0', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'f198503b0d9a1e176fe72fd98ba8f931aa4ff304' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '3df0b042462a28d50b8702d37b13c811f2020b13', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '882a66c363179c0045ab59019c7d58658d543848', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
+        return (h(Host, { key: 'a34c724df5cebefad71037b7433ce6ddd48843d9' }, h("style", { key: '58bed40aa79d827b144b2142f4ff316b1005c2fc' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b1a2a5028dc887c0199724f468ab28c9aa097af4', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'a084c9d9246cfc7178b8a8128431a452531756a3' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '13923ba29c9fa87fc2afc37f673b6144fe6726bb', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: 'f6ca569f4a012218fa6ca1f3ceab7add60bebeb2', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
                 if (ev.detail.value != null &&
                     ev.detail.value != '')
                     this.onKupDatePickerItemClick(ev.detail.value);

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

@@ -294,7 +294,7 @@ export class KupList {
         }
         __classPrivateFieldSet(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: 'a29a57f189f084483002fa7b4fbe9015d4fa42e6' }, h("style", { key: '7f859a6618a8d10e1a736421eae7f4ae05ac8b4e' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ec1d2653bf62b2d2f06c044d18efb7047bd9c299', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '4dcd2216fed52c8032f246c6bd2a4cfa6e21c037', class: listScrollClass }, h("ul", { key: 'e66c56630e188c205ad23f15d204b406c4affae3', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '019466462728adce2c66ee71c4fd95713d89e3a5' }, h("style", { key: 'f609290da0c5808fa0845d91ef3131bfa19926cd' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e414b17c9d7900edf727da873bec99f1e3442d25', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '5c20fc00e945da4693ea4421d94dd3177fdcf0bc', class: listScrollClass }, h("ul", { key: '336830edca97a6399815349a569b7b7367a070a1', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -1055,11 +1055,12 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         this.roleType = KupListRole.LISTBOX;
     }
 }, _KupList_itemCompliant = function _KupList_itemCompliant(item) {
+    var _a, _b;
     if (!this.filter) {
         return true;
     }
-    return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
-        item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
+    return (((_a = item.id) === null || _a === void 0 ? void 0 : _a.toLowerCase().indexOf(this.filter.toLowerCase())) >= 0 ||
+        ((_b = item.value) === null || _b === void 0 ? void 0 : _b.toLowerCase().indexOf(this.filter.toLowerCase())) >= 0);
 }, _KupList_createFilterComponent = function _KupList_createFilterComponent() {
     return (h("div", { id: "global-filter", class: "filter" }, h(FTextField, { fullWidth: true, label: __classPrivateFieldGet(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);

package/dist/collection/components/kup-time-picker/kup-time-picker.js

@@ -9,6 +9,7 @@ import { FTextFieldMDC } from "../../f-components/f-text-field/f-text-field-mdc"
 import { KupCardFamily, } from "../kup-card/kup-card-declarations";
 import { KupDynamicPositionPlacement } from "../../managers/kup-dynamic-position/kup-dynamic-position-declarations";
 import { KupDatesFormats } from "../../managers/kup-dates/kup-dates-declarations";
+import { FILTER_ANALYZER } from "../../utils/filters/filters-declarations";
 export class KupTimePicker {
     constructor() {
         /*-------------------------------------------------*/
@@ -26,6 +27,7 @@ export class KupTimePicker {
         this.pickerKupEl = undefined;
         this.clickCb = null;
         this.value = '';
+        this.appendSelection = false;
         this.clockVariant = true;
         this.customStyle = '';
         this.data = {};
@@ -55,12 +57,12 @@ export class KupTimePicker {
         });
         this.setFocus();
     }
-    onKupClearIconClick() {
-        this.setPickerValueSelected('');
+    async onKupClearIconClick() {
+        this.value = '';
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
-            value: this.value,
+            value: await this.getValue(),
         });
         this.kupClearIconClick.emit({
             comp: this,
@@ -201,11 +203,13 @@ export class KupTimePicker {
     }
     refreshPickerValue(eventDetailValue, eventToRaise) {
         let newValue = null;
-        if (this.kupManager.dates.isValidFormattedStringTime(eventDetailValue, this.manageSeconds)) {
+        const isValidFilter = FILTER_ANALYZER.test(eventDetailValue);
+        if (this.kupManager.dates.isValidFormattedStringTime(eventDetailValue, this.manageSeconds) ||
+            isValidFilter) {
             this.value = eventDetailValue;
             newValue = this.value;
         }
-        if (newValue != null) {
+        if (newValue != null && eventToRaise) {
             eventToRaise.emit({
                 comp: this,
                 id: this.rootElement.id,
@@ -227,7 +231,17 @@ export class KupTimePicker {
         if (newValue == null) {
             return;
         }
-        this.value = newValue;
+        if (this.appendSelection && newValue) {
+            // Append behavior: combine current value with the new one
+            const currentValue = this.textfieldEl.value;
+            const formattedDate = this.kupManager.dates.timeStringToFormattedString(newValue, this.manageSeconds);
+            const combinedValue = currentValue + formattedDate;
+            this.refreshPickerValue(combinedValue, undefined);
+        }
+        else {
+            // Default behavior: replace the entire value
+            this.value = newValue;
+        }
     }
     getPickerValueSelected() {
         return this.value;
@@ -311,10 +325,13 @@ export class KupTimePicker {
         return idConc.indexOf('#' + id + '#') >= 0;
     }
     prepTimePicker() {
+        const startingValue = this.kupManager.dates.isValidFormattedStringTime(this.value, this.manageSeconds)
+            ? this.getTimeForOutput()
+            : '';
         if (this.clockVariant) {
             const data = {
                 options: {
-                    initialValue: this.value,
+                    initialValue: startingValue,
                     manageSeconds: this.manageSeconds,
                     hoursActive: this.hoursActive,
                     minutesActive: this.minutesActive,
@@ -327,7 +344,7 @@ export class KupTimePicker {
                 } }));
         }
         else {
-            return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(this.value), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
+            return (h("kup-list", { ref: (el) => (this.pickerKupEl = el), data: this.createTimeListData(startingValue), "is-menu": true, "onkup-list-click": (e) => this.onKupTimePickerItemClick(e, e.detail.selected.id), id: this.rootElement.id + '_list' }));
         }
     }
     createTimeListData(value) {
@@ -369,6 +386,9 @@ export class KupTimePicker {
         if (this.value == null || this.value.trim() == '') {
             return '';
         }
+        if (FILTER_ANALYZER.test(this.value)) {
+            return this.value;
+        }
         let v1 = this.kupManager.dates.timeStringToFormattedString(this.value, this.manageSeconds);
         return v1;
     }
@@ -407,7 +427,7 @@ export class KupTimePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '07115e9254d13af0b5b1cc97fbb4314f0445db06' }, h("style", { key: 'ab3c334b95be976a3a3bdfa4369fff68c893a959' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '74baa3e57532f2a2f6339a8a15a1c6841b592da2', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '3f6acf44358187ab49855ca4be0e34245b20e8e9' }, h("style", { key: '0d82d42fee59676ac79dda83487ea09df4c0278f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd4a2fae6357fbce735b13157261ed054e9402bd6', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -430,6 +450,27 @@ export class KupTimePicker {
     }
     static get properties() {
         return {
+            "appendSelection": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [{
+                            "name": "default",
+                            "text": "false"
+                        }],
+                    "text": "When set to true, the selected date will be appended to the current value\r\ninstead of replacing it."
+                },
+                "attribute": "append-selection",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "clockVariant": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { ItemsDisplayMode, } from "../../components/kup-list/kup-list-declarations";
 import { KupLanguageGeneric, KupLanguagePage, KupLanguageRow, } from "../../managers/kup-language/kup-language-declarations";
 import { FButton } from "../f-button/f-button";
 import { FButtonStyling } from "../f-button/f-button-declarations";
@@ -10,7 +11,10 @@ const dom = document.documentElement;
 /*-------------------------------------------------*/
 export const FPaginator = (props) => {
     if (!props.perPage) {
-        props.perPage = 10;
+        props.perPage = 1000;
+    }
+    if (props.perPage > props.max) {
+        props.perPage = props.max;
     }
     const maxNumberOfPage = Math.ceil(props.max / props.perPage);
     const pageItems = getPageItems(props, maxNumberOfPage);
@@ -18,6 +22,7 @@ export const FPaginator = (props) => {
     const dataPageSelector = {
         'kup-list': {
             data: pageItems,
+            displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom.ketchup.language.translate(KupLanguagePage.PAGE),
@@ -27,11 +32,13 @@ export const FPaginator = (props) => {
             inputType: 'number',
             max: maxNumberOfPage,
             min: 1,
+            size: 5,
         },
     };
     const dataRowsSelector = {
         'kup-list': {
             data: rowsPerPageItems,
+            displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom.ketchup.language.translate(KupLanguageRow.ROWS) +
@@ -43,9 +50,10 @@ export const FPaginator = (props) => {
             inputType: 'number',
             max: props.max,
             min: 1,
+            size: 5,
         },
     };
-    return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }), props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null, h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, initialValue: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }), h("kup-combobox", { class: "page-selector", data: dataPageSelector, initialValue: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }), h("div", { class: "arrow-wrapper" }, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_left", disabled: isPrevPageDisabled(props), onClick: props.onPrevPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral prev-page" })) : null, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral next-page" })) : null)));
+    return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }), props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null, h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }), h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }), props.showMaxPages ? (h("div", { class: "max-page-wrapper" }, h("label", { htmlFor: "page-selector" }, '/ ' + maxNumberOfPage))) : null, h("div", { class: "arrow-wrapper" }, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_left", disabled: isPrevPageDisabled(props), onClick: props.onPrevPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral prev-page" })) : null, props.mode !== FPaginatorMode.SIMPLE ? (h(FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "kup-neutral next-page" })) : null)));
 };
 function getPageItems(props, maxNumberOfPage) {
     const pageItems = [];

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

@@ -30,6 +30,7 @@ export class KupData {
                 return replaceCell(dataset, cell, columns);
             },
             getType(cell, shape) {
+                var _a;
                 const obj = cell.obj;
                 if (shape) {
                     switch (shape.toUpperCase()) {
@@ -136,6 +137,9 @@ export class KupData {
                 else if (dom.ketchup.objects.isVoCodver(obj)) {
                     return FCellTypes.ICON;
                 }
+                else if (((_a = cell.data) === null || _a === void 0 ? void 0 : _a.maxLength) >= 256) {
+                    return FCellTypes.MEMO;
+                }
                 else {
                     return FCellTypes.STRING;
                 }

package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js

@@ -69,7 +69,18 @@ export class KupDynamicPosition {
             const target = mutations[0].target;
             if (target.classList.contains(kupDynamicPositionActiveClass)) {
                 self.addRepositionListeners(el);
-                self.run(el);
+                // Call self.run(el) only after the element's dimensions are valid
+                const ro = new ResizeObserver((entries) => {
+                    for (const entry of entries) {
+                        const newH = entry.contentRect.height;
+                        const newW = entry.contentRect.width;
+                        if (newH > 0 && newW > 0) {
+                            self.run(el);
+                            ro.unobserve(el);
+                        }
+                    }
+                });
+                ro.observe(el);
             }
         });
         mutObserver.observe(el, {

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

@@ -194,9 +194,8 @@ export var KupLanguageRow;
  */
 export var KupLanguageSearch;
 (function (KupLanguageSearch) {
-    KupLanguageSearch["FROM"] = "searchFrom";
     KupLanguageSearch["SEARCH"] = "searchSearch";
-    KupLanguageSearch["TO"] = "searchTo";
+    KupLanguageSearch["TOOLTIP"] = "searchTooltip";
 })(KupLanguageSearch || (KupLanguageSearch = {}));
 /**
  * Footer totals decodes (tree and data table).

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

@@ -133,25 +133,15 @@ export class FiltersColumnMenu extends Filters {
      * @param {string} remFilter - Removed filter.
      */
     removeCheckboxFilter(filters = {}, column, remFilter) {
-        if (filters == null || remFilter == null) {
+        var _a;
+        if (!filters || !remFilter || !filters[column]) {
             return;
         }
-        let filter = filters[column];
-        if (filter == null) {
-            return;
-        }
-        if (filter.checkBoxes == null) {
-            filter.checkBoxes = [];
-        }
-        let index = Filters.indexOfValueInValuesArray(filter.checkBoxes, remFilter);
-        if (index >= 0) {
-            let chs = [];
-            for (let i = 0; i < filter.checkBoxes.length; i++) {
-                if (i != index) {
-                    chs[chs.length] = filter.checkBoxes[i];
-                }
-            }
-            filter.checkBoxes = [...chs];
+        const filter = filters[column];
+        filter.checkBoxes = (_a = filter.checkBoxes) !== null && _a !== void 0 ? _a : [];
+        filter.checkBoxes = filter.checkBoxes.filter((item) => item.value !== remFilter);
+        if (filter.checkBoxes.length === 0) {
+            delete filters[column];
         }
     }
     isColumnNumeric(column) {
@@ -216,10 +206,6 @@ export class FiltersColumnMenu extends Filters {
      * @param {string} column - Name of the column.
      */
     removeFilter(filters = {}, column) {
-        filters[column] = {
-            textField: '',
-            textFieldTmp: '',
-            checkBoxes: [],
-        };
+        delete filters[column];
     }
 }

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

@@ -9,7 +9,7 @@
  * @property {string} 4 - Either % or null: indicates the string must finish with the given string.
  * This regex ignores spaces at the beginning, at the end, and between the operator and the quoted value.
  */
-export const FILTER_ANALYZER = /^\s*(!|>|>=|<|<=)?\s*'(%)?(.*?)(%)?'\s*$/;
+export const FILTER_ANALYZER = /^\s*(<=|>=|!|>|<)?\s*'?(%)?(.*?)(%)?'?\s*$/;
 export var KupGlobalFilterMode;
 (function (KupGlobalFilterMode) {
     KupGlobalFilterMode["SIMPLE"] = "simple";

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

@@ -75,64 +75,41 @@ export class FiltersRows extends Filters {
         if (!this.hasFilters(filters, columns, columnFilters)) {
             return true;
         }
-        let keys = Object.keys(filters);
-        // Filters
-        for (let i = 0; i < keys.length; i++) {
-            let key = keys[i];
+        // Filters must match for every key in filters
+        return Object.keys(filters).every((key) => {
             const cell = cells[key];
+            const currentColumn = getColumnByName(columns, key);
             if (!cell) {
                 return false;
             }
             let filterValue = columnFilters.getTextFilterValue(filters, key);
+            let checkboxValues = columnFilters.getCheckBoxFilterValues(filters, key);
             const _filterIsNegative = this.filterIsNegative(filterValue);
-            let b1 = this.isFilterCompliantForCell(cell, filterValue);
+            let b1 = (filterValue !== '' &&
+                this.isFilterCompliantForCell(cell, filterValue)) ||
+                checkboxValues.some((f) => this.isFilterCompliantForCell(cell, f.value)) ||
+                checkboxValues.some((f) => this.isFilterCompliantForCell(cell, f.displayedValue)) ||
+                // There are no filters to check -> the element is valid
+                !columnFilters.hasFiltersForColumn(filters, currentColumn);
             let b2 = _filterIsNegative;
             if (!kupObjects.isNumber(cell.obj) &&
                 !kupObjects.isDate(cell.obj) &&
                 !kupObjects.isTime(cell.obj) &&
                 !kupObjects.isTimestamp(cell.obj)) {
-                b2 = this.isFilterCompliantForCellObj(cell, filterValue);
+                b2 =
+                    (filterValue !== '' &&
+                        this.isFilterCompliantForCellObj(cell, filterValue)) ||
+                        checkboxValues.some((f) => this.isFilterCompliantForCellObj(cell, f.value)) ||
+                        // There are no filters to check -> the element is valid
+                        !columnFilters.hasFiltersForColumn(filters, currentColumn);
             }
             if (_filterIsNegative) {
-                if (!b1 || !b2) {
-                    return false;
-                }
+                return b1 && b2;
             }
             else {
-                if (!b1 && !b2) {
-                    return false;
-                }
-            }
-            let filterValues = columnFilters.getCheckBoxFilterValues(filters, key);
-            if (filterValues.length == 0) {
-                continue;
-            }
-            let retValue = false;
-            for (let i = 0; i < filterValues.length; i++) {
-                let fv = filterValues[i];
-                if (fv == null || fv.value == null) {
-                    continue;
-                }
-                if (cell.value != null) {
-                    if (cell.value.toLowerCase().trim() ==
-                        fv.value.toLowerCase().trim()) {
-                        retValue = true;
-                        break;
-                    }
-                }
-                if (cell.obj != null) {
-                    if (cell.obj.k.toLowerCase().trim() ==
-                        fv.value.toLowerCase().trim()) {
-                        retValue = true;
-                        break;
-                    }
-                }
+                return b1 || b2;
             }
-            if (!retValue) {
-                return false;
-            }
-        }
-        return true;
+        });
     }
     hasFilters(filters = {}, columns, columnFilters) {
         if (filters == null) {

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

@@ -47,9 +47,9 @@ export class Filters {
         else if (dom.ketchup.objects.isTime(smeupObj)) {
             let manageSeconds = dom.ketchup.objects.isTimeWithSeconds(smeupObj);
             if (dom.ketchup.dates.isValidFormattedStringTime(value, manageSeconds)) {
-                return dom.ketchup.dates.formattedStringToCustomDateTime(value, manageSeconds
+                return dom.ketchup.dates.timeStringToFormattedString(value, manageSeconds, manageSeconds
                     ? KupDatesFormats.ISO_TIME
-                    : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS, manageSeconds);
+                    : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
             }
         }
         else if (dom.ketchup.objects.isTimestamp(smeupObj)) {
@@ -83,6 +83,7 @@ export class Filters {
      * Determines if a value matches a given filter.
      *
      * Filter expressions follow the format `[operator]'filter'` with these rules:
+     * - filter = includes match
      * - 'filter' = exact phrase match
      * - '' = matches empty value
      * - 'filter%' = starts with "filter"
@@ -124,6 +125,7 @@ export class Filters {
      * - `%` at both: contains
      *
      * Examples:
+     * - `text`: includes match
      * - `'text'`: exact match
      * - `''`: matches empty
      * - `!''`: matches non-empty
@@ -260,7 +262,7 @@ export class Filters {
                 const normValue = this.normalizeValue(value, obj);
                 let valueDate = null;
                 if (normValue != null) {
-                    valueDate = dom.ketchup.dates.toDate(value);
+                    valueDate = dom.ketchup.dates.toDate(value, defaultFormat);
                 }
                 if (filterMatch && valueDate) {
                     const [_, operator, _startWildcard, dateStr, _endWildcard] = filterMatch;
@@ -287,7 +289,8 @@ export class Filters {
                 // If we got here, we either don't have a valid filter pattern or date
                 // Format the value for string comparison
                 if (!dom.ketchup.dates.isValidFormattedStringDate(normalizedFilter, defaultFormat) &&
-                    !dom.ketchup.dates.isValidFormattedStringDate(normalizedFilter)) {
+                    !dom.ketchup.dates.isValidFormattedStringDate(normalizedFilter) &&
+                    !dom.ketchup.dates.isValidFormattedStringTime(value, dom.ketchup.objects.isTimeWithSeconds(obj))) {
                     value = dom.ketchup.dates.format(value);
                 }
             }

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

@@ -15,6 +15,4 @@ export var KupColumnMenuIds;
     KupColumnMenuIds["SWITCH_KEY"] = "key";
     KupColumnMenuIds["TEXTFIELD_FILTER"] = "filter";
     KupColumnMenuIds["TEXTFIELD_FORMULA"] = "formula";
-    KupColumnMenuIds["TEXTFIELD_FROM"] = "filter-from";
-    KupColumnMenuIds["TEXTFIELD_TO"] = "filter-to";
 })(KupColumnMenuIds || (KupColumnMenuIds = {}));