@sme.up/ketchup 9.5.2 → 9.6.0

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

@@ -361,7 +361,7 @@ export class KupDatePicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: '4135469f05817098c32c5451bcc4e40f4ea21828' }, h("style", { key: '34fc67e36614daed8c71f4665bb9e026c88986d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a7475560ba8d147634585c94792a45aa3ba4af1f', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -721,11 +721,9 @@ export class KupDatePicker {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -789,11 +787,9 @@ export class KupDatePicker {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "value - Value to be set."
-                                }],
-                            "text": "- Value to be set."
+                            "name": "value",
+                            "type": "string",
+                            "docs": "- Value to be set."
                         }],
                     "references": {
                         "Promise": {

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

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

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

@@ -65,7 +65,7 @@ export class KupDialog {
     async recalcPosition() {
         var _a;
         const rect = this.rootElement.getBoundingClientRect();
-        if (!rect.x && !rect.y) {
+        if (!rect.x && !rect.y && !rect.height && !rect.width) {
             __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
             if (__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f") < 50) {
                 __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, (_a = __classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f"), _a++, _a), "f");
@@ -78,7 +78,7 @@ export class KupDialog {
         }
         __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, 0, "f");
         const left = window.innerWidth / 2 - rect.width / 2;
-        const top = window.innerHeight / 2 - rect.height / 2;
+        const top = window.innerHeight / 2 - rect.height / 2 + window.scrollY;
         this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');
         this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');
         this.rootElement.removeAttribute('fade-in');
@@ -137,7 +137,7 @@ export class KupDialog {
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { "fade-in": true, style: style }, h("style", null, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { class: "content" }, h("slot", null)))));
+        return (h(Host, { key: '123c03f320a3c3a7f81c7c7cf475b731810239ff', "fade-in": true, style: style }, h("style", { key: '0c147e1a723ad36bba12280f7f07bff8193ed038' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c98642ef79f485179b9db7001e62d98673e5908f', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: 'c63972ac5e457ad2e01785c793a738df737f6850', class: "content" }, h("slot", { key: 'dac2574f7916af1859e83ea9f088707d25c49727' })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -391,11 +391,9 @@ export class KupDialog {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -459,11 +457,9 @@ export class KupDialog {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

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

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { "kup-opened": this.opened }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '862fc022944ee0862f4d53ae589e9266e18adf3a', "kup-opened": this.opened }, h("style", { key: '428062c25d92fa7f034365196319c36a3d43d417' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0cd3e4d4363dd338cc0b47aecc3a505a716cc0cc', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { id: componentWrapperId }, h("div", { class: drawerClass }, this.content()))));
+            } }), h("div", { key: '1c65d469467e3efddf3a58a729670037ecefb0f3', id: componentWrapperId }, h("div", { key: '75e507b1574cf744216c9eeee76967f8eda2633a', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -257,11 +257,9 @@ export class KupDrawer {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -345,11 +343,9 @@ export class KupDrawer {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js

@@ -287,7 +287,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: 'bed2003851932be074c7d8122d44b300cd16913c' }, h("style", { key: '2f821fc8dd2fc2164db5d091407c7b56867a73f1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '21c73920d5d144daa77b8942ec5b71d4566e7651', id: componentWrapperId }, h("div", { key: 'c5590f4b919f196b4115c42873976df648fa8118', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'd601b702f5550b9652313fb4df88b87c7c616927' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {
@@ -686,11 +686,9 @@ export class KupDropdownButton {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -754,11 +752,9 @@ export class KupDropdownButton {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {
@@ -785,8 +781,9 @@ export class KupDropdownButton {
                 "complexType": {
                     "signature": "(value: string) => Promise<void>",
                     "parameters": [{
-                            "tags": [],
-                            "text": ""
+                            "name": "value",
+                            "type": "string",
+                            "docs": ""
                         }],
                     "references": {
                         "Promise": {

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

@@ -137,7 +137,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { style: style }, h("style", null, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: 'cd53ca83bca4d40a97c42c49ac4438c0a0b5c8b7', style: style }, h("style", { key: 'fbd8fb110465493f0a0fc600db9183a9fbd0c7ce' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd28c8cfb8ec8b780040298218b97baa7c076a849', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.unregister(this);
@@ -520,11 +520,9 @@ export class KupEchart {
                 "complexType": {
                     "signature": "(descriptions?: boolean) => Promise<GenericObject>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "descriptions - When provided and true, the result will be the list of props with their description."
-                                }],
-                            "text": "- When provided and true, the result will be the list of props with their description."
+                            "name": "descriptions",
+                            "type": "boolean",
+                            "docs": "- When provided and true, the result will be the list of props with their description."
                         }],
                     "references": {
                         "Promise": {
@@ -588,11 +586,9 @@ export class KupEchart {
                 "complexType": {
                     "signature": "(props: GenericObject) => Promise<void>",
                     "parameters": [{
-                            "tags": [{
-                                    "name": "param",
-                                    "text": "props - Object containing props that will be set to the component."
-                                }],
-                            "text": "- Object containing props that will be set to the component."
+                            "name": "props",
+                            "type": "GenericObject",
+                            "docs": "- Object containing props that will be set to the component."
                         }],
                     "references": {
                         "Promise": {

package/dist/collection/components/kup-editor/kup-editor-declarations.js

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