@sme.up/ketchup 9.5.2 → 9.6.1

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

@@ -96,59 +96,59 @@ export class KupSpinner {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v7-dot" }),
-                    h("div", { class: "sk-spinner-v7-dot" }),
-                    h("div", { class: "sk-spinner-v7-dot" }),
-                    h("div", { class: "sk-spinner-v7-dot" }),
-                    h("div", { class: "sk-spinner-v7-dot" }),
-                    h("div", { class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '359be367c94c07c33890de1ed3b603841761c936', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'dd610e61f79f4fb3bf3a75b2f8033a3de9059e57', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'fd2a76c433135c56f8f7ff01e33c175813c2a843', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '100a69fbea8fae1b420d9dc67d3762cd06951232', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'fcd6789d7c97391b519ac9adffd2d86cd8392c5f', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '0dabff76162459dfebd5dac161e01c27478bf312', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v9-bounce1" }),
-                    h("div", { class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '6097993bc339582792e4ba872d49618337297d31', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '77d72d881258fe5ef3f852b5f566899e326baab4', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v10-cube1" }),
-                    h("div", { class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: 'f6b6405c20f8e4545a1d1fb76b4c282614055b90', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '439ccf9e4679b9f84d9c2d5d78de3f4fefa29d9b', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v12-dot1" }),
-                    h("div", { class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '0560fbe74edcd2cc7e2669f0d2e8694e4f7d024a', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '6c3d65e391c185581cdd937dc6d1018a8cab1f05', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '69b86ac19c0a5514784603f30a5d1894fc75801b', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '00d221803e1466b85e1b679bf5ec1c898dc1b9aa', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '5194a1c883a16a0a15ce430c05dc89f0e4d7d818', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '06997f1b7f6dc4c7d9fed22536cd7b1bb4def915', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '9645b92f0840866b75f08087860cd7df3ad9189c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '062757580932383e18ed19dff2cd32b77c63fbf4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'e2db26066dfb926ac869ce19e4524d9220766d4f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: 'd3d5d979ec844f7480db8e764e86a2d5d428b661', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '33ee04b71b70e16e38823299fdd04066c88b3894', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '93929d740397ab1e70896abca6df56ca07239397', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '2e8ef8edffaf868e7d07a68a9692c2a442ab2004', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '470de093a1a1e00c7cd1d820bf1047679e95023a', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '9451f27fcaa437c518354168dac1fda9dcb5d1c8', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '01fad1595f607900cc76dd63ab2e49f51ab1e8a1', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '127c9f2d7ad50a463f3ca9bdd5ab0640a8581358', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: '7b722ba2c270d743aebcc6995cff8322cf0a014d', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '56ec617ec9f367543798bebf8b6ae2f153a89f11', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c2974a187a0f3600210a24bb276407e5fd758dee', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '8bcdf75c43b61ff44f617799fa06cab21757fb43', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '2bb19eb0cd5ae87ff035e8dc2519dd6d4b6ef93c', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '149a1519ecd99be2bce3d050936dcacc605509d4', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -167,7 +167,7 @@ export class KupSpinner {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { style: elStyle }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, style: elStyle }, h("div", { id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { id: wrapperClass, style: elStyle }, h("div", { class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '3edd3d9661f7cfdbf6a1603bf8590a4e1a627801', style: elStyle }, h("style", { key: 'cd3bdb042c3cbe8c0f912644e2367481cba4a47c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0138498d99b3b19099bd1e9dc49b1a3dbd0664e6', id: componentWrapperId, style: elStyle }, h("div", { key: '6affd0a909dc637476750c8a6b3d8ee5f54952ee', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '5932de28b966bd18ca4e5509c8485dca25878827', id: wrapperClass, style: elStyle }, h("div", { key: '9e83b1b3cb175bdd115d428b08f4e2e59450e833', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -390,11 +390,9 @@ export class KupSpinner {
                 "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": {
@@ -441,11 +439,9 @@ export class KupSpinner {
                 "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-switch/kup-switch.js

@@ -120,7 +120,7 @@ export class KupSwitch {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FSwitch, Object.assign({}, props)))));
+        return (h(Host, { key: '4858e80e63b496834cbfcec2eaf0443721ff97ac' }, h("style", { key: 'cc5e607c829cf53ecc4fcbecb17599bf71ddd3c6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '03f13f6cd8bd27733aad62d7fb9dfc8d883aebd5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'ee60ee3e801c6e0015321a1736a04cf9949ac156' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -326,11 +326,9 @@ export class KupSwitch {
                 "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": {
@@ -377,11 +375,9 @@ export class KupSwitch {
                 "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-tab-bar/kup-tab-bar.js

@@ -339,11 +339,9 @@ export class KupTabBar {
                 "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": {
@@ -415,11 +413,9 @@ export class KupTabBar {
                 "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-text-field/kup-text-field.js

@@ -267,7 +267,7 @@ export class KupTextField {
             onIconClick: (e) => this.onKupIconClick(e),
             onClearIconClick: () => this.onKupClearIconClick(),
         };
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FTextField, Object.assign({}, props)))));
+        return (h(Host, { key: '391c129cebc5eb4047ea4068636bb634ae8a0389' }, h("style", { key: 'e838d90c68cb2768001e7304ca0eea9aadcf71a9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '54cc4e2dc5d3a19ba16fb376104584dcc44a3b77', id: componentWrapperId }, h(FTextField, Object.assign({ key: '1e09e44bd65cafa6e7cbd01846701617ee0ae64f' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -1103,11 +1103,9 @@ export class KupTextField {
                 "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": {
@@ -1188,11 +1186,9 @@ export class KupTextField {
                 "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": {
@@ -1219,8 +1215,9 @@ export class KupTextField {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -405,7 +405,7 @@ export class KupTimePicker {
         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.getTimeForOutput()))));
+        return (h(Host, { key: '6e64fa08f58a91eaca3aa1676ef29f27fd9c9c36' }, h("style", { key: 'a832d907fff749ae04b9fbf90b8b5c446e25f431' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'dec81378d73e1cceb3b5c5eefef150cc24455943', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -786,11 +786,9 @@ export class KupTimePicker {
                 "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": {
@@ -871,11 +869,9 @@ export class KupTimePicker {
                 "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": {
@@ -902,8 +898,9 @@ export class KupTimePicker {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/kup-tree/kup-tree-faker.js

@@ -208,7 +208,7 @@ function TreeNodeFactory(columns, depth = {
         id: depth.path + depthAndIndex + childrenCount.toString(),
         isExpanded: getBooleanOnProbability(options.isExpandedProbability || 0),
         obj: {
-            t: 'TN',
+            t: 'TN', // TODO Stands for TreeNode -> Update with effective value
             p: '',
             k: treeNodeValue,
         },

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

@@ -1320,7 +1320,7 @@ export class KupTree {
         }
         else {
             // There are no TreeNodes, so we print a single cell with a caption
-            treeNodes.push(h("tr", null, h("td", null, __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
+            treeNodes.push(h("tr", { key: '78a88a824576accc19534fa84ed32d783d2389d7' }, h("td", { key: 'f89f705a5517ce0a341d98de07e7acb4a8d367f5' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
         }
         // Calculates if header must be shown or not
         const visibleHeader = this.showHeader && this.showColumns;
@@ -1329,17 +1329,17 @@ export class KupTree {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: 'a43f481eb0e1f872a96439375ececb52a045457b', id: "global-filter" }, h("kup-text-field", { key: '90a374f5765dbbc6ca0b2f0d05b94b0565190191', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, class: wrapperClass }, filterField, h("div", { class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+        return (h(Host, { key: '41dced9ef4930cb7e33bc209141bc24a6d0ffefe' }, h("style", { key: '778e8a07f43815f5f6c02ca500be8f8ab7727f47' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a3b262ce62fc8b8282d0b7b85991c54220763858', id: componentWrapperId, class: wrapperClass }, filterField, h("div", { key: 'd1a1911e39d3d6a8f1f8053348a472841cffca1f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: '34a9c239ce4319c9955a443f3e4e4aab1f5d92f9', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { class: {
+            } }, h("thead", { key: 'c16cb9a763849689f6749ffc8f24de64f3e12190', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", null, visibleHeader ? this.renderHeader() : null)), h("tbody", null, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: '81f9441115a3bb0c28478731f5d0f89cb70d009e' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '24ed975d9303e5593acdacf96b792da0d78255e6' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -2238,14 +2238,13 @@ export class KupTree {
                 "complexType": {
                     "signature": "(treeNodePath: string, emitEvent?: boolean) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "treeNodePath",
+                            "type": "string",
+                            "docs": ""
                         }, {
-                            "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": {
@@ -2338,11 +2337,9 @@ export class KupTree {
                 "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": {
@@ -2372,11 +2369,9 @@ export class KupTree {
                 "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": {
@@ -2403,11 +2398,9 @@ export class KupTree {
                 "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": {
@@ -2477,11 +2470,9 @@ export class KupTree {
                 "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/f-components/f-cell/f-cell.js

@@ -204,6 +204,7 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
     }
 }
 function setEditableCell(cellType, classObj, cell, column, props) {
+    var _a, _b;
     switch (cellType) {
         case FCellTypes.AUTOCOMPLETE:
             return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
@@ -248,7 +249,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                 ? dom.ketchup.math.numberifySafe(cell.value).toString()
                 : cell.value;
             if (cell.shape === FCellShapes.INPUT_FIELD) {
-                return (h("input", { class: 'input-field', onChange: onChange, onInput: onInput, type: type, value: value }));
+                return (h("input", { class: 'input-field', onChange: onChange, onInput: onInput, type: type, value: value, maxLength: (_b = (_a = column.cellData) === null || _a === void 0 ? void 0 : _a.maxLength) !== null && _b !== void 0 ? _b : -1 }));
             }
             else {
                 return (h(FTextField, Object.assign({ inputType: type, fullWidth: isFullWidth(props) ? true : false }, cell.data, { icon: cell.data && cell.data.icon

package/dist/collection/managers/kup-manager/kup-manager.js

@@ -30,12 +30,14 @@ export class KupManager {
      */
     constructor(overrides) {
         let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null, tooltipFCellCallbacks = null;
+        this.enableExperimentalFeatures = false;
         /** POI VIA */
         let openAIUrl = 'https://kokosstaging.smeup.com';
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
             const debug = overrides.debug;
+            const enableExperimentalFeatures = overrides.enableExperimentalFeatures;
             const interact = overrides.interact;
             const language = overrides.language;
             const objects = overrides.objects;
@@ -56,6 +58,9 @@ export class KupManager {
                 debugAutoprint = debug.autoPrint ? debug.autoPrint : null;
                 debugLogLimit = debug.logLimit ? debug.logLimit : null;
             }
+            if (enableExperimentalFeatures) {
+                this.enableExperimentalFeatures = enableExperimentalFeatures;
+            }
             if (interact) {
                 dialogRestrictContainer = interact.restrictContainer
                     ? dialogRestrictContainer

package/dist/collection/managers/kup-openai/kup-openai.js

@@ -44,18 +44,21 @@ export class KupOpenAI {
      */
     show(data) {
         this.data = data;
-        // Creates the card or updates it with new options
-        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_create).call(this);
+        if (!this.card) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_create).call(this);
+        }
     }
     /**
      * Hides the component.
      */
     hide() {
-        this.card.remove();
-        this.card = null;
-        this.dialog.remove();
-        this.dialog = null;
-        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_disconnect).call(this);
+        if (this.card) {
+            this.card.remove();
+            this.card = null;
+            this.dialog.remove();
+            this.dialog = null;
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_disconnect).call(this);
+        }
     }
     async auth(event) {
         const openAI = dom.ketchup.openAI;
@@ -169,7 +172,7 @@ _KupOpenAI_instances = new WeakSet(), _KupOpenAI_setError = function _KupOpenAI_
         icons: { close: true },
     };
     this.dialog.id = 'openai';
-    this.dialog.modal = { closeOnBackdropClick: false };
+    this.dialog.modal = null;
     this.dialog.sizeX = '50vw';
     this.dialog.sizeY = '50vh';
     this.dialog.addEventListener('kup-dialog-close', () => this.hide());

package/dist/components/custom-task-list-header.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
 const customTaskListHeaderModuleCss = ".custom-task-list-wrapper{display:flex;justify-content:space-around;max-width:330px;place-items:\"center\";text-align:center;align-items:center}.title{font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggler{max-width:max-content;padding:0 4px;text-align:right}.switch{position:relative;display:inline-block;width:30px;height:17px}.input{opacity:0;width:0;height:0}.input:checked+.slider{background-color:#003b77}.input:checked+.slider:before{-webkit-transform:translateX(13px);-ms-transform:translateX(13px);transform:translateX(13px)}.input:focus+.slider{box-shadow:0 0 1px #003b77}.slider{-webkit-transition:0.4s;cursor:pointer;background-color:#ccc;bottom:0;border-radius:17px;left:0;position:absolute;right:0;top:0;transition:0.4s}.slider:before{-webkit-transition:0.1s;background-color:white;border-radius:50%;bottom:2px;content:\"\";height:13px;left:2px;position:absolute;transition:0.1s;width:13px}.label{font-size:12px;padding:6px}.filter{font-size:12px}";
+const KupCustomTaskListHeaderStyle0 = customTaskListHeaderModuleCss;
 
 const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustomTaskListHeader extends HTMLElement {
     constructor() {
@@ -13,13 +14,13 @@ const KupCustomTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupCustom
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '25542e1e426f9f035bdd3b894acf915100609cec', class: "custom-task-list-wrapper", style: {
                 height: '50px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { class: "title" }, h("span", null, this.label)), this.setDoubleView !== undefined && (h("div", { class: "toggler" }, h("label", { htmlFor: "ch2", class: "switch" }, h("input", { class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { class: "slider" })), h("span", { class: "label" }, "Previsioni")))));
+            } }, h("div", { key: 'b64868e8a15fda0a259e30e77a1572fef34cf9a9', class: "title" }, h("span", { key: '4bb87686a421a211ff7caa2c53105764f2e15c0a' }, this.label)), this.setDoubleView !== undefined && (h("div", { class: "toggler" }, h("label", { htmlFor: "ch2", class: "switch" }, h("input", { class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { class: "slider" })), h("span", { class: "label" }, "Previsioni")))));
     }
-    static get style() { return customTaskListHeaderModuleCss; }
+    static get style() { return KupCustomTaskListHeaderStyle0; }
 }, [0, "kup-custom-task-list-header", {
         "label": [1],
         "doubleView": [4, "double-view"],

package/dist/components/custom-task-list-table.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h, Fragment } from '@stencil/core/internal/client';
-import { d as KupDates } from './kup-dates.js';
+import { b as KupDates } from './kup-dates.js';
 
 const ganttTableModuleCss = ".container{padding:0 10px;margin-right:10px}.project{background:var(--kup-background-color, #ffffff);border:1px solid var(--kup-border-color, #acacac);border-radius:4px;box-sizing:border-box;color:var(--kup-text-color, #595959);cursor:pointer;display:grid;font-weight:400;grid-template-columns:var(--grid-project-columns, 1fr 1fr 1fr);place-items:center}.project>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.project .main{font-weight:700;width:100%;padding-left:4px}.subrow{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#acacac;border-bottom-left-radius:4px;border-bottom-right-radius:4px;box-sizing:border-box;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#ffffff;color:#595959;font-weight:400}.subrow>*{font-size:12px;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.subrow:has(+.subrow),.project:has(+.subrow){border-bottom-left-radius:0;border-bottom-right-radius:0}.timeline{cursor:pointer;display:grid;border-width:1px;border-style:solid;border-color:#cbcbcb;border-radius:4px;grid-template-columns:var(--grid-fasi-columns, 1fr 1fr 1fr);place-items:center;background:#fff;color:#595959;font-weight:400;box-sizing:border-box}.timeline>*{font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.timeline .main{font-weight:700;width:100%;padding-left:4px}";
+const KupCustomTaskListTableStyle0 = ganttTableModuleCss;
 
 const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomTaskListTable extends HTMLElement {
     constructor() {
@@ -20,7 +21,7 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
     }
     render() {
         const kupDates = new KupDates();
-        return (h("div", { class: "container" }, this.tasks.map((task) => {
+        return (h("div", { key: 'aa6299da80dde8682f3fe8c1a8e244d6c15e5c5c', class: "container" }, this.tasks.map((task) => {
             var _a, _b, _c;
             return (h(Fragment, null, task.type === 'project' ? (h("div", { class: "project", style: {
                     height: `${this.rowHeight}px`,
@@ -91,7 +92,7 @@ const KupCustomTaskListTable = /*@__PURE__*/ proxyCustomElement(class KupCustomT
             })())));
         })));
     }
-    static get style() { return ganttTableModuleCss; }
+    static get style() { return KupCustomTaskListTableStyle0; }
 }, [0, "kup-custom-task-list-table", {
         "ganttId": [1, "gantt-id"],
         "tasks": [16],

package/dist/components/kup-accordion.js

@@ -14,6 +14,7 @@ var KupAccordionProps;
 })(KupAccordionProps || (KupAccordionProps = {}));
 
 const kupAccordionCss = ":host{--kup_accordion_background_color:var(\n    --kup-accordion-background-color,\n    var(--kup-background-color)\n  );--kup_accordion_border:var(\n    --kup-accordion-border,\n    1px solid var(--kup-border-color)\n  );--kup_accordion_border_radius:var(--kup-accordion-border-radius, 4px);--kup-accordion_dropdown_icon_color:var(\n    --kup-accordion-dropdown-icon-color,\n    var(--kup-icon-color)\n  );--kup_accordion_font_family:var(\n    --kup-accordion-font-family,\n    var(--kup-font-family)\n  );--kup_accordion_font_size:var(\n    --kup-accordion-font-size,\n    var(--kup-font-size)\n  );--kup_accordion_hover_background_color:var(\n    --kup-accordion-hover-background-color,\n    var(--kup-hover-background-color)\n  );--kup_accordion_hover_color:var(\n    --kup-accordion-hover-color,\n    var(--kup-hover-color)\n  );--kup_accordion_padding:var(--kup-accordion-padding, 1em 1.5em);--kup_accordion_primary_color:var(\n    --kup-accordion-primary-color,\n    var(--kup-primary-color)\n  );--kup_accordion_primary_color_rgb:var(\n    --kup-accordion-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_accordion_text_color:var(\n    --kup-accordion-text-color,\n    var(--kup-text-color)\n  );--kup_accordion_text_on_primary_color:var(\n    --kup-accordion-text-on-primary-color,\n    var(--kup-text-on-primary-color)\n  );--kup_accordion_transition:var(--kup-accordion-transition, 80ms);display:block;font-family:var(--kup_accordion_font_family);font-size:var(--kup_accordion_font_size)}.accordion{background-color:var(--kup_accordion_background_color);border-bottom:var(--kup_accordion_border);border-radius:var(--kup_accordion_border_radius);border-top:var(--kup_accordion_border);display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.accordion-item{border-left:var(--kup_accordion_border);border-right:var(--kup_accordion_border);box-sizing:border-box;width:100%}.accordion-item--visible{display:block}.accordion-item:not(:first-of-type){border-top:var(--kup_accordion_border)}.accordion-item__header{align-items:center;border:none;box-sizing:border-box;color:var(--kup_accordion_text_color);cursor:pointer;display:flex;line-height:1.75em;outline:none;padding:var(--kup_accordion_padding);text-align:left;transition:background-color var(--kup_accordion_transition), color var(--kup_accordion_transition);width:100%}.accordion-item__header:hover:not(.accordion-item__header--selected){color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded{color:var(--kup_accordion_hover_color);background-color:var(--kup_accordion_hover_background_color)}.accordion-item__header--expanded .accordion-item__dropdown{transform:rotate(-180deg)}.accordion-item__header--selected{background-color:rgba(var(--kup_accordion_primary_color_rgb), 0.175)}.accordion-item__text{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}.accordion-item__text--highlighted{color:var(--kup_accordion_text_on_primary_color);background-color:var(--kup_accordion_primary_color)}.accordion-item__icon{margin-left:0;margin-right:0.5em}.accordion-item__dropdown{background-color:var(--kup-accordion_dropdown_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform var(--kup_accordion_transition)}.accordion-item__content{animation:fade-in 0.25s ease-out;display:none}.accordion-item__content--selected{display:block}.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.mdc-ripple-surface:before,.mdc-ripple-surface:after{background-color:var(--kup_accordion_primary_color)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}:host(.kup-borderless){--kup-accordion-border:none}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-danger){--kup-accordion-primary-color:var(--kup-danger-color);--kup-accordion-primary-color-rgb:var(--kup-danger-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-info){--kup-accordion-primary-color:var(--kup-info-color);--kup-accordion-primary-color-rgb:var(--kup-info-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-secondary){--kup-accordion-primary-color:var(--kup-secondary-color);--kup-accordion-primary-color-rgb:var(--kup-secondary-color-rgb);--kup-accordion-text-on-primary-color:var(--kup-text-on-secondary-color)}:host(.kup-success){--kup-accordion-primary-color:var(--kup-success-color);--kup-accordion-primary-color-rgb:var(--kup-success-color-rgb);--kup-accordion-text-on-primary-color:white}:host(.kup-warning){--kup-accordion-primary-color:var(--kup-warning-color);--kup-accordion-primary-color-rgb:var(--kup-warning-color-rgb);--kup-accordion-text-on-primary-color:white}";
+const KupAccordionStyle0 = kupAccordionCss;
 
 const KupAccordion$1 = /*@__PURE__*/ proxyCustomElement(class KupAccordion extends HTMLElement {
     constructor() {
@@ -192,7 +193,7 @@ const KupAccordion$1 = /*@__PURE__*/ proxyCustomElement(class KupAccordion exten
     }
     render() {
         const content = this.data && this.data.columns ? this.renderItems() : null;
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "accordion" }, content))));
+        return (h(Host, { key: '12da47dc3f3462e4d3e78b5266ee5416c26a2a99' }, h("style", { key: 'af0aa37c789ba350584ffd5289e5e08a581a2bb7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e662e0fb3e38440eb105a18f0e6302d5b619a958', id: componentWrapperId }, h("div", { key: 'e5860263f1b09c6f9f64d3a15ccbde1d2d88a316', class: "accordion" }, content))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -201,7 +202,7 @@ const KupAccordion$1 = /*@__PURE__*/ proxyCustomElement(class KupAccordion exten
     static get watchers() { return {
         "ripple": ["applyRipple"]
     }; }
-    static get style() { return kupAccordionCss; }
+    static get style() { return KupAccordionStyle0; }
 }, [1, "kup-accordion", {
         "customStyle": [1, "custom-style"],
         "data": [16],