{"version":3,"sources":["webpack:///./src/views/main/News/OthersNews.vue?ff7f","webpack:///./src/views/main/News/OthersNews.vue","webpack:///src/views/main/News/OthersNews.vue","webpack:///./src/views/main/News/OthersNews.vue?8240","webpack:///./src/views/main/News/OthersNews.vue?817d"],"names":["render","_vm","this","_c","_self","news","length","staticClass","_m","_l","mynews","index","key","_id","attrs","_e","ref","staticRenderFns","_v","components","NewsCard","data","error","currentPage","totalPages","isLoading","limit","computed","$store","state","others","screenWidth","$screen","width","methods","$api","get","location","search","newsLoaded","$Swal","fire","title","text","newsClose","Math","ceil","total","message","handleScroll","observer","$refs","scrollObserver","observerPos","getBoundingClientRect","top","windowHeight","height","loadNews","clearNewsState","mounted","window","addEventListener","handleResize","beforeDestroy","removeEventListener","component"],"mappings":"2IAAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAII,MAAQJ,EAAII,KAAKC,OAAQH,EAAG,MAAM,CAACI,YAAY,eAAe,CAACN,EAAIO,GAAG,GAAIP,EAAII,KAAMF,EAAG,MAAM,CAACI,YAAY,aAAaN,EAAIQ,GAAIR,EAAII,MAAM,SAASK,EAAOC,GAAO,OAAOR,EAAG,WAAW,CAACS,IAAID,EAAQD,EAAOG,IAAIC,MAAM,CAAC,KAAOJ,EAAO,MAAQ,eAAc,GAAGT,EAAIc,KAAKZ,EAAG,MAAM,CAACa,IAAI,iBAAiBT,YAAY,sBAAsBN,EAAIc,MAE7YE,EAAkB,CAAC,WAAY,IAAIhB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACI,YAAY,qBAAqB,CAACJ,EAAG,MAAM,CAACI,YAAY,yBAAyBO,MAAM,CAAC,OAAS,KAAK,CAACb,EAAIiB,GAAG,wBCD/L,GACAC,WAAA,CACAC,aAAA,6CAEAC,OACA,OACAC,MAAA,KACAC,YAAA,EACAC,WAAA,KACAC,WAAA,EACAC,MAAA,KAGAC,SAAA,CACAtB,OACA,YAAAuB,OAAAC,MAAAxB,KAAAyB,OAAAzB,MAEA0B,cACA,YAAAC,QAAAC,QAGAC,QAAA,CACA,iBACA,UAAAT,WAAA,KAAAD,YAAA,KAAAD,YAAA,KAAAC,YACA,IACA,KAAAC,WAAA,EACA,WAAAJ,SAAA,KAAAc,KAAAC,IAAA,OAAAC,SAAAC,QAAA,6BAAAf,eACA,KAAAgB,WAAAlB,GACA,KAAAI,WAAA,EACA,KAAAF,cACA,MAAAD,GACA,KAAAkB,MAAAC,KAAA,CAAAC,MAAA,QAAAC,KAAArB,IACA,KAAAsB,cAGAL,WAAAlB,GACAA,EAAAhB,MAAAgB,EAAAhB,KAAAC,QAGA,KAAAsB,OAAAC,MAAAxB,KAAAyB,OAAAzB,KAAA,SAAAA,QAAAgB,EAAAhB,MACA,KAAAmB,WAAAqB,KAAAC,KAAAzB,EAAA0B,MAAA,KAAArB,QAHA,KAAAJ,MAAAD,EAAA2B,SAAA,8BAMAC,eACA,MAAAC,EAAA,KAAAC,MAAAC,eACA,GAAAF,EAAA,CACA,MAAAG,EAAAH,EAAAI,wBAAAC,IACAC,EAAA,KAAAxB,QAAAyB,OAEAJ,EAAAG,GAAA,WAAA/B,WACA,KAAAiC,aAIAC,iBACA,KAAA/B,OAAAC,MAAAxB,KAAAyB,OAAAzB,KAAA,GACA,KAAAkB,YAAA,EACA,KAAAC,WAAA,KACA,KAAAF,MAAA,OAGAsC,UACAC,OAAAC,iBAAA,cAAAb,cACAY,OAAAC,iBAAA,cAAAC,cACA,KAAAL,YAEAM,gBACAH,OAAAI,oBAAA,cAAAhB,cACAY,OAAAI,oBAAA,cAAAF,cACA,KAAAJ,mBCtEiX,I,wBCQ7WO,EAAY,eACd,EACAlE,EACAiB,GACA,EACA,KACA,KACA,MAIa,aAAAiD,E","file":"js/chunk-95cb0288.74ec485b.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OthersNews.vue?vue&type=style&index=0&id=b785084c&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.news && _vm.news.length)?_c('div',{staticClass:\"others-news\"},[_vm._m(0),(_vm.news)?_c('div',{staticClass:\"main-news\"},_vm._l((_vm.news),function(mynews,index){return _c('NewsCard',{key:index + mynews._id,attrs:{\"news\":mynews,\"block\":\"others\"}})}),1):_vm._e(),_c('div',{ref:\"scrollObserver\",staticClass:\"scroll-observer\"})]):_vm._e()\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"others-news-title\"},[_c('div',{staticClass:\"others-news-title-left\",attrs:{\"dcolor\":\"\"}},[_vm._v(\"OTRAS NOTICIAS\")])])\n}]\n\nexport { render, staticRenderFns }","<script>\n  export default {\n    components: {\n      NewsCard: () => import(\"./NewsCard.vue\"),\n    },\n    data() {\n      return {\n        error: null,\n        currentPage: 2,\n        totalPages: null,\n        isLoading: false,\n        limit: 10,\n      };\n    },\n    computed: {\n      news() {\n        return this.$store.state.news.others.news;\n      },\n      screenWidth() {\n        return this.$screen.width;\n      },\n    },\n    methods: {\n      async loadNews() {\n        if (this.isLoading || (this.totalPages && this.currentPage > this.totalPages)) return;\n        try {\n          this.isLoading = true;\n          const { data } = await this.$api.get(`news${location.search || \"?\"}&others=true&page=${this.currentPage}`);\n          this.newsLoaded(data);\n          this.isLoading = false;\n          this.currentPage++;\n        } catch (error) {\n          this.$Swal.fire({ title: \"Error\", text: error });\n          this.newsClose();\n        }\n      },\n      newsLoaded(data) {\n        if (!data.news || !data.news.length) {\n          this.error = data.message || \"No se encontraron noticias\";\n        } else {\n          this.$store.state.news.others.news = [...this.news, ...data.news];\n          this.totalPages = Math.ceil(data.total / this.limit);\n        }\n      },\n      handleScroll() {\n        const observer = this.$refs.scrollObserver;\n        if (observer) {\n          const observerPos = observer.getBoundingClientRect().top;\n          const windowHeight = this.$screen.height;\n\n          if (observerPos - windowHeight <= 800 && !this.isLoading) {\n            this.loadNews();\n          }\n        }\n      },\n      clearNewsState() {\n        this.$store.state.news.others.news = [];\n        this.currentPage = 2;\n        this.totalPages = null;\n        this.error = null;\n      },\n    },\n    mounted() {\n      window.addEventListener(\"scroll\", this.handleScroll);\n      window.addEventListener(\"resize\", this.handleResize);\n      this.loadNews();\n    },\n    beforeDestroy() {\n      window.removeEventListener(\"scroll\", this.handleScroll);\n      window.removeEventListener(\"resize\", this.handleResize);\n      this.clearNewsState();\n    },\n  };\n</script>\n\n<template>\n  <div class=\"others-news\" v-if=\"news && news.length\">\n    <div class=\"others-news-title\">\n      <div class=\"others-news-title-left\" dcolor>OTRAS NOTICIAS</div>\n    </div>\n    <div class=\"main-news\" v-if=\"news\">\n      <NewsCard v-for=\"(mynews, index) in news\" :key=\"index + mynews._id\" :news=\"mynews\" block=\"others\" />\n    </div>\n    <div ref=\"scrollObserver\" class=\"scroll-observer\"></div>\n  </div>\n</template>\n\n<style lang=\"scss\">\n  .others-news {\n    position: relative;\n    padding: $mpadding $space-0 $mpadding * 2;\n    margin: $mpadding 0 0 0;\n    &-title {\n      font-family: $sec_font;\n      margin: 0 0 $mpadding 0;\n      &-left {\n        font-size: 150%;\n      }\n      > * {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n      }\n      .view-all-btn {\n        cursor: pointer;\n      }\n    }\n    &-slide {\n      .slick-track {\n        display: flex;\n      }\n      .slick-slide {\n        @include Margin(0, $mpadding, 0, $mpadding);\n      }\n      .slick-list {\n        @include Margin(0, -$mpadding, 0, -$mpadding);\n      }\n    }\n    &-arrow {\n      width: $mpadding * 3;\n      height: $mpadding * 3;\n      font-size: 200%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: inherit;\n      background: rgba(255, 255, 255, 0.8);\n      -webkit-backdrop-filter: blur(4px);\n      backdrop-filter: blur(4px);\n      z-index: 1;\n      border-radius: 50%;\n      &::before,\n      &::after {\n        display: none;\n      }\n      &:hover {\n        color: $primary-color;\n        background: rgba(255, 255, 255, 0.8);\n      }\n      &.__left {\n        left: $mpadding;\n      }\n      &.__right {\n        right: $mpadding;\n      }\n      &:active {\n        opacity: 0.5;\n      }\n    }\n    .news-card-title {\n      .text {\n        line-clamp: 2;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n    &-items {\n      display: flex;\n      flex-flow: wrap;\n    }\n\n    .main-news {\n      display: grid;\n      grid-template-columns: repeat(1, 1fr);\n      gap: $mpadding;\n    }\n\n    .news-card {\n      max-width: 100%;\n      width: 100%;\n    }\n    @media (max-width: 434px) {\n      margin-bottom: $space-40;\n    }\n\n    @media (min-width: 435px) {\n      margin-bottom: $space-40;\n      .news-card {\n        max-width: 100%;\n        width: 100%;\n      }\n    }\n\n    @media (min-width: 600px) {\n      .main-news {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (min-width: 1024px) {\n      margin-bottom: $space-0;\n      .main-news {\n        grid-template-columns: repeat(3, 1fr);\n      }\n    }\n\n    @media (min-width: 1800px) {\n      .main-news {\n        grid-template-columns: repeat(4, 1fr);\n      }\n    }\n\n    @media (min-width: 1690px) {\n      &-body {\n        .main-news {\n          padding: 0 0;\n        }\n      }\n    }\n  }\n</style>\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!./OthersNews.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!./OthersNews.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./OthersNews.vue?vue&type=template&id=b785084c\"\nimport script from \"./OthersNews.vue?vue&type=script&lang=js\"\nexport * from \"./OthersNews.vue?vue&type=script&lang=js\"\nimport style0 from \"./OthersNews.vue?vue&type=style&index=0&id=b785084c&prod&lang=scss\"\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":""}