@progress/kendo-vue-editor 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/dialogs/FindReplace.mjs

@@ -0,0 +1,366 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as U, createVNode as t, isVNode as V } from "vue";
+import { Button as f } from "@progress/kendo-vue-buttons";
+import { chevronRightIcon as W, chevronLeftIcon as $ } from "@progress/kendo-svg-icons";
+import { Window as P } from "@progress/kendo-vue-dialogs";
+import { TabStrip as q, TabStripTab as L } from "@progress/kendo-vue-layout";
+import { provideLocalizationService as H } from "@progress/kendo-vue-intl";
+import { messages as o } from "../messages/main.mjs";
+import { EditorToolsSettings as G } from "../config/toolsSettings.mjs";
+import { formatString as J } from "../tools/utils.mjs";
+import { selectedLineTextOnly as Q, textHighlightKey as X, TextSelection as m, find as Y, replace as Z, replaceAll as ee, findAll as te } from "@progress/kendo-editor-common";
+import { Icon as F } from "@progress/kendo-vue-common";
+function N(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !V(e);
+}
+const ne = 13, ce = 27, ae = G.findAndReplace, ge = /* @__PURE__ */ U({
+  name: "KendoFindAndReplaceDialog",
+  emits: {
+    close: null
+  },
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return ae;
+      }
+    },
+    dir: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  created() {
+    this._prevMatch = void 0, this.nextMatch = void 0;
+  },
+  data() {
+    return {
+      selectedTab: 0,
+      searchText: Q(this.$props.view.state),
+      replaceText: "",
+      matchCase: !1,
+      matchWord: !1,
+      matchCyclic: !1,
+      useRegExp: !1,
+      matches: [],
+      hasMounted: !1
+    };
+  },
+  mounted() {
+    this.$el && document.body.append(this.$el), this.setNextState(), this.hasMounted = !0, setTimeout(function() {
+      const e = document.getElementById("findWhatFind");
+      e && e.focus();
+    }, 10);
+  },
+  /**
+   * @hidden
+   */
+  updated() {
+    const e = this.matches || [], n = this.nextMatch, c = this.$props.view;
+    if (this._prevMatch !== n) {
+      const a = c.state, i = a.tr, s = [];
+      e.forEach((l) => {
+        s.push({
+          from: l.from,
+          to: l.to,
+          attrs: {
+            class: n && l.eq(n) ? "k-text-selected" : "k-text-highlighted"
+          }
+        });
+      }), i.setMeta(X, s), i.setSelection(n || m.create(a.doc, a.selection.from)), c.dispatch(i);
+    }
+  },
+  unmounted() {
+    this.$el && this.$el.remove();
+  },
+  render() {
+    let e, n;
+    const c = H(this), {
+      findReplaceDialogTitle: a,
+      findReplaceTabFind: i,
+      findReplaceTabReplace: s,
+      findReplaceFindWhat: l,
+      findReplaceReplaceWith: p,
+      findReplaceReplace: r,
+      findReplaceReplaceAll: d,
+      findReplaceMatchCase: g,
+      findReplaceMatchWord: x,
+      findReplaceMatchCyclic: k,
+      findReplaceUseRegExp: b,
+      findReplacePrevMatch: C,
+      findReplaceNextMatch: S,
+      findReplaceMatches: v
+    } = this.settings.messages, {
+      matchCase: E,
+      matchWord: _,
+      matchCyclic: j,
+      useRegExp: A,
+      searchText: B,
+      replaceText: I,
+      nextMatch: R
+    } = this, M = t("div", {
+      class: "k-search-options"
+    }, [t("span", null, [t("input", {
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      type: "checkbox",
+      id: "match-case",
+      checked: E,
+      onChange: this.onMatchCaseChecked
+    }, null), t("label", {
+      for: "match-case",
+      class: "k-checkbox-label"
+    }, [c.toLanguageString(g, o[g])])]), t("span", null, [t("input", {
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      type: "checkbox",
+      id: "match-whole",
+      checked: _,
+      onChange: this.onMatchWordChecked
+    }, null), t("label", {
+      for: "match-whole",
+      class: "k-checkbox-label"
+    }, [c.toLanguageString(x, o[x])])]), t("span", null, [t("input", {
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      type: "checkbox",
+      id: "match-cyclic",
+      checked: j,
+      onChange: this.onMatchCyclicChecked
+    }, null), t("label", {
+      for: "match-cyclic",
+      class: "k-checkbox-label"
+    }, [c.toLanguageString(k, o[k])])]), t("span", null, [t("input", {
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      type: "checkbox",
+      id: "regular-expression",
+      checked: A,
+      onChange: this.onUseRegExpChecked
+    }, null), t("label", {
+      for: "regular-expression",
+      class: "k-checkbox-label"
+    }, [c.toLanguageString(b, o[b])])])]), y = function(h) {
+      const u = this.$props.dir === "rtl", D = t(f, {
+        fillMode: "flat",
+        themeColor: "primary",
+        onClick: this.onFindPrev
+      }, {
+        default: () => [t(F, {
+          name: `chevron-${u ? "right" : "left"}`,
+          icon: u ? W : $
+        }, null), c.toLanguageString(C, o[C])]
+      }), K = t(f, {
+        fillMode: "flat",
+        themeColor: "primary",
+        onClick: this.onFindNext
+      }, {
+        default: () => [c.toLanguageString(S, o[S]), t(F, {
+          name: `chevron-${u ? "left" : "right"}`,
+          icon: u ? $ : W
+        }, null)]
+      });
+      return t("div", {
+        class: "k-matches-container"
+      }, [D, this.hasMounted && t("span", {
+        ref: h
+      }, [this.matchesMessage(c.toLanguageString(v, o[v]))]), K]);
+    }, T = function(h) {
+      return t("div", {
+        class: "k-edit-label"
+      }, [t("label", {
+        ref: h,
+        for: h
+      }, [c.toLanguageString(l, o[l])])]);
+    }, w = function(h) {
+      return t("div", {
+        class: "k-edit-field"
+      }, [t("span", {
+        class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+      }, [t("input", {
+        id: h,
+        ref: h,
+        type: "text",
+        class: "k-input-inner",
+        value: B,
+        onInput: this.onSearchChange,
+        onFocus: this.onSearchChange,
+        onKeydown: this.onKeyDown
+      }, null)])]);
+    }, O = t("div", {
+      class: "k-edit-label"
+    }, [t("label", {
+      for: "replaceWith"
+    }, [c.toLanguageString(p, o[p])])]), z = t("div", {
+      class: "k-edit-field"
+    }, [t("span", {
+      class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+    }, [t("input", {
+      id: "replaceWith",
+      class: "k-input-inner",
+      type: "text",
+      value: I,
+      onInput: this.onReplaceChange
+    }, null)])]);
+    return t(P, {
+      title: c.toLanguageString(a, o[a]),
+      onClose: this.onClose,
+      windowStyle: {
+        width: "auto",
+        height: "auto",
+        userSelect: "none"
+      },
+      resizable: !1,
+      minimizeButton: () => null,
+      maximizeButton: () => null,
+      dir: this.$props.dir
+    }, {
+      default: () => [t(q, {
+        dir: this.$props.dir,
+        selected: this.selectedTab,
+        class: "k-editor-find-replace",
+        onSelect: this.onTabSelect,
+        animation: !1
+      }, {
+        default: () => [t(L, {
+          title: c.toLanguageString(i, o[i])
+        }, {
+          default: () => [t("div", {
+            class: "k-edit-form-container"
+          }, [T.call(this, "findWhatFind"), w.call(this, "findWhatFind")]), t("div", {
+            class: "k-actions k-hstack k-justify-content-end"
+          }, null), M, y.call(this, "findWhatFind")]
+        }), t(L, {
+          title: c.toLanguageString(s, o[s])
+        }, {
+          default: () => [t("div", {
+            class: "k-edit-form-container"
+          }, [T.call(this, "findWhatReplace"), w.call(this, "findWhatReplace"), O, z]), t("div", {
+            class: "k-actions k-hstack k-justify-content-end"
+          }, [t(f, {
+            disabled: !R,
+            onClick: this.onReplace
+          }, N(e = c.toLanguageString(r, o[r])) ? e : {
+            default: () => [e]
+          }), t(f, {
+            disabled: !R,
+            onClick: this.onReplaceAll
+          }, N(n = c.toLanguageString(d, o[d])) ? n : {
+            default: () => [n]
+          })]), M, y.call(this, "findWhatReplace")]
+        })]
+      })]
+    });
+  },
+  methods: {
+    onTabSelect(e) {
+      this.selectedTab = e.selected;
+    },
+    onClose() {
+      const e = this.$props.view, n = e.state, c = n.tr.setSelection(m.create(n.doc, n.selection.from, n.selection.to));
+      e.updateState(n.apply(c)), e.focus(), this.$emit("close");
+    },
+    matchesMessage(e) {
+      const n = this.matches, c = this.nextMatch;
+      let a = 0, i = 0;
+      if (n && c) {
+        const s = n.findIndex((l) => l.eq(c));
+        a = s === -1 ? n.length : s + 1, i = n.length;
+      }
+      return J(e, a, i);
+    },
+    onFindNext() {
+      this.onFind();
+    },
+    onFindPrev() {
+      this.onFind(!0);
+    },
+    onFind(e = !1) {
+      const n = this.$props.view, {
+        searchText: c,
+        matchCase: a,
+        matchCyclic: i,
+        matchWord: s,
+        useRegExp: l
+      } = this.$data, p = {
+        text: c,
+        matchWord: s,
+        matchCase: a,
+        useRegExp: l,
+        backward: e,
+        matchCyclic: i
+      }, r = Y(n.state, p);
+      if (r) {
+        const d = n.state.tr.setSelection(r);
+        d.scrollIntoView(), n.updateState(n.state.apply(d)), this._prevMatch = this.nextMatch, this.nextMatch = r, this._prevMatch !== this.nextMatch && this.$forceUpdate();
+      }
+    },
+    onReplace() {
+      const e = this.$props.view, n = e.state.selection, {
+        replaceText: c
+      } = this.$data;
+      if (!n.empty) {
+        const a = n.from, i = a + c.length, s = Z(n, c, e.state.tr);
+        s.setSelection(m.create(s.doc, a, i)), s.scrollIntoView(), e.dispatch(s), this.setNextState({});
+      }
+    },
+    onReplaceAll() {
+      const e = this.$props.view, {
+        searchText: n,
+        replaceText: c,
+        matchCase: a,
+        matchWord: i,
+        useRegExp: s
+      } = this.$data, l = {
+        text: n,
+        matchWord: i,
+        matchCase: a,
+        useRegExp: s
+      };
+      e.dispatch(ee(e.state, c, l)), this.setNextState({});
+    },
+    onKeyDown(e) {
+      e.keyCode === ne ? this.onFindNext() : e.keyCode === ce && this.onClose();
+    },
+    onMatchCaseChecked(e) {
+      this.matchCase = e.target.checked, this.setNextState();
+    },
+    onMatchWordChecked(e) {
+      this.matchWord = e.target.checked, this.setNextState();
+    },
+    onMatchCyclicChecked(e) {
+      this.matchCyclic = e.target.checked, this.setNextState();
+    },
+    onUseRegExpChecked(e) {
+      this.useRegExp = e.target.checked, this.setNextState();
+    },
+    onSearchChange(e) {
+      this.searchText = e.target.value, this.setNextState();
+    },
+    onReplaceChange(e) {
+      this.replaceText = e.target.value, this.setNextState();
+    },
+    setNextState() {
+      const e = this.$props.view;
+      if (this.searchText) {
+        const n = {
+          text: this.searchText,
+          matchWord: this.matchWord,
+          matchCase: this.matchCase,
+          useRegExp: this.useRegExp
+        }, c = e.state.selection, a = te(e.state.doc, n);
+        let i = !this.searchText && a[0] || a.find((s) => s.from >= c.from) || this.matchCyclic && a[0] || void 0;
+        this._prevMatch = this.nextMatch, this.matches = a, this.nextMatch = i;
+      } else
+        this._prevMatch = this.nextMatch, this.matches = [], this.nextMatch = void 0;
+    }
+  }
+});
+export {
+  ge as FindAndReplaceDialog
+};

package/dialogs/insertImage.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),b=require("@progress/kendo-vue-dialogs"),S=require("@progress/kendo-vue-buttons"),I=require("@progress/kendo-editor-common"),y=require("@progress/kendo-vue-intl"),d=require("../messages/main.js"),s=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-form"),m=require("@progress/kendo-vue-inputs");function k(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!e.isVNode(t)}const T=e.defineComponent({name:"KendoInsertImageDialog",emits:{close:null},props:{view:Object,settings:Object,dir:String},inject:{kendoLocalizationService:{default:null}},data(){const{view:t,settings:o}=this.$props,a=t&&t.state;let i={};return a&&a.selection instanceof I.NodeSelection&&a.selection.node.type===a.schema.nodes[o.node]&&(i=a.selection.node.attrs),{srcValue:i.src,altValue:i.alt,titleValue:i.title,widthValue:i.width,heightValue:i.height}},mounted(){this.src=s.getRef(this,"src"),this.altText=s.getRef(this,"altText"),this.title=s.getRef(this,"title"),this.width=s.getRef(this,"width"),this.height=s.getRef(this,"height"),this.src&&this.src.focus()},render(){let t,o;const{view:a,settings:i,dir:l}=this.$props,{insertImageDialogTitle:c,insertImageAddress:f,insertImageTitle:p,insertImageAltText:n,insertImageWidth:h,insertImageHeight:N,insertImageCancel:w,insertImageInsert:v}=i.messages,r=y.provideLocalizationService(this),g=a&&a.state;g&&g.selection instanceof I.NodeSelection&&g.selection.node.type===g.schema.nodes[i.node]&&g.selection.node.attrs;const C=e.createVNode(u.Form,null,{default:()=>[e.createVNode(u.FormElement,{horizontal:!0},{default:()=>[e.createVNode(u.FieldWrapper,null,{default:()=>[e.createVNode("label",{for:"k-editor-image-url",class:"k-form-label"},[r.toLanguageString(f,d.messages[f])]),e.createVNode("div",{class:"k-form-field-wrap"},[e.createVNode(m.Input,{id:"k-editor-image-url",value:this.srcValue,onInput:this.handleSrcInput,ref:s.setRef(this,"src")},null)])]}),e.createVNode(u.FieldWrapper,null,{default:()=>[e.createVNode("label",{for:"k-editor-image-url",class:"k-form-label"},[r.toLanguageString(n,d.messages[n])]),e.createVNode("div",{class:"k-form-field-wrap"},[e.createVNode(m.Input,{id:"k-editor-image-alt",value:this.altValue,onInput:this.handleAltInput,ref:s.setRef(this,"altText")},null)])]}),e.createVNode(u.FieldWrapper,null,{default:()=>[e.createVNode("label",{for:"k-editor-image-title",class:"k-form-label"},[r.toLanguageString(p,d.messages[p])]),e.createVNode("div",{class:"k-form-field-wrap"},[e.createVNode(m.Input,{id:"k-editor-image-title",value:this.titleValue,onInput:this.handleTitleInput,ref:s.setRef(this,"title")},null)])]}),e.createVNode(u.FieldWrapper,null,{default:()=>[e.createVNode("label",{for:"k-editor-image-width",class:"k-form-label"},[r.toLanguageString(h,d.messages[h])]),e.createVNode("div",{class:"k-form-field-wrap"},[e.createVNode(m.Input,{id:"k-editor-image-width",value:this.widthValue,onInput:this.handleWidthInput,ref:s.setRef(this,"width")},null)])]}),e.createVNode(u.FieldWrapper,null,{default:()=>[e.createVNode("label",{for:"k-editor-image-height",class:"k-form-label"},[r.toLanguageString(N,d.messages[N])]),e.createVNode("div",{class:"k-form-field-wrap"},[e.createVNode(m.Input,{id:"k-editor-image-height",value:this.heightValue,onInput:this.handleHeightInput,ref:s.setRef(this,"height")},null)])]})]})]}),V=[e.createVNode(S.Button,{type:"button",onClick:this.onClose,dir:l,key:"cancel"},k(t=r.toLanguageString(w,d.messages[w]))?t:{default:()=>[t]}),e.createVNode(S.Button,{type:"button",disabled:!this.srcValue,onClick:this.onInsert,themeColor:"primary",dir:l,key:"insert"},k(o=r.toLanguageString(v,d.messages[v]))?o:{default:()=>[o]})];return e.createVNode(b.Window,{initialWidth:500,initialHeight:360,windowClass:"k-editor-window",title:r.toLanguageString(c,d.messages[c]),onClose:this.onClose,key:"dialog",dir:l,style:l==="rtl"?{textAlign:"right"}:void 0,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},{default:()=>[C,e.createVNode(b.DialogActionsBar,null,k(V)?V:{default:()=>[V]})]})},methods:{handleSrcInput(t){this.srcValue=t.value},handleAltInput(t){this.altValue=t.value},handleTitleInput(t){this.titleValue=t.value},handleWidthInput(t){this.widthValue=t.value},handleHeightInput(t){this.heightValue=t.value},onClose(){this.$props.view.focus(),this.$emit("close")},onInsert(){const{view:t,settings:o}=this.$props,i=t.state.schema.nodes[o.node],l={src:this.src?this.srcValue:null,title:this.title?this.titleValue:null,alt:this.altText?this.altValue:null,width:this.width?this.widthValue:null,height:this.height?this.heightValue:null},c=Object.keys(l).filter(n=>l[n]!==null&&l[n]!=="").reduce((n,h)=>Object.assign(n,{[h]:l[h]}),{}),f=i.createAndFill(c);I.insertNode(f,!0)(t.state,n=>t.dispatch(n.setMeta("commandName",o.commandName).setMeta("args",c))),this.onClose()}}});exports.InsertImageDialog=T;

package/dialogs/insertImage.mjs

@@ -0,0 +1,211 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as L, createVNode as t, isVNode as T } from "vue";
+import { Window as j, DialogActionsBar as x } from "@progress/kendo-vue-dialogs";
+import { Button as S } from "@progress/kendo-vue-buttons";
+import { NodeSelection as C, insertNode as z } from "@progress/kendo-editor-common";
+import { provideLocalizationService as A } from "@progress/kendo-vue-intl";
+import { messages as r } from "../messages/main.mjs";
+import { getRef as c, setRef as g } from "@progress/kendo-vue-common";
+import { Form as N, FormElement as O, FieldWrapper as m } from "@progress/kendo-vue-form";
+import { Input as f } from "@progress/kendo-vue-inputs";
+function k(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !T(e);
+}
+const K = /* @__PURE__ */ L({
+  name: "KendoInsertImageDialog",
+  emits: {
+    close: null
+  },
+  props: {
+    view: Object,
+    settings: Object,
+    dir: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    const {
+      view: e,
+      settings: n
+    } = this.$props, l = e && e.state;
+    let i = {};
+    return l && l.selection instanceof C && l.selection.node.type === l.schema.nodes[n.node] && (i = l.selection.node.attrs), {
+      srcValue: i.src,
+      altValue: i.alt,
+      titleValue: i.title,
+      widthValue: i.width,
+      heightValue: i.height
+    };
+  },
+  mounted() {
+    this.src = c(this, "src"), this.altText = c(this, "altText"), this.title = c(this, "title"), this.width = c(this, "width"), this.height = c(this, "height"), this.src && this.src.focus();
+  },
+  render() {
+    let e, n;
+    const {
+      view: l,
+      settings: i,
+      dir: s
+    } = this.$props, {
+      insertImageDialogTitle: d,
+      insertImageAddress: p,
+      insertImageTitle: I,
+      insertImageAltText: a,
+      insertImageWidth: h,
+      insertImageHeight: v,
+      insertImageCancel: V,
+      insertImageInsert: b
+    } = i.messages, o = A(this), u = l && l.state;
+    u && u.selection instanceof C && u.selection.node.type === u.schema.nodes[i.node] && u.selection.node.attrs;
+    const y = t(N, null, {
+      default: () => [t(O, {
+        horizontal: !0
+      }, {
+        default: () => [t(m, null, {
+          default: () => [t("label", {
+            for: "k-editor-image-url",
+            class: "k-form-label"
+          }, [o.toLanguageString(p, r[p])]), t("div", {
+            class: "k-form-field-wrap"
+          }, [t(f, {
+            id: "k-editor-image-url",
+            value: this.srcValue,
+            onInput: this.handleSrcInput,
+            ref: g(this, "src")
+          }, null)])]
+        }), t(m, null, {
+          default: () => [t("label", {
+            for: "k-editor-image-url",
+            class: "k-form-label"
+          }, [o.toLanguageString(a, r[a])]), t("div", {
+            class: "k-form-field-wrap"
+          }, [t(f, {
+            id: "k-editor-image-alt",
+            value: this.altValue,
+            onInput: this.handleAltInput,
+            ref: g(this, "altText")
+          }, null)])]
+        }), t(m, null, {
+          default: () => [t("label", {
+            for: "k-editor-image-title",
+            class: "k-form-label"
+          }, [o.toLanguageString(I, r[I])]), t("div", {
+            class: "k-form-field-wrap"
+          }, [t(f, {
+            id: "k-editor-image-title",
+            value: this.titleValue,
+            onInput: this.handleTitleInput,
+            ref: g(this, "title")
+          }, null)])]
+        }), t(m, null, {
+          default: () => [t("label", {
+            for: "k-editor-image-width",
+            class: "k-form-label"
+          }, [o.toLanguageString(h, r[h])]), t("div", {
+            class: "k-form-field-wrap"
+          }, [t(f, {
+            id: "k-editor-image-width",
+            value: this.widthValue,
+            onInput: this.handleWidthInput,
+            ref: g(this, "width")
+          }, null)])]
+        }), t(m, null, {
+          default: () => [t("label", {
+            for: "k-editor-image-height",
+            class: "k-form-label"
+          }, [o.toLanguageString(v, r[v])]), t("div", {
+            class: "k-form-field-wrap"
+          }, [t(f, {
+            id: "k-editor-image-height",
+            value: this.heightValue,
+            onInput: this.handleHeightInput,
+            ref: g(this, "height")
+          }, null)])]
+        })]
+      })]
+    }), w = [t(S, {
+      type: "button",
+      onClick: this.onClose,
+      dir: s,
+      key: "cancel"
+    }, k(e = o.toLanguageString(V, r[V])) ? e : {
+      default: () => [e]
+    }), t(S, {
+      type: "button",
+      disabled: !this.srcValue,
+      onClick: this.onInsert,
+      themeColor: "primary",
+      dir: s,
+      key: "insert"
+    }, k(n = o.toLanguageString(b, r[b])) ? n : {
+      default: () => [n]
+    })];
+    return t(j, {
+      initialWidth: 500,
+      initialHeight: 360,
+      windowClass: "k-editor-window",
+      title: o.toLanguageString(d, r[d]),
+      onClose: this.onClose,
+      key: "dialog",
+      dir: s,
+      style: s === "rtl" ? {
+        textAlign: "right"
+      } : void 0,
+      modal: !0,
+      minimizeButton: () => null,
+      maximizeButton: () => null,
+      resizable: !1
+    }, {
+      default: () => [y, t(x, null, k(w) ? w : {
+        default: () => [w]
+      })]
+    });
+  },
+  methods: {
+    handleSrcInput(e) {
+      this.srcValue = e.value;
+    },
+    handleAltInput(e) {
+      this.altValue = e.value;
+    },
+    handleTitleInput(e) {
+      this.titleValue = e.value;
+    },
+    handleWidthInput(e) {
+      this.widthValue = e.value;
+    },
+    handleHeightInput(e) {
+      this.heightValue = e.value;
+    },
+    onClose() {
+      this.$props.view.focus(), this.$emit("close");
+    },
+    onInsert() {
+      const {
+        view: e,
+        settings: n
+      } = this.$props, i = e.state.schema.nodes[n.node], s = {
+        src: this.src ? this.srcValue : null,
+        title: this.title ? this.titleValue : null,
+        alt: this.altText ? this.altValue : null,
+        width: this.width ? this.widthValue : null,
+        height: this.height ? this.heightValue : null
+      }, d = Object.keys(s).filter((a) => s[a] !== null && s[a] !== "").reduce((a, h) => Object.assign(a, {
+        [h]: s[h]
+      }), {}), p = i.createAndFill(d);
+      z(p, !0)(e.state, (a) => e.dispatch(a.setMeta("commandName", n.commandName).setMeta("args", d))), this.onClose();
+    }
+  }
+});
+export {
+  K as InsertImageDialog
+};

package/dialogs/insertLink.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),p=require("@progress/kendo-vue-dialogs"),m=require("@progress/kendo-vue-buttons"),V=require("@progress/kendo-editor-common"),v=require("@progress/kendo-vue-intl"),s=require("../messages/main.js"),o=require("@progress/kendo-vue-common"),a=require("@progress/kendo-vue-form"),d=require("@progress/kendo-vue-inputs");function C(e){return typeof e=="function"||Object.prototype.toString.call(e)==="[object Object]"&&!t.isVNode(e)}const y=t.defineComponent({name:"KendoInsertLinkDialog",emits:{close:null},props:{view:Object,settings:Object,dir:String},data(){const{view:e,settings:n}=this.$props,i=e?V.getMark(e.state,e.state.schema.marks[n.mark]):!1;return{hrefValue:i&&i.attrs.href||void 0,titleValue:i&&i.attrs.title||void 0,targetValue:i&&!!i.attrs.target||void 0}},inject:{kendoLocalizationService:{default:null}},mounted(){this.href=o.getRef(this,"href"),this.title=o.getRef(this,"title"),this.target=o.getRef(this,"target"),this.href&&this.href.focus()},render(){let e,n;const{settings:i,dir:l}=this.$props,r=v.provideLocalizationService(this),{insertHyperlinkDialogTitle:u,insertHyperlinkAddress:c,insertHyperlinkTitle:h,insertHyperlinkNewWindow:g,insertHyperlinkCancel:f,insertHyperlinkInsert:k}=i.messages,N=r.toLanguageString(g,s.messages[g]),b=t.createVNode(a.Form,null,{default:()=>[t.createVNode(a.FormElement,{horizontal:!0},{default:()=>[t.createVNode(a.FieldWrapper,null,{default:()=>[t.createVNode("label",{for:"k-editor-link-url",class:"k-form-label"},[r.toLanguageString(c,s.messages[c])]),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(d.Input,{id:"k-editor-link-url",ref:o.setRef(this,"href"),onInput:this.hrefChange,value:this.hrefValue},null)])]}),t.createVNode(a.FieldWrapper,null,{default:()=>[t.createVNode("label",{for:"k-editor-link-text",class:"k-form-label"},[r.toLanguageString(h,s.messages[h])]),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(d.Input,{id:"k-editor-link-text",ref:o.setRef(this,"title"),onInput:this.titleChange,value:this.titleValue},null)])]}),i.linkTarget!==!1&&t.createVNode(a.FieldWrapper,null,{default:()=>[t.createVNode("div",{class:"k-form-label"},null),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(d.Checkbox,{id:"k-editor-link-target",ref:o.setRef(this,"target"),label:N,onChange:this.targetChange,checked:this.targetValue},null)])]})]})]});return t.createVNode(p.Window,{initialWidth:450,initialHeight:250,windowClass:"k-editor-window",title:r.toLanguageString(u,s.messages[u]),onClose:this.onClose,dir:l,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},{default:()=>[b,t.createVNode(p.DialogActionsBar,null,{default:()=>[t.createVNode(m.Button,{type:"button",onClick:this.onClose,dir:l,key:"cancel"},C(e=r.toLanguageString(f,s.messages[f]))?e:{default:()=>[e]}),t.createVNode(m.Button,{type:"button",onClick:this.onInsert,themeColor:"primary",dir:l,key:"insert"},C(n=r.toLanguageString(k,s.messages[k]))?n:{default:()=>[n]})]})]})},methods:{hrefChange(e){this.hrefValue=e.value},titleChange(e){this.titleValue=e.value},targetChange(e){this.targetValue=e.value},onClose(){this.$props.view.focus(),this.$emit("close")},onInsert(){const e=this.$props.view,n=this.$props.settings.mark,i={href:this.href?this.hrefValue:void 0,title:this.title?this.titleValue:void 0,target:this.target&&this.targetValue?"_blank":void 0};V.applyLink({mark:n,attrs:i},this.$props.settings.commandName)(e.state,e.dispatch),this.onClose()}}});exports.InsertLinkDialog=y;