@sme.up/ketchup 10.3.3 → 10.3.5

package/dist/components/kup-typography-list.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-9859e801.js';
+import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-df77b97b.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-55fda958.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-dd93c5e7.js';
 
 /**
  * Props of the kup-typography component.
@@ -186,7 +186,7 @@ const KupTypographyList$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: 'eea4a39316b0a3fc506de4c5c7702e70491b6299' }, h("style", { key: 'f5aaa171df25731eca862abd4a58fb797485ad52' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fb7234ec56efe23662c9ae7a1496200f3cb3ece5', id: componentWrapperId }, h("div", { key: '7be6b9baa1785f2da9e092a91bd8d96a7256dd25', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '58356b7523f44ef17cd4a535119254b6efed5b7a' }, h("style", { key: 'be31c2f145c03693055bc90fa818781e985b0c0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '899b21cbcf02ebca7791c9983a1893c8625252ab', id: componentWrapperId }, h("div", { key: '87e0370fa8d496f789bd047f33a39cf2a40952e3', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -211,7 +211,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-typography-list", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-typography-list", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-typography-list":
             if (!customElements.get(tagName)) {
@@ -220,90 +220,95 @@ function defineCustomElement$1() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }

package/dist/components/kup-typography.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, d as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-9859e801.js';
+import { k as kupManagerInstance, d as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-df77b97b.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-55fda958.js';
+import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-dd93c5e7.js';
 
 /**
  * Props of the kup-typography component.
@@ -262,7 +262,7 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '22068fe2fcabd3b184e705e2a0137837669df2da' }, h("style", { key: '3c4a8811380ce6e6ec12a7077325f3dcb143020c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '927cbb930fb3e0763817e8ad6fb41b521ddf1ad1', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'd504a5c8621c4746331225eda11131a5db079edf' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '9073be54945f7345b754079388130e149ddac338' }, infoIcon, { onClick: async (event) => {
+        return (h(Host, { key: 'fc9ed8df1a7996737fa318223fa4a26c048af0da' }, h("style", { key: '7ab80157cf8d7d13198e389b5c2005bc23379f50' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4058a007f7338cb3f4c69e9b7ab8bb2bc0c5d29f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '039db543cb870340827953a4c43b092d7dfcb936' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '3c7ff0751057b4ef2d2f02eadd0f4f069288545a' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -273,7 +273,7 @@ const KupTypography$1 = /*@__PURE__*/ proxyCustomElement(class KupTypography ext
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'e02ac6db825761a824b4fcc36fd74690bd004cf1' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'd66f1503ff3d22223d14f0247cfaaf725352935b' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();
@@ -315,7 +315,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-typography", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-typography", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-typography":
             if (!customElements.get(tagName)) {
@@ -324,90 +324,95 @@ function defineCustomElement$1() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }

package/dist/components/kup-vertical-scroll.js

@@ -1,4 +1,4 @@
-import { K as KupVerticalScroll$1, d as defineCustomElement$1 } from './p-8472facf.js';
+import { K as KupVerticalScroll$1, d as defineCustomElement$1 } from './p-34ed7a73.js';
 
 const KupVerticalScroll = KupVerticalScroll$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/{p-7bdb5142.js → p-03924c38.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-9859e801.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-55fda958.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-df77b97b.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-dd93c5e7.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};
@@ -39118,7 +39118,7 @@ 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["initialEditType"] = "Initializes editor with the specified editor type. Suported values: \"markdown\", \"wysiwyg\", \"text\".";
     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["selectedTab"] = "Sets the markdown editor with the specified tab. Supported values: \"preview\", \"write\".";
@@ -45888,7 +45888,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupEditor_autosaveInterval, _KupEditor_hasChanges, _KupEditor_initialContent, _KupEditor_kupManager, _KupEditor_unsavedChangesIndex, _KupEditor_unsavedChangesItem;
+var _KupEditor_instances, _KupEditor_autosaveInterval, _KupEditor_hasChanges, _KupEditor_initialContent, _KupEditor_kupManager, _KupEditor_unsavedChangesIndex, _KupEditor_unsavedChangesItem, _KupEditor_textareaRef, _KupEditor_isPlainTextEditor, _KupEditor_handleUnsavedChanges;
 const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
     constructor() {
         super();
@@ -45896,6 +45896,7 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
         this.kupAutoSave = createEvent(this, "kup-editor-autosave", 6);
         this.kupReady = createEvent(this, "kup-editor-ready", 6);
         this.kupSave = createEvent(this, "kup-editor-save", 6);
+        _KupEditor_instances.add(this);
         /*-------------------------------------------------*/
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
@@ -45912,6 +45913,7 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
             },
             type: 'button',
         });
+        _KupEditor_textareaRef.set(this, void 0);
         this.editor = null;
         this.editorRef = undefined;
         this.viewer = null;
@@ -46057,36 +46059,12 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
     async setProps(props) {
         setProps(this, KupEditorProps, props);
     }
-    /*-------------------------------------------------*/
-    /*          P r i v a t e   M e t h o d s          */
-    /*-------------------------------------------------*/
     createEditor() {
         var _a;
         const editorProps = {
             el: this.editorRef,
             events: {
-                change: () => {
-                    if (__classPrivateFieldGet(this, _KupEditor_initialContent, "f") !== this.editor.getMarkdown()) {
-                        if (!__classPrivateFieldGet(this, _KupEditor_hasChanges, "f")) {
-                            __classPrivateFieldSet(this, _KupEditor_unsavedChangesIndex, this.editor.getUI().getToolbar().getItems()
-                                .length - 1, "f");
-                            this.editor
-                                .getUI()
-                                .getToolbar()
-                                .insertItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"), __classPrivateFieldGet(this, _KupEditor_unsavedChangesItem, "f"));
-                        }
-                        __classPrivateFieldSet(this, _KupEditor_hasChanges, true, "f");
-                    }
-                    else {
-                        if (__classPrivateFieldGet(this, _KupEditor_hasChanges, "f")) {
-                            this.editor
-                                .getUI()
-                                .getToolbar()
-                                .removeItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"));
-                        }
-                        __classPrivateFieldSet(this, _KupEditor_hasChanges, false, "f");
-                    }
-                },
+                change: () => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this),
                 focus: () => {
                     if (!this.isReadOnly && !this.showToolbar) {
                         this.showToolbar = true;
@@ -46095,7 +46073,7 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
             },
             height: (_a = this.editorHeight) !== null && _a !== void 0 ? _a : 'auto',
             hideModeSwitch: true,
-            initialEditType: this.initialEditType,
+            initialEditType: this.initialEditType === 'wysiwyg' ? 'wysiwyg' : 'markdown',
             initialValue: this.initialValue,
             placeholder: 'Type your text here...',
             previewStyle: this.previewStyle,
@@ -46243,12 +46221,17 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
         return toolBarItems;
     }
     getSaveAndAutoSaveProps() {
-        var _a, _b;
+        const htmlValue = __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this)
+            ? __classPrivateFieldGet(this, _KupEditor_textareaRef, "f").value
+            : this.editor.getHtml();
+        const markdownValue = __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this)
+            ? __classPrivateFieldGet(this, _KupEditor_textareaRef, "f").value
+            : this.editor.getMarkdown();
         return {
             comp: this,
             id: this.rootElement.id,
-            htmlValue: (_a = this.editor.getHtml()) !== null && _a !== void 0 ? _a : '',
-            markdownValue: (_b = this.editor.getMarkdown()) !== null && _b !== void 0 ? _b : '',
+            htmlValue,
+            markdownValue,
         };
     }
     /*-------------------------------------------------*/
@@ -46272,7 +46255,9 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e7af368e1134de8874c2791b82291bc5391bff6d' }, h("div", { key: '0faeedec267b850a027ce153adaf116c8dbe0a82', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (h(Host, { key: '031333deffb0732e544076f155555bb62bc53190' }, h("div", { key: '0f312ec339138f3a62afdf742660606526d11e70', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: '0e2bc200ff30a15f624299a9577ec910134dc3d1', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
+                height: this.editorHeight || 'auto',
+            }, class: "kup-editor-textarea" })))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);
@@ -46293,7 +46278,7 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
 }, [0, "kup-editor", {
         "autosaveTimer": [2, "autosave-timer"],
         "editorHeight": [1, "editor-height"],
-        "initialEditType": [1, "initial-edit-type"],
+        "initialEditType": [513, "initial-edit-type"],
         "initialValue": [1, "initial-value"],
         "isReadOnly": [4, "is-read-only"],
         "previewStyle": [1, "preview-style"],
@@ -46319,12 +46304,37 @@ const KupEditor = /*@__PURE__*/ proxyCustomElement(class KupEditor extends H {
         "showToolbar": ["onShowToolBarChanged"],
         "autosaveTimer": ["onAutosaveTimerChanged"]
     }]);
-_KupEditor_autosaveInterval = new WeakMap(), _KupEditor_hasChanges = new WeakMap(), _KupEditor_initialContent = new WeakMap(), _KupEditor_kupManager = new WeakMap(), _KupEditor_unsavedChangesIndex = new WeakMap(), _KupEditor_unsavedChangesItem = new WeakMap();
+_KupEditor_autosaveInterval = new WeakMap(), _KupEditor_hasChanges = new WeakMap(), _KupEditor_initialContent = new WeakMap(), _KupEditor_kupManager = new WeakMap(), _KupEditor_unsavedChangesIndex = new WeakMap(), _KupEditor_unsavedChangesItem = new WeakMap(), _KupEditor_textareaRef = new WeakMap(), _KupEditor_instances = new WeakSet(), _KupEditor_isPlainTextEditor = function _KupEditor_isPlainTextEditor() {
+    return this.initialEditType === 'text';
+}, _KupEditor_handleUnsavedChanges = function _KupEditor_handleUnsavedChanges(value) {
+    value = value !== undefined ? value : this.editor.getMarkdown();
+    if (__classPrivateFieldGet(this, _KupEditor_textareaRef, "f")) {
+        if (__classPrivateFieldGet(this, _KupEditor_initialContent, "f") !== value) {
+            if (!__classPrivateFieldGet(this, _KupEditor_hasChanges, "f")) {
+                __classPrivateFieldSet(this, _KupEditor_unsavedChangesIndex, this.editor.getUI().getToolbar().getItems().length - 1, "f");
+                this.editor
+                    .getUI()
+                    .getToolbar()
+                    .insertItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"), __classPrivateFieldGet(this, _KupEditor_unsavedChangesItem, "f"));
+            }
+            __classPrivateFieldSet(this, _KupEditor_hasChanges, true, "f");
+        }
+        else {
+            if (__classPrivateFieldGet(this, _KupEditor_hasChanges, "f")) {
+                this.editor
+                    .getUI()
+                    .getToolbar()
+                    .removeItem(__classPrivateFieldGet(this, _KupEditor_unsavedChangesIndex, "f"));
+            }
+            __classPrivateFieldSet(this, _KupEditor_hasChanges, false, "f");
+        }
+    }
+};
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-editor", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-editor", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-editor":
             if (!customElements.get(tagName)) {
@@ -46333,90 +46343,95 @@ function defineCustomElement() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }

package/dist/components/{p-6992b96f.js → p-28774fba.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-ef8cbd35.js';
-import { d as defineCustomElement$2 } from './p-d7136d08.js';
-import { d as defineCustomElement$1 } from './p-0e85ab66.js';
+import { d as defineCustomElement$2 } from './p-d3a8c2ba.js';
+import { d as defineCustomElement$1 } from './p-394a36af.js';
 
 const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     constructor() {
@@ -39,12 +39,12 @@ const TaskGantt = /*@__PURE__*/ proxyCustomElement(class TaskGantt extends H {
     }
     render() {
         const newBarProps = Object.assign(Object.assign({}, this.barProps), { gridProps: this.gridProps, phaseDragScroll: this.phaseDragScroll });
-        return (h("div", { key: '0bc88e1fef20b88d72bdcee8e511ae490d592369', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '4c58df0276e7243459a4676fdaf592749c65e3d5', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '0f29ea8b89ce2b60199f2ac8e652c360f42046dd', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
+        return (h("div", { key: 'd73a31dca4e8ee110fe81d77e11a95ff30eb8919', class: "ganttVerticalContainer", ref: (el) => (this.verticalGanttContainerRef = el), dir: "ltr" }, h("kup-gantt-calendar", { key: '7e9379676312c2dd4ee18d0349992d8150fb1f9f', dateSetup: this.calendarProps.dateSetup, locale: this.calendarProps.locale, rtl: this.calendarProps.rtl, headerHeight: this.calendarProps.headerHeight, columnWidth: this.calendarProps.columnWidth, fontFamily: this.calendarProps.fontFamily, fontSize: this.calendarProps.fontSize, dateTimeFormatters: this.calendarProps.dateTimeFormatters, singleLineHeader: this.calendarProps.singleLineHeader, currentDateIndicator: this.calendarProps.currentDateIndicator, svgWidth: this.gridProps.svgWidth }), h("div", { key: '9ddbbe390f6d0f7821f9afd8546fab7daea1de00', ref: (el) => (this.horizontalContainerRef = el), class: "horizontalContainer", style: this.ganttHeight
                 ? {
                     height: `${this.ganttHeight}px`,
                     width: `${this.gridProps.svgWidth}px`,
                 }
-                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '307c9046cf5f994e9ff14368d720316a8f0c9ae0' }, newBarProps)))));
+                : { width: `${this.gridProps.svgWidth}px` } }, h("kup-grid-renderer", Object.assign({ key: '1e862f583de2fc4ced91edd3fcd8c72a21b8a99a' }, newBarProps)))));
     }
     get rootElement() { return this; }
     static get watchers() { return {