{"version":3,"sources":["webpack:///./src/components/common/BaseEditor.vue?68b8","webpack:///./src/components/common/BaseEditor.vue?8644","webpack:///src/components/common/BaseEditor.vue","webpack:///./src/components/common/BaseEditor.vue?1ae2","webpack:///./src/components/common/BaseEditor.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","ref","staticClass","class","validator","$model","$invalid","$error","style","editorHeight","on","toggleLowerCase","attrs","editorOutput","toolbar","customizeModules","elementAttr","mentions","handleValueChange","handleFocusIn","handleFocusOut","onInitialized","initializeEditor","_l","Object","keys","$params","key","index","_e","_v","_s","validatorMsgMap","staticRenderFns","initializeQuill","scope","whitelist","TransformStyleAttributor","Parchment","Block","Italics","CustomBold","node","Inline","Quill","props","height","type","required","label","upperCase","default","accessKey","components","DxHtmlEditor","mixins","data","isToolbarExpanded","targetList","proofReaderOpen","sizeValues","fontValues","component","webSpellCheckInstance","isFocused","headerValues","isMultiline","_editor","resizeObserver","willReopen","preventExpand","lastSelection","lowerCaseShortkey","activeChecks","methods","config","matchVisual","displayName","focus","isManual","scrollToElement","e","applyDefaultFormat","keyboard","altKey","handler","jumpToTilde","range","matches","_getCharByIndex","trailingNewLines","handleMacroTrigger","context","editor","checkFormatting","setSpellCheckStatus","event","setTimeout","computed","mapState","labSettings","textEditors","dictionaryName","activeSpellCheckers","mapGetters","styles","multiline","items","locateInMenu","showText","options","tabIndex","acceptedValues","visible","widget","text","hint","icon","onClick","get","set","editorRef","toolbarDisabled","isForcedUpperCase","settingName"],"mappings":"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A,yBACA,0BAEA,oBAEAtE,eAnJA,WAoJA,oCACA,qBACA,mBAEAuE,mBAxJA,SAwJAJ,EAAAK,EAAAC,EAAAhG,GACA,uBACA0F,QACAK,UACAC,SACAhG,OACAiE,4BAGAgC,gBAjKA,WAkKA,+BACA,6BACA,2BAGAnF,gBAvKA,WAwKA,2BAGA,kCACA,4BACA,0BACA,sCAEA,+CAGAoF,oBAnLA,SAmLAC,GAAA,WACA,qBACAA,kDAEA,gBACAC,YACA,WACA,qDAEA,6BAKAC,yDACAC,gBACAC,wBAAA,sBACAC,wBAAA,0CACAC,2BAAA,6CACAC,gCAAA,gDAEAC,2CAPA,IAQA/F,aARA,WASA,eACA,uBACA,iBAEA,QAEA,kCACA,yCACA,cAEA,SAEAgG,OArBA,WAsBA,qCAEA3F,QAxBA,WAwBA,WACA,4BACA,GAEA,CACA4F,aACAC,OACA,CACA9G,YACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,YACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,YACA+G,oBACAC,kBACAG,+BACAF,SACAC,cAGA,CACAlH,YACA+G,oBACAC,kBACAG,+BACAF,SACAC,cAGA,CACAlH,YACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,cACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,cACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,mBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,kBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,mBACA+G,oBACAC,kBACAC,SACAC,aAEAE,4DAEA,CACApH,kBACA+G,oBACAC,kBACAC,SACAC,aAEAE,4DAEA,CACApH,cACA+G,oBACAC,kBACAG,iCACAF,SACAC,cAGA,CACAlH,aACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,YACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,aACA+G,oBACAC,kBACAC,SACAC,cAGA,CACAlH,iBACAoH,+BACAL,oBACAC,kBACAK,kBACAJ,SACAC,YACAI,iBACAC,uBACAC,kBACAC,mBACA,0BAOAzG,cACA0G,IADA,WAEA,mBAEAC,IAJA,SAIAzH,GACA,+BAGA0H,UAvOA,WAwOA,mCAEAC,gBA1OA,WA2OA,SACA,0CACA,yEAMAC,kBAnPA,WAoPA,SACA,kBACA,YACAC,iBACA,MACA,gBACAA,aACA,MACA,QACAA,4BAEA,WACA,kDClnBmW,I,wBCQ/V9D,EAAY,eACd,EACAzE,EACA4C,GACA,EACA,KACA,WACA,MAIa,aAAA6B,E","file":"js/chunk-67cae910.e9f81a3b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseEditor.vue?vue&type=style&index=0&id=1ac6d0e7&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"shortkey\",rawName:\"v-shortkey\",value:(_vm.lowerCaseShortkey),expression:\"lowerCaseShortkey\"}],ref:\"editorMain\",staticClass:\"editor\",class:{\n    'is-invalid':\n      (_vm.validator && _vm.validator.$model && _vm.validator.$invalid) || (_vm.validator && _vm.validator.$error),\n    'is-valid': _vm.validator && _vm.validator.$model && !_vm.validator.$invalid\n  },style:((\"height: \" + _vm.editorHeight)),on:{\"shortkey\":_vm.toggleLowerCase}},[_c('DxHtmlEditor',{ref:\"editor\",attrs:{\"value\":_vm.editorOutput,\"value-type\":\"html\",\"toolbar\":_vm.toolbar,\"allowSoftLineBreak\":true,\"customize-modules\":_vm.customizeModules,\"element-attr\":_vm.elementAttr,\"mentions\":_vm.mentions},on:{\"value-changed\":_vm.handleValueChange,\"focusIn\":_vm.handleFocusIn,\"focusOut\":_vm.handleFocusOut,\"initialized\":_vm.onInitialized,\"content-ready\":_vm.initializeEditor}}),_c('div',{staticClass:\"m-1 validation-container\"},[((_vm.validator && _vm.validator.$error) || (_vm.validator && _vm.validator.$invalid))?_vm._l((Object.keys(_vm.validator.$params)),function(key,index){return _c('div',{key:index,staticClass:\"validation-error\"},[(!_vm.validator[key])?_c('span',{staticClass:\"error\"},[_vm._v(\" \"+_vm._s(_vm.validatorMsgMap[key])+\" \")]):_vm._e()])}):_vm._e()],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"editor\"\n    ref=\"editorMain\"\n    :style=\"`height: ${editorHeight}`\"\n    :class=\"{\n      'is-invalid':\n        (validator && validator.$model && validator.$invalid) || (validator && validator.$error),\n      'is-valid': validator && validator.$model && !validator.$invalid\n    }\"\n    v-shortkey=\"lowerCaseShortkey\"\n    @shortkey=\"toggleLowerCase\"\n  >\n    <DxHtmlEditor\n      @value-changed=\"handleValueChange\"\n      :value=\"editorOutput\"\n      value-type=\"html\"\n      ref=\"editor\"\n      :toolbar=\"toolbar\"\n      @focusIn=\"handleFocusIn\"\n      @focusOut=\"handleFocusOut\"\n      :allowSoftLineBreak=\"true\"\n      :customize-modules=\"customizeModules\"\n      :element-attr=\"elementAttr\"\n      @initialized=\"onInitialized\"\n      @content-ready=\"initializeEditor\"\n      :mentions=\"mentions\"\n    >\n    </DxHtmlEditor>\n\n    <div class=\"m-1 validation-container\">\n      <template v-if=\"(validator && validator.$error) || (validator && validator.$invalid)\">\n        <div\n          class=\"validation-error\"\n          v-for=\"(key, index) in Object.keys(validator.$params)\"\n          :key=\"index\"\n        >\n          <span class=\"error\" v-if=\"!validator[key]\">\n            {{ validatorMsgMap[key] }}\n          </span>\n        </div>\n      </template>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { scrollToElement, validatorMsgMapBase } from \"../../modules/helpers\";\nimport { DxHtmlEditor } from \"devextreme-vue/html-editor\";\nimport { mapGetters, mapState } from \"vuex\";\nimport CustomClipboard from \"@/modules/Quill/Clipboard\";\nimport { isEmpty } from \"lodash\";\nimport { fontSizes, fontWhiteList } from \"@/modules/enums\";\nimport Quill from \"devextreme-quill\";\n\nimport WebSpellChecker from \"@/modules/WebSpellChecker\";\nimport { capitalize, altKey } from \"../../modules/helpers\";\nimport { getDefaultStyles } from \"@/modules/getDefaultStylesByField\";\n\n/**\n *\n * @param {Object} settings\n * @param {Object} settings.labSettings\n * @param {Object} settings.state\n */\nfunction initializeQuill() {\n  const Block = Quill.import(\"blots/block\");\n  const Inline = Quill.import(\"blots/inline\");\n  const Italics = Quill.import(\"formats/italic\");\n  const Parchment = Quill.import(\"parchment\");\n  const config = {\n    scope: Parchment.Scope.INLINE,\n    whitelist: [\"uppercase\", \"lowercase\"]\n  };\n  const TransformClass = new Parchment.ClassAttributor(\"transform\", \"ql-transformed\", config);\n  class TransformStyleAttributor extends Parchment.StyleAttributor {\n    value(node) {\n      return super.value(node).replace(/[\"']/g, \"\");\n    }\n  }\n  const TransformStyle = new TransformStyleAttributor(\"transform\", \"text-transform\", config);\n\n  Block.tagName = \"DIV\"; //Quill uses <p> by default\n  Italics.tagName = \"I\";\n\n  class CustomBold extends Inline {\n    static create(value) {\n      let node = super.create(value);\n\n      node.style.fontWeight = \"bold\";\n      return node;\n    }\n    static formats(node) {\n      return node.style.fontWeight;\n    }\n  }\n  CustomBold.tagName = \"span\"; // Quill uses <strong> by default\n  CustomBold.blotName = \"bold\";\n  Quill.register(\n    {\n      \"attributors/class/transform\": TransformClass,\n      \"attributors/style/transform\": TransformStyle\n    },\n    true\n  );\n\n  Quill.register(\n    {\n      \"blots/block\": Block,\n      \"blots/inline\": CustomBold,\n      \"formats/italic\": Italics,\n      \"modules/clipboard\": CustomClipboard,\n      \"formats/transform\": TransformStyle\n    },\n    true\n  );\n}\ninitializeQuill();\n\nexport default {\n  props: {\n    height: Number,\n    name: {\n      type: String,\n      required: true\n    },\n    label: {\n      type: String\n    },\n    value: { required: true },\n    upperCase: {\n      type: Boolean,\n      default: false\n    },\n    validator: {\n      type: Object\n    },\n    validatorMsgMap: {\n      type: Object,\n      default() {\n        return validatorMsgMapBase;\n      }\n    },\n    accessKey: String,\n    mentions: {\n      type: Array,\n      default() {\n        return [];\n      }\n    }\n  },\n  components: {\n    DxHtmlEditor\n  },\n  mixins: [WebSpellChecker],\n  data: () => ({\n    isToolbarExpanded: false,\n    targetList: [],\n    proofReaderOpen: false,\n    sizeValues: fontSizes,\n    fontValues: fontWhiteList,\n    component: {},\n    webSpellCheckInstance: null,\n    isFocused: false,\n    headerValues: [false, 1, 2, 3, 4, 5],\n    isMultiline: true,\n    elementAttr: {\n      class: \"quill_editor\"\n    },\n    _editor: null,\n    resizeObserver: null,\n    willReopen: false,\n    preventExpand: false,\n    lastSelection: null,\n    lowerCaseShortkey: altKey(\"z\"),\n    activeChecks: 0\n  }),\n  methods: {\n    onInitialized({ component }) {\n      this.$emit(\"initialized\", { component });\n    },\n    customizeModules(config) {\n      config.clipboard = {\n        matchVisual: false\n      };\n      if (this.labSettings.EditorToolbarDisableBulletPoints) {\n        config.keyboard.bindings = { ...config.keyboard.bindings, \"list autofill\": null };\n      }\n      this.$emit(\"customize-modules\", config);\n    },\n    displayName(key = \"\", name) {\n      if (key) {\n        const regex = new RegExp(key, \"i\");\n        if (regex.test(name)) {\n          const { index } = name.match(regex);\n          return `${name.slice(0, index)}<u>${name[index]}</u>${name.slice(index + 1)}`;\n        }\n      }\n      return `${name || \"\"}`;\n    },\n\n    async focus(isManual) {\n      this.component.focus();\n      scrollToElement(this.$el);\n      if (isManual) {\n        this.handleFocusIn(true);\n      }\n    },\n    handleValueChange(e) {\n      this.editorOutput = e.value;\n    },\n    applyDefaultFormat() {\n      if (this._editor.getSelection()) {\n        for (const key in this.styles) {\n          this._editor.format(key, this.styles[key]);\n        }\n      }\n    },\n    initializeEditor({ component }) {\n      this._editor = component.getQuillInstance();\n      this.component = component;\n      const keyboard = component.getModule(\"keyboard\");\n      keyboard.addBinding(\n        {\n          key: 74,\n          altKey: true\n        },\n        this.jumpToTilde\n      );\n      component.getModule(\"keyboard\").bindings.tab.unshift({\n        key: 9,\n        handler: function (range) {\n          this.quill.insertText(range.index, \"\\xA0\\xA0\\xA0\\xA0\");\n          return false;\n        }\n      });\n      this.applyDefaultFormat();\n\n      // function checkNextTextEvent(engine, eventName) {\n      //   return new Promise(resolve => {\n      //     engine.once(eventName, resolve);\n      //   });\n      // }\n\n      this._editor.on(\"editor-change\", eventName => {\n        if (eventName === \"selection-change\" && this.isFocused) {\n          this.checkFormatting();\n\n          // // This was not working in certan circumstances. May need to be brough back.\n          // // eslint-disable-next-line no-unused-vars\n          // const [newRange, oldRange, source] = args;\n          // if (newRange && newRange?.index === 0) {\n          //   this.checkFormatting();\n          // }\n          // if (source === \"silent\") {\n          //   checkNextTextEvent(this._editor, \"text-change\").then((...args) => {\n          //     const [delta] = args;\n          //     if (delta?.ops instanceof Array) {\n          //       const lastInsert = delta.ops[delta.ops.length - 1];\n          //       if (lastInsert?.delete === 1) {\n          //         this.checkFormatting();\n          //       }\n          //     }\n          //   });\n          // }\n        }\n      });\n      this.$emit(\"content-ready\", { component });\n    },\n    jumpToTilde(range) {\n      const text = this._editor.getText();\n      if (!text.includes(\"~\")) {\n        return true;\n      }\n      const matches = text.matchAll(/[~]/g);\n      for (const match of matches) {\n        if (match.index > range.index) {\n          return this._editor.setSelection(match.index, 1, \"silent\");\n        }\n      }\n      const firstTilde = text.indexOf(\"~\");\n      if (firstTilde > -1) {\n        return this._editor.setSelection(firstTilde, 1, \"silent\");\n      }\n    },\n    _getCharByIndex(index) {\n      return this.editor.getContents(index, 1).ops[0].insert;\n    },\n    handleFocusIn(isManual) {\n      if (this.isFocused && !isManual) {\n        return;\n      }\n      if (this.lastSelection) {\n        this._editor.setSelection(this.lastSelection.index, this.lastSelection.length, \"silent\");\n      } else {\n        const selection = this.component.getSelection();\n        //Check if the selection is null on the editor.\n        if (selection === null || selection?.length === 0) {\n          //Grab the inner quill instance.\n          const quill = this.component.getQuillInstance();\n          const text = this.component.getText(0);\n          const length = quill.getLength();\n          /**\n           * Most times the -2 was working because the editor would have \\n\\n at the end.\n           */\n          const newLineChar = /\\n/i;\n          let trailingNewLines = 0;\n          for (let i = length - 1; i > 0; i--) {\n            const char = text[i];\n            if (newLineChar.test(char)) {\n              trailingNewLines++;\n            } else {\n              break;\n            }\n          }\n          this.component.setSelection(length ? length - trailingNewLines : 0, 0);\n        }\n      }\n      const format = this.component.getFormat();\n      if (isEmpty(format)) {\n        this.applyDefaultFormat();\n      }\n      this.isFocused = true;\n    },\n    handleFocusOut() {\n      const selection = this.component.getSelection();\n      this.lastSelection = selection;\n      this.isFocused = false;\n    },\n    handleMacroTrigger(range, context, editor, name) {\n      this.checkMacroPhrase({\n        range,\n        context,\n        editor,\n        name,\n        component: this.component\n      });\n    },\n    checkFormatting() {\n      const lineFormat = this._editor.getFormat();\n      if (!lineFormat || isEmpty(lineFormat)) {\n        this.applyDefaultFormat();\n      }\n    },\n    toggleLowerCase() {\n      if (!this.isForcedUpperCase) {\n        return;\n      }\n      const range = this._editor.getSelection();\n      const formats = this._editor.getFormat(range);\n      if (formats.transform === \"lowercase\") {\n        this._editor.format(\"transform\", null);\n      } else {\n        this._editor.format(\"transform\", \"lowercase\");\n      }\n    },\n    setSpellCheckStatus(event) {\n      if (event.name === this.name) {\n        event.status ? this.activeChecks++ : this.activeChecks--;\n      }\n      if (this.isFocused) {\n        setTimeout(\n          () => {\n            this.$emit(\"toggleBaseSpellChecker\", this.activeChecks > 0);\n          },\n          this.activeChecks > 0 ? 0 : 500\n        );\n      }\n    }\n  },\n  computed: {\n    ...mapState({\n      labSettings: state => state.labSettings,\n      textEditors: state => state.applicationSettings.textEditors,\n      dictionaryName: state => state.applicationSettings.dictionaryName,\n      activeSpellCheckers: state => state.sessionDetails.activeSpellCheckers\n    }),\n    ...mapGetters([\"webSpellcheckerLoaded\"]),\n    editorHeight() {\n      if (this.height) {\n        if (this.height > 150) {\n          return this.height + \"px\";\n        }\n        return \"150px\";\n      }\n      const savedEditor = this.textEditors[this.name];\n      if (savedEditor && savedEditor?.height) {\n        return savedEditor.height + \"px\";\n      }\n      return \"320px\";\n    },\n    styles() {\n      return getDefaultStyles(this.name, true);\n    },\n    toolbar() {\n      if (this.toolbarDisabled) {\n        return [];\n      }\n      return {\n        multiline: true,\n        items: [\n          {\n            name: \"undo\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"redo\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"separator\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"size\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            acceptedValues: this.sizeValues,\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"font\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            acceptedValues: this.fontValues,\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"bold\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"italic\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"strike\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"underline\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"separator\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"alignLeft\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"alignCenter\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"alignRight\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"separator\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"orderedList\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            },\n            visible: !this.labSettings.EditorToolbarDisableBulletPoints\n          },\n          {\n            name: \"bulletList\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            },\n            visible: !this.labSettings.EditorToolbarDisableBulletPoints\n          },\n          {\n            name: \"header\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            acceptedValues: this.headerValues,\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"color\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"separator\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"link\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"image\",\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            options: {\n              tabIndex: -1\n            }\n          },\n          {\n            name: \"transform\",\n            visible: this.isForcedUpperCase,\n            locateInMenu: \"auto\",\n            showText: \"inMenu\",\n            widget: \"dxButton\",\n            options: {\n              tabIndex: -1,\n              text: \"Lowercase\",\n              hint: \"Force Lowercase\",\n              icon: \"shrinkfont\",\n              onClick: () => {\n                this.toggleLowerCase();\n              }\n            }\n          }\n        ]\n      };\n    },\n    editorOutput: {\n      get() {\n        return this.value;\n      },\n      set(value) {\n        return this.$emit(\"input\", value);\n      }\n    },\n    editorRef() {\n      return this.$refs.editor.instance;\n    },\n    toolbarDisabled() {\n      if (\n        this.labSettings.EditorToolbarsDisabled &&\n        this.labSettings.EditorToolbarsDisabled.split(\",\").includes(this.name)\n      ) {\n        return true;\n      }\n      return false;\n    },\n    isForcedUpperCase() {\n      let settingName = \"\";\n      switch (this.name) {\n        case \"notes\":\n          settingName = \"SpecimenNote\";\n          break;\n        case \"caseNotes\":\n          settingName = \"CaseNote\";\n          break;\n        default:\n          settingName = capitalize(this.name);\n      }\n      if (settingName) {\n        return Boolean(this.labSettings[\"ForceUpperCase\" + settingName]);\n      } else {\n        return false;\n      }\n    }\n  }\n};\n</script>\n<style lang=\"scss\" scoped>\n.toolbar {\n  width: 100%;\n}\n.title {\n  text-transform: capitalize;\n  font-size: 1.2rem;\n}\n.is-invalid {\n  border-color: #dc3545 !important;\n}\n.is-valid {\n  border-color: #28a745 !important;\n}\n.editor {\n  resize: vertical;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  min-height: 150px;\n  max-height: 75vh;\n}\n::v-deep .quill_editor,\n.dx-htmleditor-toolbar-wrapper {\n  flex: 1 0 auto;\n}\n\n::v-deep .dx-icon,\n::v-deep .dx-dropdowneditor-icon {\n  &::before {\n    color: #333 !important;\n  }\n}\n.ql-editor {\n  padding: 12px 0;\n  font-size: 18px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseEditor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseEditor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseEditor.vue?vue&type=template&id=1ac6d0e7&scoped=true&\"\nimport script from \"./BaseEditor.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseEditor.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseEditor.vue?vue&type=style&index=0&id=1ac6d0e7&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ac6d0e7\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}