import{_ as y,B as f,I as L,o as i,c as o,a as s,b as d,d as u,F as h,e as p,r as k}from"./index.js";const _={name:"Banner",components:{Button:f,Icons:L},props:{banners:Object},data:function(){return{render:!0,alreadyRended:!0,observer:null,isPlaying:!0,observer:null,dont:!0,slickStarted:!1}},methods:{formattedText(e){return console.log(e.replace(/\r?\n/g,"<br>")),e.replace(/\r?\n/g,"<br>")},getImage(e){return"https://lgfamilyclub.com/mx/v1/api/files/render/"+e.name},getPathType(e,a){const n=e.find(b=>b.type==a);return n==null?void 0:n.path},slideBanner(){$(".banner--text").slick({slidesToShow:1,slidesToScroll:1,arrows:!1,dots:!1,fade:!1,speed:400,autoplay:!0,autoplaySpeed:8e3,cssEase:"ease-in-out",asNavFor:".banner .banner--image"}),$(".banner--image").slick({slidesToShow:1,slidesToScroll:1,asNavFor:".banner .banner--text",dotsClass:"custom-dots",dots:!0,fade:!1,speed:400,autoplay:!0,autoplaySpeed:8e3,adaptiveHeight:!1,cssEase:"ease-in-out",prevArrow:$(".banner .prev"),nextArrow:$(".banner .next"),responsive:[{breakpoint:768,settings:{dots:!0}}]});let e=!0;$(".banner .play-pause-button").on("click",function(){e?($(".banner .banner--text, .banner  .banner--image").slick("slickPause"),$(this).find("i").removeClass("fa-pause").addClass("play")):($(".banner .banner--text, .banner  .banner--image").slick("slickPlay"),$(this).find("i").removeClass("fa-play").addClass("fa-pause")),e=!e})},togglePlay(){this.isPlaying=!this.isPlaying,this.isPlaying?$(".banner  .banner--text, .banner  .banner--image").slick("slickPlay"):$(".banner  .banner--text, .banner  .banner--image").slick("slickPause")},checkButton(e){return e&&e.hasOwnProperty("logged")&&e.logged==this.login.logged}},created(){console.log(this.banners)},mounted(){this.observer=new MutationObserver((function(a){var n=this;if(!n.login.logged||!n.banners||n.banners.length<=0?n.dont=document.getElementsByClassName("banner--text__content").length===n.banners.length+1:n.dont=document.getElementsByClassName("banner--text__content").length===n.banners.length,document.getElementsByClassName("banner--text__content").length>0&&n.dont&&!n.slickStarted){n.slickStarted=!0,n.dont=!1,n.slideBanner();const b=$(".slick-dots"),m=$(".controls--banner");b.find("li").length<=1&&(b.hide(),m.hide())}}).bind(this));const e=document.getElementsByClassName("banner--text")[0];this.observer.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}),setTimeout(()=>{e&&e.setAttribute("data-init-banner",new Date().getTime())},1e3)},beforeUnmount(){$(".banner .banner--image").slick("unslick"),$(".banner .banner--text").slick("unslick"),this.render=!1},computed:{login:function(){var e;return{name:(e=this.$store.state.auth.user)==null?void 0:e.name,logged:!!this.$store.state.auth.user}},isHome:function(){return this.$route.name==="home"}}},v={class:"banner"},T={class:"controls--banner"},P={class:"prev"},w={class:"next"},B={class:"banner--text"},I=["data-color","data-position-desktop","data-position-mobile"],S={class:"banner--text__content"},C=["innerHTML"],M=["innerHTML"],H={class:"buttons--content"},F=["data-color","data-position-desktop","data-position-mobile"],N={class:"banner--text__content"},x=["innerHTML"],E=["innerHTML"],A={class:"buttons--content"},D={key:0,class:"banner--image"},O={key:0},V=["aria-label"],R=["srcset","alt","title"],U=["srcset","alt","title"],j=["src","alt","title"],q=["aria-label"],z=["srcset","alt","title"],G=["srcset","alt","title"],J=["src","alt","title"];function K(e,a,n,b,m,l){const c=k("Icons"),g=k("Button");return i(),o("section",v,[s("div",T,[s("button",P,[d(c,{name:"arrowLeft"})]),s("button",{class:"play-pause-button",onClick:a[0]||(a[0]=(...t)=>l.togglePlay&&l.togglePlay(...t))},[d(c,{name:e.isPlaying?"pause":"play"},null,8,["name"])]),s("button",w,[d(c,{name:"arrowRight"})])]),s("div",B,[e.render&&(!this.login.logged||!n.banners||n.banners.length<=0)?(i(),o("div",{key:0,"data-color":e.$t("bannerLogin.color"),"data-position-desktop":e.$t("bannerLogin.positionDesktop"),"data-position-mobile":e.$t("bannerLogin.positionMobile")},[s("div",S,[s("h2",{innerHTML:e.$t("bannerLogin.title")},null,8,C),s("p",{innerHTML:e.$t("bannerLogin.subTitle")},null,8,M),s("div",H,[d(g,{onInterceptAccess:a[1]||(a[1]=t=>e.$emit("clicked",e.$t("bannerLogin.buttonPrimary.link"))),buttonText:e.$t("bannerLogin.buttonPrimary.label"),type:"primary",small:"",link:e.$t("bannerLogin.buttonPrimary.link"),"show-if":!this.login.logged},null,8,["buttonText","link","show-if"]),d(g,{onInterceptAccess:a[2]||(a[2]=t=>e.$emit("clicked",e.$t("bannerLogin.buttonSecondary.link"))),buttonText:e.$t("bannerLogin.buttonSecondary.label"),type:"secondary",small:"",link:e.$t("bannerLogin.buttonSecondary.link"),"show-if":!this.login.logged},null,8,["buttonText","link","show-if"])])])],8,I)):u("",!0),e.render?(i(!0),o(h,{key:1},p(n.banners,t=>(i(),o("div",{key:t.id,"data-color":t.banners[0].textColor,"data-position-desktop":t.banners[0].textPosition,"data-position-mobile":t.banners[0].textPositionMobile},[s("div",N,[s("h2",{innerHTML:t.title},null,8,x),s("p",{innerHTML:l.formattedText(t.subTitle)},null,8,E),s("div",A,[d(g,{onUnknown:a[3]||(a[3]=r=>e.$emit("unknown")),onInterceptAccess:r=>e.$emit("clicked",t.banners[0].buttonLink),buttonText:t.banners[0].buttonText,type:"primary",small:"",link:t.banners[0].buttonLink,"show-if":!0,isTabSelf:t.banners[0].linkTab!=="blank"},null,8,["onInterceptAccess","buttonText","link","isTabSelf"])])])],8,F))),128)):u("",!0)]),e.render?(i(),o("div",D,[e.render&&l.isHome&&(!this.login.logged||!n.banners||n.banners.length<=0)?(i(),o("div",O,[s("picture",{"aria-label":e.$t("bannerLogin.title")},[s("source",{media:"(min-width: 992px)",srcset:e.$t("bannerLogin.imageDesktop"),alt:e.$t("bannerLogin.title"),title:e.$t("bannerLogin.title")},null,8,R),s("source",{media:"(max-width: 768px)",srcset:e.$t("bannerLogin.imageMobile"),alt:e.$t("bannerLogin.title"),title:e.$t("bannerLogin.title")},null,8,U),s("img",{src:e.$t("bannerLogin.imageDesktop"),alt:e.$t("bannerLogin.title"),title:e.$t("bannerLogin.title")},null,8,j)],8,V)])):u("",!0),e.render?(i(!0),o(h,{key:1},p(n.banners,t=>(i(),o("div",{key:t.id},[s("picture",{"aria-label":t.title},[s("source",{media:"(min-width: 992px)",srcset:l.getImage(t.banners[0].bannerFiles.find(r=>r.bannerFileTypeId===1).file),alt:t.title,title:t.title},null,8,z),s("source",{media:"(max-width: 768px)",srcset:l.getImage(t.banners[0].bannerFiles.find(r=>r.bannerFileTypeId===2).file),alt:t.title,title:t.title},null,8,G),s("img",{src:l.getImage(t.banners[0].bannerFiles.find(r=>r.bannerFileTypeId===1).file),alt:t.title,title:t.title},null,8,J)],8,q)]))),128)):u("",!0)])):u("",!0)])}const W=y(_,[["render",K]]);export{W as B};
//# sourceMappingURL=Banner.js.map