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/collection/f-components/f-button/f-button.js CHANGED Viewed

@@ -68,7 +68,7 @@ function renderButton(props) {
         'button--raised': isRaised ? true : false,
         'button--no-label': !props.label || props.label === ' ' ? true : false,
         'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-        [`button--${props.sizing}`]: props.sizing ? true : false,
+        [`button--${props.sizing || 'small'}`]: true,
         [`button--${props.contentAlign}`]: props.contentAlign ? true : false,
     };
     const classLabelObj = {

package/dist/collection/f-components/f-button/f-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"f-button.js","sourceRoot":"","sources":["../../../src/f-components/f-button/f-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/-------------------------------------------------/\n/* C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON \|\|\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null \|\| props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/-------------------------------------------------/\n/ M e t h o d s /\n/-------------------------------------------------/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined \|\| isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label \|\| props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing}`]: props.sizing ? true : false,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner \|\| props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"]}
1	+ {"version":3,"file":"f-button.js","sourceRoot":"","sources":["../../../src/f-components/f-button/f-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { FButtonProps, FButtonStyling } from './f-button-declarations';\nimport { FImage } from '../f-image/f-image';\nimport { FImageProps } from '../f-image/f-image-declarations';\n\n/-------------------------------------------------/\n/* C o m p o n e n t /\n/-------------------------------------------------/\n\nexport const FButton: FunctionalComponent<FButtonProps> = (\n props: FButtonProps,\n children: VNode[]\n) => {\n if (!props.styling) {\n props.styling = FButtonStyling.RAISED;\n }\n if (!props.label && !props.icon) {\n return;\n }\n const isIconButton: boolean = !!(\n props.styling.toLowerCase() === FButtonStyling.ICON \|\|\n (props.styling.toLowerCase() === FButtonStyling.RAISED &&\n props.icon &&\n (props.label === null \|\| props.label === undefined))\n );\n const classObj: Record<string, boolean> = {\n 'f-button': true,\n 'kup-danger': props.danger,\n 'kup-full-height': props.fullHeight,\n 'kup-full-width': props.fullWidth,\n 'kup-info': props.info,\n 'kup-large': props.large,\n 'kup-pulsating': props.pulsating,\n 'kup-shaped': props.shaped,\n 'kup-secondary': props.secondary,\n 'kup-slim': props.slim,\n 'kup-success': props.success,\n 'kup-warning': props.warning,\n 'kup-neutral': props.neutral,\n 'kup-black-mode': props.blackMode,\n [props.wrapperClass]: !!props.wrapperClass,\n };\n return (\n <div\n class={classObj}\n {...props.dataSet}\n id={props.id}\n title={props.title}\n >\n {isIconButton ? renderIconButton(props) : renderButton(props)}\n {children}\n </div>\n );\n};\n\n/-------------------------------------------------/\n/ M e t h o d s /\n/-------------------------------------------------/\n\nfunction renderButton(props: FButtonProps): VNode {\n const isFlat: boolean = props.styling.toLowerCase() === FButtonStyling.FLAT;\n const isFloating: boolean =\n props.styling.toLowerCase() === FButtonStyling.FLOATING;\n const isIcon: boolean = props.styling.toLowerCase() === FButtonStyling.ICON;\n const isOutlined: boolean =\n props.styling.toLowerCase() === FButtonStyling.OUTLINED;\n const isRaised: boolean =\n !isFlat && !isFloating && !isOutlined && !isIcon ? true : false;\n\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : isOutlined \|\| isFlat\n ? `var(--kup_button_text_color)` // metter colore per sfondo bianco\n : `var(--kup_button_text_color)`,\n resource: props.icon,\n placeholderResource: props.placeholderIcon,\n sizeX: isFloating ? '1.75em' : '1.475em',\n sizeY: isFloating ? '1.75em' : '1.475em',\n wrapperClass: 'button__icon kup-icon',\n };\n if (props.showSpinner) propsFImage.wrapperClass += ' content--hidden';\n\n const classObj: Record<string, boolean> = {\n button: true,\n 'button--disabled': props.disabled ? true : false,\n 'button--floating': isFloating ? true : false,\n 'button--flat': isFlat ? true : false,\n 'button--outlined': isOutlined ? true : false,\n 'button--raised': isRaised ? true : false,\n 'button--no-label': !props.label \|\| props.label === ' ' ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n [`button--${props.sizing \|\| 'small'}`]: true,\n [`button--${props.contentAlign}`]: props.contentAlign ? true : false,\n };\n\n const classLabelObj: Record<string, boolean> = {\n button__label: true,\n 'content--hidden': props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n };\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onBlur={props.onBlur}\n onClick={props.onClick}\n onFocus={props.onFocus}\n style={styleSpinnerContainer}\n aria-label={props.title}\n >\n {props.trailingIcon\n ? [\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n props.icon ? <FImage {...propsFImage} /> : undefined,\n ]\n : [\n props.icon ? <FImage {...propsFImage} /> : undefined,\n props.label ? (\n <span class={classLabelObj}>{props.label}</span>\n ) : undefined,\n ]}\n {props.showSpinner && !props.disabled ? (\n <div class=\"button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n\nfunction renderIconButton(props: FButtonProps): VNode {\n const propsFImage: FImageProps = {\n color: props.neutral\n ? `var(--kup-text-primary)`\n : props.disabled\n ? `var(--kup_button_text_color_disabled)`\n : `var(--kup_button_text_color)`,\n sizeX: props.large ? 'calc(1.75em 1.5)' : '1.75em',\n sizeY: props.large ? 'calc(1.75em * 1.5)' : '1.75em',\n };\n\n const classObj: Record<string, boolean> = {\n 'icon-button': true,\n 'button--disabled': props.disabled ? true : false,\n 'icon-button--on': props.toggable && props.checked ? true : false,\n toggable: props.toggable ? true : false,\n 'button--with-spinner':\n props.showSpinner && !props.disabled ? true : false,\n };\n\n const styleSpinnerContainer: Record<string, string> = {\n '--kup_button_spinner_height': propsFImage.sizeY,\n '--kup_button_spinner_width': propsFImage.sizeX,\n };\n\n const iconOff: string = props.iconOff\n ? props.iconOff\n : props.icon + '_border';\n\n return (\n <button\n type={props.buttonType ? props.buttonType : 'button'}\n class={classObj}\n disabled={props.disabled}\n onClick={props.onClick}\n style={styleSpinnerContainer}\n value={props.checked ? 'on' : 'off'}\n aria-label={props.title}\n >\n {!props.showSpinner \|\| props.disabled ? (\n <FImage\n {...propsFImage}\n resource={\n props.toggable && !props.checked ? iconOff : props.icon\n }\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon kup-icon`}\n />\n ) : null}\n {props.toggable && !props.showSpinner ? (\n <FImage\n {...propsFImage}\n resource={props.icon}\n placeholderResource={props.placeholderIcon}\n wrapperClass={`icon-button__icon icon-button__icon--on kup-icon`}\n />\n ) : null}\n {props.showSpinner && !props.disabled ? (\n <div class=\"icon-button__spinner-container\">\n <slot name=\"spinner\"></slot>\n </div>\n ) : undefined}\n </button>\n );\n}\n"]}

package/dist/components/kup-autocomplete2.js CHANGED Viewed

@@ -4365,7 +4365,7 @@ function renderButton(props) {
         'button--raised': isRaised ? true : false,
         'button--no-label': !props.label || props.label === ' ' ? true : false,
         'button--with-spinner': props.showSpinner && !props.disabled ? true : false,
-        [`button--${props.sizing}`]: props.sizing ? true : false,
+        [`button--${props.sizing || 'small'}`]: true,
         [`button--${props.contentAlign}`]: props.contentAlign ? true : false,
     };
     const classLabelObj = {
@@ -23423,9 +23423,10 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         let elStyle = undefined;
         let actionWrapperWidth = undefined;
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
+        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").keysBinding.unregister('enter');
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '6b8d55eb44502d96fc42e1019767e32dab7320e4', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '530dbd4e23e46667e8c632016729f9623baf01f9', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '58196b55afe0e914fc3cf00c3131d6d609f1c40d', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '40bcadfa5714386f6845567e0e411b384b67e0c2', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -23489,7 +23490,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(FChip, Object.assign({ key: '5a883b639e44700c89928d5ba9cf839b9732cd53' }, props));
+                groupChips = h(FChip, Object.assign({ key: '70af7419b624423c92ea27e9502717fd981e6543' }, props));
             }
         }
         const tableClass = {
@@ -23521,7 +23522,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '3aad96e7a17b35c2fc7f70bc604991899b44d351', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd31b1083a18c9ed37b814d5623148c0f5a00ec82' }, h("tr-sticky", { key: '4b7ed8bb31654ec2b8b06e0b79a877ea72e0ab00' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '39b59bec2ce42e0cbfc9de67f3ed51b1e99905c4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '938d07ee61d1389d0a205aa98579c24e04d075f6' }, h("tr-sticky", { key: 'a836ef6e8efcbd69f7d08e3a5a3977ec423d1e66' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -23547,11 +23548,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 }
             }
         };
-        const compCreated = (h(Host, { key: 'bd40d3b3201d4b07a6b6044a794921650887c860', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: 'b3352603dcf0f8d99b563b1e578dc4f763f3b71f' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '26d58f205a28000267ce1532626a53ff31ac2a2a', id: componentWrapperId, class: wrapClass }, h("div", { key: 'c908dccaed7692530330e51e551879ef0f694369', class: "group-wrapper" }, groupChips), h("div", { key: '0a915dafeb40e9e8e6a06e4b7a7eef753606e1cd', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h(Host, { key: '3462500743a56d303584e2691d8ed6016fb0ad39', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: '71ab4d698102f9eadc3bf6123965ffe2fdd66603' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'ecf9c6ec18dfdbf3a0a682b09a343de4e388444c', id: componentWrapperId, class: wrapClass }, h("div", { key: '1543fc449cabcbc245eb7ab6207b50a5104936ac', class: "group-wrapper" }, groupChips), h("div", { key: 'a8cf1fe60de0d07858b8e0264b2ec1145a6d0000', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(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("div", { key: '56b37466bf8be7d0b266222231114c0e12ed83a9', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: 'b8e9d699a095abf8057cb9654a49a004fec54c28', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -23601,9 +23602,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("div", { key: 'a0ce57237f6fe553d3e4658c1f9d5b2decc6fee8', 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("div", { key: 'ac5ae08d6af06604b74a867b4cd5e56bf5145330', 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("div", { key: 'f2f17b2c91f3a09192c05d7d02d101bf67496820', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'c8d31229418340d9709720a5831b31ef61027f65', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -23612,7 +23613,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '908967a2e798f5ff4fdf3ffd0691a5328030305e', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '00b9d9546870eec3cbefb47d84f0f31f3cbb0464', 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");
@@ -23620,7 +23621,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("thead", { key: 'c3f7b74941208f5f9f388f363d0188f853d867a4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '4bca48880507e9c22995f7632f47c64e1bb7ba1d' }, header)), h("tbody", { key: '115258ef46d6967bd58cc530f86e3fe31078f77a' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h("thead", { key: 'cbc52433e310b919a94fcb276655d6647b6f44b3', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'cae2222b4c79c64085be28869a0386d5d25df456' }, header)), h("tbody", { key: '337ac7499d2e39eda33151e7493921d8eb12a025' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -26185,7 +26186,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.deleteRows(ids);
     };
     const addConfirmButton = () => {
-        commandButtons.push(h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => __classPrivateFieldGet$3(this, _KupDataTable_handleUpdateClick, "f").call(this), label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM) }));
+        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").keysBinding.register('enter', () => __classPrivateFieldGet$3(this, _KupDataTable_handleUpdateClick, "f").call(this));
+        commandButtons.push(h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => {
+                __classPrivateFieldGet$3(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            }, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM) }));
     };
     const addCommands = () => {
         var _a, _b, _c;