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

package/tools/applyColor.mjs

@@ -0,0 +1,71 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ColorPicker as a } from "@progress/kendo-vue-inputs";
+import { applyInlineStyle as l } from "@progress/kendo-editor-common";
+import { provideLocalizationService as c } from "@progress/kendo-vue-intl";
+import { messages as s } from "../messages/main.mjs";
+import { defineComponent as p, h as m } from "vue";
+const C = /* @__PURE__ */ p({
+  name: "KendoApplyColor",
+  props: {
+    view: Object,
+    color: String,
+    colorPickerProps: Object,
+    commandName: String,
+    dir: String,
+    ariaLabel: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      colorPickerProps: t,
+      dir: o,
+      ariaLabel: r
+    } = this.$props, e = t.title, i = c(this), n = {
+      ...t,
+      dir: o,
+      showButtons: !1,
+      showClearButton: !1,
+      showPreview: !1,
+      title: e && i.toLanguageString(e, s[e]),
+      ariaLabel: r
+    };
+    return m(a, {
+      onChange: this.onChange,
+      onActivecolorclick: this.onChange,
+      ...n
+    });
+  },
+  methods: {
+    onChange(t) {
+      const {
+        view: o,
+        color: r,
+        colorPickerProps: e,
+        commandName: i
+      } = this.$props;
+      if (o) {
+        l({
+          style: r,
+          value: t.value
+        }, i)(o.state, o.dispatch);
+        const {
+          view: n = "palette"
+        } = e;
+        n === "palette" && o.focus();
+      }
+    }
+  }
+});
+export {
+  C as ApplyColor
+};

package/tools/cleanFormatting.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 o=require("@progress/kendo-vue-buttons"),l=require("@progress/kendo-vue-intl"),u=require("../messages/main.js"),d=require("@progress/kendo-editor-common"),m=require("../config/toolsSettings.js"),i=require("vue"),{cleanFormatting:p}=m.EditorToolsSettings,s=d.cleanFormatting(),g=i.defineComponent({name:"KendoCleanFormatting",props:{view:Object,settings:{type:Object,default:function(){return p}},...o.Button.props},inject:{kendoLocalizationService:{default:null}},render(){const{view:t,render:h,settings:e,...r}=this.$props,n=e.messages.title,a=l.provideLocalizationService(this),c={...r,disabled:!t||!s(t.state),title:a.toLanguageString(n,u.messages[n]),...e.props};return i.h(o.Button,{onClick:this.handleClick,onMousedown:this.preventDefault,onPointerdown:this.preventDefault,...c})},methods:{handleClick(){this.view&&s(this.view.state,t=>{t.setMeta("commandName",this.settings.commandName),this.view.dispatch(t)})},preventDefault(t){t.preventDefault()}}});exports.CleanFormatting=g;

package/tools/cleanFormatting.mjs

@@ -0,0 +1,65 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Button as n } from "@progress/kendo-vue-buttons";
+import { provideLocalizationService as m } from "@progress/kendo-vue-intl";
+import { messages as c } from "../messages/main.mjs";
+import { cleanFormatting as l } from "@progress/kendo-editor-common";
+import { EditorToolsSettings as p } from "../config/toolsSettings.mjs";
+import { defineComponent as d, h as u } from "vue";
+const {
+  cleanFormatting: f
+} = p, i = l(), D = /* @__PURE__ */ d({
+  name: "KendoCleanFormatting",
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return f;
+      }
+    },
+    ...n.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      view: t,
+      render: h,
+      settings: e,
+      ...s
+    } = this.$props, o = e.messages.title, r = m(this), a = {
+      ...s,
+      disabled: !t || !i(t.state),
+      title: r.toLanguageString(o, c[o]),
+      ...e.props
+    };
+    return u(n, {
+      onClick: this.handleClick,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      ...a
+    });
+  },
+  methods: {
+    handleClick() {
+      this.view && i(this.view.state, (t) => {
+        t.setMeta("commandName", this.settings.commandName), this.view.dispatch(t);
+      });
+    },
+    preventDefault(t) {
+      t.preventDefault();
+    }
+  }
+});
+export {
+  D as CleanFormatting
+};

package/tools/findReplace.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 o=require("vue"),n=require("@progress/kendo-vue-buttons"),d=require("../dialogs/FindReplace.js"),c=require("../messages/main.js"),u=require("../config/toolsSettings.js"),p=require("@progress/kendo-vue-intl"),i=u.EditorToolsSettings.findAndReplace,h=o.defineComponent({name:"KendoFindAndReplace",props:{view:Object,...n.Button.props},inject:{kendoLocalizationService:{default:null}},data(){return{showDialog:!1}},render(){const{view:e,...s}=this.$props,l=p.provideLocalizationService(this),t=i.messages.findReplaceToolTitle,r={...s,key:"tool",disabled:!e,title:l.toLanguageString(t,c.messages[t]),...i.props},a=o.h(n.Button,{onClick:this.onOpen,onMousedown:this.preventDefault,onPointerdown:this.preventDefault,...r});return o.createVNode("span",null,[a,this.showDialog&&e&&o.createVNode(d.FindAndReplaceDialog,{view:e,onClose:this.onClose,dir:this.$props.dir,key:"dialog"},null)])},methods:{onClose(){this.showDialog=!1},onOpen(){this.showDialog=!0},preventDefault(e){e.preventDefault()}}});exports.FindAndReplace=h;

package/tools/findReplace.mjs

@@ -0,0 +1,67 @@
+/**
+ * @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 p, h as d, createVNode as t } from "vue";
+import { Button as n } from "@progress/kendo-vue-buttons";
+import { FindAndReplaceDialog as c } from "../dialogs/FindReplace.mjs";
+import { messages as h } from "../messages/main.mjs";
+import { EditorToolsSettings as m } from "../config/toolsSettings.mjs";
+import { provideLocalizationService as f } from "@progress/kendo-vue-intl";
+const i = m.findAndReplace, R = /* @__PURE__ */ p({
+  name: "KendoFindAndReplace",
+  props: {
+    view: Object,
+    ...n.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      showDialog: !1
+    };
+  },
+  render() {
+    const {
+      view: o,
+      ...s
+    } = this.$props, r = f(this), e = i.messages.findReplaceToolTitle, l = {
+      ...s,
+      key: "tool",
+      disabled: !o,
+      title: r.toLanguageString(e, h[e]),
+      ...i.props
+    }, a = d(n, {
+      onClick: this.onOpen,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      ...l
+    });
+    return t("span", null, [a, this.showDialog && o && t(c, {
+      view: o,
+      onClose: this.onClose,
+      dir: this.$props.dir,
+      key: "dialog"
+    }, null)]);
+  },
+  methods: {
+    onClose() {
+      this.showDialog = !1;
+    },
+    onOpen() {
+      this.showDialog = !0;
+    },
+    preventDefault(o) {
+      o.preventDefault();
+    }
+  }
+});
+export {
+  R as FindAndReplace
+};

package/tools/fontStyle.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 d=require("@progress/kendo-vue-dropdowns"),u=require("@progress/kendo-editor-common"),f=require("./utils.js"),I=require("@progress/kendo-vue-intl"),h=require("../messages/main.js"),m=require("vue"),k=m.defineComponent({name:"KendoFontName",props:{view:Object,settings:{type:Object,default:function(){return{messages:{}}}},...d.DropDownList.props},inject:{kendoLocalizationService:{default:null}},render(){const{view:n,render:o,dataItems:t,settings:s,defaultItem:i,...a}=this.$props,{style:p}=s,c=n?u.getInlineStyles(n.state,{name:p,value:/^.+$/}):[],l=new Set(c).size===1?c[0]:null,r=t||s.items;let e=i||s.defaultItem;const y=I.provideLocalizationService(this);e&&e.localizationKey&&(e={...e},e.text=e.localizationKey?y.toLanguageString(e.localizationKey,h.messages[e.localizationKey]):e.text);const v={...a,value:l&&r.find(g=>g.value===l),dataItems:r,defaultItem:e,itemRender:this.customItemRender,textField:"text",dataItemKey:"value",leftRightKeysNavigation:!1,title:e.text,...s.props};return m.h(d.DropDownList,{onChange:this.onChange,style:f.userSelectNone,...v})},methods:{customItemRender(n,o,t){return t.dataItem.style?n("li",{class:t.itemClass,onClick:t.onClick,on:{click:t.onClick}},[n("span",{style:t.dataItem.style},[...o.children])]):o},onChange(n){const{view:o,settings:t}=this.$props,{style:s}=t,i=n.target.value;if(o){u.applyInlineStyle({style:s,value:i.value},t.commandName)(o.state,o.dispatch);const{event:a}=n;a&&a.type==="click"&&o.focus()}}}});exports.FontName=k;

package/tools/fontStyle.mjs

@@ -0,0 +1,104 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DropDownList as m } from "@progress/kendo-vue-dropdowns";
+import { getInlineStyles as y, applyInlineStyle as v } from "@progress/kendo-editor-common";
+import { userSelectNone as g } from "./utils.mjs";
+import { provideLocalizationService as h } from "@progress/kendo-vue-intl";
+import { messages as I } from "../messages/main.mjs";
+import { defineComponent as z, h as C } from "vue";
+const R = /* @__PURE__ */ z({
+  name: "KendoFontName",
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return {
+          messages: {}
+        };
+      }
+    },
+    ...m.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      view: o,
+      render: n,
+      dataItems: t,
+      settings: s,
+      defaultItem: i,
+      ...a
+    } = this.$props, {
+      style: d
+    } = s, c = o ? y(o.state, {
+      name: d,
+      value: /^.+$/
+    }) : [], l = new Set(c).size === 1 ? c[0] : null, r = t || s.items;
+    let e = i || s.defaultItem;
+    const p = h(this);
+    e && e.localizationKey && (e = {
+      ...e
+    }, e.text = e.localizationKey ? p.toLanguageString(e.localizationKey, I[e.localizationKey]) : e.text);
+    const u = {
+      ...a,
+      value: l && r.find((f) => f.value === l),
+      dataItems: r,
+      defaultItem: e,
+      itemRender: this.customItemRender,
+      textField: "text",
+      dataItemKey: "value",
+      leftRightKeysNavigation: !1,
+      title: e.text,
+      ...s.props
+    };
+    return C(m, {
+      onChange: this.onChange,
+      style: g,
+      ...u
+    });
+  },
+  methods: {
+    customItemRender(o, n, t) {
+      return t.dataItem.style ? o("li", {
+        class: t.itemClass,
+        onClick: t.onClick,
+        on: {
+          click: t.onClick
+        }
+      }, [o("span", {
+        style: t.dataItem.style
+      }, [...n.children])]) : n;
+    },
+    onChange(o) {
+      const {
+        view: n,
+        settings: t
+      } = this.$props, {
+        style: s
+      } = t, i = o.target.value;
+      if (n) {
+        v({
+          style: s,
+          value: i.value
+        }, t.commandName)(n.state, n.dispatch);
+        const {
+          event: a
+        } = o;
+        a && a.type === "click" && n.focus();
+      }
+    }
+  }
+});
+export {
+  R as FontName
+};

package/tools/formatBlock.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 d=require("@progress/kendo-vue-dropdowns"),u=require("@progress/kendo-editor-common"),h=require("./utils.js"),k=require("@progress/kendo-vue-intl"),y=require("../messages/main.js"),m=require("vue"),I=m.defineComponent({name:"KendoFormatBlock",props:{view:Object,settings:{type:Object,default:function(){return{messages:{}}}},...d.DropDownList.props},inject:{kendoLocalizationService:{default:null}},render(){const{view:o,render:n,dataItems:t,settings:s,defaultItem:a,...p}=this.$props,l=t||s.items,c=o&&o.state,r=c?u.getBlockFormats(c):[],i=new Set(r).size===1?r[0]:null;let e=a||s.defaultItem;const f=k.provideLocalizationService(this);e&&e.localizationKey&&(e={...e},e.text=e.localizationKey?f.toLanguageString(e.localizationKey,y.messages[e.localizationKey]):e.text);const g={...p,value:i&&l.find(v=>v.value===i),dataItems:l,defaultItem:e,itemRender:this.customItemRender,textField:"text",dataItemKey:"value",leftRightKeysNavigation:!1,popupSettings:{width:"170px"},title:e.text,...s.props};return m.h(d.DropDownList,{onChange:this.onChange,style:h.userSelectNone,...g})},methods:{customItemRender(o,n,t){return t.dataItem.style?o("li",{class:t.itemClass,onClick:t.onClick,on:{click:t.onClick}},[o("span",{style:t.dataItem.style},[...n.children])]):n},onChange(o){const{view:n,settings:t}=this.$props,s=o.target.value;if(n&&u.formatBlockElements(s.value,t.commandName)(n.state,n.dispatch)){const{event:a}=o;a&&a.type==="click"&&n.focus()}}}});exports.FormatBlock=I;

package/tools/formatBlock.mjs

@@ -0,0 +1,96 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DropDownList as m } from "@progress/kendo-vue-dropdowns";
+import { getBlockFormats as g, formatBlockElements as h } from "@progress/kendo-editor-common";
+import { userSelectNone as v } from "./utils.mjs";
+import { provideLocalizationService as y } from "@progress/kendo-vue-intl";
+import { messages as I } from "../messages/main.mjs";
+import { defineComponent as k, h as w } from "vue";
+const L = /* @__PURE__ */ k({
+  name: "KendoFormatBlock",
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return {
+          messages: {}
+        };
+      }
+    },
+    ...m.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      view: o,
+      render: n,
+      dataItems: e,
+      settings: a,
+      defaultItem: s,
+      ...d
+    } = this.$props, l = e || a.items, c = o && o.state, r = c ? g(c) : [], i = new Set(r).size === 1 ? r[0] : null;
+    let t = s || a.defaultItem;
+    const p = y(this);
+    t && t.localizationKey && (t = {
+      ...t
+    }, t.text = t.localizationKey ? p.toLanguageString(t.localizationKey, I[t.localizationKey]) : t.text);
+    const u = {
+      ...d,
+      value: i && l.find((f) => f.value === i),
+      dataItems: l,
+      defaultItem: t,
+      itemRender: this.customItemRender,
+      textField: "text",
+      dataItemKey: "value",
+      leftRightKeysNavigation: !1,
+      popupSettings: {
+        width: "170px"
+      },
+      title: t.text,
+      ...a.props
+    };
+    return w(m, {
+      onChange: this.onChange,
+      style: v,
+      ...u
+    });
+  },
+  methods: {
+    customItemRender(o, n, e) {
+      return e.dataItem.style ? o("li", {
+        class: e.itemClass,
+        onClick: e.onClick,
+        on: {
+          click: e.onClick
+        }
+      }, [o("span", {
+        style: e.dataItem.style
+      }, [...n.children])]) : n;
+    },
+    onChange(o) {
+      const {
+        view: n,
+        settings: e
+      } = this.$props, a = o.target.value;
+      if (n && h(a.value, e.commandName)(n.state, n.dispatch)) {
+        const {
+          event: s
+        } = o;
+        s && s.type === "click" && n.focus();
+      }
+    }
+  }
+});
+export {
+  L as FormatBlock
+};

package/tools/indent.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 h=require("@progress/kendo-vue-buttons"),n=require("@progress/kendo-editor-common"),w=require("@progress/kendo-vue-intl"),f=require("../messages/main.js"),u=require("vue"),k=u.defineComponent({name:"KendoIndent",props:{view:Object,settings:{type:Object,default:function(){return{messages:{}}}},...h.Button.props},inject:{kendoLocalizationService:{default:null}},render(){const{view:t,render:d,settings:s,...i}=this.$props,e=t&&t.state,o=e&&e.schema.nodes,c=o&&o[s.listsTypes.listItem],a=s.actions,m=!!e&&(n.isIndented(e,a,i.dir)||a.some(l=>o[l.node]&&n.hasNode(e,o[l.node])))&&!n.hasNode(e,c),p=!!e&&n.canIndentAsListItem(e,c),I=m||p,v=w.provideLocalizationService(this),r=s.messages.title,g={...i,disabled:!I,title:v.toLanguageString(r,f.messages[r]),...s.props};return u.h(h.Button,{onClick:this.handleClick,onMousedown:this.preventDefault,onPointerdown:this.preventDefault,...g})},methods:{handleClick(){const t=this.view&&this.view.state,d=t&&t.schema.nodes,s=d&&d[this.settings.listsTypes.listItem],i=this.settings.actions,e=!!t&&(n.isIndented(t,i,this.dir)||i.some(c=>d[c.node]&&n.hasNode(t,d[c.node])))&&!n.hasNode(t,s),o=!!t&&n.canIndentAsListItem(t,s);this.view&&o?n.sinkListItem(s)(this.view.state,this.view.dispatch):this.view&&e&&n.indentBlocks(i,this.settings.commandName,this.dir)(this.view.state,this.view.dispatch)},preventDefault(t){t.preventDefault()}}});exports.Indent=k;

package/tools/indent.mjs

@@ -0,0 +1,63 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Button as m } from "@progress/kendo-vue-buttons";
+import { isIndented as h, hasNode as d, canIndentAsListItem as p, sinkListItem as g, indentBlocks as L } from "@progress/kendo-editor-common";
+import { provideLocalizationService as b } from "@progress/kendo-vue-intl";
+import { messages as k } from "../messages/main.mjs";
+import { defineComponent as y, h as C } from "vue";
+const N = /* @__PURE__ */ y({
+  name: "KendoIndent",
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return {
+          messages: {}
+        };
+      }
+    },
+    ...m.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      view: t,
+      render: o,
+      settings: s,
+      ...n
+    } = this.$props, e = t && t.state, i = e && e.schema.nodes, c = i && i[s.listsTypes.listItem], a = s.actions, v = !!e && (h(e, a, n.dir) || a.some((l) => i[l.node] && d(e, i[l.node]))) && !d(e, c), u = !!e && p(e, c), f = v || u, I = b(this), r = s.messages.title, w = {
+      ...n,
+      disabled: !f,
+      title: I.toLanguageString(r, k[r]),
+      ...s.props
+    };
+    return C(m, {
+      onClick: this.handleClick,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      ...w
+    });
+  },
+  methods: {
+    handleClick() {
+      const t = this.view && this.view.state, o = t && t.schema.nodes, s = o && o[this.settings.listsTypes.listItem], n = this.settings.actions, e = !!t && (h(t, n, this.dir) || n.some((c) => o[c.node] && d(t, o[c.node]))) && !d(t, s), i = !!t && p(t, s);
+      this.view && i ? g(s)(this.view.state, this.view.dispatch) : this.view && e && L(n, this.settings.commandName, this.dir)(this.view.state, this.view.dispatch);
+    },
+    preventDefault(t) {
+      t.preventDefault();
+    }
+  }
+});
+export {
+  N as Indent
+};

package/tools/inlineFormat.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 r=require("@progress/kendo-vue-buttons"),a=require("@progress/kendo-editor-common"),g=require("@progress/kendo-vue-intl"),v=require("../messages/main.js"),l=require("vue"),k=l.defineComponent({name:"KendoInlineFormat",props:{view:Object,settings:{type:Object,default:function(){return{messages:{}}}},...r.Button.props},inject:{kendoLocalizationService:{default:null}},render(){const{view:t,render:s,settings:e,...o}=this.$props,n=t&&t.state,{mark:c,altMarks:u,altStyle:d}=e,m={mark:c,altMarks:u,altStyle:d},p=g.provideLocalizationService(this),i=e.messages.title,h={...o,selected:!!n&&a.hasMark(n,m),togglable:!0,title:p.toLanguageString(i,v.messages[i]),...e.props};return l.h(r.Button,{onClick:this.handleClick,onMousedown:this.preventDefault,onPointerdown:this.preventDefault,...h})},methods:{handleClick(){const t=this.view&&this.view.state,{mark:s,altMarks:e,altStyle:o}=this.settings,n={mark:s,altMarks:e,altStyle:o};return this.view&&a.toggleInlineFormat(n,t&&t.tr.setMeta("commandName",this.settings.commandName))(this.view.state,this.view.dispatch)},preventDefault(t){t.preventDefault()}}});exports.InlineFormat=k;

package/tools/inlineFormat.mjs

@@ -0,0 +1,80 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { Button as r } from "@progress/kendo-vue-buttons";
+import { hasMark as u, toggleInlineFormat as d } from "@progress/kendo-editor-common";
+import { provideLocalizationService as g } from "@progress/kendo-vue-intl";
+import { messages as v } from "../messages/main.mjs";
+import { defineComponent as f, h as k } from "vue";
+const D = /* @__PURE__ */ f({
+  name: "KendoInlineFormat",
+  props: {
+    view: Object,
+    settings: {
+      type: Object,
+      default: function() {
+        return {
+          messages: {}
+        };
+      }
+    },
+    ...r.props
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  render() {
+    const {
+      view: t,
+      render: s,
+      settings: e,
+      ...n
+    } = this.$props, o = t && t.state, {
+      mark: a,
+      altMarks: l,
+      altStyle: c
+    } = e, m = {
+      mark: a,
+      altMarks: l,
+      altStyle: c
+    }, p = g(this), i = e.messages.title, h = {
+      ...n,
+      selected: !!o && u(o, m),
+      togglable: !0,
+      title: p.toLanguageString(i, v[i]),
+      ...e.props
+    };
+    return k(r, {
+      onClick: this.handleClick,
+      onMousedown: this.preventDefault,
+      onPointerdown: this.preventDefault,
+      ...h
+    });
+  },
+  methods: {
+    handleClick() {
+      const t = this.view && this.view.state, {
+        mark: s,
+        altMarks: e,
+        altStyle: n
+      } = this.settings, o = {
+        mark: s,
+        altMarks: e,
+        altStyle: n
+      };
+      return this.view && d(o, t && t.tr.setMeta("commandName", this.settings.commandName))(this.view.state, this.view.dispatch);
+    },
+    preventDefault(t) {
+      t.preventDefault();
+    }
+  }
+});
+export {
+  D as InlineFormat
+};

package/tools/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 o=require("vue"),d=require("@progress/kendo-editor-common"),a=require("@progress/kendo-vue-buttons"),c=require("../dialogs/insertImage.js"),p=require("@progress/kendo-vue-intl"),m=require("../messages/main.js"),I=o.defineComponent({name:"KendoInsertImage",props:{view:Object,settings:{type:Object,default:function(){return{messages:{}}}},dir:String,...a.Button.props},inject:{kendoLocalizationService:{default:null}},data(){return{openedDialog:!1}},render(){const{view:e,settings:t,...l}=this.$props,n=e&&e.state,s=n?n.schema.nodes[t.node]:void 0,g=p.provideLocalizationService(this),{insertImage:i}=t.messages,r={...l,key:"insertImage",disabled:!s||!n||!d.canInsert(n,s),title:g.toLanguageString(i,m.messages[i]),...t.props},u=[o.h(a.Button,{onClick:this.toggleDialog,onMousedown:this.preventDefault,onPointerdown:this.preventDefault,...r}),this.openedDialog&&e&&o.createVNode(c.InsertImageDialog,{key:"insertImageDialog",view:e,settings:t,dir:r.dir,onClose:this.toggleDialog},null)||null];return o.createVNode("span",null,[u])},methods:{toggleDialog(){this.openedDialog=!this.openedDialog},preventDefault(e){e.preventDefault()}}});exports.InsertImage=I;