@progress/kendo-vue-editor 2.7.1-dev.202112201220 → 2.7.2

package/dist/npm/dialogs/insertImage.d.ts

@@ -0,0 +1,52 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { EditorToolsSettings } from '../config/toolsSettings';
+import { EditorDialogProps } from './EditorDialogProps';
+/**
+ * @hidden
+ */
+export interface InsertImageDialogProps extends EditorDialogProps {
+    /**
+     * The `ImageSettings` object.
+     */
+    settings: EditorToolsSettings.ImageSettings;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageDialogState {
+    src: HTMLInputElement | null;
+    altText: HTMLInputElement | null;
+    title: HTMLInputElement | null;
+    width: HTMLInputElement | null;
+    height: HTMLInputElement | null;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertImageDialogData {
+}
+/**
+ * @hidden
+ */
+export interface InsertImageDialogAll extends Vue, InsertImageDialogMethods, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogState {
+}
+declare let InsertImageDialog: ComponentOptions<InsertImageDialogAll, DefaultData<InsertImageDialogData>, DefaultMethods<InsertImageDialogAll>, InsertImageDialogComputed, RecordPropsDefinition<InsertImageDialogProps>>;
+declare const InsertImageDialogVue3: DefineComponent<InsertImageDialogProps, any, InsertImageDialogData, InsertImageDialogComputed, InsertImageDialogMethods, {}, {}, {}, string, InsertImageDialogProps, InsertImageDialogProps, {}>;
+export { InsertImageDialog, InsertImageDialogVue3 };

package/dist/npm/dialogs/insertImage.js

@@ -0,0 +1,296 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsertImageDialogVue3 = exports.InsertImageDialog = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("./../messages"); // tslint:enable:max-line-length
+
+
+var InsertImageDialog = {
+  name: 'KendoInsertImageDialog',
+  props: {
+    view: Object,
+    settings: Object,
+    dir: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  mounted: function mounted() {
+    this.src = this.v3 ? this.srcRef : this.$refs.src;
+    this.altText = this.v3 ? this.altTextRef : this.$refs.altText;
+    this.title = this.v3 ? this.titleRef : this.$refs.title;
+    this.width = this.v3 ? this.widthRef : this.$refs.width;
+    this.height = this.v3 ? this.heightRef : this.$refs.height;
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this2 = this;
+
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        view = _a.view,
+        settings = _a.settings,
+        dir = _a.dir;
+    var _b = settings.messages,
+        insertImageDialogTitle = _b.insertImageDialogTitle,
+        insertImageAddress = _b.insertImageAddress,
+        insertImageTitle = _b.insertImageTitle,
+        insertImageAltText = _b.insertImageAltText,
+        insertImageWidth = _b.insertImageWidth,
+        insertImageHeight = _b.insertImageHeight,
+        insertImageCancel = _b.insertImageCancel,
+        insertImageInsert = _b.insertImageInsert;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var state = view && view.state;
+    var attrs = {};
+
+    if (state && state.selection instanceof kendo_editor_common_1.NodeSelection && state.selection.node.type === state.schema.nodes[settings.node]) {
+      attrs = state.selection.node.attrs;
+    }
+
+    var content = h("div", {
+      "class": "k-edit-form-container"
+    }, [h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-image-url",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-image-url"
+      }
+    }, [localization.toLanguageString(insertImageAddress, messages_1.messages[insertImageAddress])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-image-url",
+        autoFocus: true
+      },
+      "class": "k-textbox",
+      id: "k-editor-image-url",
+      value: this.v3 ? attrs.src : null,
+      domProps: this.v3 ? undefined : {
+        "value": attrs.src
+      },
+      ref: this.v3 ? function (el) {
+        _this.srcRef = el;
+      } : 'src',
+      autoFocus: true
+    })]), h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-image-alt",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-image-alt"
+      }
+    }, [localization.toLanguageString(insertImageAltText, messages_1.messages[insertImageAltText])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-image-alt"
+      },
+      "class": "k-textbox",
+      id: "k-editor-image-alt",
+      value: this.v3 ? attrs.alt : null,
+      domProps: this.v3 ? undefined : {
+        "value": attrs.alt
+      },
+      ref: this.v3 ? function (el) {
+        _this.altTextRef = el;
+      } : 'altText'
+    })]), h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-image-title",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-image-title"
+      }
+    }, [localization.toLanguageString(insertImageTitle, messages_1.messages[insertImageTitle])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-image-title"
+      },
+      "class": "k-textbox",
+      id: "k-editor-image-title",
+      value: this.v3 ? attrs.title : null,
+      domProps: this.v3 ? undefined : {
+        "value": attrs.title
+      },
+      ref: this.v3 ? function (el) {
+        _this.titleRef = el;
+      } : 'title'
+    })]), h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-image-width",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-image-width"
+      }
+    }, [localization.toLanguageString(insertImageWidth, messages_1.messages[insertImageWidth])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-image-width"
+      },
+      "class": "k-textbox",
+      id: "k-editor-image-width",
+      value: this.v3 ? attrs.width : null,
+      domProps: this.v3 ? undefined : {
+        "value": attrs.width
+      },
+      ref: this.v3 ? function (el) {
+        _this.widthRef = el;
+      } : 'width'
+    })]), h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-image-height",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-image-height"
+      }
+    }, [localization.toLanguageString(insertImageHeight, messages_1.messages[insertImageHeight])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-image-height"
+      },
+      "class": "k-textbox",
+      id: "k-editor-image-height",
+      value: this.v3 ? attrs.height : null,
+      domProps: this.v3 ? undefined : {
+        "value": attrs.height
+      },
+      ref: this.v3 ? function (el) {
+        _this.heightRef = el;
+      } : 'height'
+    })])]);
+    var actionButtons = [// @ts-ignore function children
+    h(kendo_vue_buttons_1.Button, {
+      onClick: this.onClose,
+      on: this.v3 ? undefined : {
+        "click": this.onClose
+      },
+      dir: dir,
+      attrs: this.v3 ? undefined : {
+        dir: dir
+      },
+      key: "cancel"
+    }, this.v3 ? function () {
+      return [localization.toLanguageString(insertImageCancel, messages_1.messages[insertImageCancel])];
+    } : [localization.toLanguageString(insertImageCancel, messages_1.messages[insertImageCancel])]), // @ts-ignore function children
+    h(kendo_vue_buttons_1.Button, {
+      onClick: this.onInsert,
+      on: this.v3 ? undefined : {
+        "click": this.onInsert
+      },
+      themeColor: 'primary',
+      attrs: this.v3 ? undefined : {
+        themeColor: 'primary',
+        dir: dir
+      },
+      dir: dir,
+      key: "insert"
+    }, this.v3 ? function () {
+      return [localization.toLanguageString(insertImageInsert, messages_1.messages[insertImageInsert])];
+    } : [localization.toLanguageString(insertImageInsert, messages_1.messages[insertImageInsert])])];
+    var dialog = // @ts-ignore function children
+    h(kendo_vue_dialogs_1.Dialog, {
+      title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]),
+      attrs: this.v3 ? undefined : {
+        title: localization.toLanguageString(insertImageDialogTitle, messages_1.messages[insertImageDialogTitle]),
+        closeIcon: true,
+        dir: dir
+      },
+      onClose: this.onClose,
+      on: this.v3 ? undefined : {
+        "close": this.onClose
+      },
+      key: "dialog",
+      closeIcon: true,
+      dir: dir,
+      style: dir === 'rtl' ? {
+        textAlign: 'right'
+      } : undefined
+    }, this.v3 ? function () {
+      return [content, // @ts-ignore function children
+      h(kendo_vue_dialogs_1.DialogActionsBar, _this2.v3 ? function () {
+        return [actionButtons];
+      } : [actionButtons])];
+    } : [content, h(kendo_vue_dialogs_1.DialogActionsBar, _this2.v3 ? function () {
+      return [actionButtons];
+    } : [actionButtons])]);
+    return dialog;
+  },
+  methods: {
+    onClose: function onClose() {
+      this.$props.view.focus();
+      this.$emit('close');
+    },
+    onInsert: function onInsert() {
+      var _a = this.$props,
+          view = _a.view,
+          settings = _a.settings;
+      var nodes = view.state.schema.nodes;
+      var nodeType = nodes[settings.node];
+      var data = {
+        src: this.src ? this.src.value : null,
+        title: this.title ? this.title.value : null,
+        alt: this.altText ? this.altText.value : null,
+        width: this.width ? this.width.value : null,
+        height: this.height ? this.height.value : null
+      };
+      var attrs = Object.keys(data).filter(function (key) {
+        return data[key] !== null && data[key] !== '';
+      }).reduce(function (acc, curr) {
+        var _a;
+
+        return Object.assign(acc, (_a = {}, _a[curr] = data[curr], _a));
+      }, {});
+      var newImage = nodeType.createAndFill(attrs);
+      var insertImageCmd = kendo_editor_common_1.insertNode(newImage, true);
+      insertImageCmd(view.state, function (tr) {
+        return view.dispatch(tr.setMeta('commandName', settings.commandName).setMeta('args', attrs));
+      });
+      this.onClose();
+    }
+  }
+};
+exports.InsertImageDialog = InsertImageDialog;
+var InsertImageDialogVue3 = InsertImageDialog;
+exports.InsertImageDialogVue3 = InsertImageDialogVue3;

package/dist/npm/dialogs/insertLink.d.ts

@@ -0,0 +1,50 @@
+import { DefineComponent } from '../additionalTypes';
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { EditorToolsSettings } from '../config/toolsSettings';
+import { EditorDialogProps } from './EditorDialogProps';
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogProps extends EditorDialogProps {
+    /**
+     * The `LinkSettings` object.
+     */
+    settings: EditorToolsSettings.LinkSettings;
+}
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogState {
+    href: HTMLInputElement | null;
+    title: HTMLInputElement | null;
+    target: HTMLInputElement | null;
+}
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogComputed {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogMethods {
+    [key: string]: any;
+}
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogData {
+}
+/**
+ * @hidden
+ */
+export interface InsertLinkDialogAll extends Vue, InsertLinkDialogMethods, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogState {
+}
+declare let InsertLinkDialog: ComponentOptions<InsertLinkDialogAll, DefaultData<InsertLinkDialogData>, DefaultMethods<InsertLinkDialogAll>, InsertLinkDialogComputed, RecordPropsDefinition<InsertLinkDialogProps>>;
+declare const InsertLinkDialogVue3: DefineComponent<InsertLinkDialogProps, any, InsertLinkDialogData, InsertLinkDialogComputed, InsertLinkDialogMethods, {}, {}, {}, string, InsertLinkDialogProps, InsertLinkDialogProps, {}>;
+export { InsertLinkDialog, InsertLinkDialogVue3 };

package/dist/npm/dialogs/insertLink.js

@@ -0,0 +1,300 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InsertLinkDialogVue3 = exports.InsertLinkDialog = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+
+var kendo_vue_dialogs_1 = require("@progress/kendo-vue-dialogs");
+
+var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
+
+var kendo_editor_common_1 = require("@progress/kendo-editor-common");
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var messages_1 = require("./../messages"); // tslint:enable:max-line-length
+
+
+var InsertLinkDialog = {
+  name: 'KendoInsertLinkDialog',
+  props: {
+    view: Object,
+    settings: Object,
+    dir: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !gh ? undefined : function () {
+    var v3 = !!gh;
+    return {
+      v3: v3
+    };
+  },
+  mounted: function mounted() {
+    this.href = this.v3 ? this.hrefRef : this.$refs.href;
+    this.title = this.v3 ? this.titleRef : this.$refs.title;
+    this.target = this.v3 ? this.targetRef : this.$refs.target;
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var _this2 = this;
+
+    var _this = this;
+
+    var h = gh || createElement;
+    var _a = this.$props,
+        view = _a.view,
+        settings = _a.settings,
+        dir = _a.dir;
+    var localization = kendo_vue_intl_1.provideLocalizationService(this);
+    var _b = settings.messages,
+        insertHyperlinkDialogTitle = _b.insertHyperlinkDialogTitle,
+        insertHyperlinkAddress = _b.insertHyperlinkAddress,
+        insertHyperlinkTitle = _b.insertHyperlinkTitle,
+        insertHyperlinkNewWindow = _b.insertHyperlinkNewWindow,
+        insertHyperlinkCancel = _b.insertHyperlinkCancel,
+        insertHyperlinkInsert = _b.insertHyperlinkInsert;
+    var linkMark = view ? kendo_editor_common_1.getMark(view.state, view.state.schema.marks[settings.mark]) : false;
+    var content = h("div", {
+      "class": "k-edit-form-container"
+    }, [h("div", {
+      "class": "k-edit-label"
+    }, [h("label", {
+      "for": "k-editor-link-url",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-link-url"
+      }
+    }, [localization.toLanguageString(insertHyperlinkAddress, messages_1.messages[insertHyperlinkAddress])])]), h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-link-url",
+        autoFocus: true
+      },
+      "class": "k-textbox",
+      ref: this.v3 ? function (el) {
+        _this.hrefRef = el;
+      } : 'href',
+      id: "k-editor-link-url",
+      value: this.v3 ? linkMark && linkMark.attrs.href || undefined : null,
+      domProps: this.v3 ? undefined : {
+        "value": linkMark && linkMark.attrs.href || undefined
+      },
+      autoFocus: true
+    })]), h("div", {
+      "class": "k-edit-label k-editor-link-text-row"
+    }, [h("label", {
+      "for": "k-editor-link-text",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-link-text"
+      }
+    }, [localization.toLanguageString(insertHyperlinkTitle, messages_1.messages[insertHyperlinkTitle])])]), h("div", {
+      "class": "k-edit-field k-editor-link-text-row"
+    }, [h("input", {
+      type: "text",
+      attrs: this.v3 ? undefined : {
+        type: "text",
+        id: "k-editor-link-text"
+      },
+      "class": "k-textbox",
+      id: "k-editor-link-text",
+      ref: this.v3 ? function (el) {
+        _this.titleRef = el;
+      } : 'title',
+      value: this.v3 ? linkMark && linkMark.attrs.title || undefined : null,
+      domProps: this.v3 ? undefined : {
+        "value": linkMark && linkMark.attrs.title || undefined
+      }
+    })]), settings.linkTarget !== false && h("div", {
+      "class": "k-edit-field"
+    }, [h("input", {
+      type: "checkbox",
+      attrs: this.v3 ? undefined : {
+        type: "checkbox",
+        id: "k-editor-link-target"
+      },
+      "class": "k-checkbox",
+      id: "k-editor-link-target",
+      ref: this.v3 ? function (el) {
+        _this.targetRef = el;
+      } : 'target',
+      checked: this.v3 ? linkMark && !!linkMark.attrs.target || undefined : null,
+      domProps: this.v3 ? undefined : {
+        "checked": linkMark && !!linkMark.attrs.target || undefined
+      }
+    }), h("label", {
+      "for": "k-editor-link-target",
+      attrs: this.v3 ? undefined : {
+        "for": "k-editor-link-target"
+      },
+      "class": "k-checkbox-label"
+    }, [localization.toLanguageString(insertHyperlinkNewWindow, messages_1.messages[insertHyperlinkNewWindow])])])]);
+    var dialog = // @ts-ignore function children
+    h(kendo_vue_dialogs_1.Dialog, {
+      title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]),
+      attrs: this.v3 ? undefined : {
+        title: localization.toLanguageString(insertHyperlinkDialogTitle, messages_1.messages[insertHyperlinkDialogTitle]),
+        closeIcon: true,
+        dir: dir
+      },
+      onClose: this.onClose,
+      on: this.v3 ? undefined : {
+        "close": this.onClose
+      },
+      closeIcon: true,
+      dir: dir,
+      style: dir === 'rtl' ? {
+        textAlign: 'right'
+      } : undefined
+    }, this.v3 ? function () {
+      return [content, // @ts-ignore function children
+      h(kendo_vue_dialogs_1.DialogActionsBar, _this2.v3 ? function () {
+        return [// @ts-ignore function children
+        h(kendo_vue_buttons_1.Button, {
+          onClick: _this2.onClose,
+          on: _this2.v3 ? undefined : {
+            "click": _this2.onClose
+          },
+          dir: dir,
+          attrs: _this2.v3 ? undefined : {
+            dir: dir
+          },
+          key: "cancel"
+        }, _this2.v3 ? function () {
+          return [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])];
+        } : [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])]), // @ts-ignore function children
+        h(kendo_vue_buttons_1.Button, {
+          onClick: _this2.onInsert,
+          on: _this2.v3 ? undefined : {
+            "click": _this2.onInsert
+          },
+          themeColor: 'primary',
+          attrs: _this2.v3 ? undefined : {
+            themeColor: 'primary',
+            dir: dir
+          },
+          dir: dir,
+          key: "insert"
+        }, _this2.v3 ? function () {
+          return [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])];
+        } : [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])])];
+      } : [h(kendo_vue_buttons_1.Button, {
+        onClick: _this2.onClose,
+        on: _this2.v3 ? undefined : {
+          "click": _this2.onClose
+        },
+        dir: dir,
+        attrs: _this2.v3 ? undefined : {
+          dir: dir
+        },
+        key: "cancel"
+      }, _this2.v3 ? function () {
+        return [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])];
+      } : [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this2.onInsert,
+        on: _this2.v3 ? undefined : {
+          "click": _this2.onInsert
+        },
+        themeColor: 'primary',
+        attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary',
+          dir: dir
+        },
+        dir: dir,
+        key: "insert"
+      }, _this2.v3 ? function () {
+        return [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])];
+      } : [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])])])];
+    } : [content, h(kendo_vue_dialogs_1.DialogActionsBar, _this2.v3 ? function () {
+      return [h(kendo_vue_buttons_1.Button, {
+        onClick: _this2.onClose,
+        on: _this2.v3 ? undefined : {
+          "click": _this2.onClose
+        },
+        dir: dir,
+        attrs: _this2.v3 ? undefined : {
+          dir: dir
+        },
+        key: "cancel"
+      }, _this2.v3 ? function () {
+        return [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])];
+      } : [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])]), h(kendo_vue_buttons_1.Button, {
+        onClick: _this2.onInsert,
+        on: _this2.v3 ? undefined : {
+          "click": _this2.onInsert
+        },
+        themeColor: 'primary',
+        attrs: _this2.v3 ? undefined : {
+          themeColor: 'primary',
+          dir: dir
+        },
+        dir: dir,
+        key: "insert"
+      }, _this2.v3 ? function () {
+        return [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])];
+      } : [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])])];
+    } : [h(kendo_vue_buttons_1.Button, {
+      onClick: _this2.onClose,
+      on: _this2.v3 ? undefined : {
+        "click": _this2.onClose
+      },
+      dir: dir,
+      attrs: _this2.v3 ? undefined : {
+        dir: dir
+      },
+      key: "cancel"
+    }, _this2.v3 ? function () {
+      return [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])];
+    } : [localization.toLanguageString(insertHyperlinkCancel, messages_1.messages[insertHyperlinkCancel])]), h(kendo_vue_buttons_1.Button, {
+      onClick: _this2.onInsert,
+      on: _this2.v3 ? undefined : {
+        "click": _this2.onInsert
+      },
+      themeColor: 'primary',
+      attrs: _this2.v3 ? undefined : {
+        themeColor: 'primary',
+        dir: dir
+      },
+      dir: dir,
+      key: "insert"
+    }, _this2.v3 ? function () {
+      return [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])];
+    } : [localization.toLanguageString(insertHyperlinkInsert, messages_1.messages[insertHyperlinkInsert])])])]);
+    return dialog;
+  },
+  methods: {
+    onClose: function onClose() {
+      this.$props.view.focus();
+      this.$emit('close');
+    },
+    onInsert: function onInsert() {
+      var view = this.$props.view;
+      var mark = this.$props.settings.mark;
+      var attrs = {
+        href: this.href ? this.href.value : undefined,
+        title: this.title ? this.title.value : undefined,
+        target: this.target && this.target.checked ? '_blank' : undefined
+      };
+      kendo_editor_common_1.applyLink({
+        mark: mark,
+        attrs: attrs
+      }, this.$props.settings.commandName)(view.state, view.dispatch);
+      this.onClose();
+    }
+  }
+};
+exports.InsertLinkDialog = InsertLinkDialog;
+var InsertLinkDialogVue3 = InsertLinkDialog;
+exports.InsertLinkDialogVue3 = InsertLinkDialogVue3;

package/dist/npm/dialogs/main.d.ts

@@ -0,0 +1 @@
+