{"version":3,"file":"gpon-banner.19cd7d0f.js","sources":["../../src/components/gpon-banner.ts"],"sourcesContent":["import { defineComponent } from \"vue\";\r\nimport common from \"../core/core\";\r\nimport anime from \"animejs\";\r\nimport { VueAutoHeight } from \"@/core/vue-auto-height.component\";\r\nimport { Navigation, Pagination, Swiper as SwiperCreator } from \"swiper\";\r\nimport { AppService } from \"@/services/appService\";\r\n\r\nexport default defineComponent({\r\n  components: {\r\n    VueAutoHeight,\r\n  },\r\n  data() {\r\n    return {\r\n      addressService: this.$store.direct.getters.addressService,\r\n      ready: false,\r\n      tariffsSwiper: null,\r\n      searchAddressOpened: false,\r\n    };\r\n  },\r\n  mounted() {\r\n    this.onReady();\r\n    this.tariffsSwiper = new SwiperCreator(\".banner-tariffs .swiper-container\", {\r\n      modules: [Navigation, Pagination],\r\n      pagination: {\r\n        el: \".swiper-pagination\",\r\n        type: \"bullets\",\r\n      },\r\n      spaceBetween: 32,\r\n      allowTouchMove: true,\r\n      slidesPerView: \"auto\",\r\n      breakpoints: {\r\n        767: {\r\n          allowTouchMove: false,\r\n          slidesPerView: 2,\r\n        },\r\n      },\r\n    });\r\n  },\r\n  computed: {},\r\n  methods: {\r\n    openAddressPopup(title: string, subtitle: string, redirectUrl: string = null) {\r\n      if (this.$store.direct.getters.addressService.hasAddress() && redirectUrl) {\r\n        window.location.href = redirectUrl;\r\n      } else {\r\n        AppService.openPopup(\"address\", { title, subtitle, type: \"gpon\" });\r\n      }\r\n    },\r\n    openSearchAddress() {\r\n      this.searchAddressOpened = true;\r\n    },\r\n    closeSearchAddress() {\r\n      this.searchAddressOpened = false;\r\n    },\r\n    onReady() {\r\n      this.ready = true;\r\n      this.startMainBannerAnimation();\r\n    },\r\n    startMainBannerAnimation() {\r\n      const timeline = anime.timeline();\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .lines .line1 path\",\r\n          strokeWidth: [3],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        0\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .sparks .spark1\",\r\n          r: [24],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        250\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .tower1 .light .rightSide path\",\r\n          fill: [\"#F7B79C\"],\r\n          delay: anime.stagger(70, { direction: \"reverse\", easing: \"linear\" }),\r\n          duration: 500,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        500\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .tower1 .light .leftSide path\",\r\n          fill: [\"#F7B79C\"],\r\n          delay: anime.stagger(70, { direction: \"reverse\", easing: \"linear\" }),\r\n          duration: 500,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        500\r\n      );\r\n\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .lines .line2 path\",\r\n          strokeWidth: [3],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        800\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .sparks .spark2\",\r\n          r: [24],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        1050\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .tower2 .light path\",\r\n          opacity: [1],\r\n          duration: 300,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        1300\r\n      );\r\n\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .lines .line3 path\",\r\n          strokeWidth: [3],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        1600\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .sparks .spark3\",\r\n          r: [24],\r\n          duration: 250,\r\n          easing: \"easeInOutQuad\",\r\n        },\r\n        1600\r\n      );\r\n      timeline.add(\r\n        {\r\n          targets: \".gpon-banner-svg .light path\",\r\n          opacity: [1],\r\n          duration: 300,\r\n          delay: () => anime.random(0, 250),\r\n          easing: \"easeOutQuad\",\r\n        },\r\n        1850\r\n      );\r\n    },\r\n  },\r\n  mixins: [common],\r\n});\r\n"],"names":["gponBanner","defineComponent","VueAutoHeight","SwiperCreator","Navigation","Pagination","title","subtitle","redirectUrl","AppService","timeline","anime","common"],"mappings":"ooBAOA,MAAAA,EAAeC,EAAgB,CAC7B,WAAY,CACV,cAAAC,CACF,EACA,MAAO,CACE,MAAA,CACL,eAAgB,KAAK,OAAO,OAAO,QAAQ,eAC3C,MAAO,GACP,cAAe,KACf,oBAAqB,EAAA,CAEzB,EACA,SAAU,CACR,KAAK,QAAQ,EACR,KAAA,cAAgB,IAAIC,EAAc,oCAAqC,CAC1E,QAAS,CAACC,EAAYC,CAAU,EAChC,WAAY,CACV,GAAI,qBACJ,KAAM,SACR,EACA,aAAc,GACd,eAAgB,GAChB,cAAe,OACf,YAAa,CACX,IAAK,CACH,eAAgB,GAChB,cAAe,CACjB,CACF,CAAA,CACD,CACH,EACA,SAAU,CAAC,EACX,QAAS,CACP,iBAAiBC,EAAeC,EAAkBC,EAAsB,KAAM,CACxE,KAAK,OAAO,OAAO,QAAQ,eAAe,cAAgBA,EAC5D,OAAO,SAAS,KAAOA,EAEvBC,EAAW,UAAU,UAAW,CAAE,MAAAH,EAAO,SAAAC,EAAU,KAAM,OAAQ,CAErE,EACA,mBAAoB,CAClB,KAAK,oBAAsB,EAC7B,EACA,oBAAqB,CACnB,KAAK,oBAAsB,EAC7B,EACA,SAAU,CACR,KAAK,MAAQ,GACb,KAAK,yBAAyB,CAChC,EACA,0BAA2B,CACnB,MAAAG,EAAWC,EAAM,WACdD,EAAA,IACP,CACE,QAAS,sCACT,YAAa,CAAC,CAAC,EACf,SAAU,IACV,OAAQ,eACV,EACA,CAAA,EAEOA,EAAA,IACP,CACE,QAAS,mCACT,EAAG,CAAC,EAAE,EACN,SAAU,IACV,OAAQ,eACV,EACA,GAAA,EAEOA,EAAA,IACP,CACE,QAAS,kDACT,KAAM,CAAC,SAAS,EAChB,MAAOC,EAAM,QAAQ,GAAI,CAAE,UAAW,UAAW,OAAQ,SAAU,EACnE,SAAU,IACV,OAAQ,eACV,EACA,GAAA,EAEOD,EAAA,IACP,CACE,QAAS,iDACT,KAAM,CAAC,SAAS,EAChB,MAAOC,EAAM,QAAQ,GAAI,CAAE,UAAW,UAAW,OAAQ,SAAU,EACnE,SAAU,IACV,OAAQ,eACV,EACA,GAAA,EAGOD,EAAA,IACP,CACE,QAAS,sCACT,YAAa,CAAC,CAAC,EACf,SAAU,IACV,OAAQ,eACV,EACA,GAAA,EAEOA,EAAA,IACP,CACE,QAAS,mCACT,EAAG,CAAC,EAAE,EACN,SAAU,IACV,OAAQ,eACV,EACA,IAAA,EAEOA,EAAA,IACP,CACE,QAAS,uCACT,QAAS,CAAC,CAAC,EACX,SAAU,IACV,OAAQ,eACV,EACA,IAAA,EAGOA,EAAA,IACP,CACE,QAAS,sCACT,YAAa,CAAC,CAAC,EACf,SAAU,IACV,OAAQ,eACV,EACA,IAAA,EAEOA,EAAA,IACP,CACE,QAAS,mCACT,EAAG,CAAC,EAAE,EACN,SAAU,IACV,OAAQ,eACV,EACA,IAAA,EAEOA,EAAA,IACP,CACE,QAAS,+BACT,QAAS,CAAC,CAAC,EACX,SAAU,IACV,MAAO,IAAMC,EAAM,OAAO,EAAG,GAAG,EAChC,OAAQ,aACV,EACA,IAAA,CAEJ,CACF,EACA,OAAQ,CAACC,CAAM,CACjB,CAAC"}