{"version":3,"sources":["webpack:///./src/views/configuration/Representative.vue?8866","webpack:///./src/services/configurations/getUsersEmails.js","webpack:///./src/services/clients/updateRepresentativeData.js","webpack:///src/views/configuration/Representative.vue","webpack:///./src/views/configuration/Representative.vue?cebd","webpack:///./src/views/configuration/Representative.vue","webpack:///./src/services/clients/getClient.js","webpack:///./src/views/configuration/Representative.vue?fd84","webpack:///./src/components/layout/DetailLayoutFullWidth.vue?311c","webpack:///src/components/layout/DetailLayoutFullWidth.vue","webpack:///./src/components/layout/DetailLayoutFullWidth.vue?ef64","webpack:///./src/components/layout/DetailLayoutFullWidth.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","slot","attrs","header","staticClass","ref","form","rules","_v","_s","$t","model","value","callback","$$v","$set","expression","_l","item","key","isFromClient","isGeneralLoading","on","goBack","$event","submitForm","staticRenderFns","async","getUsersEmails","params","req","url","method","headers","res","axiosInstance","data","updateRepresentativeData","payload","isValidEmail","isPhoneValid","name","components","DetailLayoutFullWidth","activeName","title","icon","breadcrumb","nav","tooltip","emailsUsuarios","Nombre","NIF","Telefono","Email","required","message","trigger","validator","computed","role","id","watch","deep","immediate","handler","created","breadcrumbs","path","mounted","methods","downloadClientData","idEmpresa","client","watchFormHandler","isEmailValid","downloadEmailsUsers","idCliente","downloadData","setData","component","getClient","cancellationToken","cancelToken","token","_t"],"mappings":"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","file":"js/chunk-370f221a.v.2.27.0.1739353713776.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('detail-layout-full-width',[_c('template',{slot:\"header\"},[_c('base-header',{attrs:{\"icon\":\"user\",\"content\":_vm.header}})],1),_c('template',{slot:\"main\"},[_c('div',{staticClass:\"form-wrapper\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules}},[_c('div',{staticClass:\"lg:max-w-detail lg:mr-auto\"},[_c('div',{staticClass:\"lg:mb-4 mt-4\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.$t('clients.representative_name'))+\" \"),_c('el-form-item',{attrs:{\"prop\":\"Nombre\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"maxlength\":\"100\"},model:{value:(_vm.form.Nombre),callback:function ($$v) {_vm.$set(_vm.form, \"Nombre\", $$v)},expression:\"form.Nombre\"}})],1)],1)])]),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.$t('clients.representative_nif'))+\" \"),_c('el-form-item',{attrs:{\"prop\":\"NIF\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"maxlength\":\"9\"},model:{value:(_vm.form.NIF),callback:function ($$v) {_vm.$set(_vm.form, \"NIF\", $$v)},expression:\"form.NIF\"}})],1)],1)])]),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.$t('clients.representative_phone'))+\" \"),_c('el-form-item',{attrs:{\"prop\":\"Telefono\"}},[_c('el-input',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"maxlength\":\"9\"},model:{value:(_vm.form.Telefono),callback:function ($$v) {_vm.$set(_vm.form, \"Telefono\", $$v)},expression:\"form.Telefono\"}})],1)],1)])]),_c('div',{staticClass:\"lg:mb-2\"},[_c('div',{staticClass:\"mandatory\"},[_c('label',{staticClass:\"text-sm font-semibold text-secondary-600 block mb-1\"},[_vm._v(_vm._s(_vm.$t('clients.representative_email'))+\" \"),_c('el-form-item',{attrs:{\"prop\":\"Email\"}},[_c('el-select',{staticClass:\"w-full\",attrs:{\"clearable\":\"\",\"filterable\":\"\"},model:{value:(_vm.form.Email),callback:function ($$v) {_vm.$set(_vm.form, \"Email\", $$v)},expression:\"form.Email\"}},_vm._l((_vm.emailsUsuarios),function(item){return _c('el-option',{key:item,attrs:{\"label\":item,\"value\":item}})}),1)],1)],1)])])])])],1)]),_c('template',{slot:\"layout-extend\"},[_c('base-footer',[_c('template',{slot:\"actions\"},[_c('base-button-responsive',{attrs:{\"mode\":\"secondary\",\"text\":_vm.isFromClient ? _vm.$t('app.cancel') : _vm.$t('app.back'),\"icon\":\"cross\",\"loading\":_vm.isGeneralLoading},on:{\"click\":_vm.goBack}}),_c('base-button-responsive',{attrs:{\"mode\":\"primary\",\"text\":_vm.$t('app.save'),\"icon\":\"check\",\"loading\":_vm.isGeneralLoading,\"disabled\":_vm.isGeneralLoading},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}})],1)],2)],1)],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function getUsersEmails (params = null) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n    return new Promise((resolve, reject) => {\r\n      const data = mock.getUsers\r\n      const pages = data.data.length\r\n\r\n      const clone = JSON.parse(JSON.stringify(data))\r\n      if (params !== null) {\r\n        console.log(clone.data)\r\n        clone.data = clone.data.slice(0, params.limit)\r\n      }\r\n\r\n      clone.meta.total = pages\r\n\r\n      resolve(clone)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: '/api/usuarios/getusuariosemails',\r\n      method: 'GET',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      params\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { getUsersEmails }\r\n","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function updateRepresentativeData (params = null, payload = {}) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'test') {\r\n    return new Promise((resolve, reject) => {\r\n      setTimeout(() => {\r\n        resolve(mock.getCompanytemplate)\r\n      }, 500)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: '/api/empresas/actualizardatosrepresentante',\r\n      method: 'POST',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      data: payload,\r\n      params\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { updateRepresentativeData }\r\n","<template>\r\n  <detail-layout-full-width>\r\n    <template slot=\"header\">\r\n      <base-header\r\n        icon=\"user\"\r\n        :content=\"header\"\r\n      />\r\n    </template>\r\n    <template slot=\"main\">\r\n      <div class=\"form-wrapper\">\r\n        <el-form\r\n          :model=\"form\"\r\n          :rules=\"rules\"\r\n          ref=\"ruleForm\"\r\n        >\r\n        <div class=\"lg:max-w-detail lg:mr-auto\">\r\n          <div class=\"lg:mb-4 mt-4\">\r\n            <div class=\"mandatory\">\r\n              <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{$t('clients.representative_name')}}\r\n                <el-form-item prop=\"Nombre\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.Nombre\"\r\n                    maxlength='100'\r\n                  />\r\n                </el-form-item>\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <div class=\"lg:mb-2\">\r\n            <div class=\"mandatory\">\r\n              <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{$t('clients.representative_nif')}}\r\n                <el-form-item prop=\"NIF\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.NIF\"\r\n                    maxlength='9'\r\n                  />\r\n                </el-form-item>\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"lg:mb-2\">\r\n            <div class=\"mandatory\">\r\n              <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{$t('clients.representative_phone')}}\r\n                <el-form-item prop=\"Telefono\">\r\n                  <el-input\r\n                    clearable\r\n                    class=\"w-full\"\r\n                    v-model=\"form.Telefono\"\r\n                    maxlength='9'\r\n                  />\r\n                </el-form-item>\r\n              </label>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"lg:mb-2\">\r\n            <div class=\"mandatory\">\r\n              <label class=\"text-sm font-semibold text-secondary-600 block mb-1\">{{$t('clients.representative_email')}}\r\n                <el-form-item prop=\"Email\">\r\n                  <el-select class=\"w-full\" \r\n                    v-model=\"form.Email\" \r\n                    clearable \r\n                    filterable\r\n                    >\r\n                      <el-option\r\n                        v-for=\"item in emailsUsuarios\"\r\n                        :key=\"item\"\r\n                        :label=\"item\"\r\n                        :value=\"item\">\r\n                      </el-option>\r\n                    </el-select>\r\n                </el-form-item>\r\n              </label>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        </el-form>\r\n      </div>\r\n      </template>\r\n    <template slot=\"layout-extend\">\r\n      <base-footer>\r\n        <template slot=\"actions\">\r\n          <base-button-responsive mode=\"secondary\" :text=\"isFromClient ? $t('app.cancel') : $t('app.back')\" icon=\"cross\" @click=\"goBack\" :loading=\"isGeneralLoading\"/>\r\n          <base-button-responsive mode=\"primary\" :text=\"$t('app.save')\" icon=\"check\" @click=\"submitForm('ruleForm')\" :loading=\"isGeneralLoading\" :disabled=\"isGeneralLoading\"/>\r\n        </template>\r\n      </base-footer>\r\n    </template>\r\n  </detail-layout-full-width>\r\n</template>\r\n\r\n<script>\r\nimport DetailLayoutFullWidth from '../../components/layout/DetailLayoutFullWidth.vue'\r\nimport { getRepresentativeData } from '@/services/clients/getRepresentativeData'\r\nimport { getUsersEmails } from '@/services/configurations/getUsersEmails'\r\nimport { updateRepresentativeData } from '@/services/clients/updateRepresentativeData'\r\nimport { i18n } from '@/i18n'\r\nimport { email as emailRegex } from '@/utils/regex'\r\n\r\nimport { getClient } from '@/services/clients/getClient'\r\n\r\nfunction isValidEmail (value) {\r\n  return emailRegex.test(value)\r\n}\r\nfunction isPhoneValid (value) {\r\n  var onlyNumbers = /^\\d+$/\r\n  return onlyNumbers.test(value)\r\n}\r\nexport default {\r\n  /* eslint-disable camelcase */\r\n  name: 'data-representative-detail',\r\n  components: {\r\n    DetailLayoutFullWidth,\r\n  },\r\n  data: function () {\r\n    return {\r\n      activeName: 'es',\r\n      header: {\r\n        title: i18n.t('clients.representative_header_text'),\r\n        icon: 'config',\r\n        breadcrumb: {},\r\n        nav: [],\r\n        url: this.isFromClient ? 'configurations/clients/details' : 'configurations',\r\n        tooltip: i18n.t('clients.representative_header_tooltip')\r\n      },\r\n      emailsUsuarios: [],\r\n      form: {\r\n        Nombre: null,\r\n        NIF: null,\r\n        Telefono: null,\r\n        Email: null,\r\n      },\r\n      rules: {\r\n        Nombre: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n        ],\r\n        NIF: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n        ],\r\n        Telefono: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n          { required: true, validator: this.isPhoneValid, trigger: 'blur' }\r\n        ],\r\n        Email: [\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'blur'\r\n          },\r\n          {\r\n            required: true,\r\n            message: this.$i18n.t('app.fill_data'),\r\n            trigger: 'change'\r\n          },\r\n          { required: true, validator: this.isEmailValid, trigger: 'blur' }\r\n        ],\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    isGeneralLoading: function () {\r\n      return this.$store.getters.isLoading\r\n    },\r\n    role: function () {\r\n      return this.$store.getters['auth/role']\r\n    },\r\n    id () {\r\n      return this.$route.params.id ? this.$route.params.id : -1\r\n    },\r\n    isFromClient () {\r\n      return this.id !== -1\r\n    }\r\n  },\r\n  watch: {\r\n    form: {\r\n      deep: true,\r\n      immediate: true,\r\n      handler: 'watchFormHandler'\r\n    }\r\n  },\r\n  created: async function () {\r\n    const breadcrumbs = []\r\n\r\n    if (this.isFromClient) {\r\n      breadcrumbs.push({\r\n        path: this.role === 'SuperAdministrador' ? 'configurationssa' : 'configurations',\r\n        name: this.$i18n.t('app.configurations')\r\n      })\r\n      breadcrumbs.push({\r\n        path: 'configurations/clients',\r\n        name: this.$i18n.t('app.clients')\r\n      })\r\n      if (this.$store.getters['app/fromRouteName'] !== null) {\r\n        const breadcrumbHeader = this.$store.getters['app/headerBreadCrumb']\r\n        breadcrumbs.push({ path: '', name: breadcrumbHeader })\r\n      } else {\r\n        const cliente = await this.downloadClientData(this.id)\r\n        breadcrumbs.push({ path: '', name: cliente.empresa.Nombre })\r\n        this.$store.commit('app/setheaderBreadCrumb', cliente.empresa.Nombre)\r\n      }\r\n    }\r\n\r\n    this.header.breadcrumb = breadcrumbs\r\n\r\n    await this.downloadEmailsUsers()\r\n    const data = await this.downloadData(this.id)\r\n    this.setData(data.respuesta)\r\n  },\r\n  mounted () {\r\n    this.header.url = this.isFromClient ? 'configurations/clients/details' : 'configurations'\r\n    this.resetControlFormChanges()\r\n  },\r\n  methods: {\r\n    downloadClientData: async function (id) {\r\n      let client = null\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const params = {\r\n          idEmpresa: id\r\n        }\r\n        client = await getClient(params)\r\n        if (client.blnError === true) {\r\n          this.doFeedback(client.msgError + ' [' + client.codError + ']')\r\n        }\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n      return client\r\n    },\r\n    watchFormHandler () {\r\n      this.$store.commit('app/setFormChanges', true)\r\n    },\r\n    isEmailValid: function (rule, value, callback) {\r\n      if (!value) {\r\n        callback() // queremos que la validación sea opcional en este caso.\r\n      } else if (!isValidEmail(value)) {\r\n        callback(new Error(i18n.t('validation.email')))\r\n      } else {\r\n        callback()\r\n      }\r\n    },\r\n    isPhoneValid: function (rule, value, callback) {\r\n      if (!value) {\r\n        callback() // queremos que la validación sea opcional en este caso.\r\n      } else if (value.length !== 9 || !isPhoneValid(value)) {\r\n        callback(new Error(i18n.t('validation.phone.length_numbers')))\r\n      } else {\r\n        callback()\r\n      }\r\n    },\r\n    submitForm: function (formName) {\r\n      this.$store.commit('setAjaxRequestPending', true)\r\n      this.$store.commit('setIsLoading', true)\r\n      this.$refs[formName].validate(async valid => {\r\n        if (valid) {\r\n          const payload = {\r\n            Nombre: this.form.Nombre,\r\n            NIF: this.form.NIF,\r\n            Telefono: this.form.Telefono,\r\n            Email: this.form.Email,\r\n          }\r\n          const response = await updateRepresentativeData({ idEmpresa: this.id }, payload)\r\n          if (response.blnError === true) {\r\n            this.doFeedback(response.msgError + ' [' + response.codError + ']')\r\n          } else {\r\n            this.doFeedback('Datos actualizados correctamente', 'success')\r\n            this.resetControlFormChanges()\r\n          }\r\n        } else {\r\n          this.doFeedback('Error al procesar los datos, revise la información')\r\n        }\r\n        this.$store.commit('setIsLoading', false)\r\n      })\r\n    },\r\n    goBack: function () {\r\n      if (this.isFromClient) this.$router.push({ name: 'configurations/clients/details', params: this.id })\r\n      else this.$router.push({ name: 'companies' })\r\n    },\r\n    downloadEmailsUsers: async function () {\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const emails = await getUsersEmails({ idCliente: this.role === 'Administrador' ? null : this.id })\r\n        if (emails.blnError === true) {\r\n          this.doFeedback(emails.msgError + ' [' + emails.codError + ']')\r\n        } else {\r\n          this.emailsUsuarios = emails.Emails\r\n        }\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n    },\r\n    downloadData: async function () {\r\n      try {\r\n        this.$store.commit('setIsLoading', true)\r\n        const template = await getRepresentativeData({ idEmpresa: this.id })\r\n        if (template.blnError === true) {\r\n          this.doFeedback(template.msgError + ' [' + template.codError + ']')\r\n        } else {\r\n          return template\r\n        }\r\n      } catch (error) {\r\n        this.doFeedback()\r\n      } finally {\r\n        this.$store.commit('setIsLoading', false)\r\n      }\r\n      return null\r\n    },\r\n    setData: function (data) {\r\n      if (data) {\r\n        this.form.Nombre = data.Nombre ? data.Nombre : null\r\n        this.form.NIF = data.NIF ? data.NIF : null\r\n        this.form.Telefono = data.Telefono ? data.Telefono : null\r\n        this.form.Email = data.Email ? data.Email : null\r\n      }\r\n      this.resetControlFormChanges()\r\n    }\r\n  }\r\n\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.box {\r\n  background-color: #444;\r\n  color: #fff;\r\n  border-radius: 5px;\r\n  border: 1px solid black;\r\n  padding: 5px 20px;\r\n}\r\n.grid {\r\n  display: grid;\r\n  grid-gap: 10px;\r\n}\r\n.wrapper {\r\n  grid-template-columns: 1fr 1fr ;\r\n  background-color: seagreen;\r\n  padding: 10px;\r\n  width: 50%;\r\n  margin: 20px auto;\r\n}\r\n.grid.left {\r\n  grid-column: 1 / span 1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.grid.right {\r\n  grid-column: span 1 / -1;\r\n  grid-auto-rows: min-content;\r\n}\r\n.tip {\r\n  grid-column: 1 / -1;\r\n}\r\n.pic>img {\r\n  max-width: 100%;\r\n}\r\n\r\n</style>\r\n\r\n<style lang=\"sass\" scoped>\r\n</style>\r\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!./Representative.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!./Representative.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Representative.vue?vue&type=template&id=0096370c&scoped=true&\"\nimport script from \"./Representative.vue?vue&type=script&lang=js&\"\nexport * from \"./Representative.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Representative.vue?vue&type=style&index=0&id=0096370c&scoped=true&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  \"0096370c\",\n  null\n  \n)\n\nexport default component.exports","import axiosInstance from '@/services/axiosInstance'\r\nimport mock from '@/services/mock/index'\r\n\r\nasync function getClient (params = null, cancellationToken = null) {\r\n  if (process.env.VUE_APP_ENVIRONMENT === 'tests') {\r\n    return new Promise((resolve, reject) => {\r\n      const data = mock.getCompanies\r\n      const pages = data.data.length\r\n\r\n      const clone = JSON.parse(JSON.stringify(data))\r\n      console.log(clone.data)\r\n\r\n      clone.meta.total = pages\r\n\r\n      resolve(clone)\r\n    })\r\n  } else {\r\n    const req = {\r\n      url: 'api/empresas/getclientebyid',\r\n      method: 'GET',\r\n      headers: {\r\n        'Content-type': 'application/json',\r\n        'access-control-allow-origin': '*'\r\n      },\r\n      params,\r\n      cancelToken: cancellationToken?.token,\r\n    }\r\n    const res = await axiosInstance(req)\r\n    return res.data\r\n  }\r\n}\r\n\r\nexport { getClient }\r\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Representative.vue?vue&type=style&index=0&id=0096370c&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content-wrapper bg-white dark:bg-darkblue-900 flex flex-col w-full relative overflow-hidden\"},[_vm._t(\"header\"),_c('article',{staticClass:\"content flex flex-col flex-auto overflow-y-auto w-full\"},[_c('div',{staticClass:\"w-full md:w-11.5/12\"},[_c('div',{staticClass:\"px-4 lg:px-10\"},[_vm._t(\"main\")],2)])]),_vm._t(\"layout-extend\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content-wrapper bg-white dark:bg-darkblue-900 flex flex-col w-full relative overflow-hidden\">\r\n    <slot name=\"header\" />\r\n    <article class=\"content flex flex-col flex-auto overflow-y-auto w-full\">\r\n      <div class=\"w-full md:w-11.5/12\">\r\n        <div class=\"px-4 lg:px-10\">\r\n            <slot name=\"main\" />\r\n        </div>\r\n      </div>\r\n    </article>\r\n    <slot name=\"layout-extend\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'layout-detail-full-width'\r\n}\r\n</script>\r\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!./DetailLayoutFullWidth.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!./DetailLayoutFullWidth.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailLayoutFullWidth.vue?vue&type=template&id=8ccce234&\"\nimport script from \"./DetailLayoutFullWidth.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailLayoutFullWidth.vue?vue&type=script&lang=js&\"\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"],"sourceRoot":""}