{"version":3,"sources":["webpack:///./src/components/Document.vue?3686","webpack:///./src/components/Document.vue?62aa","webpack:///src/components/Document.vue","webpack:///./src/components/Document.vue?c71c","webpack:///./src/components/Document.vue","webpack:///./node_modules/v-runtime-template/dist/v-runtime-template.es.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","on","$event","getDocument","_v","_s","generate","_e","class","isFullScreen","title","successMessage","errorMessage","staticClass","model","value","callback","$$v","eMailSubject","expression","emailAddress","loading","btnColor","sendMail","$root","isMobile","isTablet","showDoc","createPdf","noFullScreen","scopedSlots","_u","key","fn","ref","_g","toggleFullScreen","staticStyle","templateKey","letterBody","domProps","error","modelReady","parsedBodyTemplate","props","message","compiled","tag","parsedIntroBodyTemplate","submitDocument","documentModel","document_name","recId","close","staticRenderFns","bind","el","setAttribute","newVForExpression","name","components","VRuntimeTemplate","VEditable","VCustomerDocument","Object","email","String","bodyTemplate","introBodyTemplate","parentModel","parModel","formModel","add_data_name","qryFn","Function","qry","feedback","data","portalId","companyId","rendered","introBody","letterId","defaultLinkText","defaultCustomerPortalText","linkValue","documentId","dataReady","parentTable","myDialog","dataGroupBy","editedBody","errorCaptured","toString","console","mounted","$on","portal_id","par","company","company_id","_id","initDocument","type","log","d","obj","computed","methods","print","printWindow","document","write","onload","focus","portal","object_name","record_id","$route","params","id","filename","html","sorted","fld","newValueInGroupBy","isNew","i","groupByField","createGroupBy","curValue","forEach","f","$refs","customerDocument","submit","alert","applyInlineStyles","styles","cssRules","elements","element","XMLSerializer","serializeToString","doc","body","replaceAll","extractContentDiv","contentDiv","serializeWithInlineStyles","clone","outerHTML","that","url","serverURL","parseTemplate","document_data","getStyle","styleElements","allStyles","elem","textContent","parsedTemplate","setTimeout","b","innerHTML","indexOf","credit_card_link","b_intro","subject","filterBy","items","filter","filterFunction","getBody","sales_person_sign","createCustomerPortalLink","extractField","undefined","init","template","field","startsWith","includes","parsed","showError","formatCC","n","slice","formatNumber","now","date","addMinuteToCurrentTime","Date","addHours","m","currentDate","get_ach","ach","payment","p","length","check_info","checkInfo","k","companyLogo","logoUrl","shipment_detail","logo_url","logo","amount","prompt","encripted","secret_data","shipment_id","sales_person","path","window","location","host","signature_pad","getWeekDay","today","capitalize","chargeByName","service","charges","estimate_charges","thisCharge","c","charge","chargeName","subtotal","totalByType","total","charge_category","chargeCategory","parseFloat","toFixed","sentId","createLink","mailData","intro_body","send_as_link","email_to","letter_id","sent_id","comp_id","sender","store","userData","receipient","customer","contact","getLetterLink","encrypted","encodeURIComponent","letterLink","customer_portal_link","watch","handler","deep","component","VAlert","VBtn","VDialog","VIcon","VSpacer","VTextField","VToolbar","VTooltip","t","o","e","hasOwnProperty","r","getOwnPropertyDescriptor","defineProperty","parent","templateProps","default","$parent","$data","$props","a","$options","s","v","u","h","keys","O","$","j","y","concat","E","P","l","getOwnPropertyNames","provide","_provided"],"mappings":"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","file":"js/chunk-70a5076f.edd4dbd2.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Document.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Document.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.generate)?_c('v-toolbar',{attrs:{\"flat\":\"\"}},[_c('v-btn',{attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.getDocument()}}},[_vm._v(_vm._s(_vm.generate))])],1):_vm._e(),_c('div',{class:{ 'full-screen-editor': _vm.isFullScreen }},[_c('div',[_c('h1',[_vm._v(_vm._s(_vm.title))]),(_vm.successMessage != '')?_c('v-alert',{attrs:{\"timeout\":\"6000\",\"dense\":\"\",\"dismissible\":\"\",\"type\":\"success\"}},[_vm._v(\" \"+_vm._s(_vm.successMessage)+\" \")]):_vm._e(),(_vm.errorMessage != '' && _vm.errorMessage)?_c('v-alert',{attrs:{\"dismissible\":\"\",\"dense\":\"\",\"type\":\"error\"}},[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")]):_vm._e(),_c('v-toolbar',{staticClass:\"ma-2\",attrs:{\"flat\":\"\"}},[_c('v-spacer'),(_vm.eMailSubject)?_c('v-text-field',{staticClass:\"mt-2 mr-2\",attrs:{\"label\":\"Subject\"},model:{value:(_vm.eMailSubject),callback:function ($$v) {_vm.eMailSubject=$$v},expression:\"eMailSubject\"}}):_vm._e(),_c('v-text-field',{staticClass:\"mt-2 mr-2\",attrs:{\"label\":\"Email\"},model:{value:(_vm.emailAddress),callback:function ($$v) {_vm.emailAddress=$$v},expression:\"emailAddress\"}}),(_vm.emailAddress)?_c('v-btn',{staticClass:\"ma-4\",attrs:{\"loading\":_vm.loading,\"text\":\"\",\"color\":_vm.btnColor},on:{\"click\":function($event){return _vm.sendMail()}}},[_c('v-icon',{staticClass:\"mr-2\"},[_vm._v(\"mdi-send\")]),_c('div',[_vm._v(\"Send \"+_vm._s(_vm.successMessage)+\" \"+_vm._s(_vm.errorMessage))])],1):_vm._e(),(_vm.$root.isMobile || _vm.$root.isTablet)?_c('v-btn',{staticClass:\"ma-4\",attrs:{\"loading\":_vm.loading,\"icon\":\"\",\"color\":\"warning\"},on:{\"click\":function($event){_vm.showDoc = true}}},[_c('v-icon',[_vm._v(\"mdi-clipboard-outline\")]),(!_vm.$root.isMobile)?_c('span',{staticClass:\"ma-2\"},[_vm._v(\" Get Signed\")]):_vm._e()],1):_vm._e(),_c('v-btn',{staticClass:\"ma-4\",attrs:{\"text\":\"\",\"loading\":_vm.loading,\"color\":\"warning\"},on:{\"click\":function($event){return _vm.createPdf()}}},[_c('v-icon',[_vm._v(\"mdi-printer\")]),(!_vm.$root.isMobile)?_c('span',{staticClass:\"ma-2\"},[_vm._v(\" Print \"+_vm._s(_vm.successMessage)+\" \"+_vm._s(_vm.errorMessage))]):_vm._e()],1),(!_vm.$root.isMobile && !_vm.$root.isTablet && !_vm.noFullScreen)?_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"icon\":\"\"},on:{\"click\":_vm.toggleFullScreen}},on),[(!_vm.isFullScreen)?_c('v-icon',[_vm._v(\"mdi-fullscreen\")]):_c('v-icon',{attrs:{\"round\":\"\",\"color\":\"error\"}},[_vm._v(\"mdi-fullscreen-exit\")])],1)]}}],null,false,1903267677)},[_c('span',[_vm._v(\"Toggle Full Screen\")])]):_vm._e()],1),(!_vm.showDoc)?_c('div',{staticClass:\"document-body\",staticStyle:{\"border\":\"1px solid\",\"overflow\":\"auto\"}},[_c('v-editable',{key:_vm.templateKey,attrs:{\"model\":_vm.letterBody}})],1):_vm._e()],1),(_vm.dataReady)?_c('div',[(_vm.error)?_c('div',[_c('span',[_vm._v(\" Your code contains an error \")]),_c('pre',{domProps:{\"textContent\":_vm._s(_vm.error)}})]):_vm._e(),_c('div',{ref:\"body\",attrs:{\"hidden\":\"\"}},[(_vm.modelReady && _vm.model)?_c('v-runtime-template',{attrs:{\"template\":_vm.parsedBodyTemplate},scopedSlots:_vm._u([{key:\"error\",fn:function(props){return _c('div',{},[_vm._v(\" \"+_vm._s(props.error.message)+\" \")])}}],null,false,2927424759)}):_vm._e(),_c(_vm.compiled,{tag:\"component\"})],1),_c('div',{ref:\"intro_body\",attrs:{\"hidden\":\"\"}},[(_vm.modelReady && _vm.model)?_c('v-runtime-template',{attrs:{\"template\":_vm.parsedIntroBodyTemplate},scopedSlots:_vm._u([{key:\"error\",fn:function(props){return _c('div',{},[_vm._v(\" \"+_vm._s(props.error.message)+\" \")])}}],null,false,2927424759)}):_vm._e()],1)]):_vm._e(),_c('v-dialog',{staticClass:\"customer-doc\",attrs:{\"fullscreen\":\"\"},model:{value:(_vm.showDoc),callback:function ($$v) {_vm.showDoc=$$v},expression:\"showDoc\"}},[_c('v-toolbar',{staticClass:\"footer-toolbar-\"},[_c('v-btn',{attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.showDoc = false}}},[_vm._v(\"Close\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"success\",\"text\":\"\"},on:{\"click\":function($event){return _vm.submitDocument()}}},[_vm._v(\"Submit\")])],1),_c('div',{staticClass:\"document-wrapper\"},[_c('v-customer-document',{ref:\"customerDocument\",attrs:{\"v\":\"if=documentModel\",\"onDevice\":true,\"body\":_vm.letterBody,\"docName\":_vm.documentModel ? _vm.documentModel.document_name : '',\"objName\":\"shipment\",\"recId\":_vm.recId,\"close\":_vm.close}})],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-toolbar v-if=\"generate\" flat>\r\n      <v-btn color=\"info\" @click=\"getDocument()\">{{ generate }}</v-btn>\r\n    </v-toolbar>\r\n\r\n    <div :class=\"{ 'full-screen-editor': isFullScreen }\">\r\n      <div>\r\n        <h1>{{ title }}</h1>\r\n\r\n        <v-alert\r\n          timeout=\"6000\"\r\n          dense\r\n          dismissible\r\n          v-if=\"successMessage != ''\"\r\n          type=\"success\"\r\n        >\r\n          {{ successMessage }}\r\n        </v-alert>\r\n        <v-alert\r\n          dismissible\r\n          dense\r\n          v-if=\"errorMessage != '' && errorMessage\"\r\n          type=\"error\"\r\n        >\r\n          {{ errorMessage }}\r\n        </v-alert>\r\n\r\n        <v-toolbar class=\"ma-2\" flat>\r\n          <v-spacer></v-spacer>\r\n          <v-text-field\r\n            class=\"mt-2 mr-2\"\r\n            v-if=\"eMailSubject\"\r\n            label=\"Subject\"\r\n            v-model=\"eMailSubject\"\r\n          ></v-text-field>\r\n\r\n          <v-text-field\r\n            class=\"mt-2 mr-2\"\r\n            label=\"Email\"\r\n            v-model=\"emailAddress\"\r\n          ></v-text-field>\r\n          <v-btn\r\n            :loading=\"loading\"\r\n            v-if=\"emailAddress\"\r\n            class=\"ma-4\"\r\n            text\r\n            :color=\"btnColor\"\r\n            @click=\"sendMail()\"\r\n            ><v-icon class=\"mr-2\">mdi-send</v-icon>\r\n            <div>Send {{ successMessage }} {{ errorMessage }}</div>\r\n          </v-btn>\r\n          <!-- v-if=\"type == 'document'\" -->\r\n          <v-btn\r\n            v-if=\"$root.isMobile || $root.isTablet\"\r\n            class=\"ma-4\"\r\n            :loading=\"loading\"\r\n            icon\r\n            color=\"warning\"\r\n            @click=\"showDoc = true\"\r\n            ><v-icon>mdi-clipboard-outline</v-icon>\r\n            <span class=\"ma-2\" v-if=\"!$root.isMobile\"> Get Signed</span>\r\n          </v-btn>\r\n          <v-btn\r\n            class=\"ma-4\"\r\n            text\r\n            :loading=\"loading\"\r\n            color=\"warning\"\r\n            @click=\"createPdf()\"\r\n            ><v-icon>mdi-printer</v-icon\r\n            ><span class=\"ma-2\" v-if=\"!$root.isMobile\">\r\n              Print {{ successMessage }} {{ errorMessage }}</span\r\n            ></v-btn\r\n          >\r\n\r\n          <v-tooltip\r\n            v-if=\"!$root.isMobile && !$root.isTablet && !noFullScreen\"\r\n            top\r\n          >\r\n            <template v-slot:activator=\"{ on }\">\r\n              <v-btn v-on=\"on\" icon @click=\"toggleFullScreen\"\r\n                ><v-icon v-if=\"!isFullScreen\">mdi-fullscreen</v-icon\r\n                ><v-icon round color=\"error\" v-else\r\n                  >mdi-fullscreen-exit</v-icon\r\n                ></v-btn\r\n              >\r\n            </template>\r\n            <span>Toggle Full Screen</span>\r\n          </v-tooltip>\r\n        </v-toolbar>\r\n\r\n        <div\r\n          v-if=\"!showDoc\"\r\n          class=\"document-body\"\r\n          style=\"border: 1px solid; overflow: auto;\"\r\n        >\r\n          <v-editable :key=\"templateKey\" :model=\"letterBody\" />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- </v-dialog> -->\r\n      <div v-if=\"dataReady\">\r\n        <div v-if=\"error\">\r\n          <span> Your code contains an error </span>\r\n          <pre v-text=\"error\" />\r\n        </div>\r\n        <!-- modelReady:{{ modelReady }} model:{{ model }} -->\r\n        <!-- <div v-if=\"modelReady\">{{ parsedBodyTemplate }}</div> -->\r\n        <!-- <div v-if=\"modelReady\">{{ model.company }}</div> -->\r\n        <!-- parsedBodyTemplate: {{ parsedBodyTemplate }} -->\r\n        <div hidden ref=\"body\">\r\n          <v-runtime-template\r\n            v-if=\"modelReady && model\"\r\n            :template=\"parsedBodyTemplate\"\r\n          >\r\n            <div slot=\"error\" slot-scope=\"props\">\r\n              {{ props.error.message }}\r\n            </div>\r\n          </v-runtime-template>\r\n\r\n          <component :is=\"compiled\"></component>\r\n        </div>\r\n        <!-- test group by -->\r\n\r\n        <!-- v-for=\"(t, j) in createGroupBy('inventory', 'room')\"\r\n        :key=\"j\"  -->\r\n        <!-- <h4>{{ t }}</h4> -->\r\n        <!-- .filter((f) => {\r\n              return f['room'] == t;\r\n            })\" -->\r\n\r\n        <!-- end test -->\r\n\r\n        <div hidden ref=\"intro_body\">\r\n          <v-runtime-template\r\n            v-if=\"modelReady && model\"\r\n            :template=\"parsedIntroBodyTemplate\"\r\n          >\r\n            <div slot=\"error\" slot-scope=\"props\">\r\n              {{ props.error.message }}\r\n            </div>\r\n          </v-runtime-template>\r\n        </div>\r\n      </div>\r\n\r\n      <v-dialog fullscreen class=\"customer-doc\" v-model=\"showDoc\">\r\n        <v-toolbar class=\"footer-toolbar-\">\r\n          <v-btn @click=\"showDoc = false\" text>Close</v-btn>\r\n          <v-spacer />\r\n          <v-btn color=\"success\" @click=\"submitDocument()\" text>Submit</v-btn>\r\n        </v-toolbar>\r\n        <div class=\"document-wrapper\">\r\n          <v-customer-document\r\n            v=\"if=documentModel\"\r\n            :onDevice=\"true\"\r\n            :body=\"letterBody\"\r\n            :docName=\"documentModel ? documentModel.document_name : ''\"\r\n            objName=\"shipment\"\r\n            :recId=\"recId\"\r\n            ref=\"customerDocument\"\r\n            :close=\"close\"\r\n          ></v-customer-document>\r\n        </div>\r\n      </v-dialog>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/* eslint-disable vue/no-unused-components */\r\nimport VRuntimeTemplate from \"v-runtime-template\";\r\nimport * as fun from \"../plugins/common\";\r\nimport _ from \"lodash\";\r\nimport axios from \"axios\";\r\nimport Vue from \"vue\";\r\n\r\nVue.directive(\"filter\", {\r\n  bind(el, binding, vnode) {\r\n    // Get the filter function from the expression in the directive\r\n    const filterFunction = binding.value;\r\n\r\n    // Get the original v-for expression\r\n    const vForExpression = el.getAttribute(\"v-for\");\r\n\r\n    // Modify the v-for expression to apply the filter\r\n    const newVForExpression = `${vForExpression} | filterBy(${filterFunction})`;\r\n\r\n    // Update the v-for expression with the modified one\r\n    el.setAttribute(\"v-for\", newVForExpression);\r\n  }\r\n});\r\n\r\nexport default {\r\n  name: \"Document\",\r\n  components: {\r\n    VRuntimeTemplate,\r\n    VEditable: () => import(\"../components/Editable.vue\"),\r\n    VCustomerDocument: () => import(\"../views/CustomerDocument.vue\")\r\n  },\r\n  props: {\r\n    model: Object,\r\n    documentModel: Object,\r\n    email: String,\r\n    bodyTemplate: String,\r\n    introBodyTemplate: String,\r\n    parentModel: Object,\r\n    parModel: Object,\r\n    formModel: Object,\r\n    add_data_name: String,\r\n    generate: String,\r\n    qryFn: Function,\r\n    qry: String,\r\n    feedback: Function\r\n\r\n    // eMailSubject: String,\r\n    // letterId: String,\r\n\r\n    // rendered: Function,\r\n  },\r\n  data() {\r\n    return {\r\n      portalId: \"\",\r\n      companyId: \"\",\r\n      modelReady: false,\r\n      rendered: false,\r\n      letterBody: \"\",\r\n      introBody: \"\",\r\n      letterId: \"\",\r\n      eMailSubject: \"\",\r\n      title: \"\",\r\n      templateKey: 0,\r\n      successMessage: \"\",\r\n      errorMessage: \"\",\r\n      defaultLinkText: \"Please click here to view and sign the document\",\r\n      defaultCustomerPortalText: \"Please use the link to sign into your portal\",\r\n      error: false,\r\n      parsedBodyTemplate: \"\",\r\n      parsedIntroBodyTemplate: \"\",\r\n      linkValue: \"\",\r\n      documentId: \"\",\r\n      compiled: null,\r\n      dataReady: false,\r\n      emailAddress: \"\",\r\n      btnColor: \"info\",\r\n      loading: false,\r\n      parentTable: null,\r\n      myDialog: false,\r\n      showDoc: false,\r\n      recId: \"\",\r\n      dataGroupBy: {},\r\n      isFullScreen: false,\r\n      editedBody: \"\"\r\n    };\r\n  },\r\n  errorCaptured(error, vm, info) {\r\n    this.error = error.toString();\r\n    //this.bodyTemplate\r\n    console.error(error);\r\n    return false; // prevent error from propagating further\r\n  },\r\n  mounted() {\r\n    this.$root.$on(\"editableChanged\", v => {\r\n      this.editedBody = v;\r\n    });\r\n\r\n    this.portalId = this.$root.portal_id;\r\n    var par = fun.getParentByProperty(this, \"generate\");\r\n    this.parentTable = fun.getParentByProperty(par, \"table\");\r\n    if (this.model && this.model.company) {\r\n      this.companyId = this.model.company.company_id || this.model.company;\r\n    }\r\n    if (this.model) {\r\n      this.recId = this.model._id;\r\n    }\r\n\r\n    if (this.documentModel) {\r\n      // this.extractContentDiv();\r\n      // this.applyInlineStyles();\r\n      this.initDocument();\r\n      this.myDialog = true;\r\n      this.type = this.documentModel.type;\r\n    } else {\r\n      // this.init();\r\n    }\r\n    this.$root.$on(\"valueChange\", d => {\r\n      console.log(d);\r\n      if (d.obj.model && d.obj.model.document_name) {\r\n        console.log(\"document\");\r\n      }\r\n    });\r\n    // console.log(this.letterBody);\r\n  },\r\n\r\n  computed: {},\r\n\r\n  methods: {\r\n    close() {\r\n      this.showDoc = false;\r\n    },\r\n    print() {\r\n      // Open a new window or tab\r\n      let printWindow = window.open(\"\", \"_blank\");\r\n\r\n      // Write the HTML content into the new window\r\n      printWindow.document.write(this.letterBody);\r\n\r\n      // Wait for the content to fully load\r\n      printWindow.document.close(); // For some browsers, document.close() is necessary\r\n\r\n      // Attach an onload event to the window to trigger the print dialog\r\n      printWindow.onload = function() {\r\n        printWindow.focus(); // Necessary for some browsers to focus on the new window\r\n        printWindow.print(); // Trigger the print dialog\r\n        printWindow.close(); // Close the window after printing\r\n      };\r\n    },\r\n    createPdf() {\r\n      this.loading = true;\r\n      var data = {\r\n        portal: this.portal,\r\n        portal_id: \"portal_\" + this.$root.portal_id,\r\n        object_name: \"shipment\",\r\n        record_id: this.$route.params.id,\r\n        filename: this.documentModel + \"_\" + this._id,\r\n        html: this.editedBody || this.letterBody\r\n\r\n        // images: charts,\r\n        // excel: isExcel,\r\n        // data: this.data,\r\n        // group_by: this.groupBy,\r\n        // headers: this.headers,\r\n      };\r\n      this.$root.createPdf(data, r => {\r\n        this.loading = false;\r\n      });\r\n    },\r\n    // showDoc() {\r\n    //   // var url = this.getLetterLink();\r\n    //   // this.letterBody = \"\";\r\n    //   // var wnd = window.open(\"about:blank\");\r\n    //   // wnd.document.write(this.letterBody);\r\n\r\n    //   // axios.get(url).then((response) => {\r\n\r\n    //   //   // this.letterBody = response.data;\r\n    //   // });\r\n    // },\r\n    sorted(fld, groupByField) {\r\n      fun.sortObjects(this.model[fld], groupByField);\r\n      return this.model[fld];\r\n    },\r\n    newValueInGroupBy(fld, groupByField, i) {\r\n      var isNew = this.dataGroupBy[fld] == this.model[fld][i][groupByField];\r\n      this.dataGroupBy[fld] = this.model[fld][i][groupByField];\r\n      return isNew;\r\n    },\r\n    createGroupBy(fld, groupByField) {\r\n      this.dataGroupBy[fld] = [];\r\n      var curValue = \"\";\r\n      fun.sortObjects(this.model[fld], groupByField);\r\n      this.model[fld].forEach(f => {\r\n        if (f[groupByField] != curValue) {\r\n          curValue = f[groupByField];\r\n          this.dataGroupBy[fld].push(f[groupByField]);\r\n        }\r\n      });\r\n      return this.dataGroupBy[fld];\r\n    },\r\n    submitDocument() {\r\n      this.$refs.customerDocument.submit();\r\n      if (this.$refs.customerDocument.errorMessage) {\r\n        alert(this.$refs.customerDocument.errorMessage);\r\n      } else {\r\n        this.myDialog = false;\r\n      }\r\n    },\r\n\r\n    applyInlineStyles() {\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(this.documentModel.body, \"text/html\");\r\n\r\n      // Extract style blocks and parse CSS\r\n      const styles = doc.querySelectorAll(\"style\");\r\n      let cssRules = [];\r\n      styles.forEach(style => {\r\n        const cssText = style.innerText;\r\n        const rules = cssText.split(\"}\").map(rule => {\r\n          const [selectors, styles] = rule.split(\"{\");\r\n          return { selectors, styles };\r\n        });\r\n        cssRules = [...cssRules, ...rules];\r\n      });\r\n\r\n      // Apply inline styles to matching elements\r\n      cssRules.forEach(rule => {\r\n        try {\r\n          const elements = doc.querySelectorAll(rule.selectors.trim());\r\n          elements.forEach(element => {\r\n            const styleAttribute = element.getAttribute(\"style\") || \"\";\r\n            element.setAttribute(\"style\", `${styleAttribute} ${rule.styles}`);\r\n          });\r\n        } catch (error) {\r\n          //\r\n        }\r\n      });\r\n\r\n      // Serialize the document back to HTML\r\n      this.bodyTemplate = new XMLSerializer().serializeToString(doc.body);\r\n      this.bodyTemplate = this.bodyTemplate.replaceAll(\"&#10;\", \"\");\r\n    },\r\n    extractContentDiv() {\r\n      // Use the DOMParser API to parse the HTML string\r\n      const parser = new DOMParser();\r\n      const doc = parser.parseFromString(this.documentModel.body, \"text/html\");\r\n\r\n      // Find the div with the class 'content'\r\n      const contentDiv = doc.querySelector(\".content\");\r\n\r\n      // Check if the div was found\r\n      if (contentDiv) {\r\n        // Serialize the content div and its children with inline styles\r\n        this.documentModel.body = this.serializeWithInlineStyles(contentDiv);\r\n      } else {\r\n        // If the .content div wasn't found, you can handle the error as needed\r\n        console.error(\"The .content div was not found in the HTML string.\");\r\n      }\r\n    },\r\n    serializeWithInlineStyles(element) {\r\n      // Clone the element to avoid modifying the original\r\n      const clone = element.cloneNode(true);\r\n\r\n      // Go through each element and set its computed style as inline style\r\n      const elements = clone.getElementsByTagName(\"*\");\r\n      for (const el of elements) {\r\n        const computedStyle = window.getComputedStyle(el);\r\n        let styleString = \"\";\r\n        for (const styleName of computedStyle) {\r\n          styleString += `${styleName}:${computedStyle.getPropertyValue(\r\n            styleName\r\n          )};`;\r\n        }\r\n        el.setAttribute(\"style\", styleString);\r\n      }\r\n\r\n      // Return the outer HTML of the cloned element\r\n      return clone.outerHTML;\r\n    },\r\n\r\n    getDocument() {\r\n      var that = this;\r\n      this.myDialog = true;\r\n      var document = this.formModel.document_name;\r\n      if (document && document._id) {\r\n        this.documentId = document._id;\r\n\r\n        var url = this.serverURL + \"/get_records\";\r\n        var data = {\r\n          object_name: \"document\",\r\n\r\n          qry: { _id: this.documentId }\r\n        };\r\n\r\n        axios\r\n          .post(url, data, {\r\n            withCredentials: true\r\n          })\r\n          .then(response => {\r\n            // console.log(response);\r\n            var docModel = response.data[0][0];\r\n            this.documentModel = docModel;\r\n            this.type = this.documentModel.type;\r\n            this.bodyTemplate = docModel.body;\r\n            // this.applyInlineStyles();\r\n            this.companyId = docModel.company;\r\n            // this.model = this.formModel;\r\n            data = {\r\n              object_name: docModel.category,\r\n\r\n              qry: { _id: this.parentModel._id }\r\n            };\r\n\r\n            if (that.qry) {\r\n              // that.qry = JSON.parse(that.qry);\r\n              var f = that.formModel;\r\n              try {\r\n                var qry = fun.evalJson(that.qry, f);\r\n                data.qry = {\r\n                  ...data.qry,\r\n                  ...qry\r\n                };\r\n              } catch (error) {\r\n                console.log(error);\r\n              }\r\n            }\r\n            axios\r\n              .post(url, data, {\r\n                withCredentials: true\r\n              })\r\n              .then(response => {\r\n                this.model = response.data[0][0];\r\n                // console.log(that.formModel);\r\n                if (this.model) {\r\n                  this.model[that.add_data_name] = this.formModel;\r\n                }\r\n\r\n                this.initDocument();\r\n              });\r\n          });\r\n      }\r\n    },\r\n    parseTemplate() {\r\n      var url = this.serverURL + \"/parse_template\";\r\n      var data = {\r\n        body: fun.removeHtmlComments(this.bodyTemplate),\r\n        document_data: this.model\r\n      };\r\n\r\n      axios\r\n        .post(url, data, {\r\n          withCredentials: true\r\n        })\r\n        .then(response => {\r\n          console.log(response.data);\r\n          this.letterBody = response.data;\r\n        });\r\n    },\r\n    getStyle() {\r\n      let parser = new DOMParser();\r\n      let doc = parser.parseFromString(this.bodyTemplate, \"text/html\");\r\n\r\n      let styleElements = doc.querySelectorAll(\"style\");\r\n      let allStyles = \"\";\r\n\r\n      styleElements.forEach(elem => {\r\n        allStyles += elem.textContent; // Concatenate the contents of each <style> tag\r\n      });\r\n      return \"<style>\" + allStyles + \"</style>\";\r\n    },\r\n    initDocument() {\r\n      var that = this;\r\n      // this.parseTemplate();\r\n      this.bodyTemplate = fun.convertRelativeToAbsolute(\r\n        this.bodyTemplate.replace(\r\n          \"model.company.phones.phone_number\",\r\n          \"model.company.phones.office.phone_number\"\r\n        )\r\n      );\r\n      this.dataReady = true;\r\n\r\n      // this.applyInlineStyles();\r\n      this.parsedBodyTemplate = this.parsedTemplate(\r\n        fun.removeHtmlComments(this.bodyTemplate)\r\n      );\r\n\r\n      // const content = this.parsedBodyTemplate;\r\n      // const newContent = content\r\n      //   .replace(/<p[^>]*>/gi, \"<br></br>\")\r\n      //   .replace(/<\\/p>/gi, \"\");\r\n      // const replacedContent = newContent.replace(/\\n/g, \"\");\r\n\r\n      // this.parsedBodyTemplate = \"<div>\" + this.parsedBodyTemplate + \"</div>\";\r\n      // // this.parsedBodyTemplate = \"<p><h1>test h1 </h1></p>\";\r\n      // // \"<p><h2>Dear Agent!&nbsp;{{model.company}}</h2><br></br>Here is your invoice:</p>\";\r\n      // // this.compiled = Vue.compile(this.parsedBodyTemplate);\r\n      // this.parsedIntroBodyTemplate = this.parsedTemplate(\r\n      //   this.introBodyTemplate\r\n      // );\r\n      // this.compiled = Vue.compile(this.parsedBodyTemplate);\r\n\r\n      this.modelReady = true;\r\n      setTimeout(() => {\r\n        if (!that.$refs.body) {\r\n          return;\r\n        }\r\n        var b = that.$refs.body.innerHTML;\r\n\r\n        b = b.replaceAll(\"sales_person_sign\", this.sales_person_sign());\r\n        if (b.indexOf(\"credit_card_link\") != -1) {\r\n          that.credit_card_link(b);\r\n        }\r\n        b = b.replaceAll(\"company_logo\", this.companyLogo());\r\n        b = b.replaceAll(\"{{}}\", this.sales_person_sign());\r\n\r\n        var b_intro = this.$refs.intro_body.innerHTML;\r\n\r\n        that.letterBody = this.getStyle() + \" \" + fun.extractJsonFromString(b);\r\n\r\n        // console.log(this.letterBody);\r\n        that.introBody = fun.extractJsonFromString(b_intro);\r\n\r\n        that.templateKey = !that.templateKey;\r\n      }, 500);\r\n\r\n      this.letterId = this.documentModel._id;\r\n      try {\r\n        var subject = fun.interpolate(this.documentModel.email_subject, {\r\n          model: this.model\r\n        });\r\n        this.eMailSubject = subject;\r\n      } catch (error) {\r\n        //\r\n      }\r\n\r\n      this.emailAddress = this.email;\r\n      if (!this.emailAddress) {\r\n        if (this.parentModel && this.parentModel.email) {\r\n          this.emailAddress = this.parentModel.email;\r\n        }\r\n      }\r\n    },\r\n    filterBy(items, filterFunction) {\r\n      return items.filter(filterFunction);\r\n    },\r\n    toggleFullScreen() {\r\n      this.isFullScreen = !this.isFullScreen;\r\n    },\r\n    getBody(b, body) {\r\n      // var b = this.$refs[body].innerHTML;\r\n\r\n      b = b.replaceAll(\"sales_person_sign\", this.sales_person_sign());\r\n      // b = b.replaceAll(\"credit_card_link\", this.credit_card_link());\r\n      // var b_intro = this.$refs.intro_body.innerHTML;\r\n      if (body == \"intro_body\") {\r\n        this.introBody = fun.extractJsonFromString(b);\r\n      } else {\r\n        this.letterBody = fun.extractJsonFromString(b);\r\n      }\r\n\r\n      this.createCustomerPortalLink();\r\n    },\r\n    extractField(field, data = this.model) {\r\n      // Check if the field exists in the data object\r\n      try {\r\n        const value = field.split(\".\").reduce((obj, key) => obj?.[key], data);\r\n\r\n        // If the field exists, return its value\r\n        if (value !== undefined) {\r\n          return value;\r\n        }\r\n      } catch (error) {\r\n        return \"\";\r\n      }\r\n      return \"\";\r\n      // If the field does not exist, return an empty string\r\n    },\r\n    init() {\r\n      var document = this.formModel.document_name;\r\n      if (document && document._id) {\r\n        this.documentId = document._id;\r\n        this.getDocument();\r\n      }\r\n    },\r\n    parsedTemplate(template) {\r\n      if (!template) {\r\n        return \"\";\r\n      }\r\n      var that = this;\r\n      // Parse the template and replace curly braces with their values, removing the \"model.\" prefix if present\r\n      const parsed = template.replace(/{{\\s*([^{}]+?)\\s*}}/g, (_, field) => {\r\n        // Remove the \"model.\" prefix from the field\r\n        const cleanedField = field.trim().replace(/^model\\./, \"\");\r\n\r\n        // Get the value of the field from the data object\r\n        const value = cleanedField\r\n          .split(\".\")\r\n          .reduce((obj, key) => obj?.[key], this.model);\r\n\r\n        // If the value is undefined, return an empty string\r\n        if (value === undefined && field.startsWith(\"model.\")) {\r\n          return \"\";\r\n        }\r\n\r\n        // Otherwise, return the value\r\n        if (field.includes(\"card_number\")) {\r\n          return \"{{ formatCC(\" + field + \")}}\";\r\n        }\r\n        return \"{{\" + field + \"}}\";\r\n      });\r\n\r\n      // Return the parsed template\r\n      return parsed;\r\n    },\r\n    showError(errorMessage) {\r\n      this.error = errorMessage;\r\n    },\r\n    formatCC(n) {\r\n      try {\r\n        return \"************\" + n.slice(-4);\r\n      } catch (error) {\r\n        return \"\";\r\n      }\r\n    },\r\n    formatNumber(n) {\r\n      return fun.formatNumber(n);\r\n    },\r\n    now(d) {\r\n      var date = fun.formatDate(d, false, true, true);\r\n      return date;\r\n    },\r\n    addMinuteToCurrentTime(m) {\r\n      var date = new Date();\r\n      date.addHours(m / 60);\r\n      return fun.formatDate(date, false, true, true);\r\n    },\r\n    currentDate(d) {\r\n      return fun.formatDate(d);\r\n    },\r\n    get_ach(k) {\r\n      var ach = this.model.payment.filter(p => {\r\n        return p.ach;\r\n      });\r\n      if (ach.length) {\r\n        var i = ach.length - 1;\r\n        if (ach[i].ach.check_info) {\r\n          var check_info = ach[i].ach.check_info;\r\n          var checkInfo = \"\";\r\n          // Object.keys(check_info).forEach((k) => {\r\n          checkInfo += k + \": \" + check_info[k];\r\n          // });\r\n          return checkInfo;\r\n        }\r\n      }\r\n    },\r\n    companyLogo() {\r\n      var logoUrl = this.model.shipment_detail.company.logo_url;\r\n\r\n      var logo = \"<img style='max-width:250px'  src='\" + logoUrl + \"' />\";\r\n      return logo;\r\n    },\r\n    credit_card_link(b) {\r\n      var amount = prompt(\"Please enter payment amount\");\r\n      if (!amount) {\r\n        amount = 0;\r\n      }\r\n      var encripted = {\r\n        secret_data: {\r\n          company_id:\r\n            this.model.shipment_detail.company._id ||\r\n            this.model.shipment_detail.company,\r\n          portal_id: this.$root.portal_id,\r\n          amount: amount,\r\n          shipment_id: this.model.shipment_id\r\n        }\r\n      };\r\n      axios\r\n        .post(this.serverURL + \"/encrypt\", encripted, {\r\n          withCredentials: true\r\n        })\r\n        .then(response => {\r\n          console.log(response);\r\n          this.linkValue = \"https://charge.moverai.com/#/c/\" + response.data;\r\n        });\r\n    },\r\n\r\n    sales_person_sign() {\r\n      if (this.model && this.model.shipment_detail) {\r\n        var data = {\r\n          portal: \"portal_\" + this.$root.portal_id,\r\n          object_name: \"employee\",\r\n          record_id: this.model.shipment_detail.sales_person\r\n        };\r\n        var path = \"/user_images\";\r\n        var url;\r\n        if (window.location.host.indexOf(\"localhost\") != -1) {\r\n          // path = \"/public/user_images\";\r\n          url = \"http://localhost:8080\";\r\n        } else {\r\n          // path = \"/user_images\";\r\n          url = \"https://account.moverai.com\";\r\n        }\r\n        path =\r\n          url +\r\n          path +\r\n          \"/\" +\r\n          data.portal +\r\n          \"/\" +\r\n          data.object_name +\r\n          \"/\" +\r\n          data.record_id +\r\n          \"/rep_signature.png\";\r\n\r\n        return \"<img src='\" + path + \"' />\";\r\n      }\r\n    },\r\n    signature_pad(d) {\r\n      return d;\r\n    },\r\n    getWeekDay(d) {\r\n      return fun.getWeekDate(d);\r\n    },\r\n    today(modifier) {\r\n      return fun.modifyDate(modifier);\r\n    },\r\n    capitalize(a) {\r\n      return fun.capitalize(a);\r\n    },\r\n    chargeByName(chargeName) {\r\n      if (this.model.service) {\r\n        var charges = this.model.service.estimate_charges;\r\n        if (charges) {\r\n          var thisCharge = charges.filter(c => {\r\n            return c.charge == chargeName;\r\n          });\r\n          if (thisCharge.length) {\r\n            return thisCharge[0].subtotal;\r\n          } else {\r\n            return 0;\r\n          }\r\n        } else {\r\n          return 0;\r\n        }\r\n      }\r\n    },\r\n    totalByType(chargeCategory) {\r\n      if (this.model.service) {\r\n        var charges = this.model.service.estimate_charges;\r\n        var total = 0;\r\n        if (charges) {\r\n          var thisCharge = charges.filter(c => {\r\n            return c.charge_category == chargeCategory;\r\n          });\r\n\r\n          if (thisCharge.length) {\r\n            thisCharge.forEach(c => {\r\n              total += parseFloat(c.subtotal);\r\n            });\r\n          }\r\n        }\r\n      }\r\n      return total.toFixed(2);\r\n    },\r\n    sendMail() {\r\n      var that = this;\r\n      this.successMessage = \"\";\r\n      this.errorMessage = \"\";\r\n      var sentId = fun.guid();\r\n      if (!this.editedBody) {\r\n        this.editedBody = this.letterBody;\r\n      }\r\n\r\n      var letterBody = this.editedBody;\r\n      if (this.linkValue) {\r\n        letterBody = letterBody.replaceAll(\"credit_card_link\", this.linkValue);\r\n      }\r\n\r\n      var introBody = \"\";\r\n      if (\r\n        this.documentModel &&\r\n        (this.documentModel.send_as_link || this.documentModel.draggable)\r\n      ) {\r\n        introBody = this.createLink(sentId);\r\n      }\r\n\r\n      var mailData = {\r\n        message: letterBody,\r\n        intro_body: introBody,\r\n        send_as_link: this.documentModel\r\n          ? this.documentModel.send_as_link || this.documentModel.draggable\r\n          : false,\r\n\r\n        subject: this.eMailSubject,\r\n        email_to: [this.emailAddress],\r\n        letter_id: this.letterId,\r\n        sent_id: sentId,\r\n        comp_id: this.documentModel.company,\r\n        sender: this.$root.store.userData,\r\n        receipient: this.model.customer.contact\r\n      };\r\n      if (this.model) {\r\n        mailData.shipment_id = this.model._id;\r\n        // mailData.company_id = this.model.company.company_id;\r\n      }\r\n      this.loading = true;\r\n      axios\r\n        .post(this.serverURL + \"/send_email_emover\", mailData, {\r\n          withCredentials: true\r\n        })\r\n        .then(response => {\r\n          // console.log(response);\r\n          this.loading = false;\r\n          if (response.data.sent.includes(\"success\")) {\r\n            that.successMessage = response.data.sent;\r\n            that.btnColor = \"success\";\r\n          } else {\r\n            that.errorMessage = \"Error occured: \" + response.data.sent;\r\n            that.btnColor = \"danger\";\r\n          }\r\n\r\n          var sentDoc = {\r\n            document_body: {\r\n              letterBody: letterBody,\r\n              introBody: introBody\r\n            },\r\n            date_sent: fun.formatDate(new Date())\r\n          };\r\n          this.$root.$emit(\"mailSent\", {\r\n            obj: this,\r\n            response: response.data,\r\n            sentDoc: sentDoc\r\n          });\r\n\r\n          // if (this.feedback) {\r\n          //   this.feedback(response.data);\r\n          // }\r\n        });\r\n    },\r\n    getLetterLink(sentId) {\r\n      if (!sentId) {\r\n        sentId = fun.guid();\r\n      }\r\n      var encrypted = encodeURIComponent(\r\n        fun.encrypt(this.portalId + \":\" + sentId, this.passPhrase)\r\n      );\r\n      var url = fun.siteLocation() + \"/#/\" + \"customerdocument/\" + encrypted;\r\n\r\n      return url;\r\n    },\r\n    createLink(sentId) {\r\n      var introBody = \"\";\r\n      var url = this.getLetterLink(sentId);\r\n      var letterLink =\r\n        \"<a href='\" +\r\n        url +\r\n        \"'>\" +\r\n        (this.documentModel.link_text || this.defaultLinkText) +\r\n        \"</a>\";\r\n      introBody = this.introBody + \"<b><b><b>\" + letterLink;\r\n      return introBody;\r\n    },\r\n    createCustomerPortalLink() {\r\n      var encrypted = encodeURIComponent(\r\n        fun.encrypt(\r\n          this.portalId + \":\" + this.model.customer._id,\r\n          this.passPhrase\r\n        )\r\n      );\r\n      var letterLink =\r\n        \"<a href='\" +\r\n        fun.siteLocation() +\r\n        \"/#/\" +\r\n        \"customerportal/\" +\r\n        encrypted +\r\n        \"'>\" +\r\n        (this.documentModel.customer_portal_link_text ||\r\n          this.defaultCustomerPortalText) +\r\n        \"</a>\";\r\n\r\n      this.model.customer_portal_link = letterLink;\r\n\r\n      this.letterBody = this.letterBody.replaceAll(\r\n        \"customer_portal_link\",\r\n        letterLink\r\n      );\r\n    }\r\n    // bodyRendered(body) {\r\n    //   return body;\r\n    // },\r\n  },\r\n  watch: {\r\n    formModel: {\r\n      handler: function(oldValue, newValue) {\r\n        // console.log(this.formModel, oldValue, newValue);\r\n      },\r\n      deep: true\r\n      // immediate: true,\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"css\">\r\n.full-screen-editor {\r\n  position: fixed;\r\n  padding: 20px;\r\n  top: 50px;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  overflow: auto;\r\n  z-index: 10000000000 !important;\r\n  background-color: white;\r\n}\r\n.group-by-cell {\r\n  border-color: white;\r\n  border-right-color: inherit;\r\n}\r\n.active-group-by-cell {\r\n  border-color: white;\r\n  border-top-color: inherit;\r\n}\r\n.document-body {\r\n  position: relative;\r\n  height: 100vh !important;\r\n  background-color: white;\r\n}\r\n.customer-doc {\r\n  /* z-index: 1000000 !important; */\r\n  height: 80% !important;\r\n}\r\n.document-wrapper {\r\n  /* z-index: 1000000 !important; */\r\n  position: relative;\r\n  background-color: white;\r\n}\r\n.document-body .draggable-div {\r\n  border: none !important;\r\n  background-color: transparent !important;\r\n  color: black !important;\r\n}\r\n.document-body .draggable-field-editable {\r\n  border: none !important;\r\n  background-color: transparent !important;\r\n}\r\n.document-body .resize-handle,\r\n.document-body .remove-btn {\r\n  display: none;\r\n}\r\n.document-body .style-btn {\r\n  display: none;\r\n}\r\n.footer-toolbar {\r\n  position: fixed;\r\n  width: 100%;\r\n  right: 0;\r\n  bottom: 0;\r\n}\r\n@media only screen and (max-width: 450px) {\r\n  .document-body {\r\n    height: 52vh;\r\n    /* width: 90vw !important; */\r\n    overflow: auto !important;\r\n  }\r\n  /* .card-actions .v-toolbar__content {\r\n    display: table !important;\r\n  } */\r\n  /* .card-actions .v-input {\r\n    display: table-row !important;\r\n    clear: both !important;\r\n    width: 100% !important;\r\n  } */\r\n  /* .card-actions {\r\n    position: fixed;\r\n  } */\r\n}\r\n@media only screen and (min-width: 600px) {\r\n  .document-body {\r\n    height: 70vh !important;\r\n    overflow: auto;\r\n  }\r\n  .panel-form .document-body {\r\n    height: 60vh !important;\r\n  }\r\n  .full-screen-editor .document-body {\r\n    height: 80vh !important;\r\n  }\r\n  .full-screen-editor .document-body {\r\n    /* height: 80vh !important; */\r\n  }\r\n  .card-actions {\r\n    position: fixed;\r\n    bottom: 0;\r\n    right: 30px;\r\n    width: calc(100% - 320px);\r\n    border-top: solid 1px;\r\n    padding: 5px;\r\n    /* margin: 5px; */\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Document.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Document.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Document.vue?vue&type=template&id=5cd5df9b&\"\nimport script from \"./Document.vue?vue&type=script&lang=js&\"\nexport * from \"./Document.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Document.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VAlert,VBtn,VDialog,VIcon,VSpacer,VTextField,VToolbar,VTooltip})\n","var t=function(t,o,e){if(!o.hasOwnProperty(e)){var r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r)}};export default{props:{template:String,parent:Object,templateProps:{type:Object,default:function(){return{}}}},render:function(o){if(this.template){var e=this.parent||this.$parent,r=e.$data;void 0===r&&(r={});var n=e.$props;void 0===n&&(n={});var a=e.$options;void 0===a&&(a={});var p=a.components;void 0===p&&(p={});var c=a.computed;void 0===c&&(c={});var i=a.methods;void 0===i&&(i={});var s=this.$data;void 0===s&&(s={});var d=this.$props;void 0===d&&(d={});var v=this.$options;void 0===v&&(v={});var f=v.methods;void 0===f&&(f={});var m=v.computed;void 0===m&&(m={});var u=v.components;void 0===u&&(u={});var h={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(r).forEach(function(t){void 0===s[t]&&(h.$data[t]=r[t])}),Object.keys(n).forEach(function(t){void 0===d[t]&&(h.$props[t]=n[t])}),Object.keys(i).forEach(function(t){void 0===f[t]&&(h.methods[t]=i[t])}),Object.keys(c).forEach(function(t){void 0===m[t]&&(h.computed[t]=c[t])}),Object.keys(p).forEach(function(t){void 0===u[t]&&(h.components[t]=p[t])});var O=Object.keys(h.methods||{}),$=Object.keys(h.$data||{}),b=Object.keys(h.$props||{}),j=Object.keys(this.templateProps),y=$.concat(b).concat(O).concat(j),k=(E=e,P={},O.forEach(function(o){return t(E,P,o)}),P),l=function(o){var e={};return o.forEach(function(o){o&&Object.getOwnPropertyNames(o).forEach(function(r){return t(o,e,r)})}),e}([h.$data,h.$props,k,this.templateProps]);return o({template:this.template||\"<div></div>\",props:y,computed:h.computed,components:h.components,provide:this.$parent._provided},{props:l})}var E,P}};\n//# sourceMappingURL=v-runtime-template.es.js.map\n"],"sourceRoot":""}