{"version":3,"sources":["webpack:///./src/assets/galeria/arte_4.jpg","webpack:///./src/assets/galeria/arte_6.jpg","webpack:///./src/assets/galeria/arte_5.jpg","webpack:///./src/components/common/ModalBase.vue?2b0c","webpack:///./src/views/Galeria.vue?0423","webpack:///./src/views/Galeria.vue","webpack:///./src/views/Galeria.vue?735b","webpack:///./src/components/common/ModalBase.vue","webpack:///./src/components/common/ModalBase.vue?353e","webpack:///./src/assets/galeria/arte_3.jpg"],"names":["module","exports","class","style","settings","carouselSettings","galeria","arte","idx","key","caption","autor","label","titulo","image","src","imagem","selcionarArte","show","exibirArte","arteSelecionada","components","ContentCard","Carousel","Slide","ModalBase","data","itemsToShow","autoplay","wrapAround","transition","methods","this","mounted","$smoothScroll","scrollTo","updateHistory","__exports__","render","$emit","size","icon","e","stopPropagation","props"],"mappings":"8FAAAA,EAAOC,QAAU,IAA0B,2B,qBCA3CD,EAAOC,QAAU,IAA0B,2B,uBCA3CD,EAAOC,QAAU,IAA0B,2B,oCCA3C,W,oFCAA,W,4DCCOC,MAAM,S,EACT,eAYM,OAZDA,MAAM,iBAAe,CACxB,eAAgB,UAAZ,WACJ,eAAM,MACN,eAQI,U,eARD,+LAID,eAAM,MACN,eAAM,M,eAAA,uG,MAMRA,MAAM,uCACNC,MAAA,wC,uBAiBGD,MAAM,2B,2CAoBFA,MAAM,4C,GAGNA,MAAM,+B,2KAxDjB,eA6DM,MA7DN,EA6DM,CA5DJ,EAaA,eAiBM,MAjBN,EAiBM,CAbJ,eAYW,GAZAE,SAAU,EAAAC,kBAAgB,C,wBAC5B,iBAA8B,E,mBAArC,eAUQ,2BAVqB,EAAAC,SAAO,SAArBC,EAAMC,G,wBAArB,eAUQ,GAV+BC,IAAKD,GAAG,C,wBAC7C,iBAQe,CARf,eAQe,GARAE,QAASH,EAAKI,MAAQC,MAAOL,EAAKM,Q,CAC9BC,MAAK,gBACpB,iBAIE,CAJF,eAIE,OAHCC,IAAKR,EAAKS,OACXb,MAAA,uCACC,QAAK,mBAAE,EAAAc,cAAcV,K,gGAQlC,eAeM,MAfN,EAeM,E,mBAdJ,eAae,2BAZS,EAAAD,SAAO,SAArBC,EAAMC,G,wBADhB,eAae,GAXZC,IAAKD,EACLE,QAASH,EAAKI,MACdC,MAAOL,EAAKM,Q,CAEIC,MAAK,gBACpB,iBAIE,CAJF,eAIE,OAHCC,IAAKR,EAAKS,OACXb,MAAA,wCACC,QAAK,mBAAE,EAAAc,cAAcV,K,wDAM9B,eAUa,GAVOW,KAAM,EAAAC,W,+CAAA,EAAAA,WAAU,K,yBAClC,iBAQM,CARoB,MAAf,EAAAC,iB,iBAAX,eAQM,SAPJ,eAAqC,OAA/BL,IAAK,EAAAK,gBAAgBJ,Q,UAC3B,eAEM,MAFN,EAEM,eADD,EAAAI,gBAAgBT,OAAK,GAE1B,eAEM,MAFN,EAEM,eADD,EAAAS,gBAAgBP,QAAM,M,+FAapB,GACbQ,WAAY,CAAEC,cAAA,KAAaC,SAAA,OAAUC,MAAA,OAAOC,YAAA,MAC5CC,KAFa,WAGX,MAAO,CACLP,YAAY,EACZd,iBAAkB,CAChBsB,YAAa,EACbC,SAAU,IACVC,YAAY,EACZC,WAAY,KAEdxB,QAAS,CAEP,CACEK,MAAO,gBACPE,OAAQ,qBACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,gBACPE,OAAQ,gCACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,iBACPE,OAAQ,yBACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,gBACPE,OAAQ,qBACRG,OAAQ,EAAQ,SAGlB,CACEL,MAAO,iBACPE,OAAQ,eACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,mBACPE,OAAQ,eACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,gBACPE,OAAQ,oBACRG,OAAQ,EAAQ,SAElB,CACEL,MAAO,eACPE,OAAQ,mBACRG,OAAQ,EAAQ,UAGpBI,gBAAiB,OAGrBW,QAAS,CACPd,cADO,SACOV,GACZyB,KAAKZ,gBAAkBb,EACvByB,KAAKb,YAAa,IAGtBc,QAhEa,WAiEXD,KAAKE,cAAc,CACjBC,SAAU,EACVC,eAAe,M,iCCnIrB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,qDCNNpC,MAAM,iBAAiBC,MAAA,iH,GACrBA,MAAA,8C,yEAHE,EAAAe,M,iBAAX,eAMM,O,MANY,QAAK,+BAAE,EAAAqB,MAAK,oBAC5BpC,MAAA,wM,CACA,eAGM,MAHN,EAGM,CAFJ,eAAsJ,MAAtJ,EAAsJ,CAAlG,eAA4F,GAAzEqC,KAAK,KAAMC,KAAM,CAAC,KAAM,SAAW,QAAK,+BAAE,EAAAF,MAAK,wBACtH,eAAgE,OAA1D,QAAK,qBAAGG,GAAQA,EAAEC,qB,CAAqB,eAAa,2B,sBAMjD,OACbC,MAAO,CAAC,S,iCCLV,MAAMP,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,qBCTftC,EAAOC,QAAU,IAA0B","file":"js/galeria.1c522b22.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/arte_4.0d166e31.jpg\";","module.exports = __webpack_public_path__ + \"img/arte_6.846b3090.jpg\";","module.exports = __webpack_public_path__ + \"img/arte_5.cc03d3ff.jpg\";","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/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!./ModalBase.vue?vue&type=style&index=0&id=0ee76368&lang=css\"","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/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!./Galeria.vue?vue&type=style&index=0&id=a7a0fcac&lang=css\"","<template>\r\n  <div class=\"about\">\r\n    <div class=\"title-content\">\r\n      <h1>Galeria</h1>\r\n      <br />\r\n      <p>\r\n        Quer ver seu desenho, vídeo ou redação em nossa galeria? Envie sua\r\n        produção artística mostrando o que mais chamou sua a atenção em nossos\r\n        vídeos e teremos prazer em publicá-la por aqui.\r\n        <br />\r\n        <br />\r\n        Professor, incentive e auxilie seus alunos com as produções e nos envie\r\n        para divulgação aqui!\r\n      </p>\r\n    </div>\r\n    <div\r\n      class=\"pt-10 pb-2 my-10 bg-orange fit-width\"\r\n      style=\"box-shadow: 0 0 8px 0px #0000004a\"\r\n    >\r\n      <carousel :settings=\"carouselSettings\">\r\n        <slide v-for=\"(arte, idx) in galeria\" :key=\"idx\">\r\n          <content-card :caption=\"arte.autor\" :label=\"arte.titulo\">\r\n            <template v-slot:image>\r\n              <img\r\n                :src=\"arte.imagem\"\r\n                style=\"width: 700px; transform: scale(1.1)\"\r\n                @click=\"selcionarArte(arte)\"\r\n              />\r\n            </template>\r\n          </content-card>\r\n        </slide>\r\n      </carousel>\r\n    </div>\r\n\r\n    <div class=\"galeria-items-container\">\r\n      <content-card\r\n        v-for=\"(arte, idx) in galeria\"\r\n        :key=\"idx\"\r\n        :caption=\"arte.autor\"\r\n        :label=\"arte.titulo\"\r\n      >\r\n        <template v-slot:image>\r\n          <img\r\n            :src=\"arte.imagem\"\r\n            style=\"height: 213px; transform: scale(1.1)\"\r\n            @click=\"selcionarArte(arte)\"\r\n          />\r\n        </template>\r\n      </content-card>\r\n    </div>\r\n\r\n    <modal-base v-model:show=\"exibirArte\">\r\n      <div v-if=\"arteSelecionada != null\">\r\n        <img :src=\"arteSelecionada.imagem\" />\r\n        <div class=\"text-left text-lg font-base caption mt-2\">\r\n          {{ arteSelecionada.autor }}\r\n        </div>\r\n        <div class=\"text-left text-lg font-bold\">\r\n          {{ arteSelecionada.titulo }}\r\n        </div>\r\n      </div>\r\n    </modal-base>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport \"vue3-carousel/dist/carousel.css\";\r\nimport { Carousel, Slide } from \"vue3-carousel\";\r\nimport ContentCard from \"../components/common/ContentCard.vue\";\r\nimport ModalBase from \"../components/common/ModalBase.vue\";\r\n\r\nexport default {\r\n  components: { ContentCard, Carousel, Slide, ModalBase },\r\n  data() {\r\n    return {\r\n      exibirArte: false,\r\n      carouselSettings: {\r\n        itemsToShow: 1,\r\n        autoplay: 1000 * 5,\r\n        wrapAround: true,\r\n        transition: 500,\r\n      },\r\n      galeria: [\r\n        // { autor: 'João Lucas, 10 anos', titulo: 'Olhe bem antes de mergulhar', imagem: require('../assets/galeria/arte_1.png') },\r\n        {\r\n          autor: \"João, 10 anos\",\r\n          titulo: \"Cuidado na avenida\",\r\n          imagem: require(\"../assets/galeria/texto_2.png\"),\r\n        },\r\n        {\r\n          autor: \"João, 10 anos\",\r\n          titulo: \"Acidente na primeira infância\",\r\n          imagem: require(\"../assets/galeria/texto_3.png\"),\r\n        },\r\n        {\r\n          autor: \"Anita, 10 anos\",\r\n          titulo: \"Prevenção de acidentes\",\r\n          imagem: require(\"../assets/galeria/texto_4.png\"),\r\n        },\r\n        {\r\n          autor: \"João, 10 anos\",\r\n          titulo: \"Cuidado na avenida\",\r\n          imagem: require(\"../assets/galeria/arte_2.png\"),\r\n        },\r\n        //\r\n        {\r\n          autor: \"Ester, 11 anos\",\r\n          titulo: \"Fisioterapia\",\r\n          imagem: require(\"../assets/galeria/arte_6.jpg\"),\r\n        },\r\n        {\r\n          autor: \"Isabela, 11 anos\",\r\n          titulo: \"A Rede Sarah\",\r\n          imagem: require(\"../assets/galeria/arte_3.jpg\"),\r\n        },\r\n        {\r\n          autor: \"Sofia, 8 anos\",\r\n          titulo: \"Cadeiras de Rodas\",\r\n          imagem: require(\"../assets/galeria/arte_4.jpg\"),\r\n        },\r\n        {\r\n          autor: \"Anna, 9 anos\",\r\n          titulo: \"Cadeira de Rodas\",\r\n          imagem: require(\"../assets/galeria/arte_5.jpg\"),\r\n        },\r\n      ],\r\n      arteSelecionada: null,\r\n    };\r\n  },\r\n  methods: {\r\n    selcionarArte(arte) {\r\n      this.arteSelecionada = arte;\r\n      this.exibirArte = true;\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$smoothScroll({\r\n      scrollTo: 0,\r\n      updateHistory: false,\r\n    });\r\n  },\r\n};\r\n</script>\r\n\r\n<style>\r\n.about .bg-orange,\r\n.about .bg-orange .caption {\r\n  color: #fff !important;\r\n}\r\n\r\n@media (min-width: 1020px) {\r\n  .galeria-items-container {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 5rem;\r\n  }\r\n}\r\n</style>\r\n","import { render } from \"./Galeria.vue?vue&type=template&id=a7a0fcac\"\nimport script from \"./Galeria.vue?vue&type=script&lang=js\"\nexport * from \"./Galeria.vue?vue&type=script&lang=js\"\n\nimport \"./Galeria.vue?vue&type=style&index=0&id=a7a0fcac&lang=css\"\n\nimport exportComponent from \"C:\\\\TfsAgents\\\\B23\\\\_work\\\\82\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\r\n  <div v-if=\"show\" @click=\"$emit('update:show', false)\"\r\n    style=\"position: fixed; left: 0; top: 0; width: 100vw; background-color: rgba(255,255,255,.8); display: flex; justify-content: center; align-items: center; text-align: center; min-height: 100%;\">\r\n    <div class=\"modal-base p-8\" style=\"border-radius: 30px; background-color: #FFF2DF; box-shadow: 0 0 8px 0px #0000004a; max-width: 1000px;\">\r\n      <div style=\"text-align: right; margin-bottom: 5px;\"><font-awesome-icon size=\"2x\" :icon=\"['fa', 'xmark']\" @click=\"$emit('update:show', false)\" /></div>\r\n      <div @click=\"(e) => { e.stopPropagation() }\"><slot></slot></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: ['show']\r\n}\r\n</script>\r\n\r\n<style>\r\n.modal-base {\r\n  /* margin-left: 50%; */\r\n  /* transform: translateX(-50%); */\r\n}\r\n</style>","import { render } from \"./ModalBase.vue?vue&type=template&id=0ee76368\"\nimport script from \"./ModalBase.vue?vue&type=script&lang=js\"\nexport * from \"./ModalBase.vue?vue&type=script&lang=js\"\n\nimport \"./ModalBase.vue?vue&type=style&index=0&id=0ee76368&lang=css\"\n\nimport exportComponent from \"C:\\\\TfsAgents\\\\B23\\\\_work\\\\82\\\\s\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/arte_3.b65c6674.jpg\";"],"sourceRoot":""}