@tripup-company/element-ui-extended 0.0.112 → 0.0.113

package/dist/element-ui-extended.umd.js

@@ -152,6 +152,293 @@ exports.f = DESCRIPTORS ? $getOwnPropertyDescriptor : function getOwnPropertyDes
 };
 
 
+/***/ }),
+
+/***/ "0713":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/* harmony import */ var _tinymce_tinymce_vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ca72");
+/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("1157");
+/* harmony import */ var jquery__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(jquery__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var trumbowyg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("a01a");
+/* harmony import */ var trumbowyg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(trumbowyg__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var vue_trumbowyg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("6cf8");
+/* harmony import */ var vue_trumbowyg__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(vue_trumbowyg__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("d6a2");
+/* harmony import */ var trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(trumbowyg_dist_ui_trumbowyg_css__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("2ef0");
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_5__);
+
+
+
+
+
+
+if (typeof window !== "undefined") {
+  window.$ = window.$ || jquery__WEBPACK_IMPORTED_MODULE_1___default.a;
+  __webpack_provided_window_dot_jQuery = __webpack_provided_window_dot_jQuery || jquery__WEBPACK_IMPORTED_MODULE_1___default.a;
+}
+const _ = lodash__WEBPACK_IMPORTED_MODULE_5___default.a;
+/* harmony default export */ __webpack_exports__["a"] = ({
+  name: "EditableField",
+  components: {
+    Editor: _tinymce_tinymce_vue__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"],
+    VueTrumbowyg: (vue_trumbowyg__WEBPACK_IMPORTED_MODULE_3___default())
+  },
+  model: {
+    props: "value",
+    event: "input"
+  },
+  props: {
+    field: {
+      type: [String, Boolean],
+      default: ""
+    },
+    value: {
+      type: [String, Boolean, Date, Number, Array],
+      default: ""
+    },
+    filterable: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "input"
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    selectList: {
+      type: Array,
+      default: () => []
+    },
+    rows: {
+      type: Number,
+      default: 3
+    },
+    height: {
+      type: String,
+      default: "102px"
+    },
+    selectMultiple: {
+      type: Boolean,
+      default: false
+    },
+    objectValueKey: {
+      type: String,
+      default: "value"
+    },
+    selectJson: {
+      type: Boolean,
+      default: false
+    },
+    selectKey: {
+      type: String,
+      default: "value"
+    },
+    selectLabel: {
+      type: String,
+      default: "name"
+    },
+    selectValue: {
+      type: String,
+      default: ""
+    },
+    precision: {
+      type: Number,
+      default: 0
+    },
+    step: {
+      type: Number,
+      default: 1
+    },
+    allowCreate: {
+      type: Boolean,
+      default: false
+    },
+    defaultFirstOption: {
+      type: Boolean,
+      default: false
+    },
+    remoteMethod: {
+      type: Object,
+      default: null
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    format: {
+      type: String,
+      default: "dd.MM.yyyy"
+    },
+    valueFormat: {
+      type: String,
+      default: "yyyy-MM-dd"
+    },
+    tinyApiKey: {
+      type: String,
+      default: ""
+    },
+    trumbowygConfig: {
+      type: Object,
+      default: () => ({
+        menubar: false,
+        force_br_newlines: true,
+        force_p_newlines: false,
+        forced_root_block: '',
+        plugins: ['lists'],
+        paste_preprocess: function (plugin, args) {
+          args.content = args.content.replace(/&lt;(?!p|\/p).*?&gt;|<[^>](?!p|\/p)*>/g, "").replace(/<\/?[^>](?!p|\/p)+(>|$)/g, "");
+        },
+        toolbar: 'bold italic | bullist numlist',
+        btns: [["strong", "em"], ["unorderedList", "orderedList"], ["link"], ["removeformat"]]
+      })
+    }
+  },
+  data() {
+    return {
+      isEditMode: false,
+      model: "",
+      selectListLocal: this.selectList,
+      trumbowygEditorKey: 0
+    };
+  },
+  computed: {
+    normalizedTrumbowygValue: {
+      get() {
+        return this.unwrapTrumbowygHtml(this.value);
+      }
+    },
+    isSelectValue: {
+      get() {
+        return (this.value || this.value === false) && this.type === "select";
+      }
+    },
+    remote: {
+      get() {
+        return this.remoteMethod !== null;
+      }
+    },
+    remoteMethodHandler: {
+      get() {
+        if (this.remoteMethod !== null) {
+          return this.remoteCall;
+        }
+        return null;
+      }
+    }
+  },
+  watch: {
+    selectList: function () {
+      this.selectListLocal = _.cloneDeep(this.selectList);
+    }
+  },
+  methods: {
+    unwrapTrumbowygHtml(rawValue) {
+      if (this.type !== "trumbowyg" || typeof rawValue !== "string") {
+        return rawValue;
+      }
+      const trimmedValue = rawValue.trim();
+      const wrappedTextareaMatch = trimmedValue.match(/^<textarea\b[^>]*>([\s\S]*)<\/textarea>$/i);
+      if (wrappedTextareaMatch) {
+        return wrappedTextareaMatch[1];
+      }
+      return rawValue;
+    },
+    focusTrumbowygEditor(event) {
+      const container = event && event.currentTarget ? event.currentTarget : null;
+      if (!container || !container.querySelector) {
+        return;
+      }
+      const editor = container.querySelector(".trumbowyg-editor");
+      if (editor && typeof editor.focus === "function") {
+        editor.focus();
+      }
+    },
+    createList() {
+      let label = "";
+      if (this.selectMultiple) {
+        if (this.value.length) {
+          let values = [];
+          this.value.forEach(element => {
+            console.log(element);
+            let compareValue = this.selectJson ? element[this.selectKey] : element;
+            if (!compareValue) {
+              compareValue = element;
+            }
+            const labArray = this.selectListLocal.find(x => x[this.selectKey] === compareValue);
+            if (labArray && labArray[this.selectLabel]) {
+              values.push(labArray[this.selectLabel]);
+            } else {
+              values.push(element);
+            }
+            label = values.join("; ");
+          });
+        } else {
+          label = "-";
+        }
+      } else if (this.selectListLocal.length) {
+        let obj = this.selectListLocal.find(x => x[this.selectKey] === this.value);
+        if (typeof obj != "undefined") {
+          label = obj[this.selectLabel];
+        } else {
+          console.log(this.value + " not found in " + this.selectListLocal.map(x => x[this.selectKey]));
+        }
+      } else {
+        label = this.value;
+      }
+      return label;
+    },
+    async handleDoubleClick() {
+      this.$emit("editable:open");
+      this.isEditMode = true;
+      this.model = this.unwrapTrumbowygHtml(this.value);
+      if (this.type === "trumbowyg") {
+        this.trumbowygEditorKey += 1;
+      }
+    },
+    handleClose() {
+      this.isEditMode = false;
+      this.model = this.unwrapTrumbowygHtml(this.value);
+      this.$emit("editable:close");
+    },
+    async remoteCall(query) {
+      if (!query.length) {
+        return;
+      }
+      this.loading = true;
+      const response = await this.remoteMethod.all({
+        search: this.selectLabel + ":" + query,
+        searchFields: this.selectLabel + ":like"
+      });
+      this.selectListLocal = response.data;
+      this.loading = false;
+    },
+    handleSave() {
+      this.isEditMode = false;
+      this.$emit("editable:close");
+      let emitValue = this.model;
+      emitValue = this.unwrapTrumbowygHtml(emitValue);
+      if (this.type === "number" && (emitValue === undefined || emitValue === "")) {
+        emitValue = null;
+      }
+      this.$emit("editable:save", {
+        field: this.field,
+        value: emitValue
+      });
+      this.$emit("update:value", {
+        field: this.field,
+        value: emitValue
+      });
+    }
+  }
+});
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("1157")))
+
 /***/ }),
 
 /***/ "07fa":
@@ -38894,7 +39181,7 @@ module.exports = DESCRIPTORS ? function (object, key, value) {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"0.0.112\"}");
+module.exports = JSON.parse("{\"a\":\"0.0.113\"}");
 
 /***/ }),
 
@@ -41309,6 +41596,346 @@ try {
 module.exports = g;
 
 
+/***/ }),
+
+/***/ "ca72":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+
+// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js
+/**
+ * Copyright (c) 2018-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var validEvents = [
+    'onActivate',
+    'onAddUndo',
+    'onBeforeAddUndo',
+    'onBeforeExecCommand',
+    'onBeforeGetContent',
+    'onBeforeRenderUI',
+    'onBeforeSetContent',
+    'onBeforePaste',
+    'onBlur',
+    'onChange',
+    'onClearUndos',
+    'onClick',
+    'onContextMenu',
+    'onCopy',
+    'onCut',
+    'onDblclick',
+    'onDeactivate',
+    'onDirty',
+    'onDrag',
+    'onDragDrop',
+    'onDragEnd',
+    'onDragGesture',
+    'onDragOver',
+    'onDrop',
+    'onExecCommand',
+    'onFocus',
+    'onFocusIn',
+    'onFocusOut',
+    'onGetContent',
+    'onHide',
+    'onInit',
+    'onKeyDown',
+    'onKeyPress',
+    'onKeyUp',
+    'onLoadContent',
+    'onMouseDown',
+    'onMouseEnter',
+    'onMouseLeave',
+    'onMouseMove',
+    'onMouseOut',
+    'onMouseOver',
+    'onMouseUp',
+    'onNodeChange',
+    'onObjectResizeStart',
+    'onObjectResized',
+    'onObjectSelected',
+    'onPaste',
+    'onPostProcess',
+    'onPostRender',
+    'onPreProcess',
+    'onProgressState',
+    'onRedo',
+    'onRemove',
+    'onReset',
+    'onSaveContent',
+    'onSelectionChange',
+    'onSetAttrib',
+    'onSetContent',
+    'onShow',
+    'onSubmit',
+    'onUndo',
+    'onVisualAid'
+];
+var isValidKey = function (key) { return validEvents.map(function (event) { return event.toLowerCase(); }).indexOf(key.toLowerCase()) !== -1; };
+var bindHandlers = function (initEvent, listeners, editor) {
+    Object.keys(listeners)
+        .filter(isValidKey)
+        .forEach(function (key) {
+        var handler = listeners[key];
+        if (typeof handler === 'function') {
+            if (key === 'onInit') {
+                handler(initEvent, editor);
+            }
+            else {
+                editor.on(key.substring(2), function (e) { return handler(e, editor); });
+            }
+        }
+    });
+};
+var bindModelHandlers = function (ctx, editor) {
+    var modelEvents = ctx.$props.modelEvents ? ctx.$props.modelEvents : null;
+    var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents;
+    editor.on(normalizedEvents ? normalizedEvents : 'change input undo redo', function () {
+        ctx.$emit('input', editor.getContent({ format: ctx.$props.outputFormat }));
+    });
+};
+var initEditor = function (initEvent, ctx, editor) {
+    var value = ctx.$props.value ? ctx.$props.value : '';
+    var initialValue = ctx.$props.initialValue ? ctx.$props.initialValue : '';
+    editor.setContent(value || (ctx.initialized ? ctx.cache : initialValue));
+    // Always bind the value listener in case users use :value instead of v-model
+    ctx.$watch('value', function (val, prevVal) {
+        if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: ctx.$props.outputFormat })) {
+            editor.setContent(val);
+        }
+    });
+    // checks if the v-model shorthand is used (which sets an v-on:input listener) and then binds either
+    // specified the events or defaults to "change keyup" event and emits the editor content on that event
+    if (ctx.$listeners.input) {
+        bindModelHandlers(ctx, editor);
+    }
+    bindHandlers(initEvent, ctx.$listeners, editor);
+    ctx.initialized = true;
+};
+var unique = 0;
+var uuid = function (prefix) {
+    var time = Date.now();
+    var random = Math.floor(Math.random() * 1000000000);
+    unique++;
+    return prefix + '_' + random + unique + String(time);
+};
+var isTextarea = function (element) {
+    return element !== null && element.tagName.toLowerCase() === 'textarea';
+};
+var normalizePluginArray = function (plugins) {
+    if (typeof plugins === 'undefined' || plugins === '') {
+        return [];
+    }
+    return Array.isArray(plugins) ? plugins : plugins.split(' ');
+};
+var mergePlugins = function (initPlugins, inputPlugins) {
+    return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
+};
+var isNullOrUndefined = function (value) { return value === null || value === undefined; };
+
+
+// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js
+/**
+ * Copyright (c) 2018-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+var createState = function () {
+    return {
+        listeners: [],
+        scriptId: uuid('tiny-script'),
+        scriptLoaded: false
+    };
+};
+var CreateScriptLoader = function () {
+    var state = createState();
+    var injectScriptTag = function (scriptId, doc, url, callback) {
+        var scriptTag = doc.createElement('script');
+        scriptTag.referrerPolicy = 'origin';
+        scriptTag.type = 'application/javascript';
+        scriptTag.id = scriptId;
+        scriptTag.src = url;
+        var handler = function () {
+            scriptTag.removeEventListener('load', handler);
+            callback();
+        };
+        scriptTag.addEventListener('load', handler);
+        if (doc.head) {
+            doc.head.appendChild(scriptTag);
+        }
+    };
+    var load = function (doc, url, callback) {
+        if (state.scriptLoaded) {
+            callback();
+        }
+        else {
+            state.listeners.push(callback);
+            if (!doc.getElementById(state.scriptId)) {
+                injectScriptTag(state.scriptId, doc, url, function () {
+                    state.listeners.forEach(function (fn) { return fn(); });
+                    state.scriptLoaded = true;
+                });
+            }
+        }
+    };
+    // Only to be used by tests.
+    var reinitialize = function () {
+        state = createState();
+    };
+    return {
+        load: load,
+        reinitialize: reinitialize
+    };
+};
+var ScriptLoader = CreateScriptLoader();
+
+
+// EXTERNAL MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js
+var TinyMCE = __webpack_require__("c4a9");
+
+// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js
+/**
+ * Copyright (c) 2018-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var editorProps = {
+    apiKey: String,
+    cloudChannel: String,
+    id: String,
+    init: Object,
+    initialValue: String,
+    inline: Boolean,
+    modelEvents: [String, Array],
+    plugins: [String, Array],
+    tagName: String,
+    toolbar: [String, Array],
+    value: String,
+    disabled: Boolean,
+    tinymceScriptSrc: String,
+    outputFormat: {
+        type: String,
+        validator: function (prop) { return prop === 'html' || prop === 'text'; }
+    },
+};
+
+// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js
+/**
+ * Copyright (c) 2018-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+
+
+
+var renderInline = function (h, id, tagName) {
+    return h(tagName ? tagName : 'div', {
+        attrs: { id: id }
+    });
+};
+var renderIframe = function (h, id) {
+    return h('textarea', {
+        attrs: { id: id },
+        style: { visibility: 'hidden' }
+    });
+};
+var initialise = function (ctx) { return function () {
+    var finalInit = __assign(__assign({}, ctx.$props.init), { readonly: ctx.$props.disabled, selector: "#" + ctx.elementId, plugins: mergePlugins(ctx.$props.init && ctx.$props.init.plugins, ctx.$props.plugins), toolbar: ctx.$props.toolbar || (ctx.$props.init && ctx.$props.init.toolbar), inline: ctx.inlineEditor, setup: function (editor) {
+            ctx.editor = editor;
+            editor.on('init', function (e) { return initEditor(e, ctx, editor); });
+            if (ctx.$props.init && typeof ctx.$props.init.setup === 'function') {
+                ctx.$props.init.setup(editor);
+            }
+        } });
+    if (isTextarea(ctx.element)) {
+        ctx.element.style.visibility = '';
+        ctx.element.style.display = '';
+    }
+    Object(TinyMCE["a" /* getTinymce */])().init(finalInit);
+}; };
+var Editor = {
+    props: editorProps,
+    created: function () {
+        this.elementId = this.$props.id || uuid('tiny-vue');
+        this.inlineEditor = (this.$props.init && this.$props.init.inline) || this.$props.inline;
+        this.initialized = false;
+    },
+    watch: {
+        disabled: function () {
+            this.editor.setMode(this.disabled ? 'readonly' : 'design');
+        }
+    },
+    mounted: function () {
+        this.element = this.$el;
+        if (Object(TinyMCE["a" /* getTinymce */])() !== null) {
+            initialise(this)();
+        }
+        else if (this.element && this.element.ownerDocument) {
+            var channel = this.$props.cloudChannel ? this.$props.cloudChannel : '5';
+            var apiKey = this.$props.apiKey ? this.$props.apiKey : 'no-api-key';
+            var scriptSrc = isNullOrUndefined(this.$props.tinymceScriptSrc) ?
+                "https://cdn.tiny.cloud/1/" + apiKey + "/tinymce/" + channel + "/tinymce.min.js" :
+                this.$props.tinymceScriptSrc;
+            ScriptLoader.load(this.element.ownerDocument, scriptSrc, initialise(this));
+        }
+    },
+    beforeDestroy: function () {
+        if (Object(TinyMCE["a" /* getTinymce */])() !== null) {
+            Object(TinyMCE["a" /* getTinymce */])().remove(this.editor);
+        }
+    },
+    deactivated: function () {
+        var _a;
+        if (!this.inlineEditor) {
+            this.cache = this.editor.getContent();
+            (_a = Object(TinyMCE["a" /* getTinymce */])()) === null || _a === void 0 ? void 0 : _a.remove(this.editor);
+        }
+    },
+    activated: function () {
+        if (!this.inlineEditor && this.initialized) {
+            initialise(this)();
+        }
+    },
+    render: function (h) {
+        return this.inlineEditor ? renderInline(h, this.elementId, this.$props.tagName) : renderIframe(h, this.elementId);
+    }
+};
+
+// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js
+/**
+ * Copyright (c) 2018-present, Ephox, Inc.
+ *
+ * This source code is licensed under the Apache 2 license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/* harmony default export */ var ts = __webpack_exports__["a"] = (Editor);
+
+
 /***/ }),
 
 /***/ "ca84":
@@ -43897,337 +44524,8 @@ var NewFieldvue_type_template_id_e9325706_staticRenderFns = [];
 
 // CONCATENATED MODULE: ./src/components/NewField/index.vue?vue&type=template&id=e9325706
 
-// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js
-/**
- * Copyright (c) 2018-present, Ephox, Inc.
- *
- * This source code is licensed under the Apache 2 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var validEvents = [
-    'onActivate',
-    'onAddUndo',
-    'onBeforeAddUndo',
-    'onBeforeExecCommand',
-    'onBeforeGetContent',
-    'onBeforeRenderUI',
-    'onBeforeSetContent',
-    'onBeforePaste',
-    'onBlur',
-    'onChange',
-    'onClearUndos',
-    'onClick',
-    'onContextMenu',
-    'onCopy',
-    'onCut',
-    'onDblclick',
-    'onDeactivate',
-    'onDirty',
-    'onDrag',
-    'onDragDrop',
-    'onDragEnd',
-    'onDragGesture',
-    'onDragOver',
-    'onDrop',
-    'onExecCommand',
-    'onFocus',
-    'onFocusIn',
-    'onFocusOut',
-    'onGetContent',
-    'onHide',
-    'onInit',
-    'onKeyDown',
-    'onKeyPress',
-    'onKeyUp',
-    'onLoadContent',
-    'onMouseDown',
-    'onMouseEnter',
-    'onMouseLeave',
-    'onMouseMove',
-    'onMouseOut',
-    'onMouseOver',
-    'onMouseUp',
-    'onNodeChange',
-    'onObjectResizeStart',
-    'onObjectResized',
-    'onObjectSelected',
-    'onPaste',
-    'onPostProcess',
-    'onPostRender',
-    'onPreProcess',
-    'onProgressState',
-    'onRedo',
-    'onRemove',
-    'onReset',
-    'onSaveContent',
-    'onSelectionChange',
-    'onSetAttrib',
-    'onSetContent',
-    'onShow',
-    'onSubmit',
-    'onUndo',
-    'onVisualAid'
-];
-var isValidKey = function (key) { return validEvents.map(function (event) { return event.toLowerCase(); }).indexOf(key.toLowerCase()) !== -1; };
-var bindHandlers = function (initEvent, listeners, editor) {
-    Object.keys(listeners)
-        .filter(isValidKey)
-        .forEach(function (key) {
-        var handler = listeners[key];
-        if (typeof handler === 'function') {
-            if (key === 'onInit') {
-                handler(initEvent, editor);
-            }
-            else {
-                editor.on(key.substring(2), function (e) { return handler(e, editor); });
-            }
-        }
-    });
-};
-var bindModelHandlers = function (ctx, editor) {
-    var modelEvents = ctx.$props.modelEvents ? ctx.$props.modelEvents : null;
-    var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents;
-    editor.on(normalizedEvents ? normalizedEvents : 'change input undo redo', function () {
-        ctx.$emit('input', editor.getContent({ format: ctx.$props.outputFormat }));
-    });
-};
-var initEditor = function (initEvent, ctx, editor) {
-    var value = ctx.$props.value ? ctx.$props.value : '';
-    var initialValue = ctx.$props.initialValue ? ctx.$props.initialValue : '';
-    editor.setContent(value || (ctx.initialized ? ctx.cache : initialValue));
-    // Always bind the value listener in case users use :value instead of v-model
-    ctx.$watch('value', function (val, prevVal) {
-        if (editor && typeof val === 'string' && val !== prevVal && val !== editor.getContent({ format: ctx.$props.outputFormat })) {
-            editor.setContent(val);
-        }
-    });
-    // checks if the v-model shorthand is used (which sets an v-on:input listener) and then binds either
-    // specified the events or defaults to "change keyup" event and emits the editor content on that event
-    if (ctx.$listeners.input) {
-        bindModelHandlers(ctx, editor);
-    }
-    bindHandlers(initEvent, ctx.$listeners, editor);
-    ctx.initialized = true;
-};
-var unique = 0;
-var uuid = function (prefix) {
-    var time = Date.now();
-    var random = Math.floor(Math.random() * 1000000000);
-    unique++;
-    return prefix + '_' + random + unique + String(time);
-};
-var isTextarea = function (element) {
-    return element !== null && element.tagName.toLowerCase() === 'textarea';
-};
-var normalizePluginArray = function (plugins) {
-    if (typeof plugins === 'undefined' || plugins === '') {
-        return [];
-    }
-    return Array.isArray(plugins) ? plugins : plugins.split(' ');
-};
-var mergePlugins = function (initPlugins, inputPlugins) {
-    return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
-};
-var isNullOrUndefined = function (value) { return value === null || value === undefined; };
-
-
-// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js
-/**
- * Copyright (c) 2018-present, Ephox, Inc.
- *
- * This source code is licensed under the Apache 2 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-var createState = function () {
-    return {
-        listeners: [],
-        scriptId: uuid('tiny-script'),
-        scriptLoaded: false
-    };
-};
-var CreateScriptLoader = function () {
-    var state = createState();
-    var injectScriptTag = function (scriptId, doc, url, callback) {
-        var scriptTag = doc.createElement('script');
-        scriptTag.referrerPolicy = 'origin';
-        scriptTag.type = 'application/javascript';
-        scriptTag.id = scriptId;
-        scriptTag.src = url;
-        var handler = function () {
-            scriptTag.removeEventListener('load', handler);
-            callback();
-        };
-        scriptTag.addEventListener('load', handler);
-        if (doc.head) {
-            doc.head.appendChild(scriptTag);
-        }
-    };
-    var load = function (doc, url, callback) {
-        if (state.scriptLoaded) {
-            callback();
-        }
-        else {
-            state.listeners.push(callback);
-            if (!doc.getElementById(state.scriptId)) {
-                injectScriptTag(state.scriptId, doc, url, function () {
-                    state.listeners.forEach(function (fn) { return fn(); });
-                    state.scriptLoaded = true;
-                });
-            }
-        }
-    };
-    // Only to be used by tests.
-    var reinitialize = function () {
-        state = createState();
-    };
-    return {
-        load: load,
-        reinitialize: reinitialize
-    };
-};
-var ScriptLoader = CreateScriptLoader();
-
-
-// EXTERNAL MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js
-var TinyMCE = __webpack_require__("c4a9");
-
-// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js
-/**
- * Copyright (c) 2018-present, Ephox, Inc.
- *
- * This source code is licensed under the Apache 2 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var editorProps = {
-    apiKey: String,
-    cloudChannel: String,
-    id: String,
-    init: Object,
-    initialValue: String,
-    inline: Boolean,
-    modelEvents: [String, Array],
-    plugins: [String, Array],
-    tagName: String,
-    toolbar: [String, Array],
-    value: String,
-    disabled: Boolean,
-    tinymceScriptSrc: String,
-    outputFormat: {
-        type: String,
-        validator: function (prop) { return prop === 'html' || prop === 'text'; }
-    },
-};
-
-// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js
-/**
- * Copyright (c) 2018-present, Ephox, Inc.
- *
- * This source code is licensed under the Apache 2 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var __assign = (undefined && undefined.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-
-
-
-var renderInline = function (h, id, tagName) {
-    return h(tagName ? tagName : 'div', {
-        attrs: { id: id }
-    });
-};
-var renderIframe = function (h, id) {
-    return h('textarea', {
-        attrs: { id: id },
-        style: { visibility: 'hidden' }
-    });
-};
-var initialise = function (ctx) { return function () {
-    var finalInit = __assign(__assign({}, ctx.$props.init), { readonly: ctx.$props.disabled, selector: "#" + ctx.elementId, plugins: mergePlugins(ctx.$props.init && ctx.$props.init.plugins, ctx.$props.plugins), toolbar: ctx.$props.toolbar || (ctx.$props.init && ctx.$props.init.toolbar), inline: ctx.inlineEditor, setup: function (editor) {
-            ctx.editor = editor;
-            editor.on('init', function (e) { return initEditor(e, ctx, editor); });
-            if (ctx.$props.init && typeof ctx.$props.init.setup === 'function') {
-                ctx.$props.init.setup(editor);
-            }
-        } });
-    if (isTextarea(ctx.element)) {
-        ctx.element.style.visibility = '';
-        ctx.element.style.display = '';
-    }
-    Object(TinyMCE["a" /* getTinymce */])().init(finalInit);
-}; };
-var Editor = {
-    props: editorProps,
-    created: function () {
-        this.elementId = this.$props.id || uuid('tiny-vue');
-        this.inlineEditor = (this.$props.init && this.$props.init.inline) || this.$props.inline;
-        this.initialized = false;
-    },
-    watch: {
-        disabled: function () {
-            this.editor.setMode(this.disabled ? 'readonly' : 'design');
-        }
-    },
-    mounted: function () {
-        this.element = this.$el;
-        if (Object(TinyMCE["a" /* getTinymce */])() !== null) {
-            initialise(this)();
-        }
-        else if (this.element && this.element.ownerDocument) {
-            var channel = this.$props.cloudChannel ? this.$props.cloudChannel : '5';
-            var apiKey = this.$props.apiKey ? this.$props.apiKey : 'no-api-key';
-            var scriptSrc = isNullOrUndefined(this.$props.tinymceScriptSrc) ?
-                "https://cdn.tiny.cloud/1/" + apiKey + "/tinymce/" + channel + "/tinymce.min.js" :
-                this.$props.tinymceScriptSrc;
-            ScriptLoader.load(this.element.ownerDocument, scriptSrc, initialise(this));
-        }
-    },
-    beforeDestroy: function () {
-        if (Object(TinyMCE["a" /* getTinymce */])() !== null) {
-            Object(TinyMCE["a" /* getTinymce */])().remove(this.editor);
-        }
-    },
-    deactivated: function () {
-        var _a;
-        if (!this.inlineEditor) {
-            this.cache = this.editor.getContent();
-            (_a = Object(TinyMCE["a" /* getTinymce */])()) === null || _a === void 0 ? void 0 : _a.remove(this.editor);
-        }
-    },
-    activated: function () {
-        if (!this.inlineEditor && this.initialized) {
-            initialise(this)();
-        }
-    },
-    render: function (h) {
-        return this.inlineEditor ? renderInline(h, this.elementId, this.$props.tagName) : renderIframe(h, this.elementId);
-    }
-};
-
-// CONCATENATED MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js
-/**
- * Copyright (c) 2018-present, Ephox, Inc.
- *
- * This source code is licensed under the Apache 2 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-/* harmony default export */ var ts = (Editor);
+// EXTERNAL MODULE: ./node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js + 4 modules
+var ts = __webpack_require__("ca72");
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/NewField/index.vue?vue&type=script&lang=js
 
@@ -44236,7 +44534,7 @@ const _ = lodash_default.a;
 /* harmony default export */ var NewFieldvue_type_script_lang_js = ({
   name: "NewField",
   components: {
-    Editor: ts
+    Editor: ts["a" /* default */]
   },
   props: {
     field: {
@@ -44404,9 +44702,9 @@ var NewField_component = normalizeComponent(
 )
 
 /* harmony default export */ var NewField = (NewField_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb8bd5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=37c0daa8
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"28cb8bd5-vue-loader-template"}!./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=template&id=4682b07c
 
-var EditableFieldvue_type_template_id_37c0daa8_render = function render() {
+var EditableFieldvue_type_template_id_4682b07c_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -44623,282 +44921,15 @@ var EditableFieldvue_type_template_id_37c0daa8_render = function render() {
     }
   }) : _vm._e()], 1)], 1)]);
 };
-var EditableFieldvue_type_template_id_37c0daa8_staticRenderFns = [];
-
-// CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=template&id=37c0daa8
+var EditableFieldvue_type_template_id_4682b07c_staticRenderFns = [];
 
-// EXTERNAL MODULE: ./node_modules/vue-trumbowyg/dist/vue-trumbowyg.min.js
-var vue_trumbowyg_min = __webpack_require__("6cf8");
-var vue_trumbowyg_min_default = /*#__PURE__*/__webpack_require__.n(vue_trumbowyg_min);
+// CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=template&id=4682b07c
 
-// EXTERNAL MODULE: ./node_modules/trumbowyg/dist/ui/trumbowyg.css
-var trumbowyg = __webpack_require__("d6a2");
+// EXTERNAL MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=script&lang=js
+var EditableFieldvue_type_script_lang_js = __webpack_require__("0713");
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/EditableField/index.vue?vue&type=script&lang=js
-
-
-
-
-const EditableFieldvue_type_script_lang_js_ = lodash_default.a;
-/* harmony default export */ var EditableFieldvue_type_script_lang_js = ({
-  name: "EditableField",
-  components: {
-    Editor: ts,
-    VueTrumbowyg: vue_trumbowyg_min_default.a
-  },
-  model: {
-    props: "value",
-    event: "input"
-  },
-  props: {
-    field: {
-      type: [String, Boolean],
-      default: ""
-    },
-    value: {
-      type: [String, Boolean, Date, Number, Array],
-      default: ""
-    },
-    filterable: {
-      type: Boolean,
-      default: false
-    },
-    type: {
-      type: String,
-      default: "input"
-    },
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    selectList: {
-      type: Array,
-      default: () => []
-    },
-    rows: {
-      type: Number,
-      default: 3
-    },
-    height: {
-      type: String,
-      default: "102px"
-    },
-    selectMultiple: {
-      type: Boolean,
-      default: false
-    },
-    objectValueKey: {
-      type: String,
-      default: "value"
-    },
-    selectJson: {
-      type: Boolean,
-      default: false
-    },
-    selectKey: {
-      type: String,
-      default: "value"
-    },
-    selectLabel: {
-      type: String,
-      default: "name"
-    },
-    selectValue: {
-      type: String,
-      default: ""
-    },
-    precision: {
-      type: Number,
-      default: 0
-    },
-    step: {
-      type: Number,
-      default: 1
-    },
-    allowCreate: {
-      type: Boolean,
-      default: false
-    },
-    defaultFirstOption: {
-      type: Boolean,
-      default: false
-    },
-    remoteMethod: {
-      type: Object,
-      default: null
-    },
-    readonly: {
-      type: Boolean,
-      default: false
-    },
-    format: {
-      type: String,
-      default: "dd.MM.yyyy"
-    },
-    valueFormat: {
-      type: String,
-      default: "yyyy-MM-dd"
-    },
-    tinyApiKey: {
-      type: String,
-      default: ""
-    },
-    trumbowygConfig: {
-      type: Object,
-      default: () => ({
-        menubar: false,
-        force_br_newlines: true,
-        force_p_newlines: false,
-        forced_root_block: '',
-        plugins: ['lists'],
-        paste_preprocess: function (plugin, args) {
-          args.content = args.content.replace(/&lt;(?!p|\/p).*?&gt;|<[^>](?!p|\/p)*>/g, "").replace(/<\/?[^>](?!p|\/p)+(>|$)/g, "");
-        },
-        toolbar: 'bold italic | bullist numlist',
-        btns: [["strong", "em"], ["unorderedList", "orderedList"], ["link"], ["removeformat"]]
-      })
-    }
-  },
-  data() {
-    return {
-      isEditMode: false,
-      model: "",
-      selectListLocal: this.selectList,
-      trumbowygEditorKey: 0
-    };
-  },
-  computed: {
-    normalizedTrumbowygValue: {
-      get() {
-        return this.unwrapTrumbowygHtml(this.value);
-      }
-    },
-    isSelectValue: {
-      get() {
-        return (this.value || this.value === false) && this.type === "select";
-      }
-    },
-    remote: {
-      get() {
-        return this.remoteMethod !== null;
-      }
-    },
-    remoteMethodHandler: {
-      get() {
-        if (this.remoteMethod !== null) {
-          return this.remoteCall;
-        }
-        return null;
-      }
-    }
-  },
-  watch: {
-    selectList: function () {
-      this.selectListLocal = EditableFieldvue_type_script_lang_js_.cloneDeep(this.selectList);
-    }
-  },
-  methods: {
-    unwrapTrumbowygHtml(rawValue) {
-      if (this.type !== "trumbowyg" || typeof rawValue !== "string") {
-        return rawValue;
-      }
-      const trimmedValue = rawValue.trim();
-      const wrappedTextareaMatch = trimmedValue.match(/^<textarea\b[^>]*>([\s\S]*)<\/textarea>$/i);
-      if (wrappedTextareaMatch) {
-        return wrappedTextareaMatch[1];
-      }
-      return rawValue;
-    },
-    focusTrumbowygEditor(event) {
-      const container = event && event.currentTarget ? event.currentTarget : null;
-      if (!container || !container.querySelector) {
-        return;
-      }
-      const editor = container.querySelector(".trumbowyg-editor");
-      if (editor && typeof editor.focus === "function") {
-        editor.focus();
-      }
-    },
-    createList() {
-      let label = "";
-      if (this.selectMultiple) {
-        if (this.value.length) {
-          let values = [];
-          this.value.forEach(element => {
-            console.log(element);
-            let compareValue = this.selectJson ? element[this.selectKey] : element;
-            if (!compareValue) {
-              compareValue = element;
-            }
-            const labArray = this.selectListLocal.find(x => x[this.selectKey] === compareValue);
-            if (labArray && labArray[this.selectLabel]) {
-              values.push(labArray[this.selectLabel]);
-            } else {
-              values.push(element);
-            }
-            label = values.join("; ");
-          });
-        } else {
-          label = "-";
-        }
-      } else if (this.selectListLocal.length) {
-        let obj = this.selectListLocal.find(x => x[this.selectKey] === this.value);
-        if (typeof obj != "undefined") {
-          label = obj[this.selectLabel];
-        } else {
-          console.log(this.value + " not found in " + this.selectListLocal.map(x => x[this.selectKey]));
-        }
-      } else {
-        label = this.value;
-      }
-      return label;
-    },
-    async handleDoubleClick() {
-      this.$emit("editable:open");
-      this.isEditMode = true;
-      this.model = this.unwrapTrumbowygHtml(this.value);
-      if (this.type === "trumbowyg") {
-        this.trumbowygEditorKey += 1;
-      }
-    },
-    handleClose() {
-      this.isEditMode = false;
-      this.model = this.unwrapTrumbowygHtml(this.value);
-      this.$emit("editable:close");
-    },
-    async remoteCall(query) {
-      if (!query.length) {
-        return;
-      }
-      this.loading = true;
-      const response = await this.remoteMethod.all({
-        search: this.selectLabel + ":" + query,
-        searchFields: this.selectLabel + ":like"
-      });
-      this.selectListLocal = response.data;
-      this.loading = false;
-    },
-    handleSave() {
-      this.isEditMode = false;
-      this.$emit("editable:close");
-      let emitValue = this.model;
-      emitValue = this.unwrapTrumbowygHtml(emitValue);
-      if (this.type === "number" && (emitValue === undefined || emitValue === "")) {
-        emitValue = null;
-      }
-      this.$emit("editable:save", {
-        field: this.field,
-        value: emitValue
-      });
-      this.$emit("update:value", {
-        field: this.field,
-        value: emitValue
-      });
-    }
-  }
-});
 // CONCATENATED MODULE: ./src/components/EditableField/index.vue?vue&type=script&lang=js
- /* harmony default export */ var components_EditableFieldvue_type_script_lang_js = (EditableFieldvue_type_script_lang_js); 
+ /* harmony default export */ var components_EditableFieldvue_type_script_lang_js = (EditableFieldvue_type_script_lang_js["a" /* default */]); 
 // CONCATENATED MODULE: ./src/components/EditableField/index.vue
 
 
@@ -44909,8 +44940,8 @@ const EditableFieldvue_type_script_lang_js_ = lodash_default.a;
 
 var EditableField_component = normalizeComponent(
   components_EditableFieldvue_type_script_lang_js,
-  EditableFieldvue_type_template_id_37c0daa8_render,
-  EditableFieldvue_type_template_id_37c0daa8_staticRenderFns,
+  EditableFieldvue_type_template_id_4682b07c_render,
+  EditableFieldvue_type_template_id_4682b07c_staticRenderFns,
   false,
   null,
   null,