@sme.up/ketchup 11.0.0-SNAPSHOT-20250205134226 → 11.0.0-SNAPSHOT-20250205143327

package/dist/components/{p-afb1a3d6.js → p-9fe00131.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-2e5f2e07.js';
-import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-965f13a7.js';
+import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-700a322b.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-1581348d.js';
 
@@ -12585,7 +12585,10 @@ const dom$2 = document.documentElement;
 /*-------------------------------------------------*/
 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);
@@ -12593,6 +12596,7 @@ const FPaginator = (props) => {
     const dataPageSelector = {
         'kup-list': {
             data: pageItems,
+            displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$2.ketchup.language.translate(KupLanguagePage.PAGE),
@@ -12602,11 +12606,13 @@ 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$2.ketchup.language.translate(KupLanguageRow.ROWS) +
@@ -12618,12 +12624,15 @@ 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$2.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("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)));
@@ -19214,7 +19223,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
         __classPrivateFieldSet$4(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h$1(Host, { key: 'aebaed28a2ebf067d47b075ba423f5f05608c915' }, h$1("style", { key: '182d7eb8ce443c6ab4f135757d953e2c278dca73' }, __classPrivateFieldGet$6(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0b59e4cb55a15d31b9d74737e836abecdc1b8eb8', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$6(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: 'a8b4e04680be6753cafb6cb891d9a06486e0cf0b', class: listScrollClass }, h$1("ul", { key: '3b4bbd860fb478db8a98dfa3db8da31de82ddde4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h$1(Host, { key: '7fd915c89b293ed2d52936757a3fa151ae0cf7f8' }, h$1("style", { key: '1837e892c0b8e26c7aa78016ff39286cc957e86c' }, __classPrivateFieldGet$6(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e14d728e5c452631aa979f901e3422217dc8ceb5', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$6(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: '791a9cfb4e56c4af4d409025ef9670e7b40945b5', class: listScrollClass }, h$1("ul", { key: '9ea9ba56d2c32ee1bb629fca9205c870eed6dcae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -19412,11 +19421,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$1("div", { id: "global-filter", class: "filter" }, h$1(FTextField, { fullWidth: true, label: __classPrivateFieldGet$6(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);
@@ -24172,7 +24182,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: 'fff7e5d21dd319959ab5077dc85274ccbf1335e2', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '4a38a44ceed6dabc0a0ea3cef067d7c27af23b38', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: 'ff2af2cbcf672c621a74518625ae0aa132bc9ccf', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'abbc9730d438f6bc62de9fe4fa5ac908fb62a8a4', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -24237,7 +24247,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '2935e71088e768e11d0d09ddb5bdf5a4ec92d6f2' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '9a7b0ec52f985fe4144e18766264e7601bb3c272' }, props));
             }
         }
         const tableClass = {
@@ -24269,7 +24279,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '2217dfac9e6803f10715eed1b4477e5c499a7ed5', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '9faaca15273b244b789dbc4732540157cd327a31' }, h$1("tr-sticky", { key: '27f599eb049ac8317129f171c63f6e6418aa6a13' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: 'fcdd19b2c1c40a5a99d55e3407de43db0762482d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'c16a2285078439fa08766e4f4c729f2f52486769' }, h$1("tr-sticky", { key: '9b0c6d143cd91e70f2341d66fae5b7364059826e' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -24315,7 +24325,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '3edcdc8fabe0bded8b04fc7f4584814a21930bc8', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '75328fc241d6073603d9f62c0b15c521afb1d621', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -24330,11 +24340,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: '7a9118774662cbf81a8037e0169e0491606f0874' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: 'fa364c796b544a7c7794220e97fd142997f08e7e', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '886e9818fd35abb73d8df26b5759bce4f54ca1f1', class: "group-wrapper" }, groupChips), h$1("div", { key: 'd73e1b1513498a4926e76282806ee667adc3d327', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: 'e337dc325642da02a096d987ab98f00d9744701b' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '0fd6521a480ec548b2cc3ad53253ac8259975708', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '7fae25543e11efc87a5ab9f78e4c2177695c6e72', class: "group-wrapper" }, groupChips), h$1("div", { key: 'a5feb5c1b5a63841b8af8fd5dbdad278964175bc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: '9e241590967859f673ce364b07da4f820d1cdfdb', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '47650edfacce7529103d1325476686e419d933af', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -24384,9 +24394,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'f98700e01bd1c08c556c83cfd9065250b6ae0514', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(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$1("div", { key: '999829a17fdacaa1097409dda9700dbc8cef6574', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '2ad9c25229c9df85d602fc13a281cdfe2f3d2815', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '57fd86ddf902ab5a1097050067c723ead45a4c70', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -24395,7 +24405,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: 'f2fe49284db24d8747b9cf2df26aec7b183f31c4', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: 'ac7b5d9852151cd04a8a0bfa62d8dd105dfccf76', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -24403,7 +24413,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'b4629a87e69543985e386aa7eb809e858055d8a4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '3d8e5c67728bdac1ad5317c907815901b1a638f8' }, header)), h$1("tbody", { key: '2a15c8211592cd8f85472794b8a151b815b2536c' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: 'fd8bedf506af59d7daa42a6ab8c43027fd5a9bfe', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'b6f554ba7443aabaad41aaba38847e927fb92eb9' }, header)), h$1("tbody", { key: '7bea1f5c1d6c352f7c9d34ec598f865f299243eb' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -26792,7 +26802,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             ? () => {
                 __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
             }
-            : null, onNextPage: () => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
+            : null, onNextPage: () => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value), showMaxPages: true })) : null)));
 }, _KupDataTable_columnRemoveArea = function _KupDataTable_columnRemoveArea() {
     return (h$1("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_removeDropareaRef, el, "f")) }, h$1(FImage, { resource: "delete", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), h$1(FImage, { resource: "delete-empty", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {
@@ -27669,7 +27679,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (h$1("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: ItemsDisplayMode.CODE_AND_DESC, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$1(this, _KupCombobox_listEl, el, "f")) })));
+    return (h$1("kup-list", Object.assign({ displayMode: ItemsDisplayMode.CODE_AND_DESC }, this.data['kup-list'], { "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$1(this, _KupCombobox_listEl, el, "f")) })));
 };
 function defineCustomElement$9() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-dd1f9d81.js → p-b4f7e6d0.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-965f13a7.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-afb1a3d6.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupDebugCategory } from './p-700a322b.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-9fe00131.js';
 
 /**
  * Props of the kup-grid component.

package/dist/esm/{f-cell-a1106baf.js → f-cell-c7bbb5a9.js}

@@ -1,11 +1,11 @@
 import { h, g as getAssetPath, F as Fragment } from './index-c9246a86.js';
-import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-02722ca1.js';
+import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-a08b1823.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FCheckbox } from './f-checkbox-3ba20ca4.js';
-import { F as FChipType, c as FChip } from './f-chip-49da8a9b.js';
+import { F as FChipType, c as FChip } from './f-chip-28f0f666.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { F as FObjectField } from './f-object-field-d9b123d5.js';
-import { F as FTextField } from './f-text-field-13ab4d72.js';
+import { F as FObjectField } from './f-object-field-db698ceb.js';
+import { F as FTextField } from './f-text-field-f48cb7e9.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/esm/{f-chip-49da8a9b.js → f-chip-28f0f666.js}

@@ -1,6 +1,6 @@
 import { h } from './index-c9246a86.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-02722ca1.js';
+import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-a08b1823.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-object-field-d9b123d5.js → f-object-field-db698ceb.js}

@@ -1,8 +1,8 @@
 import { h } from './index-c9246a86.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-02722ca1.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-a08b1823.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-13ab4d72.js';
+import { F as FTextField } from './f-text-field-f48cb7e9.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-55427e23.js → f-paginator-utils-b8c8e0b6.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c9246a86.js';
-import { aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-02722ca1.js';
+import { I as ItemsDisplayMode, aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-a08b1823.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 
@@ -15,7 +15,10 @@ const dom$1 = document.documentElement;
 /*-------------------------------------------------*/
 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);
@@ -23,6 +26,7 @@ const FPaginator = (props) => {
     const dataPageSelector = {
         'kup-list': {
             data: pageItems,
+            displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$1.ketchup.language.translate(KupLanguagePage.PAGE),
@@ -32,11 +36,13 @@ 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$1.ketchup.language.translate(KupLanguageRow.ROWS) +
@@ -48,12 +54,15 @@ 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$1.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("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)));

package/dist/esm/{f-text-field-13ab4d72.js → f-text-field-f48cb7e9.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-c9246a86.js';
-import { b as KupThemeIconValues } from './kup-manager-02722ca1.js';
+import { b as KupThemeIconValues } from './kup-manager-a08b1823.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-02722ca1.js';
+import { K as KupManager } from './kup-manager-a08b1823.js';
 import './kup-dates-da19044e.js';
 import './index-c9246a86.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-02722ca1.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-a08b1823.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';

package/dist/esm/kup-activity-timeline.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory, af as getCellValueForDisplay } from './kup-manager-02722ca1.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory, af as getCellValueForDisplay } from './kup-manager-a08b1823.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { s as sortRows } from './kup-data-table-helper-6781b030.js';
+import { s as sortRows } from './kup-data-table-helper-d4578d59.js';
 import './kup-dates-da19044e.js';
 
 var KupActivityTimelineProps;

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-c9246a86.js';
-import { I as ItemsDisplayMode, k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as KupLanguageUpload, aa as FCellTypes, ab as KupListRole, ac as KupListProps, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-02722ca1.js';
-import { F as FTextField } from './f-text-field-13ab4d72.js';
+import { I as ItemsDisplayMode, k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as KupLanguageUpload, aa as FCellTypes, ab as KupListRole, ac as KupListProps, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-a08b1823.js';
+import { F as FTextField } from './f-text-field-f48cb7e9.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-a1106baf.js';
+import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-c7bbb5a9.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-da19044e.js';
-import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-49da8a9b.js';
+import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-28f0f666.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-3ba20ca4.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-6781b030.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-55427e23.js';
-import './f-object-field-d9b123d5.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-d4578d59.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-b8c8e0b6.js';
+import './f-object-field-db698ceb.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -7841,7 +7841,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: ItemsDisplayMode.CODE_AND_DESC, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$4(this, _KupCombobox_listEl, el, "f")) })));
+    return (h("kup-list", Object.assign({ displayMode: ItemsDisplayMode.CODE_AND_DESC }, this.data['kup-list'], { "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$4(this, _KupCombobox_listEl, el, "f")) })));
 };
 KupCombobox.style = KupComboboxStyle0;
 
@@ -9937,7 +9937,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'fff7e5d21dd319959ab5077dc85274ccbf1335e2', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '4a38a44ceed6dabc0a0ea3cef067d7c27af23b38', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'ff2af2cbcf672c621a74518625ae0aa132bc9ccf', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'abbc9730d438f6bc62de9fe4fa5ac908fb62a8a4', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10002,7 +10002,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '2935e71088e768e11d0d09ddb5bdf5a4ec92d6f2' }, props));
+                groupChips = h(FChip, Object.assign({ key: '9a7b0ec52f985fe4144e18766264e7601bb3c272' }, props));
             }
         }
         const tableClass = {
@@ -10034,7 +10034,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '2217dfac9e6803f10715eed1b4477e5c499a7ed5', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '9faaca15273b244b789dbc4732540157cd327a31' }, h("tr-sticky", { key: '27f599eb049ac8317129f171c63f6e6418aa6a13' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'fcdd19b2c1c40a5a99d55e3407de43db0762482d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'c16a2285078439fa08766e4f4c729f2f52486769' }, h("tr-sticky", { key: '9b0c6d143cd91e70f2341d66fae5b7364059826e' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10080,7 +10080,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '3edcdc8fabe0bded8b04fc7f4584814a21930bc8', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '75328fc241d6073603d9f62c0b15c521afb1d621', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10095,11 +10095,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '7a9118774662cbf81a8037e0169e0491606f0874' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'fa364c796b544a7c7794220e97fd142997f08e7e', id: componentWrapperId, class: wrapClass }, h("div", { key: '886e9818fd35abb73d8df26b5759bce4f54ca1f1', class: "group-wrapper" }, groupChips), h("div", { key: 'd73e1b1513498a4926e76282806ee667adc3d327', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'e337dc325642da02a096d987ab98f00d9744701b' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '0fd6521a480ec548b2cc3ad53253ac8259975708', id: componentWrapperId, class: wrapClass }, h("div", { key: '7fae25543e11efc87a5ab9f78e4c2177695c6e72', class: "group-wrapper" }, groupChips), h("div", { key: 'a5feb5c1b5a63841b8af8fd5dbdad278964175bc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: '9e241590967859f673ce364b07da4f820d1cdfdb', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '47650edfacce7529103d1325476686e419d933af', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10149,9 +10149,9 @@ const KupDataTable = class {
                     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: 'f98700e01bd1c08c556c83cfd9065250b6ae0514', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(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: '999829a17fdacaa1097409dda9700dbc8cef6574', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '2ad9c25229c9df85d602fc13a281cdfe2f3d2815', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '57fd86ddf902ab5a1097050067c723ead45a4c70', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10160,7 +10160,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'f2fe49284db24d8747b9cf2df26aec7b183f31c4', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'ac7b5d9852151cd04a8a0bfa62d8dd105dfccf76', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10168,7 +10168,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'b4629a87e69543985e386aa7eb809e858055d8a4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '3d8e5c67728bdac1ad5317c907815901b1a638f8' }, header)), h("tbody", { key: '2a15c8211592cd8f85472794b8a151b815b2536c' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'fd8bedf506af59d7daa42a6ab8c43027fd5a9bfe', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'b6f554ba7443aabaad41aaba38847e927fb92eb9' }, header)), h("tbody", { key: '7bea1f5c1d6c352f7c9d34ec598f865f299243eb' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -12443,7 +12443,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             ? () => {
                 __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
             }
-            : null, onNextPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
+            : null, onNextPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$7(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$3(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() {
@@ -16032,7 +16032,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: 'aebaed28a2ebf067d47b075ba423f5f05608c915' }, h("style", { key: '182d7eb8ce443c6ab4f135757d953e2c278dca73' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0b59e4cb55a15d31b9d74737e836abecdc1b8eb8', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: 'a8b4e04680be6753cafb6cb891d9a06486e0cf0b', class: listScrollClass }, h("ul", { key: '3b4bbd860fb478db8a98dfa3db8da31de82ddde4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '7fd915c89b293ed2d52936757a3fa151ae0cf7f8' }, h("style", { key: '1837e892c0b8e26c7aa78016ff39286cc957e86c' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e14d728e5c452631aa979f901e3422217dc8ceb5', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '791a9cfb4e56c4af4d409025ef9670e7b40945b5', class: listScrollClass }, h("ul", { key: '9ea9ba56d2c32ee1bb629fca9205c870eed6dcae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -16204,11 +16204,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$4(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a5 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, U as KupPointerEventTypes, X as KupDragEffect, aD as kupDraggableAttr, Z as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-02722ca1.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-6781b030.js';
+import { k as kupManagerInstance, y as identify, g as getProps, s as setProps, a5 as SortMode, v as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, U as KupPointerEventTypes, X as KupDragEffect, aD as kupDraggableAttr, Z as KupDropEventTypes, E as KupLanguageSearch } from './kup-manager-a08b1823.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-d4578d59.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { c as FChip } from './f-chip-49da8a9b.js';
+import { c as FChip } from './f-chip-28f0f666.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-a1106baf.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-55427e23.js';
+import { F as FCell } from './f-cell-c7bbb5a9.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-b8c8e0b6.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-da19044e.js';
 import './f-button-f1040575.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-3ba20ca4.js';
-import './f-object-field-d9b123d5.js';
-import './f-text-field-13ab4d72.js';
+import './f-object-field-db698ceb.js';
+import './f-text-field-f48cb7e9.js';
 import './component-a35bc7f1.js';
 
 /**

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName, e as KupDebugCategory } from './kup-manager-02722ca1.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, v as getColumnByName, e as KupDebugCategory } from './kup-manager-a08b1823.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-f1040575.js';
-import { c as FChip, F as FChipType } from './f-chip-49da8a9b.js';
+import { c as FChip, F as FChipType } from './f-chip-28f0f666.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-9b15e9ac.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, af as getCellValueForDisplay } from './kup-manager-02722ca1.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, t as KupCardFamily, af as getCellValueForDisplay } from './kup-manager-a08b1823.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-c9246a86.js';
-import { k as kupManagerInstance, f as FCellPadding, ax as KupCellElementsPosition, g as getProps, s as setProps, X as KupDragEffect, ay as submitPositionAdapter, h as KupLanguageGeneric, az as KupCellProps } from './kup-manager-02722ca1.js';
+import { k as kupManagerInstance, f as FCellPadding, ax as KupCellElementsPosition, g as getProps, s as setProps, X as KupDragEffect, ay as submitPositionAdapter, h as KupLanguageGeneric, az as KupCellProps } from './kup-manager-a08b1823.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-f1040575.js';
-import { F as FCell } from './f-cell-a1106baf.js';
+import { F as FCell } from './f-cell-c7bbb5a9.js';
 import './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-9b15e9ac.js';
 import './f-checkbox-3ba20ca4.js';
-import './f-chip-49da8a9b.js';
-import './f-object-field-d9b123d5.js';
-import './f-text-field-13ab4d72.js';
+import './f-chip-28f0f666.js';
+import './f-object-field-db698ceb.js';
+import './f-text-field-f48cb7e9.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;