@sme.up/ketchup 9.5.2 → 9.6.1

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

@@ -149,12 +149,12 @@ export class KupFamilyTree {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '84ce528e459f5a79624e5e9fc5787477ff623746', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", null, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: '1fe47674c65a2cd4929f907d8a2a7ae0c7d21f73' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '253190ac263c49f65981919ad5bdc26388832d66', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);
@@ -433,8 +433,9 @@ export class KupFamilyTree {
                 "complexType": {
                     "signature": "(nodes?: KupFamilyTreeNode[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "nodes",
+                            "type": "KupFamilyTreeNode[]",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -458,8 +459,9 @@ export class KupFamilyTree {
                 "complexType": {
                     "signature": "(nodes?: KupFamilyTreeNode[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "nodes",
+                            "type": "KupFamilyTreeNode[]",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -483,11 +485,9 @@ export class KupFamilyTree {
                 "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": {
@@ -551,11 +551,9 @@ export class KupFamilyTree {
                 "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-form/kup-form.js

@@ -408,7 +408,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", null, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '9fef18738f39f1854a7517112c804632e5040dc1' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -419,7 +419,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'e49b6ad86e7a59ef7b32f9a9c22daebc970b9c04' }, h("style", { key: 'd3e5171c6c8bbba72fadf69519067e059773475f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e599477dba7cd1c938929a42b43604a78cfd21ec', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -617,11 +617,9 @@ export class KupForm {
                 "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": {
@@ -668,17 +666,13 @@ export class KupForm {
                 "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": {
@@ -703,11 +697,9 @@ export class KupForm {
                 "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-gauge/kup-gauge.js

@@ -685,11 +685,9 @@ export class KupGauge {
                 "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": {
@@ -736,11 +734,9 @@ export class KupGauge {
                 "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-grid/kup-grid.js

@@ -174,11 +174,9 @@ export class KupGrid {
                 "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": {
@@ -225,11 +223,9 @@ export class KupGrid {
                 "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-iframe/kup-iframe.js

@@ -205,11 +205,9 @@ export class KupIframe {
                 "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": {
@@ -256,11 +254,9 @@ export class KupIframe {
                 "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-image/kup-image.js

@@ -416,11 +416,9 @@ export class KupImage {
                 "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": {
@@ -467,11 +465,9 @@ export class KupImage {
                 "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-image-list/kup-image-list.js

@@ -192,12 +192,12 @@ export class KupImageList {
     }
     render() {
         const hasNavigation = !!this.currentNode;
-        return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+        return (h(Host, { key: '94b709d607d3478d8572765bb4d9f332fc8f3287' }, h("style", { key: 'c861fd2f928f0ccfb201d28fe2de8fbe895f11cf' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '783c35aa4b598e4dc281dfe58720ef1dfed57bec', id: componentWrapperId }, h("div", { key: 'dd7b1310596456aa8ae775c29937197fcab50c49', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { class: "image-list" }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), h("div", { key: '13a2d026cab95a4da2c0fde2a0af8f4f6827fdb9', class: "image-list" }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.unregister(this);
@@ -428,11 +428,9 @@ export class KupImageList {
                 "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": {
@@ -479,11 +477,9 @@ export class KupImageList {
                 "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-lazy/kup-lazy.js

@@ -108,39 +108,39 @@ export class KupLazy {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
+                resource = (h("svg", { key: '443fa9b66f9c77621cb7a377eb920bc60c59bde9', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '89cf45ecbcd72a193b5a34c767870de6c29c12ca', d: "M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z" })));
                 break;
             case 'kup-card':
                 //art_track.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: 'dd9f6feeb37d8a9e35e7666bad5a01891f35379d', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '63a2e64edf16b4536a0229ea2a8bcc61b5edfd34', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
             case 'kup-checkbox':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
+                resource = (h("svg", { key: '974137d7bdc5d82995437999b798c5b559a4dcbf', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'a74fe51dc66ed1f8780d52d99424f53cd6357877', d: "M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z" })));
                 break;
             case 'kup-chart':
                 //chart-bar.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '721b36d96e2b04b83a81cf90f3cf687983ab2cec', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '58b44e235faeec04c16fd483e06f2319d06c0d46', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
+                resource = (h("svg", { key: 'f3afac4818e7716418876a9aa31fccef8ec01065', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '5f65fcb7cfe13a5ceb622277c0254ea5fc10cbfd', d: "M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z" })));
                 break;
             case 'kup-image':
                 //photo.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
+                resource = (h("svg", { key: '9ef1ec66b4d9f1bfb857050c7675bc603a6e3c28', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b7af93b41b90594b3796845fcdbfef1b58da2e9f', d: "M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z" })));
                 break;
             case 'kup-progress-bar':
                 //linear_scale.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
+                resource = (h("svg", { key: '927e099e9635eaa351c215038215b16c482cbb4e', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '19b0203ffa92bef2fccfab60d1d371991f27e9fe', d: "M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z" })));
                 break;
             case 'kup-radio':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
+                resource = (h("svg", { key: '54722f3674a50a06b25d6b522b3e6c16f17bc38f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '4072725741e4e13718719a58a04e7b38d970474c', d: "M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z" })));
                 break;
             default:
                 //art_track.svg
-                resource = (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
+                resource = (h("svg", { key: '6f01bf46027c471e23977744437b772389f11373', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'a06e38a7b791a7bbbfdfa214410118c354db1bba', d: "M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z" })));
                 break;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -149,14 +149,14 @@ export class KupLazy {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({}, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: 'b11a009ad63262e8fd26d8e672fecb829b89d190' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { class: className }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, content)));
+        return (h(Host, { key: 'c7c2773d030703d7034705075df18657481ecbe6', class: className }, h("style", { key: 'b83be89f8a9f9b394dba345e6b764361e890c8ed' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '262125d048ac9f2d99c2f6a3ccb99f8286a35e99', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;
@@ -332,11 +332,9 @@ export class KupLazy {
                 "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": {
@@ -407,11 +405,9 @@ export class KupLazy {
                 "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-list/kup-list.js

@@ -243,7 +243,7 @@ export class KupList {
         }
         __classPrivateFieldSet(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, null, h("style", null, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: "kup-component", class: wrapperClass }, h("ul", { class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '194df42c5611ef6766ef6b4a884f6984fe4bfea3' }, h("style", { key: '84d0b6b672f231a84710edacda440868e0a766f4' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c8791b72c1f441ade671d839fd6f9d6d108822b6', id: "kup-component", class: wrapperClass }, h("ul", { key: 'e0d417a98be09879176648f4b76bf1331ac4f3e5', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++))))));
     }
@@ -659,11 +659,9 @@ export class KupList {
                 "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": {
@@ -735,11 +733,9 @@ export class KupList {
                 "complexType": {
                     "signature": "(index?: number) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "index - Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
-                                }],
-                            "text": "- Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
+                            "name": "index",
+                            "type": "number",
+                            "docs": "- Based zero index of the item that must be selected, when not provided the list will attempt to select the focused element."
                         }],
                     "references": {
                         "Promise": {
@@ -761,11 +757,9 @@ export class KupList {
                 "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-magic-box/kup-magic-box.js

@@ -263,11 +263,11 @@ export class KupMagicBox {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "magic-box-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({}, this.comboboxProps())), h("kup-button", { styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '79c487291987eeaa0dfd3127cd93e11bdd51a048' }, h("style", { key: '88d77f9029cbe5e112c41fad1e1a7c4fefdc06ef' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '59cbf333a260e3c2455c69d9717d088019a7ca53', id: componentWrapperId }, h("div", { key: 'e1a68e91de25ca426c7d029219fdaf98865c2a9f', class: "magic-box-wrapper" }, h("div", { key: '1db871607d685738ce9eb4ea99c7807aa0918a25', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '01e46100ea2c370e0079358921e8fa338434ff6e' }, this.comboboxProps())), h("kup-button", { key: '0ab7767d552bf4119db2ac2f5f69f574027eeebd', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '26267a6c3e19b15725feda21eed43d9db3f2ddc4', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: 'd5ec68498c68b205ce2c7247cd19e01b6a283230', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([
@@ -353,11 +353,9 @@ export class KupMagicBox {
                 "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": {
@@ -404,11 +402,9 @@ export class KupMagicBox {
                 "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-nav-bar/kup-nav-bar.js

@@ -98,7 +98,7 @@ export class KupNavBar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { class: "header" }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("header", { class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: 'd87202afdc46b32160433e9367e65b8911081758', class: "header" }, h("style", { key: 'f040c8ddb9a4e109be8b83c0ef434a331ffe1f28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '12d4968317af6fecbad1f5e08a818798668d39e0', id: componentWrapperId }, h("header", { key: '4b8be98eea078116b8f166ca4b12872b51690ba8', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '42939e2fa3d1ec1f19b77aa994ce49b27a942063', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -223,11 +223,9 @@ export class KupNavBar {
                 "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": {
@@ -291,11 +289,9 @@ export class KupNavBar {
                 "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-numeric-picker/kup-numeric-picker.js

@@ -331,7 +331,7 @@ export class KupNumericPicker {
         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())));
+        return (h(Host, { key: '00b965e54783036031219a8eb57fcb3a764c6f30' }, h("style", { key: '004fdaa3d5cf77a7364ba2114eaff76f3985e3ac' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2d7cb3bec99e2874ca26246a091ca2c21bdf2f1e', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -775,11 +775,9 @@ export class KupNumericPicker {
                 "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": {
@@ -843,11 +841,9 @@ export class KupNumericPicker {
                 "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": {