@sme.up/ketchup 9.5.2 → 9.6.0

package/dist/collection/assets/editor-example-1.js

@@ -0,0 +1,52 @@
+let comp = document.getElementById('editor-html');
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log('kup-editor-autosave (html) ' + new Date().toISOString(), e);
+});
+
+let props = {
+    customStyle: '',
+    editorHeight: '400px',
+    initialEditType: 'wysiwyg',
+    initialValue:
+        '<div data-tomark-pass="">prova prova 123456 56<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">e vado a capo<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">ancora<br></div><div data-tomark-pass=""><br></div><div data-tomark-pass="">e ancora</div>',
+    isReadOnly: false,
+    previewStyle: 'tab',
+    showSaveButton: true,
+    showToolbar: true,
+    autosaveTimer: 5000,
+};
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}
+
+comp = document.getElementById('editor-markdown');
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log(
+        'kup-editor-autosave (markdown) ' + new Date().toISOString(),
+        e
+    );
+});
+
+props = {
+    customStyle: '',
+    initialEditType: 'markdown',
+    initialValue: '# title 1 \n ## title2',
+    isReadOnly: false,
+    previewStyle: 'tab',
+    showSaveButton: false,
+    showToolbar: true,
+    autosaveTimer: 5000,
+};
+
+comp.style = '--kup-editor-height: 300px;';
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}

package/dist/collection/assets/editor.js

@@ -0,0 +1,60 @@
+const comp = document.getElementById('editor');
+
+comp.addEventListener('kup-editor-ready', (e) => {
+    console.log('Editor ready', e);
+});
+
+comp.addEventListener('kup-editor-save', (e) => {
+    console.log('Editor saved', e);
+});
+
+comp.addEventListener('kup-editor-autosave', (e) => {
+    console.log('Editor auto saved', e);
+});
+
+const props = {
+    initialEditType: 'markdown',
+    initialValue: `<p><img src="https://uicdn.toast.com/toastui/img/tui-editor-bi.png" alt="image"></p>
+    <h1>Awesome Editor!</h1>
+    <p>It has been <em>released as opensource in 2018</em> and has <del>continually</del> evolved to <strong>receive 10k GitHub ⭐️ Stars</strong>.</p>
+    <h2>Create Instance</h2>
+    <p>You can create an instance with the following code and use <code data-backticks="1">getHtml()</code> and <code data-backticks="1">getMarkdown()</code> of the <a href="https://github.com/nhn/tui.editor">Editor</a>.</p>
+    <pre class="lang-js"><code data-language="js">co
+
+    &gt; See the table below for default options
+    &gt; &gt; More API information can be found in the document
+
+    | name | type | description |
+    | --- | --- | --- |
+    | el | HTMLElement | container element |
+
+    ## Featuress
+
+    * CommonMark + GFM Specifications
+       * Live Preview
+       * Scroll Sync
+       * Auto Indent
+       * Syntax Highlight
+            1. Markdown
+            2. Preview
+
+    ## Support Wrappers
+
+    &gt; * Wrappers
+    &gt;    1. [x] React
+    &gt;    2. [x] Vue
+    &gt;    3. [ ] Ember&lt;p&gt;My Custom value for editor&lt;/p&gt;
+    </code></pre>
+    `,
+    isReadOnly: false,
+    previewStyle: 'vertical',
+    showSaveButton: true,
+    showToolbar: true,
+    //   autosaveTimer: 2000
+};
+
+if (props) {
+    for (const key in props) {
+        comp[key] = props[key];
+    }
+}

package/dist/collection/assets/index.js

@@ -102,6 +102,14 @@ components.data = [
         value: 'Echart',
         id: 'echart.html',
     },
+    {
+        value: 'Editor',
+        id: 'editor.html',
+    },
+    {
+        value: 'Editor example 1',
+        id: 'editor-example-1.html',
+    },
     {
         value: 'Family tree',
         id: 'family-tree.html',

package/dist/collection/collection-manifest.json

@@ -24,6 +24,7 @@
     "components/kup-dialog/kup-dialog.js",
     "components/kup-drawer/kup-drawer.js",
     "components/kup-echart/kup-echart.js",
+    "components/kup-editor/kup-editor.js",
     "components/kup-family-tree/kup-family-tree.js",
     "components/kup-form/kup-form.js",
     "components/kup-gauge/kup-gauge.js",
@@ -66,8 +67,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.8.2",
-    "typescriptVersion": "5.2.2"
+    "version": "4.12.1",
+    "typescriptVersion": "5.3.3"
   },
   "collections": [],
   "bundles": []

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

@@ -179,7 +179,7 @@ export class KupAccordion {
     }
     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);
@@ -339,11 +339,9 @@ export class KupAccordion {
                 "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": {
@@ -390,11 +388,9 @@ export class KupAccordion {
                 "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": {
@@ -421,11 +417,9 @@ export class KupAccordion {
                 "complexType": {
                     "signature": "(itemName: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "itemName - Name of the item."
-                                }],
-                            "text": "- Name of the item."
+                            "name": "itemName",
+                            "type": "string",
+                            "docs": "- Name of the item."
                         }],
                     "references": {
                         "Promise": {

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

@@ -269,7 +269,7 @@ export class KupAutocomplete {
     render() {
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", null, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ icon: this.showDropDownIcon
+        return (h(Host, { key: '88774505c1f13b133ce2be0bda250290f6de04a6', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2f8ca0e34b61255f0820ca1c9ac36d872642e009' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0cafe0954f744146d3fdd0c8452be08ea2f2193d', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '6b84b32bd60fbc96c17f88257a439a5134243df1', icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -710,11 +710,9 @@ export class KupAutocomplete {
                 "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": {
@@ -798,11 +796,9 @@ export class KupAutocomplete {
                 "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": {
@@ -829,11 +825,9 @@ export class KupAutocomplete {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value - Value of the component."
-                                }],
-                            "text": "- Value of the component."
+                            "name": "value",
+                            "type": "string",
+                            "docs": "- Value of the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -76,9 +76,9 @@ export class KupBadge {
             if (!this.imageData.color) {
                 this.imageData.color = `var(${KupThemeColorValues.TEXT_ON_PRIMARY})`;
             }
-            imageEl = h(FImage, Object.assign({}, this.imageData));
+            imageEl = h(FImage, Object.assign({ key: '13d604cf44b52b9a914eaa17dd40501400476847' }, this.imageData));
         }
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, onClick: () => this.onKupClick() }, this.text, imageEl)));
+        return (h(Host, { key: 'a88511192e2f63f9e527485ada0786df92d6aa6f' }, h("style", { key: '127e5883c7a23cdb3302d8f6a2db82d1d8bedcce' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f06c0031f262f1214426b8916bc6d81690894045', id: componentWrapperId, onClick: () => this.onKupClick() }, this.text, imageEl)));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -199,11 +199,9 @@ export class KupBadge {
                 "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": {
@@ -250,11 +248,9 @@ export class KupBadge {
                 "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-box/kup-box.css

@@ -55,7 +55,7 @@
 #box-container.is-kanban .box-wrapper .box {
   overflow: auto;
 }
-#box-container * {
+#box-container *:not(.progress-bar-percentage) {
   box-sizing: border-box;
 }
 #box-container .box-wrapper {

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

@@ -1985,11 +1985,9 @@ export class KupBox {
                 "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": {
@@ -2019,11 +2017,13 @@ export class KupBox {
                 "complexType": {
                     "signature": "(row: KupBoxRow, actions: KupDataRowAction[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "row",
+                            "type": "KupBoxRow",
+                            "docs": ""
                         }, {
-                            "tags": [],
-                            "text": ""
+                            "name": "actions",
+                            "type": "KupDataRowAction[]",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {
@@ -2069,11 +2069,9 @@ export class KupBox {
                 "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-button/kup-button.js

@@ -505,11 +505,9 @@ export class KupButton {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -556,11 +554,9 @@ export class KupButton {
                 "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-button-list/kup-button-list.js

@@ -250,7 +250,7 @@ export class KupButtonList {
             'button-list--container': true,
             'show-selection': this.showSelection && this.selected ? true : false,
         };
-        return (h(Host, { style: hostStyle }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: classObj }, buttons))));
+        return (h(Host, { key: 'a01db9921adbf39f2d78e4dab8f36628cfa6c36b', style: hostStyle }, h("style", { key: '48e3bd8c16086c166b34b4ff7131257d4258e627' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '849c6b0831fce22ca8cc3c462e5889146088f214', id: componentWrapperId }, h("div", { key: '61423fbc92aa0f2336b54b976719e48736c22e62', class: classObj }, buttons))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -445,11 +445,9 @@ export class KupButtonList {
                 "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": {
@@ -496,11 +494,9 @@ export class KupButtonList {
                 "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-calendar/kup-calendar.js

@@ -355,11 +355,11 @@ export class KupCalendar {
         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: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { class: `navigation__title ${this.hideNavigation
+        return (h(Host, { key: '81ca54ecc64da284ef682bb11afdcf8ce4d30667' }, h("style", { key: '2a65b0d79e2d0b3356347657c4cbb50afbf13eaf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5a1efc80bc76c8bf6163acfd9e7ed1ba49d9f124', id: componentWrapperId }, h("div", { key: '975f9f451d580535f80602c2ef1de548f24797c6', class: "navigation" }, !this.hideNavigation ? (h("div", { class: "navigation__left" }, h(FButton, { icon: "chevron_left", onClick: () => this.onPrev(), title: this.kupManager.language.translate(KupLanguageGeneric.PREVIOUS), wrapperClass: "navigation__prev" }), h(FButton, { icon: "calendar", onClick: () => this.onToday(), title: this.kupManager.language.translate(KupLanguageGeneric.TODAY), wrapperClass: "navigation__today" }), h(FButton, { icon: "chevron_right", onClick: () => this.onNext(), title: this.kupManager.language.translate(KupLanguageGeneric.NEXT), wrapperClass: "navigation__next" }))) : null, h("div", { key: 'ca9fb802c7820068a9b5f482e751606f90db72c4', class: `navigation__title ${this.hideNavigation
                 ? 'navigation__title--centered'
                 : ''}`, ref: (el) => {
                 this.navTitle = el;
-            } }), !this.hideNavigation ? (h("div", { class: "navigation__right" }, h(FChip, Object.assign({}, this.setChipProps())))) : null), h("div", { class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
+            } }), !this.hideNavigation ? (h("div", { class: "navigation__right" }, h(FChip, Object.assign({}, this.setChipProps())))) : null), h("div", { key: '0b19f1dad2e7236feecd159ac0421b521bf72a04', class: "calendar", ref: (el) => (this.calendarContainer = el) }))));
     }
     disconnectedCallback() {
         if (this.calendar) {
@@ -618,11 +618,9 @@ export class KupCalendar {
                 "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": {
@@ -686,11 +684,9 @@ export class KupCalendar {
                 "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-card/kup-card.js

@@ -729,11 +729,9 @@ export class KupCard {
                 "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": {
@@ -797,11 +795,9 @@ export class KupCard {
                 "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-card-list/kup-card-list.js

@@ -616,11 +616,9 @@ export class KupCardList {
                 "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": {
@@ -667,11 +665,9 @@ export class KupCardList {
                 "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-cell/kup-cell.js

@@ -151,7 +151,7 @@ export class KupCell {
             renderKup: true,
             row: this.generateRow(),
         };
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h(FCell, Object.assign({}, props)))));
+        return (h(Host, { key: '6eae5c64c3c22889f6d67c79150bb109e2a27c83' }, h("style", { key: 'a807aece995466845f8699d51e5d78ddba19cb5d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '759dc36e0a82552f49238ada3906634c7ff032ea', id: componentWrapperId }, h(FCell, Object.assign({ key: '1f45b43d0dd416c935f1c2963806c3f90bf1f61d' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -274,11 +274,9 @@ export class KupCell {
                 "complexType": {
                     "signature": "(classes?: string[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "classes - Array of CSS classes."
-                                }],
-                            "text": "- Array of CSS classes."
+                            "name": "classes",
+                            "type": "string[]",
+                            "docs": "- Array of CSS classes."
                         }],
                     "references": {
                         "Promise": {
@@ -300,11 +298,9 @@ export class KupCell {
                 "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": {
@@ -351,11 +347,9 @@ export class KupCell {
                 "complexType": {
                     "signature": "(classes?: string[]) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "classes - Array of CSS classes."
-                                }],
-                            "text": "- Array of CSS classes."
+                            "name": "classes",
+                            "type": "string[]",
+                            "docs": "- Array of CSS classes."
                         }],
                     "references": {
                         "Promise": {
@@ -377,11 +371,9 @@ export class KupCell {
                 "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": {