@sme.up/ketchup 9.5.2 → 9.6.1

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": {

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

@@ -361,7 +361,7 @@ export class KupDatePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: '4135469f05817098c32c5451bcc4e40f4ea21828' }, h("style", { key: '34fc67e36614daed8c71f4665bb9e026c88986d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a7475560ba8d147634585c94792a45aa3ba4af1f', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -721,11 +721,9 @@ export class KupDatePicker {
                 "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": {
@@ -789,11 +787,9 @@ export class KupDatePicker {
                 "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-dialog/kup-dialog.css

@@ -6,11 +6,11 @@
   box-sizing: border-box;
   display: block;
   height: var(--kup_dialog_height);
-  left: var(--kup_dialog_left);
+  left: var(--kup_dialog_left, -100%);
   min-height: var(--kup_dialog_height);
   min-width: var(--kup_dialog_width);
   position: absolute;
-  top: var(--kup_dialog_top);
+  top: var(--kup_dialog_top, -100%);
   transition: opacity 0.25s ease-in;
   width: var(--kup_dialog_width);
 }

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

@@ -65,7 +65,7 @@ export class KupDialog {
     async recalcPosition() {
         var _a;
         const rect = this.rootElement.getBoundingClientRect();
-        if (!rect.x && !rect.y) {
+        if (!rect.x && !rect.y && !rect.height && !rect.width) {
             __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
             if (__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f") < 50) {
                 __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, (_a = __classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f"), _a++, _a), "f");
@@ -78,7 +78,7 @@ export class KupDialog {
         }
         __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, 0, "f");
         const left = window.innerWidth / 2 - rect.width / 2;
-        const top = window.innerHeight / 2 - rect.height / 2;
+        const top = window.innerHeight / 2 - rect.height / 2 + window.scrollY;
         this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');
         this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');
         this.rootElement.removeAttribute('fade-in');
@@ -137,7 +137,7 @@ export class KupDialog {
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { "fade-in": true, style: style }, h("style", null, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { class: "content" }, h("slot", null)))));
+        return (h(Host, { key: '123c03f320a3c3a7f81c7c7cf475b731810239ff', "fade-in": true, style: style }, h("style", { key: '0c147e1a723ad36bba12280f7f07bff8193ed038' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c98642ef79f485179b9db7001e62d98673e5908f', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: 'c63972ac5e457ad2e01785c793a738df737f6850', class: "content" }, h("slot", { key: 'dac2574f7916af1859e83ea9f088707d25c49727' })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -391,11 +391,9 @@ export class KupDialog {
                 "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": {
@@ -459,11 +457,9 @@ export class KupDialog {
                 "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-drawer/kup-drawer.js

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { "kup-opened": this.opened }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '862fc022944ee0862f4d53ae589e9266e18adf3a', "kup-opened": this.opened }, h("style", { key: '428062c25d92fa7f034365196319c36a3d43d417' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0cd3e4d4363dd338cc0b47aecc3a505a716cc0cc', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { id: componentWrapperId }, h("div", { class: drawerClass }, this.content()))));
+            } }), h("div", { key: '1c65d469467e3efddf3a58a729670037ecefb0f3', id: componentWrapperId }, h("div", { key: '75e507b1574cf744216c9eeee76967f8eda2633a', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -257,11 +257,9 @@ export class KupDrawer {
                 "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": {
@@ -345,11 +343,9 @@ export class KupDrawer {
                 "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-dropdown-button/kup-dropdown-button.js

@@ -287,7 +287,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: 'bed2003851932be074c7d8122d44b300cd16913c' }, h("style", { key: '2f821fc8dd2fc2164db5d091407c7b56867a73f1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '21c73920d5d144daa77b8942ec5b71d4566e7651', id: componentWrapperId }, h("div", { key: 'c5590f4b919f196b4115c42873976df648fa8118', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'd601b702f5550b9652313fb4df88b87c7c616927' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {
@@ -686,11 +686,9 @@ export class KupDropdownButton {
                 "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": {
@@ -754,11 +752,9 @@ export class KupDropdownButton {
                 "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": {
@@ -785,8 +781,9 @@ export class KupDropdownButton {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -137,7 +137,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { style: style }, h("style", null, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: 'cd53ca83bca4d40a97c42c49ac4438c0a0b5c8b7', style: style }, h("style", { key: 'fbd8fb110465493f0a0fc600db9183a9fbd0c7ce' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd28c8cfb8ec8b780040298218b97baa7c076a849', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);
@@ -520,11 +520,9 @@ export class KupEchart {
                 "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": {
@@ -588,11 +586,9 @@ export class KupEchart {
                 "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-editor/kup-editor-declarations.js

@@ -0,0 +1,15 @@
+/**
+ * Props of the kup-dropdown-button component.
+ * Used to export every prop in an object.
+ */
+export var KupEditorProps;
+(function (KupEditorProps) {
+    KupEditorProps["autosaveTimer"] = "When a number is specified, the component will emit the kup-editor-save event at regular intervals. The amount of time every interval will last is specified but the prop itself.";
+    KupEditorProps["editorHeight"] = "Sets the height of the component.";
+    KupEditorProps["initialEditType"] = "Initializes editor with the specified editor type. Suported values: \"markdown\", \"wysiwyg\".";
+    KupEditorProps["initialValue"] = "Initializes editor with the specified string.";
+    KupEditorProps["isReadOnly"] = "Defaults at false. When set, When set, the editor\u2019s content can\u2019t be changed..";
+    KupEditorProps["previewStyle"] = "Initializes editor with the specified preview type. Suported values: \"tab\", \"vertical\".";
+    KupEditorProps["showSaveButton"] = "When set, a save button shown in the editor\u2019s toolbar.";
+    KupEditorProps["showToolbar"] = "When set to false, the toolbar will not be shown.";
+})(KupEditorProps || (KupEditorProps = {}));