{"version":3,"sources":["webpack:///./src/views/routes/CteManagement/Cte/CteDetailsEdit.vue?ddc0","webpack:///./src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.vue?5846","webpack:///./src/views/routes/CteManagement/Cte/CteDetailsEdit.vue?3180","webpack:///./src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.vue?11c8","webpack:///./src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.blueprint.js","webpack:///src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.vue","webpack:///./src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.vue?1d13","webpack:///./src/views/routes/CteManagement/Cte/Form/CteDetailsEditForm.vue","webpack:///src/views/routes/CteManagement/Cte/CteDetailsEdit.vue","webpack:///./src/views/routes/CteManagement/Cte/CteDetailsEdit.vue?0630","webpack:///./src/views/routes/CteManagement/Cte/CteDetailsEdit.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","ref","on","handlerSave","cancel","save","staticRenderFns","style","form","blueprint","asyncCallsLoaded","hideFields","disabledFields","paramsFields","optionsFields","endpointErrors","handlerChangeUfStart","handlerChangeUfEnd","handlerSubmit","handlerCancel","cteDetails","id","tag","content","model","props","label","placeholder","readOnly","format","type","prependIcon","range","cteDetailsEdit","rules","name","invalidLabel","selectOptions","cfop","serviceType","taker","mask","state","events","input","autoLoadRootOptions","fetchOptions","fetchParams","uf_inicio","disabled","ufInicio","uf_fim","ufFim","actions","color","textColor","filled","click","cteActions","components","DynamicForm","data","number","series","created_at","status","inscricao_estadual_remetente","tipo_servico","tomador","valor_receber","municipio_inicio","municipio_fim","form_initial","computed","routeParams","routeId","$route","params","route_id","cteId","cte_id","states","formGridTemplateStyle","mounted","init","methods","$router","push","$emit","$refs","copyOption","cfopFormField","getInitialForm","Object","assign","setInitialForm","res","filter","component","TheSubHeader","CteDetailsEditForm","CteManagementModal","modal","open","putCteDetailsEdit"],"mappings":"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","file":"js/CteDetailsEdit.8edb8d49.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CteDetailsEdit.vue?vue&type=style&index=0&id=46c6e3d8&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CteDetailsEditForm.vue?vue&type=style&index=0&id=30c98664&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('main',{staticClass:\"CteDetailsEdit\"},[_c('TheSubHeader',{attrs:{\"icon\":\"package-delivery-alt\",\"title\":\"Editar CTe\",\"actions\":['back'],\"organizer-gap\":\"1rem\"}}),_c('section',{staticClass:\"CteDetailsEdit__Container\"},[_c('div',{staticClass:\"CteDetailsEdit__Content\"},[_c('div',{staticClass:\"CteDetailsEdit__Form\"},[_c('CteDetailsEditForm',{ref:\"cteDetailsEdit\",on:{\"save\":_vm.handlerSave}})],1)])]),_c('CteManagementModal',{ref:\"modal\",attrs:{\"title\":\"Edição de CTe\"},on:{\"cancel\":_vm.cancel,\"save\":_vm.save}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('DynamicForm',{ref:\"form\",staticClass:\"CteDetails__Form__Fields\",style:(_vm.style),attrs:{\"model\":_vm.form,\"blueprint\":_vm.blueprint(\n      _vm.asyncCallsLoaded,\n      _vm.hideFields,\n      _vm.disabledFields,\n      _vm.paramsFields,\n      _vm.optionsFields\n    ),\"endpoint-errors\":_vm.endpointErrors,\"submit-type\":\"json\"},on:{\"changeUfStart\":_vm.handlerChangeUfStart,\"changeUfEnd\":_vm.handlerChangeUfEnd,\"submit\":_vm.handlerSubmit,\"cancel\":_vm.handlerCancel}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default (asyncCallsLoaded, hideFields, disabledFields, paramsFields, optionsFields) => {\n\n  const cteDetails = [\n    {\n      id: 'labelCteEdit',\n      tag: 'label',\n      content: 'Detalhes da CTe'\n    },\n    {\n      id: 'number',\n      model: 'number',\n      tag: 'InputGroup',\n      props: {\n        label: 'Número CTe',\n        placeholder: 'Número CTe',\n        readOnly: true,\n      }\n    },\n    {\n      id: 'series',\n      model: 'series',\n      tag: 'InputGroup',\n      props: {\n        label: 'Serie CTe',\n        placeholder: 'Serie CTe',\n        readOnly: true,\n      }\n    },\n    {\n      id: 'created_at',\n      model: 'created_at',\n      tag: 'BaseDatePicker',\n      props: {\n        label: 'Data de Emissão',\n        format: 'DD/MM/YYYY HH:mm',\n        type: 'datetime',\n        prependIcon: false,\n        range: false,\n        placeholder: 'Data de Emissão',\n        readOnly: true,\n      }\n    },\n    {\n      id: 'model',\n      model: 'model',\n      tag: 'InputGroup',\n      props: {\n        label: 'Tipo de CTe',\n        placeholder: 'Tipo de CTe',\n        readOnly: true,\n      }\n    },\n    {\n      id: 'status',\n      model: 'status',\n      tag: 'InputGroup',\n      props: {\n        label: 'Status',\n        placeholder: 'Status',\n        readOnly: true,\n      }\n    }\n  ]\n\n  const cteDetailsEdit = [\n    {\n      id: 'labelCteEditInfos',\n      tag: 'label',\n      content: '\"Informações Editáveis\"',\n    },\n    {\n      id: 'cfop',\n      model: 'cfop',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'CFOP',\n        label: 'CFOP',\n        placeholder: 'CFOP será inserido automaticamente',\n        invalidLabel: 'O campo cfop precisa ser um número.',\n        selectOptions: optionsFields.cfop,\n        readOnly: true,\n      },\n    },\n    {\n      id: 'inscricao_estadual_remetente',\n      model: 'inscricao_estadual_remetente',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Inscrição Estadual Remetente',\n        placeholder: 'Inscrição Estadual Remetente',\n        invalidLabel: 'O campo inscricao estadual emitente é obrigatório.',\n        readOnly: disabledFields.cteDetailsEdit,\n      },\n    },\n    {\n      id: 'tipo_servico',\n      model: 'tipo_servico',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Tipo de Serviço',\n        label: 'Tipo de Serviço',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo tipo servico é obrigatório.',\n        selectOptions: optionsFields.serviceType,\n        readOnly: disabledFields.cteDetailsEdit,\n      },\n    },\n    {\n      id: 'tomador',\n      model: 'tomador',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Tomador',\n        label: 'Tomador',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo tomador é obrigatório.',\n        selectOptions: optionsFields.taker,\n        readOnly: disabledFields.cteDetailsEdit,\n      },\n    },\n    {\n      id: 'valor_receber',\n      model: 'valor_receber',\n      tag: 'InputGroup',\n      rules: ['required'],\n      props: {\n        label: 'Valor à receber',\n        placeholder: 'Valor à receber',\n        invalidLabel: 'O campo valor receber é obrigatório.',\n        readOnly: disabledFields.cteDetailsEdit,\n        mask: 'money'\n      },\n    },\n    {\n      id: 'uf_inicio',\n      model: 'uf_inicio',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'UF Início',\n        label: 'UF Início',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo uf inicio é obrigatório.',\n        selectOptions: optionsFields.state,\n        readOnly: disabledFields.cteDetailsEdit,\n      },\n      events: {\n        ...(asyncCallsLoaded ? {input: 'changeUfStart'} : '')\n      }\n    },\n    {\n      id: 'municipio_inicio',\n      model: 'municipio_inicio',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Município Início',\n        label: 'Município Início',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo município início é obrigatório.',\n        autoLoadRootOptions: false,\n        selectOptions: null,\n        fetchOptions: 'address/fetchCities',\n        fetchParams: paramsFields.uf_inicio,\n        disabled: disabledFields.ufInicio,\n        readOnly: disabledFields.cteDetailsEdit\n      },\n    },\n    {\n      id: 'uf_fim',\n      model: 'uf_fim',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'UF Fim',\n        label: 'UF Fim',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo uf fim é obrigatório.',\n        selectOptions: optionsFields.state,\n        readOnly: disabledFields.cteDetailsEdit,\n      },\n      events: {\n        ...(asyncCallsLoaded ? {input: 'changeUfEnd'} : '')\n      }\n    },\n    {\n      id: 'municipio_fim',\n      model: 'municipio_fim',\n      tag: 'BaseTreeSelect',\n      rules: ['required'],\n      props: {\n        name: 'Município Fim',\n        label: 'Município Fim',\n        placeholder: 'Selecione',\n        invalidLabel: 'O campo município fim é obrigatório.',\n        autoLoadRootOptions: false,\n        selectOptions: null,\n        fetchOptions: 'address/fetchCities',\n        fetchParams: paramsFields.uf_fim,\n        disabled: disabledFields.ufFim,\n        readOnly: disabledFields.cteDetailsEdit\n      },\n    },\n  ]\n\n  const actions = [\n    {\n      id: 'cancel',\n      tag: 'BaseButton',\n      props: {\n        label: 'Cancelar',\n        color: 'black',\n        textColor: 'white',\n        filled: true,\n        type: 'button',\n      },\n      events: {\n        click: 'cancel',\n      },\n    },\n    {\n      id: 'confirm',\n      tag: 'BaseButton',\n      props: {\n        label: 'Salvar',\n        color: 'black',\n        textColor: 'white',\n        filled: true,\n        type: 'submit',\n      },\n    },\n  ]\n  \n  return [\n    ...!hideFields.cteDetails ? cteDetails : [],\n    ...cteDetailsEdit,\n    ...!hideFields.cteActions ? actions : [],\n  ]\n}","<template>\n  <DynamicForm\n    ref=\"form\"\n    class=\"CteDetails__Form__Fields\"\n    :style=\"style\"\n    :model=\"form\"\n    :blueprint=\"\n      blueprint(\n        asyncCallsLoaded,\n        hideFields,\n        disabledFields,\n        paramsFields,\n        optionsFields\n      )\n    \"\n    :endpoint-errors=\"endpointErrors\"\n    submit-type=\"json\"\n    @changeUfStart=\"handlerChangeUfStart\"\n    @changeUfEnd=\"handlerChangeUfEnd\"\n    @submit=\"handlerSubmit\"\n    @cancel=\"handlerCancel\" \n  />\n</template>\n<script>\nimport { mapActions, mapState } from 'vuex'\nimport { ctes } from '@/api'\nimport blueprint from './CteDetailsEditForm.blueprint'\nimport { cteStatus, populateForm } from '../../utils/utils.js'\nimport { DynamicForm } from '@/components/molecules'\n\nexport default {\n  name: 'CteDetailsForm',\n  components: {\n    DynamicForm,\n  },\n  data() {\n    return {\n      form: {\n        //Details \n        number: null,\n        series: null,\n        created_at: null,\n        model: null,\n        status: null,\n        //Edit Info\n        cfop: null,\n        inscricao_estadual_remetente: null,\n        tipo_servico: { id: 0, name: 'Normal' },\n        tomador: { id: 1, name: 'Remetente' },\n        valor_receber: null,\n        municipio_inicio: null,\n        uf_inicio: null,\n        municipio_fim: null,\n        uf_fim: null\n      },\n\n      form_initial: {},\n      endpointErrors: {},\n\n      //Helpers\n      asyncCallsLoaded: false\n    }\n  },\n  computed: {\n    ...mapState({\n      states: (state) => state.address.states,\n      cities: (state) => state.address.cities\n    }),\n\n    //Route\n    routeParams() {\n      return {\n        routeId: this.$route.params.route_id,\n        cteId: this.$route.params.cte_id\n      }\n    },\n\n    //Show and Hide\n    hideFields() {\n      return {\n        cteDetails: this.form.status !== cteStatus.AUTORIZADO,\n        cteActions: this.form.status === cteStatus.AUTORIZADO || this.form.status === cteStatus.PROCESSANDO\n      }\n    },\n\n    //Disabled\n    disabledFields() {\n      return {\n        cteDetailsEdit: this.form.status === cteStatus.AUTORIZADO || this.form.status === cteStatus.PROCESSANDO,\n        ufInicio: !this.form.uf_inicio,\n        ufFim: !this.form.uf_fim\n      }\n    },\n\n    //Params\n    paramsFields() {\n      return {\n        uf_inicio: this.form.uf_inicio ? this.form.uf_inicio.id : null,\n        uf_fim: this.form.uf_fim ? this.form.uf_fim.id : null\n      }\n    },\n\n    //Select Options\n    optionsFields() {\n      return { \n        cfop:[\n          { id: '5353', name: '5353 – Prestação de serviço de transporte a estabelecimento comercial - Dentro do Estado de SP' },\n          { id: '6353', name: '6353 – Prestação de serviço de transporte a estabelecimento comercial - Fora do Estado de SP' }\n        ],\n        serviceType: [\n          { id: 0, name: 'Normal' },\n          { id: 1, name: 'Subcontratação' },\n          { id: 2, name: 'Redespacho' },\n          { id: 3, name: 'Redespacho Intermediário' },\n          { id: 4, name: 'Serviço Vinculado a Multimodal' }\n        ],\n        taker: [\n          { id: 0, name: 'Emitente' },\n          { id: 1, name: 'Remetente' },\n          { id: 2, name: 'Expedidor' },\n          { id: 3, name: 'Recebedor' },\n          { id: 4, name: 'Destinatário' },\n          { id: 5, name: 'Outros' }\n        ],\n        state: this.states,\n      }\n    },\n\n    //Styles\n    style: function() {\n      return {\n        '--grid-template':  this.formGridTemplateStyle\n      }\n    },\n\n    formGridTemplateStyle() {\n      const styleCteDetails = `'labelCteEdit labelCteEdit labelCteEdit . . . . . . . . .'\n        'number number series series created_at created_at model model status status . .'`\n      const styleCteDetailsEdit = `'labelCteEditInfos labelCteEditInfos labelCteEditInfos . . . . . . . . .'\n        'cfop cfop cfop cfop cfop cfop cfop . . . . .'\n        'inscricao_estadual_remetente inscricao_estadual_remetente inscricao_estadual_remetente tipo_servico tipo_servico tipo_servico tomador tomador tomador valor_receber valor_receber valor_receber'\n        'uf_inicio uf_inicio uf_inicio municipio_inicio municipio_inicio municipio_inicio uf_fim uf_fim uf_fim municipio_fim municipio_fim municipio_fim'`\n      const styleActions = '\". . . . . . . . . . cancel confirm\"'\n\n      const style = (\n        (!this.hideFields.cteDetails ? styleCteDetails : '') +\n        styleCteDetailsEdit + \n        styleActions)\n      return style\n    }\n\n  },\n  mounted() {\n    this.init()\n  },\n  methods: {\n    ...mapActions({\n      fetchStates: 'address/fetchStates',\n      fetchCities: 'address/fetchCities',\n      setLoading: 'loading/setLoading'\n    }),\n\n    //Form\n    blueprint,\n\n    //Init\n    async init() {\n      this.fetchStates()\n      if (this.routeParams.cteId) await this.fetchCteDetails()\n      this.getInitialForm()\n      this.asyncCallsLoaded = true\n    },\n\n    //Calls\n    async fetchCteDetails() {\n      this.setLoading(true)\n      await ctes.fetchCteDetails(\n        { id: this.routeParams.cteId },\n        (res) => {\n          populateForm(res, this.form, this.form_initial)\n          this.cfopFormField()\n        },\n        (e) => e,\n        () => {\n          this.setLoading(false)\n        }\n      )\n    },\n\n    //Actions\n    async putCteDetailsEdit() {\n      this.setLoading(true)\n      await ctes.putCteDetailsEdit(\n        { id: this.routeParams.cteId, body: this.form },\n        () => {\n          this.$router.push(`/routes/management/cte/${this.routeParams.routeId}`)\n        },\n        (e) => this.endpointErrors = e.validation,\n        () => {\n          this.setLoading(false)\n        }\n      )\n    },\n\n    //Handlers\n    handlerCancel() {\n      this.$router.push(`/routes/management/cte/${this.routeParams.routeId}`)\n    },\n\n    handlerSubmit() {\n      this.$emit('save')\n    },\n\n    handlerChangeUfStart() {\n      this.form.municipio_inicio = null\n      this.$refs.form.$refs.municipio_inicio[0].copyOption(null)\n      this.cfopFormField()\n    },\n\n    handlerChangeUfEnd() {\n      this.form.municipio_fim = null\n      this.$refs.form.$refs.municipio_fim[0].copyOption(null)\n      this.cfopFormField()\n    },\n\n    //Helpers\n    getInitialForm() {\n      this.form_initial = Object.assign({}, this.form)\n    },\n\n    setInitialForm() {\n      this.form = Object.assign({}, this.form_initial)\n    },\n\n    //Component Helpers\n    cfopFormField() {\n      let res = null\n      if ((this.form.uf_inicio && this.form.uf_inicio.id === 25) && (this.form.uf_fim && this.form.uf_fim.id === 25)) {\n        res = this.optionsFields.cfop.filter(el => el.id === '5353')\n      } else if (\n        (!!this.form.uf_inicio && !!this.form.uf_fim) && \n        ((this.form.uf_inicio && this.form.uf_inicio.id !== 25) || (this.form.uf_fim && this.form.uf_fim.id !== 25))\n      ){\n        res = this.optionsFields.cfop.filter(el => el.id === '6353')\n      }\n      this.form.cfop = res\n    },\n\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.CteDetails {\n  &__Form {\n    &__Fields {\n      grid-template-areas: var(--grid-template);\n      /deep/ .BaseButton {\n        .BaseButton__Text {\n          margin-left: 0;\n        }\n      }\n    }\n  }\n}\n</style>","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!./CteDetailsEditForm.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!./CteDetailsEditForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CteDetailsEditForm.vue?vue&type=template&id=30c98664&scoped=true&\"\nimport script from \"./CteDetailsEditForm.vue?vue&type=script&lang=js&\"\nexport * from \"./CteDetailsEditForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CteDetailsEditForm.vue?vue&type=style&index=0&id=30c98664&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  \"30c98664\",\n  null\n  \n)\n\nexport default component.exports","<template>\n  <main class=\"CteDetailsEdit\">\n    <!-- Sub Header -->\n    <TheSubHeader\n      icon=\"package-delivery-alt\"\n      title=\"Editar CTe\"\n      :actions=\"['back']\"\n      organizer-gap=\"1rem\"\n    />\n    <!--Content -->\n    <section class=\"CteDetailsEdit__Container\">\n      <div class=\"CteDetailsEdit__Content\">\n        <div class=\"CteDetailsEdit__Form\">\n          <CteDetailsEditForm\n            ref=\"cteDetailsEdit\"\n            @save=\"handlerSave\"\n          />\n        </div>\n      </div>\n    </section>\n    <CteManagementModal\n      ref=\"modal\"\n      title=\"Edição de CTe\"\n      @cancel=\"cancel\"\n      @save=\"save\"\n    />\n  </main>\n</template>\n<script>\nimport { TheSubHeader } from '@/components/organisms'\nimport CteDetailsEditForm from './Form/CteDetailsEditForm.vue'\nimport CteManagementModal from '../CteManagementModal.vue'\n\nexport default {\n  name: 'CteDetailsEdit',\n  components: {\n    TheSubHeader,\n    CteDetailsEditForm,\n    CteManagementModal,\n  },\n  methods: {\n    //Handlers\n    handlerSave() {\n      this.$refs.modal.open()\n    },\n\n    cancel() {\n      this.$refs.cteDetailsEdit.setInitialForm()\n    },\n\n    save() {\n      this.$refs.cteDetailsEdit.putCteDetailsEdit()\n    },\n  },\n}\n</script>\n<style lang=\"scss\" scoped>\n.CteDetailsEdit {\n  &__subHeaderTab {\n    display: grid;\n    grid-column-gap: 1rem;\n    align-items: end;\n    width: 100%;\n  }\n\n  &__Container {\n    display: grid;\n    grid-template-columns: 1fr minmax(min-content, 1180px) 1fr;\n    grid-template-areas: '. main .';\n    grid-column-gap: 1rem;\n  }\n\n  &__Content {\n    grid-area: main;\n    margin-bottom: 50px;\n  }\n\n  &__Form {\n    margin-bottom: 50px;\n  }\n}\n</style>\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!./CteDetailsEdit.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!./CteDetailsEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CteDetailsEdit.vue?vue&type=template&id=46c6e3d8&scoped=true&\"\nimport script from \"./CteDetailsEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./CteDetailsEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CteDetailsEdit.vue?vue&type=style&index=0&id=46c6e3d8&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  \"46c6e3d8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}