{"version":3,"file":"climate.js","sources":["../../src/scripts/pages/climate/index.js"],"sourcesContent":["import \"@/styles/pages/climate.scss\";\nimport Swiper from \"swiper\";\nimport { Autoplay, Navigation, Pagination } from \"swiper/modules\";\nimport \"waypoints/lib/noframework.waypoints.min.js\";\nimport counterUp from \"counterup2\";\nimport \"paginationjs\";\n\n// check the screen size at first\nconst isLargeScreen = $(window).width() >= 992;\n\n/** pagination of Performance */\nconst performancePagination = $(\"#sec-performance .cus__pagination\");\nlet limit = 4;\n\nconst performanceInit = () => {\n  performancePagination.pagination({\n    dataSource: function (done) {\n      $.ajax({\n        type: \"GET\",\n        url: \"../data/performance.json\",\n        success: function (response) {\n          done(\n            response.data.filter((item) => {\n              return item.type === \"climate\";\n            })\n          );\n        },\n      });\n    },\n    callback: function (performanceData, pagination) {\n      let html = templating(performanceData);\n      $(\".performance__card-wrapper\").html(html);\n      initCounter();\n    },\n    showNavigator: true,\n    formatNavigator:\n      \"<div class='cus__pagination'><span class='current-page'>0<%= currentPage %></span> / <span class='total-page'>0<%= totalPage %></span></div>\",\n    prevText: \"\",\n    nextText: \"\",\n    showPageNumbers: false,\n    pageSize: limit,\n  });\n};\n\nconst templating = (data) => {\n  let html = \"\";\n\n  data.forEach((item) => {\n    html += `<div class=\"performance__card\" data-type=\"${item.type}\">\n    <div class=\"performance__card-top\">\n      <h4 class=\"performance__card-title\">${item.title}</h4>\n      <div class=\"performance__card-content\">${item.content}</div>\n    </div>\n    <div class=\"performance__card-value\">\n      <span class=\"performance__card-number font-roboto counter\">${item.number}</span>\n      <span class=\"performance__card-unit\">${item.unit}</span>\n    </div>\n  </div>`;\n  });\n\n  return html;\n};\n\nconst initCounter = () => {\n  $(\".counter\").each(function () {\n    // Create a waypoint for each counter element\n    const counterElement = this;\n    new Waypoint({\n      element: counterElement,\n      handler: function () {\n        // Trigger counterUp animation\n        counterUp(counterElement, {\n          duration: 1000,\n          delay: 40,\n        });\n        // Destroy this waypoint after triggering\n        this.destroy();\n      },\n      offset: \"bottom-in-view\", // Trigger when the bottom of the element is in view\n    });\n  });\n};\n\n/**  Swiper  **/\nconst swiperHero = new Swiper(\".swiper.hero__swiper\", {\n  modules: [Autoplay],\n  slidesPerView: \"auto\",\n  spaceBetween: 12,\n  loop: true,\n  autoplay: {\n    delay: 3000,\n    disableOnInteraction: false,\n  },\n});\n\nconst swiperLowCarbon = new Swiper(\".swiper.swiper__low-carbon\", {\n  modules: [Autoplay, Navigation, Pagination],\n  slidesPerView: \"auto\",\n  allowTouchMove: false,\n  navigation: {\n    nextEl: \".low-carbon__main .swiper-button-next\",\n    prevEl: \".low-carbon__main .swiper-button-prev\",\n  },\n  pagination: {\n    el: \".low-carbon__main .swiper-pagination\",\n    type: \"fraction\",\n    formatFractionCurrent: function (number) {\n      const myNum = String(number).padStart(2, \"0\");\n      return myNum;\n    },\n    formatFractionTotal: function (number) {\n      const myNum = String(number).padStart(2, \"0\");\n      return myNum;\n    },\n  },\n\n  breakpoints: {\n    768: {\n      slidesPerView: \"2.5\",\n      spaceBetween: 16,\n      allowTouchMove: true,\n      loop: true,\n      autoplay: {\n        delay: 3000,\n        disableOnInteraction: false,\n      },\n    },\n\n    992: {\n      slidesPerView: \"auto\",\n      spaceBetween: 32,\n      allowTouchMove: true,\n      autoplay: {\n        delay: 3000,\n        disableOnInteraction: false,\n      },\n    },\n  },\n});\n\ninitCounter();\nperformanceInit();\n"],"names":[],"mappings":";;;;;;;AAQsB,EAAE,MAAM,EAAE,MAAK,KAAM;AAG3C,MAAM,wBAAwB,EAAE,mCAAmC;AACnE,IAAI,QAAQ;AAEZ,MAAM,kBAAkB,MAAM;AAC5B,wBAAsB,WAAW;AAAA,IAC/B,YAAY,SAAU,MAAM;AAC1B,QAAE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,KAAK;AAAA,QACL,SAAS,SAAU,UAAU;AAC3B;AAAA,YACE,SAAS,KAAK,OAAO,CAAC,SAAS;AAC7B,qBAAO,KAAK,SAAS;AAAA,YACnC,CAAa;AAAA,UACb;AAAA,QACS;AAAA,MACT,CAAO;AAAA,IACF;AAAA,IACD,UAAU,SAAU,iBAAiB,YAAY;AAC/C,UAAI,OAAO,WAAW,eAAe;AACrC,QAAE,4BAA4B,EAAE,KAAK,IAAI;AACzC;IACD;AAAA,IACD,eAAe;AAAA,IACf,iBACE;AAAA,IACF,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,UAAU;AAAA,EACd,CAAG;AACH;AAEA,MAAM,aAAa,CAAC,SAAS;AAC3B,MAAI,OAAO;AAEX,OAAK,QAAQ,CAAC,SAAS;AACrB,YAAQ,6CAA6C,KAAK,IAAI;AAAA;AAAA,4CAEtB,KAAK,KAAK;AAAA,+CACP,KAAK,OAAO;AAAA;AAAA;AAAA,mEAGQ,KAAK,MAAM;AAAA,6CACjC,KAAK,IAAI;AAAA;AAAA;AAAA,EAGtD,CAAG;AAED,SAAO;AACT;AAEA,MAAM,cAAc,MAAM;AACxB,IAAE,UAAU,EAAE,KAAK,WAAY;AAE7B,UAAM,iBAAiB;AACvB,QAAI,SAAS;AAAA,MACX,SAAS;AAAA,MACT,SAAS,WAAY;AAEnB,kBAAU,gBAAgB;AAAA,UACxB,UAAU;AAAA,UACV,OAAO;AAAA,QACjB,CAAS;AAED,aAAK,QAAO;AAAA,MACb;AAAA,MACD,QAAQ;AAAA;AAAA,IACd,CAAK;AAAA,EACL,CAAG;AACH;AAGmB,IAAI,OAAO,wBAAwB;AAAA,EACpD,SAAS,CAAC,QAAQ;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,MAAM;AAAA,EACN,UAAU;AAAA,IACR,OAAO;AAAA,IACP,sBAAsB;AAAA,EACvB;AACH,CAAC;AAEuB,IAAI,OAAO,8BAA8B;AAAA,EAC/D,SAAS,CAAC,UAAU,YAAY,UAAU;AAAA,EAC1C,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,EACT;AAAA,EACD,YAAY;AAAA,IACV,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,uBAAuB,SAAU,QAAQ;AACvC,YAAM,QAAQ,OAAO,MAAM,EAAE,SAAS,GAAG,GAAG;AAC5C,aAAO;AAAA,IACR;AAAA,IACD,qBAAqB,SAAU,QAAQ;AACrC,YAAM,QAAQ,OAAO,MAAM,EAAE,SAAS,GAAG,GAAG;AAC5C,aAAO;AAAA,IACR;AAAA,EACF;AAAA,EAED,aAAa;AAAA,IACX,KAAK;AAAA,MACH,eAAe;AAAA,MACf,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,MAAM;AAAA,MACN,UAAU;AAAA,QACR,OAAO;AAAA,QACP,sBAAsB;AAAA,MACvB;AAAA,IACF;AAAA,IAED,KAAK;AAAA,MACH,eAAe;AAAA,MACf,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,UAAU;AAAA,QACR,OAAO;AAAA,QACP,sBAAsB;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACH,CAAC;AAED;AACA,gBAAiB;"}