@progress/kendo-vue-editor 10.0.1-develop.6 → 10.1.0-develop.1

package/dialogs/insertImage.d.ts

@@ -26,6 +26,7 @@ declare const InsertImageDialog: import('vue').DefineComponent<import('vue').Ext
     titleValue: any;
     widthValue: any;
     heightValue: any;
+    srcInvalid: boolean;
 }, {}, {
     handleSrcInput(e: any): void;
     handleAltInput(e: any): void;

package/dialogs/insertImage.js

@@ -5,4 +5,4 @@
  * 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;
+"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,srcInvalid:!1}},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:v,insertImageInsert:w}=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"),valid:!this.srcInvalid},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(v,d.messages[v]))?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(w,d.messages[w]))?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,this.srcInvalid=!1},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];if(this.src&&!s.isSafeUrl(this.srcValue)){this.srcInvalid=!0;return}const 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

@@ -11,13 +11,13 @@ import { Button as S } from "@progress/kendo-vue-buttons";
 import { insertNode as z, NodeSelection as C } from "@progress/kendo-editor-common";
 import { provideLocalizationService as A } from "@progress/kendo-vue-intl";
 import { messages as r } from "../messages/main.mjs";
-import { setRef as c, getRef as g } from "@progress/kendo-vue-common";
-import { Form as N, FormElement as O, FieldWrapper as m } from "@progress/kendo-vue-form";
+import { isSafeUrl as N, setRef as c, getRef as g } from "@progress/kendo-vue-common";
+import { Form as O, FormElement as W, FieldWrapper as m } from "@progress/kendo-vue-form";
 import { Input as f } from "@progress/kendo-vue-inputs";
-function k(e) {
+function w(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !T(e);
 }
-const K = /* @__PURE__ */ L({
+const U = /* @__PURE__ */ L({
   name: "KendoInsertImageDialog",
   emits: {
     close: null
@@ -43,7 +43,8 @@ const K = /* @__PURE__ */ L({
       altValue: i.alt,
       titleValue: i.title,
       widthValue: i.width,
-      heightValue: i.height
+      heightValue: i.height,
+      srcInvalid: !1
     };
   },
   mounted() {
@@ -61,13 +62,13 @@ const K = /* @__PURE__ */ L({
       insertImageTitle: I,
       insertImageAltText: a,
       insertImageWidth: h,
-      insertImageHeight: v,
+      insertImageHeight: k,
       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, {
+    const y = t(O, null, {
+      default: () => [t(W, {
         horizontal: !0
       }, {
         default: () => [t(m, null, {
@@ -80,7 +81,8 @@ const K = /* @__PURE__ */ L({
             id: "k-editor-image-url",
             value: this.srcValue,
             onInput: this.handleSrcInput,
-            ref: c(this, "src")
+            ref: c(this, "src"),
+            valid: !this.srcInvalid
           }, null)])]
         }), t(m, null, {
           default: () => [t("label", {
@@ -122,7 +124,7 @@ const K = /* @__PURE__ */ L({
           default: () => [t("label", {
             for: "k-editor-image-height",
             class: "k-form-label"
-          }, [o.toLanguageString(v, r[v])]), t("div", {
+          }, [o.toLanguageString(k, r[k])]), t("div", {
             class: "k-form-field-wrap"
           }, [t(f, {
             id: "k-editor-image-height",
@@ -132,12 +134,12 @@ const K = /* @__PURE__ */ L({
           }, null)])]
         })]
       })]
-    }), w = [t(S, {
+    }), v = [t(S, {
       type: "button",
       onClick: this.onClose,
       dir: s,
       key: "cancel"
-    }, k(e = o.toLanguageString(V, r[V])) ? e : {
+    }, w(e = o.toLanguageString(V, r[V])) ? e : {
       default: () => [e]
     }), t(S, {
       type: "button",
@@ -146,7 +148,7 @@ const K = /* @__PURE__ */ L({
       themeColor: "primary",
       dir: s,
       key: "insert"
-    }, k(n = o.toLanguageString(b, r[b])) ? n : {
+    }, w(n = o.toLanguageString(b, r[b])) ? n : {
       default: () => [n]
     })];
     return t(j, {
@@ -165,14 +167,14 @@ const K = /* @__PURE__ */ L({
       maximizeButton: () => null,
       resizable: !1
     }, {
-      default: () => [y, t(x, null, k(w) ? w : {
-        default: () => [w]
+      default: () => [y, t(x, null, w(v) ? v : {
+        default: () => [v]
       })]
     });
   },
   methods: {
     handleSrcInput(e) {
-      this.srcValue = e.value;
+      this.srcValue = e.value, this.srcInvalid = !1;
     },
     handleAltInput(e) {
       this.altValue = e.value;
@@ -193,7 +195,12 @@ const K = /* @__PURE__ */ L({
       const {
         view: e,
         settings: n
-      } = this.$props, i = e.state.schema.nodes[n.node], s = {
+      } = this.$props, i = e.state.schema.nodes[n.node];
+      if (this.src && !N(this.srcValue)) {
+        this.srcInvalid = !0;
+        return;
+      }
+      const s = {
         src: this.src ? this.srcValue : null,
         title: this.title ? this.titleValue : null,
         alt: this.altText ? this.altValue : null,
@@ -207,5 +214,5 @@ const K = /* @__PURE__ */ L({
   }
 });
 export {
-  K as InsertImageDialog
+  U as InsertImageDialog
 };

package/dialogs/insertLink.d.ts

@@ -24,6 +24,7 @@ declare const InsertLinkDialog: import('vue').DefineComponent<import('vue').Extr
     hrefValue: any;
     titleValue: any;
     targetValue: true;
+    hrefInvalid: boolean;
 }, {}, {
     hrefChange(e: any): void;
     titleChange(e: any): void;

package/dialogs/insertLink.js

@@ -5,4 +5,4 @@
  * 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;
+"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"),b=require("@progress/kendo-vue-intl"),a=require("../messages/main.js"),n=require("@progress/kendo-vue-common"),l=require("@progress/kendo-vue-form"),d=require("@progress/kendo-vue-inputs");function v(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:r}=this.$props,i=e?V.getMark(e.state,e.state.schema.marks[r.mark]):!1;return{hrefValue:i&&i.attrs.href||void 0,titleValue:i&&i.attrs.title||void 0,targetValue:i&&!!i.attrs.target||void 0,hrefInvalid:!1}},inject:{kendoLocalizationService:{default:null}},mounted(){this.href=n.getRef(this,"href"),this.title=n.getRef(this,"title"),this.target=n.getRef(this,"target"),this.href&&this.href.focus()},render(){let e,r;const{settings:i,dir:o}=this.$props,s=b.provideLocalizationService(this),{insertHyperlinkDialogTitle:u,insertHyperlinkAddress:c,insertHyperlinkTitle:h,insertHyperlinkNewWindow:f,insertHyperlinkCancel:g,insertHyperlinkInsert:k}=i.messages,C=s.toLanguageString(f,a.messages[f]),N=t.createVNode(l.Form,null,{default:()=>[t.createVNode(l.FormElement,{horizontal:!0},{default:()=>[t.createVNode(l.FieldWrapper,null,{default:()=>[t.createVNode("label",{for:"k-editor-link-url",class:"k-form-label"},[s.toLanguageString(c,a.messages[c])]),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(d.Input,{id:"k-editor-link-url",ref:n.setRef(this,"href"),onInput:this.hrefChange,value:this.hrefValue,valid:!this.hrefInvalid},null)])]}),t.createVNode(l.FieldWrapper,null,{default:()=>[t.createVNode("label",{for:"k-editor-link-text",class:"k-form-label"},[s.toLanguageString(h,a.messages[h])]),t.createVNode("div",{class:"k-form-field-wrap"},[t.createVNode(d.Input,{id:"k-editor-link-text",ref:n.setRef(this,"title"),onInput:this.titleChange,value:this.titleValue},null)])]}),i.linkTarget!==!1&&t.createVNode(l.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:n.setRef(this,"target"),label:C,onChange:this.targetChange,checked:this.targetValue},null)])]})]})]});return t.createVNode(p.Window,{initialWidth:450,initialHeight:250,windowClass:"k-editor-window",title:s.toLanguageString(u,a.messages[u]),onClose:this.onClose,dir:o,modal:!0,minimizeButton:()=>null,maximizeButton:()=>null,resizable:!1},{default:()=>[N,t.createVNode(p.DialogActionsBar,null,{default:()=>[t.createVNode(m.Button,{type:"button",onClick:this.onClose,dir:o,key:"cancel"},v(e=s.toLanguageString(g,a.messages[g]))?e:{default:()=>[e]}),t.createVNode(m.Button,{type:"button",onClick:this.onInsert,themeColor:"primary",dir:o,key:"insert"},v(r=s.toLanguageString(k,a.messages[k]))?r:{default:()=>[r]})]})]})},methods:{hrefChange(e){this.hrefValue=e.value,this.hrefInvalid=!1},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,r=this.$props.settings.mark;if(this.href&&!n.isSafeUrl(this.hrefValue)){this.hrefInvalid=!0;return}const 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:r,attrs:i},this.$props.settings.commandName)(e.state,e.dispatch),this.onClose()}}});exports.InsertLinkDialog=y;

package/dialogs/insertLink.mjs

@@ -5,19 +5,19 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as w, createVNode as e, isVNode as y } from "vue";
-import { Window as V, DialogActionsBar as L } from "@progress/kendo-vue-dialogs";
+import { defineComponent as w, createVNode as e, isVNode as V } from "vue";
+import { Window as y, DialogActionsBar as I } from "@progress/kendo-vue-dialogs";
 import { Button as p } from "@progress/kendo-vue-buttons";
-import { applyLink as S, getMark as I } from "@progress/kendo-editor-common";
+import { applyLink as L, getMark as S } from "@progress/kendo-editor-common";
 import { provideLocalizationService as z } from "@progress/kendo-vue-intl";
-import { messages as r } from "../messages/main.mjs";
-import { setRef as s, getRef as a } from "@progress/kendo-vue-common";
-import { Form as H, FormElement as $, FieldWrapper as u } from "@progress/kendo-vue-form";
-import { Input as k, Checkbox as j } from "@progress/kendo-vue-inputs";
-function C(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !y(t);
+import { messages as n } from "../messages/main.mjs";
+import { isSafeUrl as H, setRef as s, getRef as o } from "@progress/kendo-vue-common";
+import { Form as $, FormElement as j, FieldWrapper as h } from "@progress/kendo-vue-form";
+import { Input as k, Checkbox as x } from "@progress/kendo-vue-inputs";
+function v(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !V(t);
 }
-const M = /* @__PURE__ */ w({
+const R = /* @__PURE__ */ w({
   name: "KendoInsertLinkDialog",
   emits: {
     close: null
@@ -31,11 +31,12 @@ const M = /* @__PURE__ */ w({
     const {
       view: t,
       settings: l
-    } = this.$props, i = t ? I(t.state, t.state.schema.marks[l.mark]) : !1;
+    } = this.$props, i = t ? S(t.state, t.state.schema.marks[l.mark]) : !1;
     return {
       hrefValue: i && i.attrs.href || void 0,
       titleValue: i && i.attrs.title || void 0,
-      targetValue: i && !!i.attrs.target || void 0
+      targetValue: i && !!i.attrs.target || void 0,
+      hrefInvalid: !1
     };
   },
   inject: {
@@ -44,41 +45,42 @@ const M = /* @__PURE__ */ w({
     }
   },
   mounted() {
-    this.href = a(this, "href"), this.title = a(this, "title"), this.target = a(this, "target"), this.href && this.href.focus();
+    this.href = o(this, "href"), this.title = o(this, "title"), this.target = o(this, "target"), this.href && this.href.focus();
   },
   render() {
     let t, l;
     const {
       settings: i,
-      dir: o
-    } = this.$props, n = z(this), {
-      insertHyperlinkDialogTitle: h,
-      insertHyperlinkAddress: d,
-      insertHyperlinkTitle: f,
+      dir: a
+    } = this.$props, r = z(this), {
+      insertHyperlinkDialogTitle: f,
+      insertHyperlinkAddress: u,
+      insertHyperlinkTitle: d,
       insertHyperlinkNewWindow: g,
       insertHyperlinkCancel: c,
       insertHyperlinkInsert: m
-    } = i.messages, b = n.toLanguageString(g, r[g]), v = e(H, null, {
-      default: () => [e($, {
+    } = i.messages, C = r.toLanguageString(g, n[g]), b = e($, null, {
+      default: () => [e(j, {
         horizontal: !0
       }, {
-        default: () => [e(u, null, {
+        default: () => [e(h, null, {
           default: () => [e("label", {
             for: "k-editor-link-url",
             class: "k-form-label"
-          }, [n.toLanguageString(d, r[d])]), e("div", {
+          }, [r.toLanguageString(u, n[u])]), e("div", {
             class: "k-form-field-wrap"
           }, [e(k, {
             id: "k-editor-link-url",
             ref: s(this, "href"),
             onInput: this.hrefChange,
-            value: this.hrefValue
+            value: this.hrefValue,
+            valid: !this.hrefInvalid
           }, null)])]
-        }), e(u, null, {
+        }), e(h, null, {
           default: () => [e("label", {
             for: "k-editor-link-text",
             class: "k-form-label"
-          }, [n.toLanguageString(f, r[f])]), e("div", {
+          }, [r.toLanguageString(d, n[d])]), e("div", {
             class: "k-form-field-wrap"
           }, [e(k, {
             id: "k-editor-link-text",
@@ -86,48 +88,48 @@ const M = /* @__PURE__ */ w({
             onInput: this.titleChange,
             value: this.titleValue
           }, null)])]
-        }), i.linkTarget !== !1 && e(u, null, {
+        }), i.linkTarget !== !1 && e(h, null, {
           default: () => [e("div", {
             class: "k-form-label"
           }, null), e("div", {
             class: "k-form-field-wrap"
-          }, [e(j, {
+          }, [e(x, {
             id: "k-editor-link-target",
             ref: s(this, "target"),
-            label: b,
+            label: C,
             onChange: this.targetChange,
             checked: this.targetValue
           }, null)])]
         })]
       })]
     });
-    return e(V, {
+    return e(y, {
       initialWidth: 450,
       initialHeight: 250,
       windowClass: "k-editor-window",
-      title: n.toLanguageString(h, r[h]),
+      title: r.toLanguageString(f, n[f]),
       onClose: this.onClose,
-      dir: o,
+      dir: a,
       modal: !0,
       minimizeButton: () => null,
       maximizeButton: () => null,
       resizable: !1
     }, {
-      default: () => [v, e(L, null, {
+      default: () => [b, e(I, null, {
         default: () => [e(p, {
           type: "button",
           onClick: this.onClose,
-          dir: o,
+          dir: a,
           key: "cancel"
-        }, C(t = n.toLanguageString(c, r[c])) ? t : {
+        }, v(t = r.toLanguageString(c, n[c])) ? t : {
           default: () => [t]
         }), e(p, {
           type: "button",
           onClick: this.onInsert,
           themeColor: "primary",
-          dir: o,
+          dir: a,
           key: "insert"
-        }, C(l = n.toLanguageString(m, r[m])) ? l : {
+        }, v(l = r.toLanguageString(m, n[m])) ? l : {
           default: () => [l]
         })]
       })]
@@ -135,7 +137,7 @@ const M = /* @__PURE__ */ w({
   },
   methods: {
     hrefChange(t) {
-      this.hrefValue = t.value;
+      this.hrefValue = t.value, this.hrefInvalid = !1;
     },
     titleChange(t) {
       this.titleValue = t.value;
@@ -147,12 +149,17 @@ const M = /* @__PURE__ */ w({
       this.$props.view.focus(), this.$emit("close");
     },
     onInsert() {
-      const t = this.$props.view, l = this.$props.settings.mark, i = {
+      const t = this.$props.view, l = this.$props.settings.mark;
+      if (this.href && !H(this.hrefValue)) {
+        this.hrefInvalid = !0;
+        return;
+      }
+      const i = {
         href: this.href ? this.hrefValue : void 0,
         title: this.title ? this.titleValue : void 0,
         target: this.target && this.targetValue ? "_blank" : void 0
       };
-      S({
+      L({
         mark: l,
         attrs: i
       }, this.$props.settings.commandName)(t.state, t.dispatch), this.onClose();
@@ -160,5 +167,5 @@ const M = /* @__PURE__ */ w({
   }
 });
 export {
-  M as InsertLinkDialog
+  R as InsertLinkDialog
 };