{"version":3,"sources":["webpack:///./src/views/market/Market.vue","webpack:///./src/views/market/ProdutoModal.vue","webpack:///./src/views/market/ProdutoModal.vue?29a3","webpack:///./src/views/market/Market.vue?7745","webpack:///./src/views/market/Market.vue?7d2a"],"names":["id","class","href","kt-search-element","src","alt","style","active","type","placeholder","onSearch","$event","target","value","searchValue","limparPesquisa","grupos","grupo","selecionarGrupo","ref","descricao","pesquisarProdutos","Produto","length","item","modalProduto","data-bs-toggle","data-bs-target","nome","$utils","formatarNumero","preco","show","exibirProduto","data-bs-backdrop","data-bs-focus","tabindex","data-bs-dismiss","emits","props","Boolean","required","methods","exibir","this","$emit","watch","__exports__","computed","components","ProdutosModal","isLoading","pagination","page","rowsPerPage","filtro","filterOData","$store","dispatch","then","async","ret","total","error","console","log","$swal","showErrorAlert","Message","undefined","produtos","el","$refs","scrollRefMenu","scrollIntoView","block","inline","scrollRefGrupo","behavior","pesquisa","replace","setTimeout","window","scrollTo","carregarGrupos","removeEventListener","onScroll","grupoSelecionado","scrollMenu","scrollGrupo","addEventListener","txtPesquisa","document","getElementById","focus","sectionItems","querySelectorAll","menuItems","navBar","scrollY","offsetTop","current","forEach","section","sectionTop","getAttribute","classList","remove","add","observer","render"],"mappings":"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","file":"js/chunk-4e7912b7.2a848d52.js","sourcesContent":["<template>\r\n  <div>\r\n    <nav id=\"navbar_top\" class=\"navbar navbar-light bg-white\">\r\n      <a class=\"navbar-brand ms-4\" href=\"#\">PedidosApp</a>\r\n      <div class=\"justify-content-end\">\r\n        <a href=\"#\" class=\"ml-auto me-6 mr-1\">\r\n          <span class=\"svg-icon svg-icon-1\">\r\n            <inline-svg src=\"media/icons/duotune/ecommerce/ecm002.svg\" />\r\n          </span>\r\n        </a>\r\n        <a href=\"#\" class=\"ml-auto me-6 mr-1\">\r\n          <span class=\"svg-icon svg-icon-1\">\r\n            <inline-svg src=\"media/icons/duotune/communication/com013.svg\" />\r\n          </span>\r\n        </a>\r\n      </div>\r\n    </nav>\r\n    <div class=\"separator\"></div>\r\n    <div id=\"nav-search\" v-bind:class=\"[active ? 'fixed-top shadow' : '']\">\r\n      <div class=\"bg-white pt-2\">\r\n        <div class=\"\">\r\n          <div>\r\n            <div class=\"d-flex align-items-center my-1 mx-4\">\r\n              <span class=\"svg-icon svg-icon-1 position-absolute ms-6\">\r\n                <inline-svg src=\"media/icons/duotune/general/gen004.svg\" />\r\n              </span>\r\n              <input\r\n                v-model=\"searchValue\"\r\n                type=\"text\"\r\n                class=\"form-control ps-15 pe-16\"\r\n                placeholder=\"Pesquisar Produtos\"\r\n                id=\"txtPesquisa\"\r\n                @input=\"onSearch($event.target.value)\"\r\n              />\r\n              <div\r\n                class=\"position-absolute end-0 me-5\"\r\n                kt-search-element=\"toolbar\"\r\n              >\r\n                <button\r\n                  type=\"button\"\r\n                  class=\"btn btn-icon btn-active-light\"\r\n                  @click=\"limparPesquisa()\"\r\n                  v-if=\"this.searchValue\"\r\n                >\r\n                  <span class=\"svg-icon svg-icon-1\">\r\n                    <inline-svg src=\"media/icons/duotune/arrows/arr088.svg\" />\r\n                  </span>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <div class=\"mt-4\">\r\n              <div class=\"scrolling-wrapper\">\r\n                <template v-for=\"grupo in grupos\" :key=\"grupo\">\r\n                  <div class=\"card-menu\" @click=\"selecionarGrupo(grupo)\">\r\n                    <div\r\n                      :id=\"grupo.id\"\r\n                      :ref=\"'#menu-' + grupo.id\"\r\n                      class=\"card-menu-itens\"\r\n                    >\r\n                      <a>\r\n                        <h4 class=\"card-menu-link\">\r\n                          {{ grupo.descricao }}\r\n                        </h4>\r\n                      </a>\r\n                    </div>\r\n                  </div>\r\n                </template>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <nav\r\n      class=\"navbar navbar-light bg-white rounded-top shadow-lg navbar-expand d-md-none d-lg-none d-xl-none fixed-bottom p-0\"\r\n    >\r\n      <ul class=\"navbar-nav nav-justified w-100\">\r\n        <li class=\"nav-item\">\r\n          <a href=\"#\" class=\"nav-link text-center\">\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/general/gen001.svg\" />\r\n            </span>\r\n            <span class=\"small d-block mt-2\">Início</span>\r\n          </a>\r\n        </li>\r\n        <li class=\"nav-item\">\r\n          <a @click=\"pesquisarProdutos()\" class=\"nav-link text-center\">\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/general/gen021.svg\" />\r\n            </span>\r\n            <span class=\"small d-block mt-2\">Pesquisar</span>\r\n          </a>\r\n        </li>\r\n        <li class=\"nav-item\">\r\n          <a href=\"#\" class=\"nav-link text-center\">\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/ecommerce/ecm002.svg\" />\r\n            </span>\r\n            <span class=\"small d-block mt-2\">Carrinho</span>\r\n          </a>\r\n        </li>\r\n        <li class=\"nav-item\">\r\n          <a href=\"#\" class=\"nav-link text-center\">\r\n            <span class=\"svg-icon svg-icon-1\">\r\n              <inline-svg src=\"media/icons/duotune/communication/com013.svg\" />\r\n            </span>\r\n            <span class=\"small d-block mt-2\">Perfil</span>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n    <div class=\"container-xxl\">\r\n      <template v-for=\"grupo in grupos\" :key=\"grupo\">\r\n        <section :id=\"grupo.id\" v-if=\"grupo.Produto.length > 0\">\r\n          <!-- <h2\r\n              :id=\"grupo.id\"\r\n              :ref=\"'#' + grupo.id\"\r\n              class=\"my-4 anchor fw-bold h2-group\"\r\n            >\r\n              {{ grupo.descricao }}\r\n            </h2> -->\r\n          <h2 :ref=\"'#' + grupo.id\" class=\"my-4 anchor fw-bold h2-group\">\r\n            {{ grupo.descricao }}\r\n          </h2>\r\n          <template v-for=\"item in grupo.Produto\" :key=\"item\">\r\n            <div class=\"col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n              <a\r\n                @click=\"modalProduto(true)\"\r\n                data-bs-toggle=\"modal\"\r\n                data-bs-target=\"#kt_modal_produto_editar\"\r\n              >\r\n                <div class=\"card shadow-sm card-bordered mb-4 bg-hover-lighten\">\r\n                  <div class=\"d-flex align-items-center\">\r\n                    <div\r\n                      v-if=\"item.imagem\"\r\n                      class=\"symbol flex-shrink-0 m-4 align-self-center\"\r\n                    >\r\n                      <div\r\n                        class=\"symbol-label fs-2 fw-bold bg-light-dark\"\r\n                        :style=\"{\r\n                          'background-image': `url(${\r\n                            this.$utils.getUrl() + item.imagem\r\n                          })`,\r\n                        }\"\r\n                      ></div>\r\n                    </div>\r\n                    <div v-else class=\"symbol flex-shrink-0 m-4\">\r\n                      <span\r\n                        class=\"symbol-label h-85px w-100px align-self-center\"\r\n                      >\r\n                        <img\r\n                          src=\"media/svg/files/blank-image.svg\"\r\n                          class=\"img-fluid h-50 rounded-2\"\r\n                          alt=\"\"\r\n                        />\r\n                      </span>\r\n                    </div>\r\n                    <div\r\n                      class=\"d-flex flex-column flex-grow-1 my-lg-0 my-2 pe-3\"\r\n                    >\r\n                      <span\r\n                        class=\"fs-2 text-gray-800 text-hover-primary fw-bolder mt-3\"\r\n                      >\r\n                        {{ item.nome }}\r\n                      </span>\r\n                      <span\r\n                        class=\"text-gray-600 fs-5 my-1 mt-2 mb-2 text-break\"\r\n                      >\r\n                        {{ item.descricao }}\r\n                      </span>\r\n                      <span\r\n                        class=\"fs-4 text-dark-75 font-weight-bolder mb-3 mt-4\"\r\n                      >\r\n                        R$ {{ this.$utils.formatarNumero(item.preco) }}\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </a>\r\n            </div>\r\n          </template>\r\n        </section>\r\n      </template>\r\n      <div style=\"height: 360px\"></div>\r\n    </div>\r\n  </div>\r\n  <ProdutosModal\r\n    :show=\"exibirProduto\"\r\n    @exibirModalProduto=\"modalProduto\"\r\n  ></ProdutosModal>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\";\r\nimport Swal from \"sweetalert2/dist/sweetalert2.min.js\";\r\nimport utils from \"@/utils\";\r\nimport ProdutosModal from \"../market/ProdutoModal.vue\";\r\n\r\nexport default {\r\n  computed: {\r\n    ...mapState(\"auth\", [\"user\"]),\r\n  },\r\n  components: {\r\n    ProdutosModal,\r\n  },\r\n  methods: {\r\n    modalProduto(exibir) {\r\n      this.exibirProduto = exibir;\r\n    },\r\n    async carregarGrupos() {\r\n      this.isLoading = true;\r\n      var page = (this.pagination.page - 1) * this.pagination.rowsPerPage;\r\n\r\n      var filtro =\r\n        \"?&$expand=produto($select=id,imagem,nome,descricao,preco,ativo\" +\r\n        this.filterOData +\r\n        \";$orderby=ordem,nome asc)&$orderby=descricao\";\r\n\r\n      await this.$store.dispatch(\"grupo/getGrupoOData\", filtro).then(\r\n        async (ret) => {\r\n          this.pagination.total = ret[\"@odata.count\"];\r\n          this.grupos = ret.value;\r\n\r\n          // if (this.grupos !== null) {\r\n          //   if (this.grupos.length > 0) {\r\n          //     this.selecionarGrupo(this.grupos[0]);\r\n          //   }\r\n          // }\r\n        },\r\n        async (error) => {\r\n          if (error !== \"\") {\r\n            console.log(error);\r\n            await this.$swal.showErrorAlert(error.Message);\r\n          }\r\n        }\r\n      );\r\n      this.isLoading = false;\r\n    },\r\n    async carregarProdutos() {\r\n      this.isLoading = true;\r\n      var page = (this.pagination.page - 1) * this.pagination.rowsPerPage;\r\n\r\n      var filtro =\r\n        \"?&$count=true&$skip=\" +\r\n        page +\r\n        \"&$top=\" +\r\n        this.pagination.rowsPerPage +\r\n        \"&$select=id,nome,descricao,ativo,guid,cod_referencia,ean,imagem,preco,preco_promocao&$orderby=nome\";\r\n\r\n      if (this.filterOData !== \"\" && this.filterOData !== undefined) {\r\n        filtro += this.filterOData;\r\n      }\r\n\r\n      await this.$store.dispatch(\"produto/getProdutoOData\", filtro).then(\r\n        async (ret) => {\r\n          this.pagination.total = ret[\"@odata.count\"];\r\n          this.produtos = ret.value;\r\n        },\r\n        async (error) => {\r\n          if (error !== \"\") {\r\n            console.log(error);\r\n            await this.$swal.showErrorAlert(error.Message);\r\n          }\r\n        }\r\n      );\r\n      this.isLoading = false;\r\n    },\r\n    async scrollMenu() {\r\n      //this.$nextTick(() => {this.startVeryLongCalculation()})\r\n      let el = this.$refs[this.scrollRefMenu];\r\n      if (el) {\r\n        el[0].scrollIntoView({\r\n          block: \"center\",\r\n          inline: \"center\",\r\n        });\r\n      }\r\n    },\r\n    async scrollGrupo() {\r\n      let el = this.$refs[this.scrollRefGrupo];\r\n      if (el) {\r\n        el[0].scrollIntoView({\r\n          behavior: \"smooth\",\r\n        });\r\n      }\r\n    },\r\n    async onSearch(pesquisa) {\r\n      if (pesquisa !== \"\") {\r\n        pesquisa = pesquisa.replace(\"'\", \"''\");\r\n        this.filterOData =\r\n          \";$filter=contains(nome, '\" +\r\n          pesquisa +\r\n          \"') or contains(descricao, '\" +\r\n          pesquisa +\r\n          \"')\";\r\n      } else {\r\n        this.filterOData = \"\";\r\n      }\r\n      setTimeout(window.scrollTo(0, 0), 1000);\r\n      await this.carregarGrupos();\r\n    },\r\n    async limparPesquisa() {\r\n      this.filterOData = \"\";\r\n      this.searchValue = \"\";\r\n      await this.carregarGrupos();\r\n    },\r\n    async selecionarGrupo(grupo) {\r\n      window.removeEventListener(\"scroll\", this.onScroll);\r\n\r\n      this.grupoSelecionado = grupo.id;\r\n\r\n      this.scrollRefMenu = \"#menu-\" + grupo.id;\r\n      await this.scrollMenu();\r\n\r\n      this.scrollRefGrupo = \"#\" + grupo.id;\r\n      await this.scrollGrupo();\r\n\r\n      window.addEventListener(\"scroll\", this.onScroll);\r\n    },\r\n    pesquisarProdutos() {\r\n      let txtPesquisa = document.getElementById(\"txtPesquisa\");\r\n      if (txtPesquisa) {\r\n        txtPesquisa.focus();\r\n      }\r\n    },\r\n    onScroll() {\r\n      const sectionItems = document.querySelectorAll(\"section\");\r\n      const menuItems = document.querySelectorAll(\"div .card-menu-itens\");\r\n\r\n      let navBar = document.getElementById(\"nav-search\");\r\n      //let navBar = document.getElementById(\"navbar_top\");\r\n      if (window.scrollY > navBar.offsetTop) {\r\n        this.active = true;\r\n      } else {\r\n        this.active = false;\r\n      }\r\n\r\n      var current = \"\";\r\n      if (sectionItems) {\r\n        sectionItems.forEach((section) => {\r\n          const sectionTop = section.offsetTop;\r\n          if (window.scrollY >= sectionTop - 125) {\r\n            current = section.getAttribute(\"id\");\r\n          }\r\n        });\r\n      }\r\n\r\n      if (menuItems) {\r\n        menuItems.forEach((item) => {\r\n          item.classList.remove(\"card-menu-selected\");\r\n          if (item.getAttribute(\"id\") === current) {\r\n            item.classList.add(\"card-menu-selected\");\r\n\r\n            // var idMenu = \"#menu-\" + parseInt(item.getAttribute(\"id\"));\r\n            // let el = this.$refs[idMenu];\r\n            // if (el) {\r\n            // el[0].scrollIntoView({\r\n            //   block: \"center\",\r\n            //   inline: \"center\",\r\n            // });\r\n            // }\r\n          }\r\n        });\r\n      }\r\n    },\r\n  },\r\n  async mounted() {\r\n    this.isLoading = true;\r\n    await this.carregarGrupos();\r\n    window.addEventListener(\"scroll\", this.onScroll);\r\n  },\r\n  data() {\r\n    return {\r\n      exibirProduto: false,\r\n      observer: null,\r\n      scrollRefMenu: null,\r\n      scrollRefGrupo: null,\r\n      grupoSelecionado: null,\r\n      active: false,\r\n      filterOData: \"\",\r\n      searchValue: \"\",\r\n      isLoading: false,\r\n      grupos: [],\r\n      produtos: [],\r\n      pagination: {\r\n        page: 1,\r\n        rowsPerPage: 20,\r\n        total: 0,\r\n      },\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.scrolling-wrapper {\r\n  overflow-x: scroll;\r\n  overflow-y: hidden;\r\n  white-space: nowrap;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n.scrolling-wrapper::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n.card-menu {\r\n  display: inline-block;\r\n  height: 40px;\r\n  background-color: white;\r\n}\r\n.card-menu-itens {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 40px;\r\n  border-bottom: 3px solid transparent;\r\n}\r\n.card-menu-selected {\r\n  border-bottom: 3px solid #bd5035;\r\n  transition: all 50ms ease-in-out;\r\n}\r\n.card-menu-link {\r\n  margin: 0 15px;\r\n  color: #505154;\r\n}\r\n.card-menu-link:hover {\r\n  margin: 0 15px;\r\n  color: #1b1b1d;\r\n}\r\n.h2-group {\r\n  scroll-margin-top: 120px;\r\n}\r\n</style>\r\n","<template>\n  <div\n    ref=\"kt_modal_produto_editar\"\n    data-bs-backdrop=\"static\"\n    data-bs-focus=\"false\"\n    class=\"modal fade\"\n    tabindex=\"-1\"\n    id=\"kt_modal_produto_editar\"\n  >\n    <div\n      class=\"modal-dialog modal-fullscreen modal-dialog-centered modal-dialog-scrollable\"\n    >\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h3 class=\"modal-title\">\n            <img\n              src=\"media/icons/duotune/general/gen008.svg\"\n              class=\"me-2\"\n            />Produto\n          </h3>\n          <div\n            class=\"btn btn-icon btn-sm btn-active-light-primary\"\n            data-bs-dismiss=\"modal\"\n            aria-label=\"Close\"\n          >\n            <span class=\"svg-icon svg-icon-2x\">\n              <img src=\"media/icons/duotune/arrows/arr061.svg\" />\n            </span>\n          </div>\n        </div>\n        <div class=\"modal-body\">\n          <div>\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet\n            sapiente aliquid tempora aliquam eius minima sequi sunt, mollitia\n            error unde voluptates. Maxime quos, exercitationem repellat\n            molestias quia beatae consequuntur ut! Lorem ipsum, dolor sit amet\n            consectetur adipisicing elit. Laborum aspernatur eos ex iusto\n            eveniet minus hic non maxime explicabo. Aliquam necessitatibus iure\n            architecto incidunt ad nostrum praesentium cupiditate saepe nihil.\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque\n            obcaecati, dicta exercitationem iure nostrum quae adipisci sit.\n            Accusantium recusandae explicabo earum cupiditate quibusdam\n            repellat, magni veritatis dolorem rem, adipisci nulla.\n            <br />\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet\n            sapiente aliquid tempora aliquam eius minima sequi sunt, mollitia\n            error unde voluptates. Maxime quos, exercitationem repellat\n            molestias quia beatae consequuntur ut! Lorem ipsum, dolor sit amet\n            consectetur adipisicing elit. Laborum aspernatur eos ex iusto\n            eveniet minus hic non maxime explicabo. Aliquam necessitatibus iure\n            architecto incidunt ad nostrum praesentium cupiditate saepe nihil.\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque\n            obcaecati, dicta exercitationem iure nostrum quae adipisci sit.\n            Accusantium recusandae explicabo earum cupiditate quibusdam\n            repellat, magni veritatis dolorem rem, adipisci nulla.\n            <br />\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet\n            sapiente aliquid tempora aliquam eius minima sequi sunt, mollitia\n            error unde voluptates. Maxime quos, exercitationem repellat\n            molestias quia beatae consequuntur ut! Lorem ipsum, dolor sit amet\n            consectetur adipisicing elit. Laborum aspernatur eos ex iusto\n            eveniet minus hic non maxime explicabo. Aliquam necessitatibus iure\n            architecto incidunt ad nostrum praesentium cupiditate saepe nihil.\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque\n            obcaecati, dicta exercitationem iure nostrum quae adipisci sit.\n            Accusantium recusandae explicabo earum cupiditate quibusdam\n            repellat, magni veritatis dolorem rem, adipisci nulla.\n            <br />\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet\n            sapiente aliquid tempora aliquam eius minima sequi sunt, mollitia\n            error unde voluptates. Maxime quos, exercitationem repellat\n            molestias quia beatae consequuntur ut! Lorem ipsum, dolor sit amet\n            consectetur adipisicing elit. Laborum aspernatur eos ex iusto\n            eveniet minus hic non maxime explicabo. Aliquam necessitatibus iure\n            architecto incidunt ad nostrum praesentium cupiditate saepe nihil.\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque\n            obcaecati, dicta exercitationem iure nostrum quae adipisci sit.\n            Accusantium recusandae explicabo earum cupiditate quibusdam\n            repellat, magni veritatis dolorem rem, adipisci nulla.\n            <br />\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet\n            sapiente aliquid tempora aliquam eius minima sequi sunt, mollitia\n            error unde voluptates. Maxime quos, exercitationem repellat\n            molestias quia beatae consequuntur ut! Lorem ipsum, dolor sit amet\n            consectetur adipisicing elit. Laborum aspernatur eos ex iusto\n            eveniet minus hic non maxime explicabo. Aliquam necessitatibus iure\n            architecto incidunt ad nostrum praesentium cupiditate saepe nihil.\n            Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque\n            obcaecati, dicta exercitationem iure nostrum quae adipisci sit.\n            Accusantium recusandae explicabo earum cupiditate quibusdam\n            repellat, magni veritatis dolorem rem, adipisci nulla.\n            <br />\n          </div>\n        </div>\n        <div class=\"modal-footer\">\n          <button\n            type=\"button\"\n            class=\"btn btn-danger svg-icon-white me-2 mb-2\"\n            data-bs-dismiss=\"modal\"\n          >\n            <span class=\"svg-icon svg-icon-1\">\n              <inline-svg\n                src=\"media/icons/duotune/arrows/arr015.svg\"\n                class=\"me-2\"\n              />Cancelar\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  emits: [\"exibirModalProduto\"],\n  props: {\n    show: { type: Boolean, required: true },\n  },\n  methods: {\n    modalConsultaProduto(exibir) {\n      if (exibir === false) {\n        this.$emit(\"exibirModalProduto\", false);\n      }\n    },\n  },\n  watch: {\n    show() {\n      if (this.show === true) {\n        //Carregar Produto\n      }\n    },\n  },\n};\n</script>\n\n<style></style>\n","import { render } from \"./ProdutoModal.vue?vue&type=template&id=a9bf7af8\"\nimport script from \"./ProdutoModal.vue?vue&type=script&lang=js\"\nexport * from \"./ProdutoModal.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\desen\\\\Documents\\\\Projeto\\\\PedidosApp Dashboard\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Market.vue?vue&type=template&id=0aff7764\"\nimport script from \"./Market.vue?vue&type=script&lang=js\"\nexport * from \"./Market.vue?vue&type=script&lang=js\"\n\nimport \"./Market.vue?vue&type=style&index=0&id=0aff7764&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\desen\\\\Documents\\\\Projeto\\\\PedidosApp Dashboard\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./Market.vue?vue&type=style&index=0&id=0aff7764&lang=css\""],"sourceRoot":""}