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

package/dist/cjs/{f-cell-c850bbeb.js → f-cell-1ebce571.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const fChip = require('./f-chip-5a6ee1fc.js');
+const fChip = require('./f-chip-65b2bdfd.js');
 const fImage = require('./f-image-d22b012f.js');
-const fObjectField = require('./f-object-field-c5a2a197.js');
-const fTextField = require('./f-text-field-e92a7f58.js');
+const fObjectField = require('./f-object-field-055e8cca.js');
+const fTextField = require('./f-text-field-87c9a930.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */

package/dist/cjs/{f-chip-5a6ee1fc.js → f-chip-65b2bdfd.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-e8aa3c73.js');
 const fImage = require('./f-image-d22b012f.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 
 /**
  * Types of the f-chip component.

package/dist/cjs/{f-object-field-c5a2a197.js → f-object-field-055e8cca.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-e92a7f58.js');
+const fTextField = require('./f-text-field-87c9a930.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-cb712c74.js → f-paginator-utils-17dbcca2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 
@@ -17,7 +17,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);
@@ -25,6 +28,7 @@ const FPaginator = (props) => {
     const dataPageSelector = {
         'kup-list': {
             data: pageItems,
+            displayMode: kupManager.ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$1.ketchup.language.translate(kupManager.KupLanguagePage.PAGE),
@@ -34,11 +38,13 @@ const FPaginator = (props) => {
             inputType: 'number',
             max: maxNumberOfPage,
             min: 1,
+            size: 5,
         },
     };
     const dataRowsSelector = {
         'kup-list': {
             data: rowsPerPageItems,
+            displayMode: kupManager.ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$1.ketchup.language.translate(kupManager.KupLanguageRow.ROWS) +
@@ -50,12 +56,15 @@ const FPaginator = (props) => {
             inputType: 'number',
             max: props.max,
             min: 1,
+            size: 5,
         },
     };
     return (index.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 ? (index.h(fButton.FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$1.ketchup.language.translate(kupManager.KupLanguageGeneric.LOAD_MORE), sizing: kupManager.KupComponentSizing.SMALL, styling: fButtonDeclarations.FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null,
-        index.h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, initialValue: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
-        index.h("kup-combobox", { class: "page-selector", data: dataPageSelector, initialValue: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
+        index.h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: kupManager.ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
+        index.h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: kupManager.ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
+        props.showMaxPages ? (index.h("div", { class: "max-page-wrapper" },
+            index.h("label", { htmlFor: "page-selector" }, '/ ' + maxNumberOfPage))) : null,
         index.h("div", { class: "arrow-wrapper" },
             props.mode !== FPaginatorMode.SIMPLE ? (index.h(fButton.FButton, { icon: "chevron_left", disabled: isPrevPageDisabled(props), onClick: props.onPrevPage, sizing: kupManager.KupComponentSizing.SMALL, styling: fButtonDeclarations.FButtonStyling.FLAT, wrapperClass: "kup-neutral prev-page" })) : null,
             props.mode !== FPaginatorMode.SIMPLE ? (index.h(fButton.FButton, { icon: "chevron_right", disabled: isNextPageDisabled(props), onClick: props.onNextPage, sizing: kupManager.KupComponentSizing.SMALL, styling: fButtonDeclarations.FButtonStyling.FLAT, wrapperClass: "kup-neutral next-page" })) : null)));

package/dist/cjs/{f-text-field-e92a7f58.js → f-text-field-87c9a930.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fImage = require('./f-image-d22b012f.js');
 
 const dom = document.documentElement;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./index-e8aa3c73.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fImage = require('./f-image-d22b012f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const component = require('./component-a6dd6c14.js');

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');
-const kupDataTableHelper = require('./kup-data-table-helper-cdda3ef6.js');
+const kupDataTableHelper = require('./kup-data-table-helper-dc9310f6.js');
 require('./kup-dates-bc4cf9d0.js');
 
 var KupActivityTimelineProps;

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager$1 = require('./kup-manager-b0980021.js');
-const fTextField = require('./f-text-field-e92a7f58.js');
+const kupManager$1 = require('./kup-manager-bf9935c7.js');
+const fTextField = require('./f-text-field-87c9a930.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-c850bbeb.js');
+const fCell = require('./f-cell-1ebce571.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
-const fChip = require('./f-chip-5a6ee1fc.js');
+const fChip = require('./f-chip-65b2bdfd.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const kupDataTableHelper = require('./kup-data-table-helper-cdda3ef6.js');
-const fPaginatorUtils = require('./f-paginator-utils-cb712c74.js');
-require('./f-object-field-c5a2a197.js');
+const kupDataTableHelper = require('./kup-data-table-helper-dc9310f6.js');
+const fPaginatorUtils = require('./f-paginator-utils-17dbcca2.js');
+require('./f-object-field-055e8cca.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -7845,7 +7845,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (index.h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: kupManager$1.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 (index.h("kup-list", Object.assign({ displayMode: kupManager$1.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;
 
@@ -9941,7 +9941,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: 'fff7e5d21dd319959ab5077dc85274ccbf1335e2', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '4a38a44ceed6dabc0a0ea3cef067d7c27af23b38', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: 'ff2af2cbcf672c621a74518625ae0aa132bc9ccf', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: 'abbc9730d438f6bc62de9fe4fa5ac908fb62a8a4', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10006,7 +10006,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 = index.h(fChip.FChip, Object.assign({ key: '2935e71088e768e11d0d09ddb5bdf5a4ec92d6f2' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '9a7b0ec52f985fe4144e18766264e7601bb3c272' }, props));
             }
         }
         const tableClass = {
@@ -10038,7 +10038,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '2217dfac9e6803f10715eed1b4477e5c499a7ed5', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '9faaca15273b244b789dbc4732540157cd327a31' }, index.h("tr-sticky", { key: '27f599eb049ac8317129f171c63f6e6418aa6a13' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: 'fcdd19b2c1c40a5a99d55e3407de43db0762482d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'c16a2285078439fa08766e4f4c729f2f52486769' }, index.h("tr-sticky", { key: '9b0c6d143cd91e70f2341d66fae5b7364059826e' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10084,7 +10084,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 = (index.h(index.Host, { key: '3edcdc8fabe0bded8b04fc7f4584814a21930bc8', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '75328fc241d6073603d9f62c0b15c521afb1d621', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10099,11 +10099,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.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, index.h("div", { key: 'fa364c796b544a7c7794220e97fd142997f08e7e', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '886e9818fd35abb73d8df26b5759bce4f54ca1f1', class: "group-wrapper" }, groupChips), index.h("div", { key: 'd73e1b1513498a4926e76282806ee667adc3d327', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, index.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, index.h("div", { key: '0fd6521a480ec548b2cc3ad53253ac8259975708', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '7fae25543e11efc87a5ab9f78e4c2177695c6e72', class: "group-wrapper" }, groupChips), index.h("div", { key: 'a5feb5c1b5a63841b8af8fd5dbdad278964175bc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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, index.h("div", { key: '9e241590967859f673ce364b07da4f820d1cdfdb', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: '47650edfacce7529103d1325476686e419d933af', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10153,9 +10153,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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), index.h("div", { key: '2ad9c25229c9df85d602fc13a281cdfe2f3d2815', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '57fd86ddf902ab5a1097050067c723ead45a4c70', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10164,7 +10164,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: 'f2fe49284db24d8747b9cf2df26aec7b183f31c4', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, index.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");
@@ -10172,7 +10172,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();
-            } }, index.h("thead", { key: 'b4629a87e69543985e386aa7eb809e858055d8a4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '3d8e5c67728bdac1ad5317c907815901b1a638f8' }, header)), index.h("tbody", { key: '2a15c8211592cd8f85472794b8a151b815b2536c' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: 'fd8bedf506af59d7daa42a6ab8c43027fd5a9bfe', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'b6f554ba7443aabaad41aaba38847e927fb92eb9' }, header)), index.h("tbody", { key: '7bea1f5c1d6c352f7c9d34ec598f865f299243eb' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -12447,7 +12447,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 (index.h("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_removeDropareaRef, el, "f")) }, index.h(fImage.FImage, { resource: "delete", color: `var(${kupManager$1.KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), index.h(fImage.FImage, { resource: "delete-empty", color: `var(${kupManager$1.KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {
@@ -16036,7 +16036,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index$1 = 0;
-        return (index.h(index.Host, { key: 'aebaed28a2ebf067d47b075ba423f5f05608c915' }, index.h("style", { key: '182d7eb8ce443c6ab4f135757d953e2c278dca73' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '0b59e4cb55a15d31b9d74737e836abecdc1b8eb8', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: 'a8b4e04680be6753cafb6cb891d9a06486e0cf0b', class: listScrollClass }, index.h("ul", { key: '3b4bbd860fb478db8a98dfa3db8da31de82ddde4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (index.h(index.Host, { key: '7fd915c89b293ed2d52936757a3fa151ae0cf7f8' }, index.h("style", { key: '1837e892c0b8e26c7aa78016ff39286cc957e86c' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e14d728e5c452631aa979f901e3422217dc8ceb5', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: '791a9cfb4e56c4af4d409025ef9670e7b40945b5', class: listScrollClass }, index.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$1++)))))));
     }
@@ -16208,11 +16208,12 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         this.roleType = kupManager$1.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 (index.h("div", { id: "global-filter", class: "filter" }, index.h(fTextField.FTextField, { fullWidth: true, label: __classPrivateFieldGet$4(this, _KupList_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), icon: kupManager$1.KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);

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

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
-const kupDataTableHelper = require('./kup-data-table-helper-cdda3ef6.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
+const kupDataTableHelper = require('./kup-data-table-helper-dc9310f6.js');
 const fImage = require('./f-image-d22b012f.js');
-const fChip = require('./f-chip-5a6ee1fc.js');
+const fChip = require('./f-chip-65b2bdfd.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-c850bbeb.js');
-const fPaginatorUtils = require('./f-paginator-utils-cb712c74.js');
+const fCell = require('./f-cell-1ebce571.js');
+const fPaginatorUtils = require('./f-paginator-utils-17dbcca2.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-c3ae141e.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-59fb7aa5.js');
-require('./f-object-field-c5a2a197.js');
-require('./f-text-field-e92a7f58.js');
+require('./f-object-field-055e8cca.js');
+require('./f-text-field-87c9a930.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c3ae141e.js');
-const fChip = require('./f-chip-5a6ee1fc.js');
+const fChip = require('./f-chip-65b2bdfd.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-d22b012f.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c3ae141e.js');
-const fCell = require('./f-cell-c850bbeb.js');
+const fCell = require('./f-cell-1ebce571.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-d22b012f.js');
 require('./f-checkbox-59fb7aa5.js');
-require('./f-chip-5a6ee1fc.js');
-require('./f-object-field-c5a2a197.js');
-require('./f-text-field-e92a7f58.js');
+require('./f-chip-65b2bdfd.js');
+require('./f-object-field-055e8cca.js');
+require('./f-text-field-87c9a930.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;

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const fTextField = require('./f-text-field-e92a7f58.js');
+const fTextField = require('./f-text-field-87c9a930.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-d22b012f.js');

package/dist/cjs/{kup-data-table-helper-cdda3ef6.js → kup-data-table-helper-dc9310f6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 

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

@@ -6,7 +6,7 @@ const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-d22b012f.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 require('./kup-dates-bc4cf9d0.js');
 
 /**

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-c850bbeb.js');
+const fCell = require('./f-cell-1ebce571.js');
 const component = require('./component-a6dd6c14.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-checkbox-59fb7aa5.js');
-require('./f-chip-5a6ee1fc.js');
-require('./f-object-field-c5a2a197.js');
-require('./f-text-field-e92a7f58.js');
+require('./f-chip-65b2bdfd.js');
+require('./f-object-field-055e8cca.js');
+require('./f-text-field-87c9a930.js');
 
 /**
  * Props of the kup-image-list component.

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

@@ -4,17 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
 const fButton = require('./f-button-c3ae141e.js');
-const fCell = require('./f-cell-c850bbeb.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const fCell = require('./f-cell-1ebce571.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const fTypography = require('./f-typography-271f5037.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-d22b012f.js');
 require('./f-checkbox-59fb7aa5.js');
-require('./f-chip-5a6ee1fc.js');
-require('./f-object-field-c5a2a197.js');
-require('./f-text-field-e92a7f58.js');
+require('./f-chip-65b2bdfd.js');
+require('./f-object-field-055e8cca.js');
+require('./f-text-field-87c9a930.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./component-a6dd6c14.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-b0980021.js');
+const kupManager = require('./kup-manager-bf9935c7.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const fImage = require('./f-image-d22b012f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');

package/dist/cjs/{kup-manager-b0980021.js → kup-manager-bf9935c7.js}

@@ -6481,7 +6481,7 @@ const fChipCss$1 = fChipCss;
 const fImageCss = ".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:.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:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-image{display:flex;margin:auto;position:relative;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image.kup-fit img{max-width:max-content;object-fit:contain}.f-image img{display:block;margin:auto;height:var(--kup_image_height, auto);width:var(--kup_image_width, 100%);object-fit:contain}.f-image .f-image__css{overflow:hidden;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__icon{margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .iconWrapper{display:flex;position:relative;justify-content:space-between;box-sizing:border-box;flex-direction:column;height:auto;width:100%}.f-image .iconWrapper .f-image__icon{width:100%;height:100%;position:absolute}.f-image .f-image__placeholder{height:100%;width:100%;position:absolute}.f-image .f-image__hidden{display:none}.f-image .css-step.bottom-aligned{bottom:0;position:absolute}.f-image.noWidth.noIcon{width:auto}";
 const fImageCss$1 = fImageCss;
 
-const fPaginatorCss = ".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:.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:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-paginator{background-color:var(--kup-layer-1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.f-paginator .load-more-button{padding:0;border-right:1px solid var(--kup-border-subtle);flex:2}.f-paginator .load-more-button button{width:100%}.f-paginator .arrow-wrapper{display:flex}.f-paginator kup-combobox{display:inline-block;z-index:0}.f-paginator kup-combobox.page-selector{padding:0 var(--kup-space-05);border-right:1px solid var(--kup-border-subtle);flex:2}.f-paginator kup-combobox.rows-selector{padding:0 var(--kup-space-05);border-right:1px solid var(--kup-border-subtle);flex:2}@media (max-width: 678px){.f-paginator kup-combobox.rows-selector,.f-paginator kup-combobox.page-selector{padding:0 var(--kup-space-03)}.f-paginator .load-more-button{order:4;width:100%;display:flex;justify-content:center;border-right:none}}@media (max-width: 500px){.f-paginator kup-combobox.rows-selector{order:1;border-right:none}.arrow-wrapper{order:2}.load-more-button{border-left:1px solid var(--kup-border-subtle)}.f-paginator kup-combobox.page-selector{display:none}}";
+const fPaginatorCss = ".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:.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:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-paginator{background-color:var(--kup-layer-1);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.f-paginator .load-more-button{padding:0;border-right:1px solid var(--kup-border-subtle);flex:2}.f-paginator .load-more-button button{width:100%}.f-paginator .arrow-wrapper{display:flex}.f-paginator kup-combobox{display:inline-block;z-index:0}.f-paginator kup-combobox.page-selector{padding:0 var(--kup-space-05);border-right:1px solid var(--kup-border-subtle);flex:2}.f-paginator kup-combobox.rows-selector{padding:0 var(--kup-space-05);border-right:1px solid var(--kup-border-subtle);flex:2}.f-paginator .max-page-wrapper>label{padding-left:4px;padding-right:4px}@media (max-width: 678px){.f-paginator kup-combobox.rows-selector,.f-paginator kup-combobox.page-selector{padding:0 var(--kup-space-03)}.f-paginator .load-more-button{order:4;width:100%;display:flex;justify-content:center;border-right:none}}@media (max-width: 500px){.f-paginator kup-combobox.rows-selector{order:1;border-right:none}.arrow-wrapper{order:2}.load-more-button{border-left:1px solid var(--kup-border-subtle)}.f-paginator kup-combobox.page-selector{display:none}}";
 const fPaginatorCss$1 = fPaginatorCss;
 
 const fProgressBarCss = ".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:.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:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-progress-bar{--kup_progressbar_border_radius:var( --kup-progressbar-border-radius, var(--kup-radius-00) );--kup_progressbar_font_family:var( --kup-progressbar-font-family, var(--kup-font-family) );--kup_progressbar_font_size:var( --kup-progressbar-font-size, var(--kup-font-size) );--kup_progressbar_height:var(--kup-progressbar-height, 1.25em);--kup_progressbar_activebar_color:var( --kup-progressbar-activebar-color, var(--kup-primary-color-60) );--kup_progressbar_text_color:var( --kup-progressbar-text-color, var(--kup-text-secondary) );--kup_progressbar_text_color_rgb:var( --kup-progressbar-text-color-rgb, var(--kup-text-secondary-rgb) );--kup_progressbar_activebar_text_color:var( --kup-progressbar-text-on-primary-color, var(--kup-layer-1) );--kup_progressbar_track_background_color:var( --kup-progressbar-track-background-color, var(--kup-layer-3) );--kup_progressbar_width:var(--kup-progressbar-width, 100%);font-family:var(--kup_progressbar_font_family);font-size:var(--kup_progressbar_font_size);width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar{background:var(--kup_progressbar_track_background_color);border-radius:var(--kup_progressbar_border_radius);overflow:hidden;position:relative;width:var(--kup_progressbar_width)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage{color:var(--kup_progressbar_activebar_text_color)}.f-progress-bar.progress-bar.text-color-on-primary .progress-bar-percentage span{color:var(--kup_progressbar_activebar_text_color);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.f-progress-bar .progress-bar-percentage{background:var(--kup_progressbar_activebar_color);border-radius:var(--kup_progressbar_border_radius);box-sizing:content-box;color:var(--kup_progressbar_text_color);height:var(--kup_progressbar_height);text-align:center;transition:width .2s ease}.f-progress-bar .progress-bar-percentage span{color:var(--kup_progressbar_text_color);display:inline-block;font-size:1em;left:0;line-height:var(--kup_progressbar_height);position:absolute;width:var(--kup_progressbar_width);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.f-progress-bar .progress-bar-percentage .kup-icon{display:block;height:var(--kup_progressbar_height)}.f-progress-bar .progress-bar-percentage .kup-icon:not(.is-image){background-color:var(--kup_progressbar_activebar_text_color)}.f-progress-bar .progress-bar-percentage .kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial{box-sizing:border-box;display:flex;font-size:10em;margin:auto}.f-progress-bar.is-radial.pie-wrapper{height:1em;width:1em;float:left;margin:auto;position:relative}.f-progress-bar.is-radial.pie-wrapper:nth-child(3n+1){clear:both}.f-progress-bar.is-radial.pie-wrapper .pie{height:1em;width:1em;clip:rect(0, 1em, 1em, 0.5em);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle{border-color:var(--kup_progressbar_activebar_color)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value .half-circle.left-side{transition:transform .2s ease}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-less-than-half .right-side{display:none}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half{clip:rect(auto, auto, auto, auto)}.f-progress-bar.is-radial.pie-wrapper .pie.has-value.is-more-than-half .right-side{transform:rotate(180deg)}.f-progress-bar.is-radial.pie-wrapper .pie .half-circle{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_background_color);border-radius:50%;clip:rect(0, 0.5em, 1em, 0);left:0;position:absolute;top:0}.f-progress-bar.is-radial.pie-wrapper .label{background:none;bottom:.4em;color:var(--kup_progressbar_text_color);cursor:default;display:block;font-size:.25em;left:.6em;line-height:3em;position:absolute;right:.4em;text-align:center;top:.4em}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon{display:block;height:1.25em;width:1.25em;object-fit:cover;margin:auto}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon:not(.is-image){background-color:var(--kup_progressbar_activebar_color)}.f-progress-bar.is-radial.pie-wrapper .label.kup-icon img{width:auto;height:100%}.f-progress-bar.is-radial.pie-wrapper .label .smaller{color:var(--kup_progressbar_text_color);opacity:.8;font-size:.45em;padding-bottom:20px;vertical-align:super}.f-progress-bar.is-radial.pie-wrapper .shadow{height:1em;width:1em;border:.1em solid var(--kup_progressbar_track_background_color);border-radius:50%}.f-progress-bar.is-radial *,.f-progress-bar.is-radial *:before,.f-progress-bar.is-radial *:after{box-sizing:border-box}.f-progress-bar.kup-animated .progress-bar-percentage{animation:running-stripes 2s linear infinite}.f-progress-bar.kup-padded.progress-bar{padding:.5em;width:calc(100% - 1em)}.f-progress-bar.kup-slim.progress-bar{border-radius:9px}.f-progress-bar.kup-slim.progress-bar .progress-bar-percentage{border-radius:9px;padding:0}.f-progress-bar.kup-slim.pie-wrapper .pie .half-circle{border-width:.05em}.f-progress-bar.kup-slim.pie-wrapper .shadow{border-width:.05em}.f-progress-bar.kup-striped .progress-bar-percentage{background-image:linear-gradient(-45deg, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 25%, transparent 25%, transparent 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 50%, rgba(var(--kup_progressbar_text_color_rgb), 0.125) 75%, transparent 75%, transparent);background-size:3em 3em}.f-progress-bar.kup-danger{--kup-progressbar-primary-color:var(--kup-danger-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-info{--kup-progressbar-primary-color:var(--kup-info-color-50);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-secondary{--kup-progressbar-primary-color:var(--kup-secondary-color);--kup-progressbar-text-on-primary-color:var(--kup-text-on-secondary-color)}.f-progress-bar.kup-success{--kup-progressbar-primary-color:var(--kup-success-color);--kup-progressbar-text-on-primary-color:white}.f-progress-bar.kup-warning{--kup-progressbar-primary-color:var(--kup-warning-color-50);--kup-progressbar-text-on-primary-color:white}@keyframes running-stripes{0%{background-position:0 0}100%{background-position:3em 3em}}";