@sme.up/ketchup 9.5.2 → 9.6.0

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

@@ -470,7 +470,7 @@ export class KupChart {
             width: this.sizeX,
             minWidth: this.sizeX,
         };
-        return (h(Host, { style: this.elStyle }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, ref: (chartContainer) => (this.chartContainer = chartContainer) })));
+        return (h(Host, { key: '0950a72bfddc22d031b8133e1214ab3af61af662', style: this.elStyle }, h("style", { key: '9a1a1d21a6d6ea5bfb504579fe5e816f78d6905e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4fc0acf1ebf4e898d84cd26404272e6978d45f4c', id: componentWrapperId, ref: (chartContainer) => (this.chartContainer = chartContainer) })));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -992,11 +992,9 @@ export class KupChart {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -1060,11 +1058,9 @@ export class KupChart {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -130,7 +130,7 @@ export class KupCheckbox {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FCheckbox, Object.assign({}, props)))));
+        return (h(Host, { key: 'dcf0e0b49b3e2b6af8c5e63e3332500aa0440de9' }, h("style", { key: '946234e51e762414e8ac8d8ee4b4916fe3272681' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '99fa3f1f3cba0878b27563b72bb77d58f25bd4d0', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: 'aa8e4661d14e3f1324e0f0ab16cd5987daf90691' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -357,11 +357,9 @@ export class KupCheckbox {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -408,11 +406,9 @@ export class KupCheckbox {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -185,13 +185,13 @@ export class KupChip {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '0fa384fe9e88639913dd00cd7bc5e26cb24833d4', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { name: "field" }))));
+            } }, h("style", { key: '9566668dae0b0a493ad496562951162159eb94d6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7020bcfbaf2d80c4b6f1a0a8b930a6fc283a4bee', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'eff58d3c970f310e0135236bf24402bc2f98aa20', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -444,11 +444,9 @@ export class KupChip {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -495,11 +493,9 @@ export class KupChip {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -227,7 +227,7 @@ export class KupColorPicker {
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h("button", { disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h("button", { key: '61eee5827be68ade46268089f37c49edf6c87c06', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -237,7 +237,7 @@ export class KupColorPicker {
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h(Host, { style: style }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, widget)));
+        return (h(Host, { key: '9ed69afac138cc027bcd6687cdd61349dd76e8de', style: style }, h("style", { key: '49841142ab7750fcb7a8387c236ad9e2b2b3cf6a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b0f7f4035c8090a5f39ba0b72963419c4e03c09a', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -409,11 +409,9 @@ export class KupColorPicker {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -480,11 +478,9 @@ export class KupColorPicker {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {
@@ -511,11 +507,9 @@ export class KupColorPicker {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value - Value to be set."
-                                }],
-                            "text": "- Value to be set."
+                            "name": "value",
+                            "type": "string",
+                            "docs": "- Value to be set."
                         }],
                     "references": {
                         "Promise": {

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

@@ -268,7 +268,7 @@ export class KupCombobox {
     render() {
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", null, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({}, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, icon: this.showDropDownIcon
+        return (h(Host, { key: '6328a491fc5ccba12074999ae18a50f3ef019e09', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'ae3561a9c58ec66b1ec45d1b3db2bb959bfc96a6' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0cddb39cb7e2a00bcc93de52098984fc7d860b59', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '20d155b9774006fb1d7ffc3fceb02c60168c1cd5' }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, readOnly: this.isSelect, trailingIcon: true, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -622,11 +622,9 @@ export class KupCombobox {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -710,11 +708,9 @@ export class KupCombobox {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {
@@ -741,11 +737,9 @@ export class KupCombobox {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value - Value to be set."
-                                }],
-                            "text": "- Value to be set."
+                            "name": "value",
+                            "type": "string",
+                            "docs": "- Value to be set."
                         }],
                     "references": {
                         "Promise": {

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

@@ -376,7 +376,7 @@ export class KupDashboard {
         this.didRenderInteractables();
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
+        return (h(Host, { key: 'd137a4cd1fe9f41d4b3b26bd9ea21661b005e824' }, h("style", { key: '97e692c9fde917dc863029428329b4a08cbed122' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7e48783550fee1e317c77b3ff5edab3d4cbc0274', id: componentWrapperId }, this.buildHeader(), this.buildForm(this.internalData, null))));
     }
     disconnectedCallback() {
         this.unregisterInteractables();
@@ -505,11 +505,9 @@ export class KupDashboard {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -556,11 +554,9 @@ export class KupDashboard {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -1099,7 +1099,9 @@ export class KupDataTable {
                 ' Magic Box ' +
                 '(' +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI && __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").enableExperimentalFeatures &&
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI &&
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' Open AI ' +
                 '(' +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
@@ -1113,7 +1115,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '2b347958bcf55db61c8ce8622ce7712ff9458086', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '64860fa7f942ad13fa034a6772e2a0a0b8d1f511', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1177,7 +1179,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({}, props));
+                groupChips = h(FChip, Object.assign({ key: '33cdec6ce99df141a5be34f9d185fbf837202cf8' }, props));
             }
         }
         const tableClass = {
@@ -1210,7 +1212,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", null, h("tr-sticky", null, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '1049baf4fcb16a099a1b9931569ac4efb793b722', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '0a6627be12a349ef5b3d911fa7ce2dfd4122094a' }, h("tr-sticky", { key: 'f9097a9de31a5870cb97f6578fcface4f702e64f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (this.tableHeight !== undefined || this.tableWidth !== undefined) {
@@ -1233,11 +1235,11 @@ export class KupDataTable {
                 }
             }
         };
-        const compCreated = (h(Host, { "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", null, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h(Host, { key: '9972b0b4e71923414459e7ff274a2a090f5e0157', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: 'ea9003d86ed8fffc497862e6fcf5f7dbf44622f9' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3ad5b7eb783848825e3c17de89a8a07a6d9af8e1', id: componentWrapperId }, h("div", { key: 'd9bbc5c137f58f626e30782f120b9b6fa94ceff3', class: "above-wrapper" }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop), h("div", { class: "group-wrapper" }, groupChips), h("div", { class: "actions-wrapper" }, this.insertMode !== '' ? (h(FButton, { icon: "plus", onClick: async () => {
+            } }))) : null, paginatorTop), h("div", { key: '8a436aa0c8dbddd232e8341289e9ff60c6978589', class: "group-wrapper" }, groupChips), h("div", { key: 'ceb992f8c3865d89cb756fac9d1843e4de797b4a', class: "actions-wrapper" }, this.insertMode !== '' ? (h(FButton, { icon: "plus", onClick: async () => {
                 var _a;
                 if (this.insertMode === 'form') {
                     __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_rowInsertForm).call(this);
@@ -1285,9 +1287,9 @@ export class KupDataTable {
                     id: this.rootElement.id,
                     selectedRows: this.selectedRows,
                 });
-            }, styling: FButtonStyling.OUTLINED, title: "History", wrapperClass: "history-button" })) : null), h("div", { class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, styling: FButtonStyling.OUTLINED, title: "History", wrapperClass: "history-button" })) : null), h("div", { key: '08c52495d58455c71b39112bd392afc26e4e3398', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5de36c8a81457628d9085924dea965e60f1faebe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1296,11 +1298,11 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: 'dcb854f3cbf7cdc9a13375eaaa23bfb1f34af7e8', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", null, header)), h("tbody", null, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h("thead", { key: '1e8a285481270afec4de6d5ae6d82a1a272f4800', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'fac3d978b8b2e11fdb9b6fab5bb5d24cfa741db4' }, header)), h("tbody", { key: '42f9ed95a1445a3abc35ebda16aa925c6b05e276' }, rows), this.showFooter || __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -2841,11 +2843,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(ids?: string[]) => Promise<Array<KupDataTableRow>>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "ids - Array of row ids to delete."
-                                }],
-                            "text": "- Array of row ids to delete."
+                            "name": "ids",
+                            "type": "string[]",
+                            "docs": "- Array of row ids to delete."
                         }],
                     "references": {
                         "Promise": {
@@ -2930,11 +2930,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(row: KupDataTableRow) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "row new row"
-                                }],
-                            "text": "new row"
+                            "name": "row",
+                            "type": "KupDataTableRow",
+                            "docs": "new row"
                         }],
                     "references": {
                         "Promise": {
@@ -2978,11 +2976,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -3038,11 +3034,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(column: KupDataColumn) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "column - Column to hide."
-                                }],
-                            "text": "- Column to hide."
+                            "name": "column",
+                            "type": "KupDataColumn",
+                            "docs": "- Column to hide."
                         }],
                     "references": {
                         "Promise": {
@@ -3069,17 +3063,13 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(type: KupDataNewColumnTypes, options: KupDataNewColumnOptions) => Promise<string | KupDataColumn>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "type - Type of the column creation."
-                                }],
-                            "text": "- Type of the column creation."
+                            "name": "type",
+                            "type": "KupDataNewColumnTypes",
+                            "docs": "- Type of the column creation."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "options - Options of the creation."
-                                }],
-                            "text": "- Options of the creation."
+                            "name": "options",
+                            "type": "KupDataNewColumnOptions",
+                            "docs": "- Options of the creation."
                         }],
                     "references": {
                         "Promise": {
@@ -3122,11 +3112,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(column: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "column - Name of the column."
-                                }],
-                            "text": "- Name of the column."
+                            "name": "column",
+                            "type": "string",
+                            "docs": "- Name of the column."
                         }],
                     "references": {
                         "Promise": {
@@ -3162,8 +3150,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(recalcRows?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "recalcRows",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -3199,23 +3188,17 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(columnName: string, rowId: string, value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "columnName - Name of the column."
-                                }],
-                            "text": "- Name of the column."
+                            "name": "columnName",
+                            "type": "string",
+                            "docs": "- Name of the column."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "rowId - Id of the row."
-                                }],
-                            "text": "- Id of the row."
+                            "name": "rowId",
+                            "type": "string",
+                            "docs": "- Id of the row."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value - Value to set."
-                                }],
-                            "text": "- Value to set."
+                            "name": "value",
+                            "type": "string",
+                            "docs": "- Value to set."
                         }],
                     "references": {
                         "Promise": {
@@ -3243,17 +3226,13 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(column: string, rowId: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "column - Name of the column."
-                                }],
-                            "text": "- Name of the column."
+                            "name": "column",
+                            "type": "string",
+                            "docs": "- Name of the column."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "rowId - Id of the row."
-                                }],
-                            "text": "- Id of the row."
+                            "name": "rowId",
+                            "type": "string",
+                            "docs": "- Id of the row."
                         }],
                     "references": {
                         "Promise": {
@@ -3278,11 +3257,9 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {
@@ -3309,17 +3286,13 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(rowsIdentifiers: string[] | number[], emitEvent?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "rowsIdentifiers - Array of ids (dataset) or indexes (rendered rows)."
-                                }],
-                            "text": "- Array of ids (dataset) or indexes (rendered rows)."
+                            "name": "rowsIdentifiers",
+                            "type": "string[] | number[]",
+                            "docs": "- Array of ids (dataset) or indexes (rendered rows)."
                         }, {
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "emitEvent - The event will always be emitted unless emitEvent is set to false."
-                                }],
-                            "text": "- The event will always be emitted unless emitEvent is set to false."
+                            "name": "emitEvent",
+                            "type": "boolean",
+                            "docs": "- The event will always be emitted unless emitEvent is set to false."
                         }],
                     "references": {
                         "Promise": {
@@ -3376,17 +3349,21 @@ export class KupDataTable {
                 "complexType": {
                     "signature": "(columns: KupDataColumn[], receivingColumnIndex: number, sortedColumnIndex: number, useNewObject?: boolean) => Promise<KupDataColumn[]>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "columns",
+                            "type": "KupDataColumn[]",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "receivingColumnIndex",
+                            "type": "number",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "sortedColumnIndex",
+                            "type": "number",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "useNewObject",
+                            "type": "boolean",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {