npm - @sme.up/ketchup - Versions diffs - 11.0.0-SNAPSHOT-20241118154002 → 11.0.0-SNAPSHOT-20241118162146 - Mend

@sme.up/ketchup 11.0.0-SNAPSHOT-20241118154002 → 11.0.0-SNAPSHOT-20241118162146

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (70) hide show

package/dist/cjs/{f-paginator-utils-af69bd51.js → f-paginator-utils-32b87c09.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 const index = require('./index-4e97f23f.js');
 const kupManager = require('./kup-manager-fe741ac9.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 var FPaginatorMode;
@@ -135,4 +135,4 @@ exports.FPaginator = FPaginator;
 exports.pageChange = pageChange;
 exports.rowsPerPageChange = rowsPerPageChange;
-//# sourceMappingURL=f-paginator-utils-af69bd51.js.map
+//# sourceMappingURL=f-paginator-utils-32b87c09.js.map

package/dist/cjs/{f-paginator-utils-af69bd51.js.map → f-paginator-utils-32b87c09.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"f-paginator-utils-af69bd51.js","mappings":"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","names":["dom","KupLanguagePage","KupLanguageRow","h","FButton","KupLanguageGeneric","KupComponentSizing","FButtonStyling"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-paginator component.\n /\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/-------------------------------------------------/\n/ C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"version":3}
1	+ {"file":"f-paginator-utils-32b87c09.js","mappings":"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","names":["dom","KupLanguagePage","KupLanguageRow","h","FButton","KupLanguageGeneric","KupComponentSizing","FButtonStyling"],"sources":["src/f-components/f-paginator/f-paginator-declarations.ts","src/f-components/f-paginator/f-paginator.tsx","src/f-components/f-paginator/f-paginator-utils.ts"],"sourcesContent":["import type { FComponent } from '../../types/GenericTypes';\n/*\n Props of the f-paginator component.\n /\nexport interface FPaginatorProps extends FComponent {\n currentPage?: number;\n max?: number;\n mode?: FPaginatorMode;\n perPage?: number;\n onLoadMore?: () => void;\n onNextPage?: () => void;\n onPageChange?: (event: CustomEvent) => void;\n onPrevPage?: () => void;\n onRowsChange?: (event: CustomEvent) => void;\n}\n\nexport enum FPaginatorMode {\n SIMPLE = 'simple',\n FULL = 'full',\n}\n\nexport interface KupPaginatorPageChangedEventPayload {\n newPage: number;\n}\n","import { FunctionalComponent, h } from '@stencil/core';\nimport { KupListNode } from '../../components/kup-list/kup-list-declarations';\nimport {\n KupLanguageGeneric,\n KupLanguagePage,\n KupLanguageRow,\n} from '../../managers/kup-language/kup-language-declarations';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FButtonStyling } from '../f-button/f-button-declarations';\nimport { FPaginatorMode, FPaginatorProps } from './f-paginator-declarations';\nimport { KupComponentSizing } from '../../types/GenericTypes';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/-------------------------------------------------/\n/ C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FPaginator: FunctionalComponent<FPaginatorProps> = (\n props: FPaginatorProps\n) => {\n if (!props.perPage) {\n props.perPage = 10;\n }\n const maxNumberOfPage = Math.ceil(props.max / props.perPage);\n const pageItems = getPageItems(props, maxNumberOfPage);\n const rowsPerPageItems = getRowsItems(props);\n const dataPageSelector = {\n 'kup-list': {\n data: pageItems,\n },\n 'kup-text-field': {\n label: dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguagePage.TOTAL) +\n `: ${maxNumberOfPage}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: maxNumberOfPage,\n min: 1,\n },\n };\n const dataRowsSelector = {\n 'kup-list': {\n data: rowsPerPageItems,\n },\n 'kup-text-field': {\n label:\n dom.ketchup.language.translate(KupLanguageRow.ROWS) +\n ' / ' +\n dom.ketchup.language.translate(KupLanguagePage.PAGE),\n helper:\n dom.ketchup.language.translate(KupLanguageRow.TOTAL) +\n `: ${props.max}`,\n helperWhenFocused: true,\n inputType: 'number',\n max: props.max,\n min: 1,\n },\n };\n return (\n <div\n class={`f-paginator ${props.mode ? props.mode : ''} ${\n props.wrapperClass ? props.wrapperClass : ''\n }`}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {props.onLoadMore ? (\n <FButton\n icon=\"plus\"\n onClick={props.onLoadMore}\n label={dom.ketchup.language.translate(\n KupLanguageGeneric.LOAD_MORE\n )}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"load-more-button kup-neutral\"\n />\n ) : null}\n <kup-combobox\n class=\"rows-selector\"\n data={dataRowsSelector}\n initialValue={props.perPage.toString()}\n onkup-combobox-change={props.onRowsChange}\n />\n <kup-combobox\n class=\"page-selector\"\n data={dataPageSelector}\n initialValue={props.currentPage.toString()}\n onkup-combobox-change={props.onPageChange}\n />\n <div class=\"arrow-wrapper\">\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_left\"\n disabled={isPrevPageDisabled(props)}\n onClick={props.onPrevPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral prev-page\"\n />\n ) : null}\n {props.mode !== FPaginatorMode.SIMPLE ? (\n <FButton\n icon=\"chevron_right\"\n disabled={isNextPageDisabled(props)}\n onClick={props.onNextPage}\n sizing={KupComponentSizing.SMALL}\n styling={FButtonStyling.FLAT}\n wrapperClass=\"kup-neutral next-page\"\n />\n ) : null}\n </div>\n </div>\n );\n};\n\nfunction getPageItems(props: FPaginatorProps, maxNumberOfPage: number) {\n const pageItems: KupListNode[] = [];\n\n for (let i = 1; i <= maxNumberOfPage; i++) {\n const selected = i == props.currentPage;\n pageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n }\n\n return pageItems;\n}\n\nfunction getRowsItems(props: FPaginatorProps) {\n const rowsPerPageItems: KupListNode[] = [];\n let i = props.perPage;\n\n if (i === 0) {\n return rowsPerPageItems;\n }\n\n while (i < props.max) {\n const selected = i == props.perPage;\n rowsPerPageItems.push({\n id: i.toString(),\n selected: selected,\n value: i.toString(),\n });\n i = i 2;\n }\n\n const selected = props.max == props.perPage;\n rowsPerPageItems.push({\n id: props.max.toString(),\n selected: selected,\n value: props.max.toString(),\n });\n\n return rowsPerPageItems;\n}\n\nfunction isNextPageDisabled(props: FPaginatorProps) {\n return props.currentPage * props.perPage >= props.max;\n}\n\nfunction isPrevPageDisabled(props: FPaginatorProps) {\n return props.currentPage == 1;\n}\n","import { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\nexport function pageChange(pageNumber: number, max: number, perPage: number) {\n if (dom.ketchup.math.isNumber(pageNumber)) {\n const numberOfPages = Math.ceil(max / perPage);\n let tmpNewPage: number = pageNumber;\n if (tmpNewPage > numberOfPages) {\n tmpNewPage = numberOfPages;\n }\n if (tmpNewPage < 1) {\n tmpNewPage = 1;\n }\n return tmpNewPage;\n }\n return null;\n}\n\nexport function rowsPerPageChange(rowsNumber: number, max: number) {\n if (dom.ketchup.math.isNumber(rowsNumber)) {\n let tmpRowsPerPage: number = rowsNumber;\n if (tmpRowsPerPage > max) {\n tmpRowsPerPage = max;\n }\n if (tmpRowsPerPage < 1) {\n tmpRowsPerPage = 1;\n }\n return tmpRowsPerPage;\n }\n return null;\n}\n"],"version":3}

package/dist/cjs/kup-autocomplete_28.cjs.entry.js CHANGED Viewed

@@ -6,17 +6,17 @@ const index = require('./index-4e97f23f.js');
 const kupManager$1 = require('./kup-manager-fe741ac9.js');
 const fTextField = require('./f-text-field-4226081f.js');
 const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
-const fCell = require('./f-cell-99c84f1c.js');
+const fCell = require('./f-cell-121c7e46.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-8dbf27a2.js');
-const fButton = require('./f-button-54d0f017.js');
+const fButton = require('./f-button-e29b456b.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 const kupDates = require('./kup-dates-3fc9697c.js');
 const fChip = require('./f-chip-29e9258a.js');
 const component = require('./component-cb3b32f5.js');
 const fCheckbox = require('./f-checkbox-4e8f39f8.js');
 const kupDataTableHelper = require('./kup-data-table-helper-00427a69.js');
-const fPaginatorUtils = require('./f-paginator-utils-af69bd51.js');
+const fPaginatorUtils = require('./f-paginator-utils-32b87c09.js');
 /**
  * Props of the kup-autocomplete component.
@@ -9824,9 +9824,10 @@ const KupDataTable = class {
         let elStyle = undefined;
         let actionWrapperWidth = undefined;
         __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
+        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").keysBinding.unregister('enter');
         let rows = null;
         if (__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: '6b8d55eb44502d96fc42e1019767e32dab7320e4', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '530dbd4e23e46667e8c632016729f9623baf01f9', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '58196b55afe0e914fc3cf00c3131d6d609f1c40d', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '40bcadfa5714386f6845567e0e411b384b67e0c2', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -9890,7 +9891,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '5a883b639e44700c89928d5ba9cf839b9732cd53' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '70af7419b624423c92ea27e9502717fd981e6543' }, props));
             }
         }
         const tableClass = {
@@ -9922,7 +9923,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '3aad96e7a17b35c2fc7f70bc604991899b44d351', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'd31b1083a18c9ed37b814d5623148c0f5a00ec82' }, index.h("tr-sticky", { key: '4b7ed8bb31654ec2b8b06e0b79a877ea72e0ab00' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '39b59bec2ce42e0cbfc9de67f3ed51b1e99905c4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '938d07ee61d1389d0a205aa98579c24e04d075f6' }, index.h("tr-sticky", { key: 'a836ef6e8efcbd69f7d08e3a5a3977ec423d1e66' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -9948,11 +9949,11 @@ const KupDataTable = class {
                 }
             }
         };
-        const compCreated = (index.h(index.Host, { key: 'bd40d3b3201d4b07a6b6044a794921650887c860', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, index.h("style", { key: 'b3352603dcf0f8d99b563b1e578dc4f763f3b71f' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: '26d58f205a28000267ce1532626a53ff31ac2a2a', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'c908dccaed7692530330e51e551879ef0f694369', class: "group-wrapper" }, groupChips), index.h("div", { key: '0a915dafeb40e9e8e6a06e4b7a7eef753606e1cd', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (index.h(index.Host, { key: '3462500743a56d303584e2691d8ed6016fb0ad39', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, index.h("style", { key: '71ab4d698102f9eadc3bf6123965ffe2fdd66603' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: 'ecf9c6ec18dfdbf3a0a682b09a343de4e388444c', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '1543fc449cabcbc245eb7ab6207b50a5104936ac', class: "group-wrapper" }, groupChips), index.h("div", { key: 'a8cf1fe60de0d07858b8e0264b2ec1145a6d0000', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, index.h("div", { key: '56b37466bf8be7d0b266222231114c0e12ed83a9', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: 'b8e9d699a095abf8057cb9654a49a004fec54c28', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10002,9 +10003,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: 'a0ce57237f6fe553d3e4658c1f9d5b2decc6fee8', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(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: 'ac5ae08d6af06604b74a867b4cd5e56bf5145330', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), index.h("div", { key: 'f2f17b2c91f3a09192c05d7d02d101bf67496820', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: 'c8d31229418340d9709720a5831b31ef61027f65', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10013,7 +10014,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: '908967a2e798f5ff4fdf3ffd0691a5328030305e', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: '00b9d9546870eec3cbefb47d84f0f31f3cbb0464', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10021,7 +10022,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: 'c3f7b74941208f5f9f388f363d0188f853d867a4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '4bca48880507e9c22995f7632f47c64e1bb7ba1d' }, header)), index.h("tbody", { key: '115258ef46d6967bd58cc530f86e3fe31078f77a' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, index.h("thead", { key: 'cbc52433e310b919a94fcb276655d6647b6f44b3', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'cae2222b4c79c64085be28869a0386d5d25df456' }, header)), index.h("tbody", { key: '337ac7499d2e39eda33151e7493921d8eb12a025' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -12478,7 +12479,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.deleteRows(ids);
     };
     const addConfirmButton = () => {
-        commandButtons.push(index.h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this), label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.CONFIRM) }));
+        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").keysBinding.register('enter', () => __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this));
+        commandButtons.push(index.h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => {
+                __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            }, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.CONFIRM) }));
     };
     const addCommands = () => {
         var _a, _b, _c;