{"version":3,"sources":["webpack:///./src/views/display-componente-backup.vue?76b6","webpack:///./src/views/select-data.vue?436f","webpack:///src/views/select-data.vue","webpack:///./src/views/select-data.vue?d3f1","webpack:///./src/views/select-data.vue?f2c8","webpack:///./src/views/select-data.vue?76c3","webpack:///./src/views/display-componente-backup.vue?74e1","webpack:///src/views/display-componente-backup.vue","webpack:///./src/views/display-componente-backup.vue?adab","webpack:///./src/views/display-componente-backup.vue?8512"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","dataSourceConfig","value","controleID","descricaoID","on","$event","$emit","staticRenderFns","cd_empresa","api","components","props","chaveId","type","Number","default","data","dataSource","methods","component","_v","_s","tituloMenu","colCountByScreen","chosenChaveID","slot","columns","total","focusedRowKey","onExporting","saveGridInstance","onFocusedRowChanged","pageSizes","temPanel","temD","taskSubject","domProps","taskDetails","_e"],"mappings":"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","file":"js/display-data116.f35410d0.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display-componente-backup.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/index.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display-componente-backup.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('DxSelectBox',{staticClass:\"select-box\",attrs:{\"defer-rendering\":false,\"data-source\":_vm.dataSourceConfig,\"value\":_vm.value,\"value-expr\":_vm.controleID,\"display-expr\":_vm.descricaoID},on:{\"valueChanged\":function($event){return _vm.$emit('controle-changed', $event.value)}}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <DxSelectBox\r\n    class='select-box'\r\n    :defer-rendering=\"false\"\r\n    :data-source=\"dataSourceConfig\"\r\n    :value=\"value\"\r\n    :value-expr=\"controleID\"\r\n    :display-expr=\"descricaoID\"\r\n    @valueChanged=\"$emit('controle-changed', $event.value)\"\r\n  />\r\n</template>\r\n\r\n<script>\r\n\r\nimport DxSelectBox from 'devextreme-vue/select-box';\r\nimport Lookup from '../http/select.js';\r\n\r\nvar cd_empresa    = 0\r\nvar api           = '';\r\n\r\nexport default {\r\n  components: { DxSelectBox },\r\n  props: {\r\n    chaveId: {\r\n      type: Number,\r\n      default: null\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      dataSource: [],\r\n      value: null,\r\n      controleID : null,\r\n      descricaoID : null\r\n    };\r\n  },\r\n\r\n  async mounted() {\r\n     this.carregaDados();\r\n  },\r\n\r\n  methods: {\r\n\r\n    async carregaDados() {\r\n     \r\n      cd_empresa = localStorage.cd_empresa;\r\n     //api        = localStorage.nm_identificacao_api;\r\n\r\n      //api = 'CondicaoPagamento/Consulta';\r\n      api = 'CategoriaProduto/Get';\r\n\r\n      this.dataSourceConfig = await Lookup.montarSelect(cd_empresa, api); \r\n\r\n      \r\n      //this.controleID  = 'cd_condicao_pagamento';\r\n     // this.descricaoID = 'nm_condicao_pagamento';\r\n      this.controleID  = Object.keys( this.dataSourceConfig[0])[0]; //'cd_destinacao_produto'; //[0]\r\n      this.descricaoID = Object.keys( this.dataSourceConfig[0])[1];\r\n\r\n     //this.value = 1;\r\n\r\n     // setDefaultValue(this.dataSourceConfig);\r\n      let firstItem = Object.values(this.dataSourceConfig[0])[0];\r\n      \r\n\r\n      if(firstItem && this.value === null) {\r\n        this.value = firstItem;\r\n      }\r\n\r\n     // alert(this.dataSourceConfig[0].nm_condicao_pagamento);\r\n\r\n    }\r\n\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.select-box {\r\n  margin-left: 0px;\r\n  width: 200px;\r\n} \r\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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./select-data.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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./select-data.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./select-data.vue?vue&type=template&id=10bc1526&scoped=true&\"\nimport script from \"./select-data.vue?vue&type=script&lang=js&\"\nexport * from \"./select-data.vue?vue&type=script&lang=js&\"\nimport style0 from \"./select-data.vue?vue&type=style&index=0&id=10bc1526&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  \"10bc1526\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./select-data.vue?vue&type=style&index=0&id=10bc1526&scoped=true&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/index.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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./select-data.vue?vue&type=style&index=0&id=10bc1526&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',{staticClass:\"content-block\"},[_vm._v(_vm._s(_vm.tituloMenu))]),_c('DxForm',{staticClass:\"form-container\",attrs:{\"id\":\"form\",\"label-location\":\"top\",\"colCountByScreen\":_vm.colCountByScreen}},[_c('DxItem',{attrs:{\"template\":\"select-box\"}},[_c('DxLabel',{attrs:{\"text\":\"Categoria\"}})],1),_c('SelectBoxData',{attrs:{\"slot\":\"select-box\",\"chaveId\":_vm.controleID},on:{\"controle-changed\":function($event){_vm.chosenChaveID = $event}},slot:\"select-box\"})],1),_c('dx-data-grid',{staticClass:\"dx-card wide-card\",attrs:{\"data-source\":_vm.dataSourceConfig,\"columns\":_vm.columns,\"summary\":_vm.total,\"key-expr\":\"cd_controle\",\"show-borders\":true,\"focused-row-enabled\":true,\"column-auto-width\":true,\"column-hiding-enabled\":false,\"remote-operations\":false,\"word-wrap-enabled\":false,\"allow-column-reordering\":true,\"allow-column-resizing\":true,\"row-alternation-enabled\":true,\"repaint-changes-only\":true,\"autoNavigateToFocusedRow\":true,\"focused-row-index\":0,\"cacheEnable\":false,\"focused-row-key\":_vm.focusedRowKey},on:{\"update:focusedRowKey\":function($event){_vm.focusedRowKey=$event},\"update:focused-row-key\":function($event){_vm.focusedRowKey=$event},\"exporting\":_vm.onExporting,\"initialized\":_vm.saveGridInstance,\"focused-row-changed\":_vm.onFocusedRowChanged}},[_c('DxGroupPanel',{attrs:{\"visible\":true,\"empty-panel-text\":\"agrupar...\"}}),_c('DxGrouping',{attrs:{\"auto-expand-all\":true}}),_c('DxExport',{attrs:{\"enabled\":true}}),_c('DxEditing',{attrs:{\"allow-updating\":false,\"mode\":\"cell\"}}),_c('DxPaging',{attrs:{\"enable\":true,\"page-size\":10}}),_c('DxStateStoring',{attrs:{\"enabled\":false,\"type\":\"localStorage\",\"storage-key\":\"storage\"}}),_c('DxSelection',{attrs:{\"mode\":\"single\"}}),_c('DxPager',{attrs:{\"show-page-size-selector\":true,\"allowed-page-sizes\":_vm.pageSizes,\"show-info\":true}}),_c('DxFilterRow',{attrs:{\"visible\":false}}),_c('DxHeaderFilter',{attrs:{\"visible\":true,\"allow-search\":true}}),_c('DxSearchPanel',{attrs:{\"visible\":_vm.temPanel,\"width\":100,\"placeholder\":\"Procurar...\"}}),_c('DxFilterPanel',{attrs:{\"visible\":true}}),_c('DxColumnFixing',{attrs:{\"enabled\":true}}),_c('DxColumnChooser',{attrs:{\"enabled\":true,\"mode\":\"select\"}})],1),(_vm.temD === true)?_c('div',{staticClass:\"task-info\"},[_c('div',{staticClass:\"info\"},[_c('div',{attrs:{\"id\":\"taskSubject\"}},[_vm._v(_vm._s(_vm.taskSubject))]),_c('p',{attrs:{\"id\":\"taskDetails\"},domProps:{\"innerHTML\":_vm._s(_vm.taskDetails)}})])]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n      <h2 class=\"content-block\">{{tituloMenu}}</h2>\r\n          <DxForm\r\n            class=\"form-container\"\r\n            id=\"form\"\r\n            label-location=\"top\"\r\n            :colCountByScreen=\"colCountByScreen\"  \r\n           >   \r\n      \r\n           <DxItem template=\"select-box\">\r\n            <DxLabel text=\"Categoria\"/>\r\n          </DxItem>\r\n          <SelectBoxData\r\n           slot=\"select-box\"\r\n           :chaveId=\"controleID\"\r\n           @controle-changed=\"chosenChaveID = $event\"\r\n          />\r\n  \r\n      </DxForm> \r\n         \r\n      <dx-data-grid\r\n        class=\"dx-card wide-card\"\r\n        :data-source=\"dataSourceConfig\"\r\n        :columns=\"columns\"     \r\n        :summary=\"total\"     \r\n        key-expr=\"cd_controle\"      \r\n        :show-borders=\"true\"\r\n        :focused-row-enabled=\"true\"\r\n        :column-auto-width=\"true\"\r\n        :column-hiding-enabled=\"false\"\r\n        :remote-operations=\"false\"\r\n        :word-wrap-enabled=\"false\"\r\n        :allow-column-reordering=\"true\"\r\n        :allow-column-resizing=\"true\"\r\n        :row-alternation-enabled=\"true\"   \r\n        :repaint-changes-only=\"true\"    \r\n        :autoNavigateToFocusedRow=\"true\"\r\n        :focused-row-index=\"0\"      \r\n        :cacheEnable=\"false\"      \r\n        :focused-row-key.sync=\"focusedRowKey\"\r\n        @exporting=\"onExporting\"  \r\n        @initialized=\"saveGridInstance\"    \r\n        @focused-row-changed=\"onFocusedRowChanged\"\r\n        >\r\n        <DxGroupPanel :visible=\"true\"\r\n        empty-panel-text=\"agrupar...\"/>\r\n  \r\n        <DxGrouping :auto-expand-all=\"true\"/>\r\n        <DxExport\r\n          :enabled=\"true\"\r\n        />\r\n        <DxEditing\r\n          :allow-updating=\"false\"\r\n          mode=\"cell\"\r\n        />\r\n        <DxPaging \r\n          :enable=\"true\"\r\n          :page-size=\"10\" />\r\n  \r\n        <DxStateStoring\r\n           :enabled=\"false\"\r\n           type=\"localStorage\"\r\n           storage-key=\"storage\"\r\n        />\r\n        <DxSelection mode=\"single\"/>        \r\n        <DxPager \r\n            :show-page-size-selector=\"true\"\r\n            :allowed-page-sizes=\"pageSizes\"\r\n            :show-info=\"true\"/>\r\n        <DxFilterRow :visible=\"false\" />\r\n        <DxHeaderFilter \r\n          :visible=\"true\"\r\n          :allow-search=\"true\"\r\n        />\r\n        <DxSearchPanel\r\n          :visible=\"temPanel\"        \r\n          :width=\"100\"\r\n          placeholder=\"Procurar...\"\r\n        />\r\n        <DxFilterPanel :visible=\"true\"/>      \r\n        <DxColumnFixing :enabled=\"true\"/>      \r\n        <DxColumnChooser\r\n          :enabled=\"true\"\r\n          mode=\"select\"\r\n        />          \r\n      </dx-data-grid>\r\n  \r\n        <div class=\"task-info\" v-if=\"temD === true\">\r\n           <div class=\"info\">\r\n             <div id=\"taskSubject\">{{ taskSubject }}</div>\r\n             <p\r\n              id=\"taskDetails\"\r\n              v-html=\"taskDetails\"\r\n             />\r\n           </div>   \r\n         </div>\r\n  \r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  \r\n  //import { DxLoadPanel } from 'devextreme-vue/load-panel';\r\n  \r\n  import {\r\n    DxDataGrid,\r\n    DxFilterRow,\r\n    DxPager,\r\n    DxPaging,\r\n    DxExport,\r\n    DxGroupPanel,\r\n    DxGrouping,\r\n    DxColumnChooser,\r\n    DxColumnFixing,\r\n    DxHeaderFilter,\r\n    DxFilterPanel,\r\n    DxSelection,\r\n    DxStateStoring,\r\n    DxSearchPanel,\r\n    DxEditing\r\n  } from \"devextreme-vue/data-grid\";\r\n  \r\n  import { exportDataGrid } from 'devextreme/excel_exporter';\r\n  import ExcelJS from 'exceljs';\r\n  import saveAs from 'file-saver';\r\n  import ptMessages from \"devextreme/localization/messages/pt.json\";\r\n  import { locale, loadMessages } from \"devextreme/localization\";\r\n  import config from 'devextreme/core/config';\r\n  \r\n  import Procedimento from '../http/procedimento';\r\n  import Menu from '../http/menu';\r\n  import SelectBoxData from './select-data.vue'\r\n  import { DxForm, DxLabel, DxItem } from 'devextreme-vue/form';\r\n  \r\n  var cd_empresa = 0\r\n  var cd_menu    = 0;\r\n  var cd_cliente = 0;\r\n  var cd_api     = 0;\r\n  var api        = '';\r\n  \r\n  var filename   = 'DataGrid.xlsx';\r\n  var dados = [];\r\n  \r\n  export default {\r\n    props: {\r\n        cd_menuID      : { type: Number, default: 0 },\r\n        cd_apiID       : { type: Number, default: 0 },\r\n        cd_parametroID : { type: Number, default: 0 }     \r\n    },\r\n    data() {\r\n      return {\r\n        tituloMenu: '',\r\n        columns: [],\r\n        pageSizes: [10, 20, 50, 100],\r\n        autoNavigateToFocusedRow: true,\r\n        isReady: false,\r\n        dataSourceConfig : [],\r\n        total : {},       \r\n        dataGridInstance: null,\r\n        showIndicator: true,\r\n        showPane: true,\r\n        taskSubject: 'Descritivo',\r\n        taskDetails: '',\r\n        temD       : false,\r\n        temPanel   : false\r\n  \r\n      };\r\n    },\r\n    created() {\r\n        //locale(navigator.language);\r\n      config({ defaultCurrency: 'BRL' });  \r\n      loadMessages(ptMessages);\r\n      locale(navigator.language);     \r\n     // locale('pt-BR');     \r\n    },   \r\n  \r\n  async mounted() {\r\n      this.carregaDados();\r\n    },\r\n  \r\n    components: {\r\n      DxDataGrid,\r\n      DxFilterRow,\r\n      DxPager,\r\n      DxPaging,\r\n      DxExport,\r\n      DxGroupPanel,\r\n      DxGrouping,\r\n      DxColumnChooser, \r\n      DxColumnFixing,\r\n      DxHeaderFilter,\r\n      DxFilterPanel,\r\n      DxSelection,\r\n      DxStateStoring,\r\n      DxSearchPanel,\r\n      DxEditing,\r\n      SelectBoxData,\r\n      DxForm, DxLabel, DxItem    \r\n    //  DxLoadPanel\r\n    },\r\n    \r\n    methods: {\r\n  \r\n       onFocusedRowChanged: function(e) {\r\n        var data = e.row && e.row.data;\r\n  \r\n       // this.taskSubject = data && data.ds_informativo;\r\n        this.taskDetails   = data && data.ds_informativo;\r\n        \r\n        localStorage.cd_parametro = data && data.cd_controle;\r\n        this.cd_parametroID = data.cd_controle\r\n  \r\n        //alert(this.cd_parametroID);\r\n  \r\n        //\r\n        //alert(data.cd_controle);\r\n        //\r\n       //alert(this.taskDetais);\r\n  \r\n        if ( !data.ds_informativo == '') {\r\n           this.temD = true;\r\n        }\r\n  \r\n        //alert(this.temD);\r\n  \r\n        this.focusedRowKey = e.component.option('focusedRowKey');\r\n  \r\n      },\r\n  \r\n      async carregaDados() {\r\n        \r\n        this.temPanel = true;\r\n  \r\n        cd_empresa = localStorage.cd_empresa;\r\n        cd_cliente = localStorage.cd_cliente;\r\n  \r\n  \r\n        cd_menu    = this.cd_menuID;\r\n        cd_api     = this.cd_apiID;   \r\n  \r\n        localStorage.cd_parametro = 0;\r\n  \r\n        //alert(cd_menu);\r\n        //alert(api);\r\n  \r\n        dados = await Menu.montarMenu(cd_empresa, cd_menu, cd_api); //'titulo';\r\n  \r\n        api   = dados.nm_identificacao_api;\r\n        let sParametroApi = dados.nm_api_parametro;\r\n        \r\n        //alert(sParametroApi);\r\n  \r\n        localStorage.cd_tipo_consulta = dados.cd_tipo_consulta;\r\n  \r\n        //alert( dados.cd_tipo_consulta);\r\n  \r\n        this.tituloMenu       = dados.nm_menu_titulo; \r\n  \r\n        //Gera os Dados para Montagem da Grid\r\n        //exec da procedure\r\n        this.dataSourceConfig = await Procedimento.montarProcedimento(cd_empresa, cd_cliente, api, sParametroApi ); \r\n        //\r\n  \r\n        filename   = this.tituloMenu+'.xlsx';\r\n  \r\n        //dados da coluna\r\n        this.columns = JSON.parse(JSON.parse(JSON.stringify(dados.coluna)));  \r\n          \r\n        //dados do total\r\n        this.total   = JSON.parse(JSON.parse(JSON.stringify(dados.coluna_total)));\r\n        //\r\n  \r\n      },\r\n  \r\n      customizeColumns(columns) {      \r\n        columns[0].width = 120;\r\n        \r\n      },\r\n  \r\n      saveGridInstance(e) {\r\n          this.dataGridInstance = e.component;\r\n      },\r\n  \r\n      onExporting(e) {\r\n        const workbook = new ExcelJS.Workbook();\r\n        const worksheet = workbook.addWorksheet('Employees');\r\n  \r\n        exportDataGrid({\r\n          component: e.component,\r\n          worksheet: worksheet,\r\n          autoFilterEnabled: true\r\n        }).then(function() {\r\n          // https://github.com/exceljs/exceljs#writing-xlsx\r\n          workbook.xlsx.writeBuffer().then(function(buffer) {\r\n            saveAs(new Blob([buffer], { type: 'application/octet-stream' }), filename);\r\n          });\r\n        });\r\n        e.cancel = true;\r\n      },\r\n      destroyed() {\r\n        this.$destroy();\r\n      }\r\n    }\r\n  };\r\n  </script>\r\n  <style>\r\n  \r\n  .task-info {\r\n      font-family: Segoe UI;\r\n      min-height: 200px;\r\n      display: flex;\r\n      flex-wrap: nowrap;\r\n      border: 2px solid rgba(0, 0, 0, 0.1);\r\n      padding: 16px;\r\n      box-sizing: border-box;\r\n      align-items: baseline;\r\n      justify-content: space-between;\r\n      margin-left: 20px;\r\n      margin-right: 20px;\r\n  }\r\n  #taskSubject {\r\n      line-height: 29px;\r\n      font-size: 18px;\r\n      font-weight: bold;\r\n  }\r\n  #taskDetails {\r\n      line-height: 22px;\r\n      font-size: 14px;\r\n      margin-top: 0;\r\n      margin-bottom: 0;\r\n      padding-left: 10px;\r\n  }\r\n  .info {\r\n      margin-right: 40px;\r\n  }\r\n  #taskProgress {\r\n      line-height: 42px;\r\n      font-size: 40px;\r\n      font-weight: bold;\r\n  }\r\n  \r\n  .options {\r\n      margin-top: 20px;\r\n      padding: 20px;\r\n      background-color: rgba(191, 191, 191, 0.15);\r\n      position: relative;\r\n  }\r\n  \r\n  .caption {\r\n      font-size: 18px;\r\n      font-weight: 500;\r\n  }\r\n  \r\n  .option {\r\n      margin-top: 10px;\r\n      margin-right: 40px;\r\n      display: inline-block;\r\n   }\r\n  \r\n   .option:last-child {\r\n       margin-right: 0;\r\n   }\r\n  \r\n  .option > .dx-numberbox {\r\n      width: 200px;\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n  }\r\n  \r\n  .option > span {\r\n      margin-right: 10px;\r\n  }\r\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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display-componente-backup.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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./display-componente-backup.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./display-componente-backup.vue?vue&type=template&id=1bad5e7c&\"\nimport script from \"./display-componente-backup.vue?vue&type=script&lang=js&\"\nexport * from \"./display-componente-backup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./display-componente-backup.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"],"sourceRoot":""}