@zeedhi/zd-richtext-vue 1.5.2 → 3.0.0

package/dist/rich-text-vue.esm.js

@@ -1,965 +0,0 @@
-import { I18n, VersionService } from '@zeedhi/core';
-import { PropWatch, ZdComponentRender, setFillHeight, Vuetify } from '@zeedhi/vuetify';
-import { locale, createVuetifyProTipTap, VuetifyTiptap } from '@zeedhi/zd-vuetify-pro-tiptap';
-import '@zeedhi/zd-vuetify-pro-tiptap/lib/style.css';
-import Vue, { ref } from 'vue';
-import { FontFamily as FontFamily$1 } from '@tiptap/extension-font-family';
-import { EditorContent } from '@tiptap/vue-2';
-import { RichText } from '@zeedhi/zd-richtext-common';
-import { Watch, Component as Component$1 } from 'vue-property-decorator';
-import Component from 'vue-class-component';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-const fonts = [
-    { font: 'Inter', title: 'Inter' },
-    { font: 'Roboto', title: 'Roboto' },
-    { font: 'serif', title: 'Serif' },
-    { font: 'monospace', title: 'Monospace' },
-];
-let FontFamily = class FontFamily extends ZdComponentRender {
-    setFontStyle(editor, font) {
-        editor.chain().focus().setFontFamily(font).run();
-    }
-};
-__decorate([
-    PropWatch({ type: Object, default: '' }),
-    __metadata("design:type", Object)
-], FontFamily.prototype, "editor", void 0);
-__decorate([
-    PropWatch({ type: Object, default: '' }),
-    __metadata("design:type", Object)
-], FontFamily.prototype, "attrs", void 0);
-__decorate([
-    PropWatch({ type: Array, default: () => (fonts) }),
-    __metadata("design:type", Array)
-], FontFamily.prototype, "fonts", void 0);
-FontFamily = __decorate([
-    Component
-], FontFamily);
-var script$1 = FontFamily;
-
-let installed = false;
-const setInstalled = () => {
-    installed = true;
-};
-const getInstalled = () => installed;
-
-let ZdRichText = class ZdRichText extends ZdComponentRender {
-    constructor() {
-        super(...arguments);
-        this.instanceType = RichText;
-        this.isMounted = false;
-        this.isFocused = false;
-        this.extensions = [FontFamily$1];
-        this.toolbar = ref([
-            'bold',
-            'italic',
-            'underline',
-            'strike',
-            'color',
-            // "highlight",
-            '|',
-            'h1',
-            'h2',
-            'h3',
-            'h4',
-            'h5',
-            // "h6",
-            // "p",
-            '|',
-            'left',
-            'center',
-            'right',
-            'justify',
-            '|',
-            'bulletList',
-            'orderedList',
-            // "taskList",
-            // "indent",
-            // "outdent",
-            '|',
-            // "link",
-            'image',
-            // "video",
-            // "table",
-            // "blockquote",
-            'rule',
-            'code',
-            '|',
-            // "codeBlock",
-            // "|",
-            // "clear",
-            // "fullscreen",
-            // "undo",
-            // "redo",
-            '#fontFamily',
-        ]);
-        this.toolbarReadonly = ref([
-        // 'bold',
-        ]);
-        this.toolbarFullscreen = ref([
-            'bold',
-            'italic',
-            'underline',
-            'strike',
-            'color',
-            // "highlight",
-            '|',
-            'h1',
-            'h2',
-            'h3',
-            'h4',
-            'h5',
-            // "h6",
-            // "p",
-            '|',
-            'left',
-            'center',
-            'right',
-            'justify',
-            '|',
-            'bulletList',
-            'orderedList',
-            // "taskList",
-            // "indent",
-            // "outdent",
-            '|',
-            // "link",
-            'image',
-            // "video",
-            // "table",
-            // "blockquote",
-            'rule',
-            'code',
-            '|',
-            // "codeBlock",
-            // "|",
-            // "clear",
-            'fullscreen',
-            // "undo",
-            // "redo",
-            '#fontFamily',
-        ]);
-    }
-    onKeyDown(event) {
-        this.instance.onKeyDown(this.$el, event.key);
-    }
-    changeLanguage() {
-        const newLanguage = I18n.instance.language.split('-')[0];
-        locale.setLang(newLanguage);
-    }
-    hasClass() {
-        return this.isMounted && this.$el.classList.contains('zd-form-child');
-    }
-    input(instanceInput) {
-        if (instanceInput) {
-            this.instance.input(this.content);
-        }
-    }
-    onFocus(event) {
-        this.instance.onFocus(event);
-        this.initialFocusValue = this.instance.content;
-        this.isFocused = true;
-    }
-    onBlur(event) {
-        this.instance.onBlur(event);
-        if (this.initialFocusValue !== this.instance.content) {
-            this.instance.onChange(this.instance.content);
-        }
-        this.isFocused = false;
-    }
-    created() {
-        if (!getInstalled()) {
-            console.error('[ZdRichText]: A partir da versão 1.5.0 o componente ZdRichText deve ser instalado'
-                + ' usando o Vue.use() ao invés do Vue.component(). Veja a documentação para mais detalhes.');
-        }
-    }
-    mounted() {
-        var _a;
-        if (this.$refs.tiptap.editor) {
-            this.instance.formatGetter.html = this.$refs.tiptap.editor.getHTML.bind(this.$refs.tiptap.editor);
-            this.instance.formatGetter.json = this.$refs.tiptap.editor.getJSON.bind(this.$refs.tiptap.editor);
-            this.$refs.tiptap.editor.on('focus', this.onFocus);
-            this.$refs.tiptap.editor.on('blur', this.onBlur);
-        }
-        if (!this.readonly) {
-            const header = this.$el.querySelector('header.py-1.ps-1.vuetify-pro-tiptap-editor__toolbar.v-sheet.v-toolbar');
-            (_a = header) === null || _a === void 0 ? void 0 : _a.style.setProperty('background-color', this.toolbarColor || 'var(--v-primary-base)', 'important');
-            if (this.cardColor) {
-                const card = this.$el.querySelector('.vuetify-pro-tiptap-editor__content');
-                card.style.setProperty('background-color', this.cardColor, 'important');
-            }
-        }
-        this.changeLanguage();
-        if (this.instance.fillHeight) {
-            setFillHeight(this.$el);
-        }
-        I18n.registerChangeListener(this.changeLanguage);
-        this.setEditorDisabled();
-        this.isMounted = true;
-    }
-    // set tiptap editor as disabled
-    setEditorDisabled() {
-        const { editor } = this.$refs.tiptap;
-        const isEditable = !(this.instance.disabled || this.readonly);
-        if (editor)
-            editor.setOptions({ editable: isEditable });
-    }
-    beforeDestroy() {
-        I18n.unregisterChangeListener(this.changeLanguage);
-        this.$refs.tiptap.editor.off('focus', this.onFocus);
-        this.$refs.tiptap.editor.off('blur', this.onBlur);
-    }
-};
-__decorate([
-    PropWatch({ type: String, default: 'html' }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "outputFormat", void 0);
-__decorate([
-    PropWatch({ type: String, default: '' }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "placeholder", void 0);
-__decorate([
-    PropWatch({
-        type: [Boolean, String],
-        default: false,
-    }),
-    __metadata("design:type", Object)
-], ZdRichText.prototype, "disabled", void 0);
-__decorate([
-    PropWatch({ type: Boolean, default: false }),
-    __metadata("design:type", Boolean)
-], ZdRichText.prototype, "readonly", void 0);
-__decorate([
-    PropWatch({ type: String, default: undefined }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "toolbarColor", void 0);
-__decorate([
-    PropWatch({ type: String, default: '' }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "content", void 0);
-__decorate([
-    PropWatch({ type: String, default: '' }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "cardColor", void 0);
-__decorate([
-    PropWatch({ type: Array, default: () => (fonts) }),
-    __metadata("design:type", Array)
-], ZdRichText.prototype, "fonts", void 0);
-__decorate([
-    PropWatch({ type: Boolean, default: false }),
-    __metadata("design:type", Boolean)
-], ZdRichText.prototype, "enableFullscreen", void 0);
-__decorate([
-    PropWatch({
-        type: [Boolean, String],
-        default: false,
-    }),
-    __metadata("design:type", Object)
-], ZdRichText.prototype, "outlined", void 0);
-__decorate([
-    PropWatch({
-        type: [Number, String],
-        default: '',
-    }),
-    __metadata("design:type", Object)
-], ZdRichText.prototype, "width", void 0);
-__decorate([
-    PropWatch({
-        type: [Number, String],
-        default: '',
-    }),
-    __metadata("design:type", Object)
-], ZdRichText.prototype, "height", void 0);
-__decorate([
-    PropWatch({
-        type: [Object],
-        default: () => { },
-    }),
-    __metadata("design:type", Object)
-], ZdRichText.prototype, "formatGetter", void 0);
-__decorate([
-    PropWatch({
-        type: String,
-        default: '',
-    }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "value", void 0);
-__decorate([
-    PropWatch({
-        type: [Boolean, String],
-        default: false,
-    }),
-    __metadata("design:type", Boolean)
-], ZdRichText.prototype, "fillHeight", void 0);
-__decorate([
-    PropWatch({
-        type: String,
-        default: '',
-    }),
-    __metadata("design:type", String)
-], ZdRichText.prototype, "label", void 0);
-__decorate([
-    Watch('instance.content'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String]),
-    __metadata("design:returntype", void 0)
-], ZdRichText.prototype, "input", null);
-ZdRichText = __decorate([
-    Component$1({
-        components: { EditorContent },
-    })
-], ZdRichText);
-var script = ZdRichText;
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
-/* script */
-const __vue_script__$1 = script;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "div",
-    {
-      directives: [
-        {
-          name: "show",
-          rawName: "v-show",
-          value: _vm.instance.isVisible,
-          expression: "instance.isVisible",
-        },
-      ],
-      class: ["zd-rich-text"],
-      attrs: { id: _vm.instance.name, name: _vm.instance.name },
-    },
-    [
-      _vm.instance.label
-        ? _c("span", [
-            _c(
-              "label",
-              {
-                staticClass: "v-label v-label--active theme--light",
-                class: { "label--focused": _vm.isFocused },
-              },
-              [
-                _vm._v(
-                  "\n      " + _vm._s(_vm.$t(_vm.instance.label)) + "\n    "
-                ),
-              ]
-            ),
-          ])
-        : _vm._e(),
-      _vm._v(" "),
-      _c(
-        "div",
-        {
-          class: ["zd-rich-text", "zd-elevation-2", _vm.instance.cssClass],
-          style: {
-            height: _vm.$formatSize(_vm.instance.height),
-          },
-          on: {
-            keydown: function ($event) {
-              return _vm.onKeyDown($event)
-            },
-          },
-        },
-        [
-          _c("vuetify-tiptap", {
-            ref: "tiptap",
-            class: [
-              { "zd-rich-text--disabled": _vm.instance.disabled },
-              _vm.readonly && !_vm.hasClass() && "zd-rich-text--readonly",
-            ],
-            attrs: {
-              markdownTheme: false,
-              dark: _vm.instance.dark,
-              disabled: _vm.instance.disabled,
-              readonly: _vm.instance.readonly,
-              outlined: _vm.instance.outlined,
-              placeholder: _vm.instance.placeholder,
-              toolbar: _vm.readonly
-                ? _vm.toolbarReadonly
-                : _vm.enableFullscreen
-                ? _vm.toolbarFullscreen
-                : _vm.toolbar,
-              rounded: "",
-              "max-width": _vm.instance.width,
-              extensions: _vm.extensions,
-            },
-            on: {
-              onFocus: function ($event) {
-                return _vm.onFocus($event)
-              },
-            },
-            scopedSlots: _vm._u([
-              {
-                key: "editor",
-                fn: function (ref) {
-                  var editor = ref.editor;
-                  var attrs = ref.attrs;
-                  return [
-                    _c("editor-content", {
-                      staticClass:
-                        "vuetify-pro-tiptap-editor__content zd-rich-text-content markdown-theme-github",
-                      class: [{ __dark: attrs.isDark }, attrs.editorClass],
-                      style: attrs.contentDynamicStyles,
-                      attrs: { editor: editor, "data-testid": "value" },
-                    }),
-                  ]
-                },
-              },
-              {
-                key: "bottom",
-                fn: function (ref) {
-                  return [_c("span")]
-                },
-              },
-              {
-                key: "fontFamily",
-                fn: function (ref) {
-                  var editor = ref.editor;
-                  var attrs = ref.attrs;
-                  return [
-                    _c("FontFamily", {
-                      attrs: {
-                        name: _vm.instance.name + "-fontFamily",
-                        editor: editor,
-                        attrs: attrs,
-                        fonts: _vm.instance.fonts,
-                      },
-                    }),
-                  ]
-                },
-              },
-            ]),
-            model: {
-              value: _vm.instance.content,
-              callback: function ($$v) {
-                _vm.$set(_vm.instance, "content", $$v);
-              },
-              expression: "instance.content",
-            },
-          }),
-        ],
-        1
-      ),
-    ]
-  )
-};
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$1 = function (inject) {
-    if (!inject) return
-    inject("data-v-31adb996_0", { source: ".zd-rich-text #tippy-1 {\n  display: none;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor--fullscreen .vuetify-pro-tiptap-editor__content {\n  height: -webkit-fill-available;\n}\n.zd-rich-text .v-label {\n  top: calc(-10px - var(--spacing-2));\n  max-width: 100%;\n  transform: none;\n  font-size: var(--zd-font-body1-size);\n  left: 0 !important;\n  line-height: 15px;\n  height: auto;\n  font-weight: var(--zd-font-body1-weight);\n}\n.zd-rich-text .label--focused {\n  transition: 0ms;\n  color: var(--v-primary-base);\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--light.rounded {\n  background-color: #ffffff !important;\n}\n.zd-rich-text .vuetify-pro-tiptap-editor.v-card.v-card--flat.v-sheet.theme--dark.rounded {\n  background-color: #383838 !important;\n}\n.zd-rich-text .zd-rich-text--disabled .vuetify-pro-tiptap-editor__toolbar {\n  pointer-events: none;\n  opacity: 0.5;\n}\n.zd-rich-text .zd-rich-text--readonly {\n  width: 741px;\n}\n.zd-rich-text .v-toolbar__content button.v-btn {\n  color: #ffffff !important;\n}", map: undefined, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$1 = undefined;
-  /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$1 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-/* script */
-const __vue_script__ = script$1;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "v-menu",
-    {
-      attrs: { "offset-y": "" },
-      scopedSlots: _vm._u([
-        {
-          key: "activator",
-          fn: function (ref) {
-            var onMenu = ref.on;
-            var attrs = ref.attrs;
-            return [
-              _c(
-                "v-tooltip",
-                {
-                  attrs: { bottom: "" },
-                  scopedSlots: _vm._u(
-                    [
-                      {
-                        key: "activator",
-                        fn: function (ref) {
-                          var onTooltip = ref.on;
-                          return [
-                            _c(
-                              "v-btn",
-                              _vm._g(
-                                _vm._b(
-                                  {
-                                    attrs: {
-                                      color: "primary",
-                                      dark: "",
-                                      text: "",
-                                      "aria-label": "Font Family",
-                                    },
-                                  },
-                                  "v-btn",
-                                  attrs,
-                                  false
-                                ),
-                                Object.assign({}, onMenu, onTooltip)
-                              ),
-                              [
-                                _c("v-icon", [
-                                  _vm._v(
-                                    _vm._s(_vm.$getIcon("mdi-format-font"))
-                                  ),
-                                ]),
-                              ],
-                              1
-                            ),
-                          ]
-                        },
-                      },
-                    ],
-                    null,
-                    true
-                  ),
-                },
-                [_vm._v(" "), _c("span", [_vm._v("Font Family")])]
-              ),
-            ]
-          },
-        },
-      ]),
-    },
-    [
-      _vm._v(" "),
-      _c(
-        "v-list",
-        _vm._l(_vm.fonts, function (item, index) {
-          return _c(
-            "v-list-item",
-            {
-              key: index,
-              on: {
-                click: function ($event) {
-                  return _vm.setFontStyle(_vm.editor, item.font)
-                },
-              },
-            },
-            [_c("v-list-item-title", [_vm._v(_vm._s(item.title))])],
-            1
-          )
-        }),
-        1
-      ),
-    ],
-    1
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-/**
- * Function called when uploading an image to the editor
- * it will read the file and return a base64 string
- */
-function upload(file) {
-    return new Promise((resolve) => {
-        const reader = new FileReader();
-        reader.onload = (event) => {
-            var _a;
-            if (typeof ((_a = event.target) === null || _a === void 0 ? void 0 : _a.result) === 'string') {
-                resolve(event.target.result);
-            }
-            else {
-                resolve('');
-            }
-        };
-        reader.onerror = () => resolve('');
-        reader.readAsDataURL(file);
-    });
-}
-
-const packageContent = require('../package.json');
-VersionService.addPackageVersion(packageContent.name, packageContent.version);
-locale.setMessage('pt', {
-    'editor.words': 'PALAVRAS',
-    'editor.characters': 'CARACTERES',
-    'editor.bold.tooltip': 'Negrito',
-    'editor.italic.tooltip': 'Itálico',
-    'editor.underline.tooltip': 'Sublinhado',
-    'editor.strike.tooltip': 'Riscado',
-    'editor.color.tooltip': 'Cor',
-    'editor.highlight.tooltip': 'Realçar',
-    'editor.heading.h1.tooltip': 'Título 1',
-    'editor.heading.h2.tooltip': 'Título 2',
-    'editor.heading.h3.tooltip': 'Título 3',
-    'editor.heading.h4.tooltip': 'Título 4',
-    'editor.heading.h5.tooltip': 'Título 5',
-    'editor.heading.h6.tooltip': 'Título 6',
-    'editor.paragraph.tooltip': 'Parágrafo',
-    'editor.left.tooltip': 'Alinhar à Esquerda',
-    'editor.center.tooltip': 'Centralizar',
-    'editor.right.tooltip': 'Alinhar à Direita',
-    'editor.justify.tooltip': 'Justificar',
-    'editor.bulletlist.tooltip': 'Lista com Marcadores',
-    'editor.orderedlist.tooltip': 'Lista Numerada',
-    'editor.tasklist.tooltip': 'Lista de Tarefas',
-    'editor.indent.tooltip': 'Recuar',
-    'editor.outdent.tooltip': 'Recuar Menos',
-    'editor.link.tooltip': 'Link',
-    'editor.link.dialog.title': 'Inserir link',
-    'editor.link.dialog.link': 'link',
-    'editor.link.dialog.button.apply': 'aplicar',
-    'editor.image.tooltip': 'Imagem',
-    'editor.image.float.left.tooltip': 'Flutuar à Esquerda',
-    'editor.image.float.none.tooltip': 'Sem Flutuação',
-    'editor.image.float.right.tooltip': 'Flutuar à Direita',
-    'editor.image.size.small.tooltip': 'Pequeno',
-    'editor.image.size.medium.tooltip': 'Médio',
-    'editor.image.size.large.tooltip': 'Grande',
-    'editor.image.remove.tooltip': 'Remover',
-    'editor.image.dialog.title': 'Inserir imagem',
-    'editor.image.dialog.tab.url': 'URL',
-    'editor.image.dialog.tab.upload': 'Upload',
-    'editor.image.dialog.form.link': 'Link',
-    'editor.image.dialog.form.alt': 'Alt',
-    'editor.image.dialog.form.aspectRatio': 'Manter Proporções Originais',
-    'editor.image.dialog.form.file': 'Arquivo',
-    'editor.image.dialog.button.apply': 'Aplicar',
-    'editor.video.tooltip': 'Vídeo',
-    'editor.video.dialog.title': 'Inserir vídeo',
-    'editor.video.dialog.link': 'link',
-    'editor.video.dialog.button.apply': 'Aplicar',
-    'editor.video.remove.tooltip': 'Remover',
-    'editor.table.tooltip': 'Tabela',
-    'editor.table.menu.insert_table': 'Inserir Tabela',
-    'editor.table.menu.insert_table.with_header_row': 'Com Linha de Cabeçalho',
-    'editor.table.menu.add_column_before': 'Adicionar Coluna Antes',
-    'editor.table.menu.add_column_after': 'Adicionar Coluna Depois',
-    'editor.table.menu.delete_column': 'Excluir Coluna',
-    'editor.table.menu.add_row_before': 'Adicionar Linha Antes',
-    'editor.table.menu.add_row_after': 'Adicionar Linha Depois',
-    'editor.table.menu.delete_row': 'Excluir Linha',
-    'editor.table.menu.merge_or_split_cells': 'Mesclar ou Dividir Células',
-    'editor.table.menu.delete_table': 'Excluir Tabela',
-    'editor.blockquote.tooltip': 'Citação',
-    'editor.horizontalrule.tooltip': 'Linha Horizontal',
-    'editor.code.tooltip': 'Código',
-    'editor.codeblock.tooltip': 'Bloco de Código',
-    'editor.clear.tooltip': 'Limpar Formatação',
-    'editor.undo.tooltip': 'Desfazer',
-    'editor.redo.tooltip': 'Refazer',
-    'editor.fullscreen.tooltip.fullscreen': 'Tela Cheia',
-    'editor.fullscreen.tooltip.exit': 'Sair da Tela Cheia',
-});
-locale.setMessage('es', {
-    'editor.words': 'PALABRAS',
-    'editor.characters': 'CARACTERES',
-    'editor.bold.tooltip': 'Negrita',
-    'editor.italic.tooltip': 'Cursiva',
-    'editor.underline.tooltip': 'Subrayado',
-    'editor.strike.tooltip': 'Tachado',
-    'editor.color.tooltip': 'Color',
-    'editor.highlight.tooltip': 'Resaltar',
-    'editor.heading.h1.tooltip': 'Encabezado 1',
-    'editor.heading.h2.tooltip': 'Encabezado 2',
-    'editor.heading.h3.tooltip': 'Encabezado 3',
-    'editor.heading.h4.tooltip': 'Encabezado 4',
-    'editor.heading.h5.tooltip': 'Encabezado 5',
-    'editor.heading.h6.tooltip': 'Encabezado 6',
-    'editor.paragraph.tooltip': 'Párrafo',
-    'editor.left.tooltip': 'Alinear a la Izquierda',
-    'editor.center.tooltip': 'Centrar',
-    'editor.right.tooltip': 'Alinear a la Derecha',
-    'editor.justify.tooltip': 'Justificar',
-    'editor.bulletlist.tooltip': 'Lista con Viñetas',
-    'editor.orderedlist.tooltip': 'Lista Numerada',
-    'editor.tasklist.tooltip': 'Lista de Tareas',
-    'editor.indent.tooltip': 'Sangrar',
-    'editor.outdent.tooltip': 'Reducir Sangría',
-    'editor.link.tooltip': 'Enlace',
-    'editor.link.dialog.title': 'Insertar enlace',
-    'editor.link.dialog.link': 'enlace',
-    'editor.link.dialog.button.apply': 'aplicar',
-    'editor.image.tooltip': 'Imagen',
-    'editor.image.float.left.tooltip': 'Alinear a la Izquierda',
-    'editor.image.float.none.tooltip': 'Sin Alineación',
-    'editor.image.float.right.tooltip': 'Alinear a la Derecha',
-    'editor.image.size.small.tooltip': 'Pequeño',
-    'editor.image.size.medium.tooltip': 'Mediano',
-    'editor.image.size.large.tooltip': 'Grande',
-    'editor.image.remove.tooltip': 'Eliminar',
-    'editor.image.dialog.title': 'Insertar imagen',
-    'editor.image.dialog.tab.url': 'URL',
-    'editor.image.dialog.tab.upload': 'Subir',
-    'editor.image.dialog.form.link': 'Enlace',
-    'editor.image.dialog.form.alt': 'Texto Alternativo',
-    'editor.image.dialog.form.aspectRatio': 'Mantener proporciones originales',
-    'editor.image.dialog.form.file': 'Archivo',
-    'editor.image.dialog.button.apply': 'Aplicar',
-    'editor.video.tooltip': 'Video',
-    'editor.video.dialog.title': 'Insertar video',
-    'editor.video.dialog.link': 'Enlace',
-    'editor.video.dialog.button.apply': 'Aplicar',
-    'editor.video.remove.tooltip': 'Eliminar',
-    'editor.table.tooltip': 'Tabla',
-    'editor.table.menu.insert_table': 'Insertar tabla',
-    'editor.table.menu.insert_table.with_header_row': 'Con fila de encabezado',
-    'editor.table.menu.add_column_before': 'Agregar columna antes',
-    'editor.table.menu.add_column_after': 'Agregar columna después',
-    'editor.table.menu.delete_column': 'Eliminar columna',
-    'editor.table.menu.add_row_before': 'Agregar fila antes',
-    'editor.table.menu.add_row_after': 'Agregar fila después',
-    'editor.table.menu.delete_row': 'Eliminar fila',
-    'editor.table.menu.merge_or_split_cells': 'Combinar o dividir celdas',
-    'editor.table.menu.delete_table': 'Eliminar tabla',
-    'editor.blockquote.tooltip': 'Cita en bloque',
-    'editor.horizontalrule.tooltip': 'Línea horizontal',
-    'editor.code.tooltip': 'Código',
-    'editor.codeblock.tooltip': 'Bloque de código',
-    'editor.clear.tooltip': 'Borrar formato',
-    'editor.undo.tooltip': 'Deshacer',
-    'editor.redo.tooltip': 'Rehacer',
-    'editor.fullscreen.tooltip.fullscreen': 'Pantalla completa',
-    'editor.fullscreen.tooltip.exit': 'Salir de pantalla completa',
-});
-// install VuetifyProTipTap creating a new vuetify instance
-// in case the user installs RichText using Vue.component()
-const vuetify = new Vuetify();
-const VuetifyProTipTap = createVuetifyProTipTap({
-    vuetify,
-    components: {
-        VuetifyTiptap,
-        FontFamily: __vue_component__,
-    },
-});
-Vue.use(VuetifyProTipTap);
-// in case the user installs RichText using Vue.use()
-// should install VuetifyProTipTap using the already existing vuetify instance
-const RichTextPlugin = {
-    install(AppVue, options) {
-        setInstalled();
-        const ConfiguredTiptap = createVuetifyProTipTap({
-            vuetify: options.vuetify,
-            components: {
-                VuetifyTiptap,
-                FontFamily: __vue_component__,
-            },
-            config: {
-                image: {
-                    upload,
-                },
-            },
-        });
-        AppVue.use(ConfiguredTiptap);
-        AppVue.component('ZdRichText', __vue_component__$1);
-    },
-};
-
-export { RichTextPlugin, __vue_component__$1 as ZdRichText };