{"version":3,"names":["billboardSliderCss","BillboardSlider","this","holdduration","index","activateTimeout","countTimeout","move","idx","contentEl","document","querySelector","classList","remove","addEventListener","slides","length","slide","activate","once","add","deactivate","getSlide","el","console","log","paused","setTimeout","count","_a","image","contains","_b","_c","_d","_e","_f","_g","navigate","ev","pause","clearTimeout","async","response","ApiService","getHeros","jsonData","Slides","map","Image","Url","heading","Headline","cta","text","LinkText","link","LinkUrl","cards","CallsToAction","IconImage","title","componentDidLoad","render","h","Host","rel","href","class","ref","figure","src","srcset","sizes","alt","Object","keys","onClick","card"],"sources":["./src/components/billboard-slider/billboard-slider.scss?tag=billboard-slider&encapsulation=scoped","./src/components/billboard-slider/billboard-slider.tsx"],"sourcesContent":["\r\n\r\n:host {\r\n $brand-blue: #1251A4;\r\n $brand-darkblue: #001D4C;\r\n $brand-green: #73BE44;\r\n $brand-lightblue: #029DD3;\r\n $white: #fff;\r\n $gray-100: #f4f4f4; // light\r\n $gray-200: #E0E0E0; // slideout\r\n $gray-300: #dfe2e6; // line\r\n $gray-400: #C6C6C6; // socket\r\n $gray-500: #C1C7CD; // card\r\n $gray-600: #697077; // placeholder\r\n $gray-700: #495057;\r\n $gray-800: #343a40;\r\n $gray-900: #161616; // text\r\n $black: #000;\r\n\r\n \r\n\r\n display: block;\r\n\r\n \r\n\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n background: repeating-linear-gradient(90deg,rgba(2,157,211,.95),rgba(109,196,42,.95));\r\n height: 0.5rem;\r\n width: 100%;\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n margin-left: 0;\r\n margin-right: 0;\r\n z-index:100;\r\n }\r\n\r\n\r\n .hp-billboard {\r\n max-height:756px;\r\n position: relative;\r\n\r\n @media screen and (max-width: 1200px) {\r\n max-height: none;\r\n }\r\n\r\n &--has-img {\r\n background-size: cover;\r\n \r\n .billboard-content {\r\n color: white;\r\n }\r\n // background: \r\n // // linear-gradient(90deg, rgb(1, 5, 16), rgb(1, 5, 16) 20%, rgba(1, 5, 16, 0) 50% ),\r\n // linear-gradient(0deg, rgba($brand-darkblue, 1) 10%, rgba($brand-darkblue, 1) 10%)\r\n // ;\r\n }\r\n\r\n &-image {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n \r\n overflow: hidden;\r\n //transition-duration: .4s;\r\n \r\n img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: right;\r\n transition: transform .1s ease-out;\r\n transform: scale(1);\r\n \r\n \r\n \r\n &.grow {\r\n transform: translateX(15px) scale(1.03) ;\r\n transition-duration: 6s;\r\n transition-timing-function: linear;\r\n }\r\n &.shrink {\r\n transform: translateX(0px) scale(1);\r\n transition-duration: 6s;\r\n }\r\n\r\n @media screen and (max-width:576px) {\r\n //object-fit: contain;\r\n object-position: top;\r\n height:50%;\r\n width:110%;\r\n //transition: none;\r\n //transform: none;\r\n\r\n &.grow {\r\n transform: translateX(0px) scale(1.03) ;\r\n transition-duration: 6s;\r\n transition-timing-function: linear;\r\n }\r\n &.shrink {\r\n transform: translateX(0px) scale(1);\r\n transition-duration: 6s;\r\n }\r\n \r\n }\r\n \r\n }\r\n\r\n &.bg {\r\n background: rgb(0,0,0);\r\n background: \r\n \r\n // radial-gradient(500px 200px at bottom 0% left calc( 100vw / 4 ), \r\n \r\n // rgba($brand-green, 1) 0%, \r\n // rgba($brand-green, 0) 100% \r\n // ),\r\n // radial-gradient(500px 150px at bottom 0% right calc( 100vw / 4 ), \r\n // rgba($brand-green, 1) 0%, \r\n // rgba($brand-green, 0) 100%\r\n // ),\r\n linear-gradient(135deg, rgba($brand-darkblue, .9) 0%, rgba($brand-darkblue, .85) 30%, rgba($brand-darkblue,0) 55%, rgba($brand-darkblue,0) 100%),\r\n linear-gradient(45deg, rgba($brand-darkblue, .9) 0%, rgba($brand-darkblue, .85) 30%, rgba($brand-darkblue,0) 55%, rgba($brand-darkblue,0) 100%),\r\n linear-gradient(90deg, rgba($brand-darkblue, .9) 0%, rgba($brand-darkblue, .85) 30%, rgba($brand-darkblue,0) 55%, rgba($brand-darkblue,0) 100%),\r\n linear-gradient(270deg, rgba($brand-darkblue, .9) 0%, rgba($brand-darkblue, .2) 15%, rgba($brand-darkblue, 0) 20% ),\r\n \r\n \r\n }\r\n\r\n @media screen and (max-width:576px) {\r\n &.bg {\r\n background: none;\r\n }\r\n }\r\n }\r\n\r\n .billboard-content-wrapper {\r\n height:756px;\r\n @media screen and (max-width: 1200px) {\r\n max-height: none;\r\n }\r\n\r\n @media screen and (max-width: 576px) {\r\n height:auto;\r\n &.container {\r\n padding-right:0;\r\n padding-left:0;\r\n margin-left:0;\r\n margin-right:0;\r\n max-width:100vw;\r\n }\r\n }\r\n\r\n .row {\r\n @media screen and (max-width: 576px) {\r\n margin:0;\r\n }\r\n }\r\n\r\n \r\n }\r\n\r\n &-content {\r\n \r\n position: relative;\r\n padding: 2rem;\r\n padding-left:0;\r\n margin-top:10rem;\r\n //margin-bottom: 7rem;\r\n color: $white;\r\n \r\n &>div {\r\n //background-color: rgba($primary-black,.45);\r\n \r\n padding:1rem;\r\n border-radius: .4rem;\r\n //animation-delay: .5s;\r\n &.animate__fadeOutLeft {\r\n animation-duration: .6s;\r\n }\r\n &.animate__fadeInRight {\r\n animation-duration: .8s;\r\n }\r\n }\r\n \r\n \r\n \r\n > * {\r\n margin-bottom: 2rem;\r\n }\r\n\r\n @media screen and (max-width: 576px) {\r\n padding: 200px 1.25rem 1.25rem;\r\n background: linear-gradient(0deg, rgba($brand-darkblue,.95) 50%, rgba($brand-darkblue,0) 100%);\r\n }\r\n\r\n @media screen and (max-width:992px) {\r\n margin-top:6rem;\r\n margin-bottom: 0;\r\n > * {\r\n margin-bottom: 0;\r\n }\r\n }\r\n \r\n }\r\n\r\n &-heading {\r\n font-size: 52px;\r\n font-weight: 700;\r\n line-height: 56px;\r\n @media screen and (max-width: 768px) {\r\n font-size: 28px;\r\n line-height: 32px;\r\n margin-bottom: 1rem;\r\n }\r\n }\r\n\r\n &-text {\r\n font-size: 16px;\r\n line-height: 18px;\r\n\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 1rem;\r\n }\r\n }\r\n\r\n &-link {\r\n display: inline-flex;\r\n justify-content: space-between;\r\n //width: 225px;\r\n max-width: 100%;\r\n margin-top: 1rem;\r\n //margin-bottom: 4rem;\r\n\r\n @media screen and (max-width: 768px) {\r\n margin-bottom: 1rem;\r\n }\r\n }\r\n\r\n &-navigation {\r\n z-index:1;\r\n display:flex;\r\n flex-flow: row nowrap;\r\n &-item {\r\n\r\n font-size:14px;\r\n padding: 1rem 2rem 1rem 0;\r\n color: $white;\r\n width:33%;\r\n\r\n &:before {\r\n content: \"\";\r\n display: block;\r\n background-color: $white;\r\n height:2px;\r\n width:100%;\r\n }\r\n\r\n &.active {\r\n &:before {\r\n //transition-duration: 6s;\r\n //transition-timing-function: linear;\r\n background-color: $brand-green;\r\n width:100%;\r\n }\r\n }\r\n\r\n &.counting {\r\n &:before {\r\n transition-duration: 6s;\r\n transition-timing-function: linear;\r\n transition-property: width;\r\n background-color: $brand-green;\r\n width:0%;\r\n }\r\n }\r\n \r\n \r\n\r\n a {\r\n display: block;\r\n color:$white;\r\n margin-top:1rem;\r\n cursor: pointer;\r\n }\r\n \r\n }\r\n @media screen and (max-width:992px) {\r\n &-item {\r\n font-size:12px;\r\n padding: 0 1rem 0 0;\r\n }\r\n }\r\n }\r\n\r\n &-ctas {\r\n position: relative;\r\n top:-114px;\r\n\r\n @media screen and (max-width: 1200px) {\r\n top:0;\r\n }\r\n\r\n @media screen and (max-width: 576px) {\r\n //top:-114px;\r\n }\r\n \r\n @media screen and (max-width: 768px) {\r\n padding: 0 !important;\r\n .d-flex {\r\n flex-direction: column;\r\n }\r\n }\r\n \r\n .cta {\r\n flex: 1 0 25%;\r\n //width: 25%;\r\n background-color: $gray-100;\r\n border:0 !important;\r\n border-left: 3px solid white !important;\r\n height:114px;\r\n\r\n .cta-content {\r\n display: flex;\r\n height: 100%;\r\n .cta-header {\r\n margin-top:0;\r\n align-self: center;\r\n h3 {\r\n \r\n text-transform: uppercase;\r\n \r\n }\r\n }\r\n .cta-footer {\r\n margin-top: auto;\r\n }\r\n }\r\n\r\n .cta-icon {\r\n height:46px !important;\r\n //width:46px !important; \r\n }\r\n \r\n .cta-title {\r\n margin-bottom: .444rem;\r\n text-transform: uppercase;\r\n font-size:.775rem;\r\n font-weight:700;\r\n \r\n }\r\n &:first-child {\r\n border-left:none !important;\r\n }\r\n\r\n .cta-icon-wrapper {\r\n //width: 3.75em;\r\n height: 3.75em;\r\n display: -webkit-box;\r\n display: flex;\r\n -webkit-box-align: center;\r\n align-items: center;\r\n -webkit-box-pack: center;\r\n justify-content: center;\r\n border-radius: 50%;\r\n border: 2px solid var(--light) !important;\r\n color: var(--primary);\r\n padding: 0.9375em !important;\r\n border:none !important;\r\n align-self:center;\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n }\r\n \r\n }\r\n\r\n .cta-link {\r\n margin-top:0 !important;\r\n font-size : 1.111rem;\r\n font-weight: 700;\r\n border-bottom: 2px solid $brand-lightblue;\r\n text-decoration: none;\r\n }\r\n \r\n @media screen and (max-width: 768px) {\r\n flex: 0 0 100%;\r\n width: 100%;\r\n border-left: none !important;\r\n border-bottom:3px solid white !important;\r\n \r\n .cta-content {\r\n display:flex;\r\n flex-flow: row nowrap;\r\n }\r\n }\r\n \r\n \r\n \r\n }\r\n }\r\n }\r\n}\r\n","import { Component, Host, Prop, State, h } from '@stencil/core';\r\nimport { ApiService } from '../../services/api';\r\n\r\n@Component({\r\n tag: 'billboard-slider',\r\n styleUrl: 'billboard-slider.scss',\r\n scoped: true\r\n})\r\nexport class BillboardSlider {\r\n holdduration = 6000;\r\n interval: number;\r\n index = 0;\r\n\r\n //http://localhost:3000/api/default/heros?$expand=callstoaction,slides\r\n @Prop() slides : {\r\n image: string,\r\n heading: string,\r\n cta : {\r\n text : string,\r\n link : string\r\n }\r\n }[];\r\n @Prop() slideJson: string;\r\n\r\n @Prop() cards : {\r\n image: string,\r\n title: string,\r\n cta : {\r\n text: string,\r\n link: string\r\n }\r\n }[];\r\n @Prop() cardJson: string;\r\n \r\n @State() slide :any;\r\n image? : HTMLImageElement;\r\n figure? : HTMLElement;\r\n\r\n @State() paused: boolean = false;\r\n\r\n \r\n move(idx = null) {\r\n var contentEl = document.querySelector(\".animate__animated\");\r\n\r\n contentEl.classList.remove(\"animate__fadeInRight\");\r\n\r\n \r\n contentEl.addEventListener(\"animationend\", ()=>{\r\n contentEl.classList.remove(\"animate__fadeOutLeft\");\r\n if (idx != null) this.index = idx;\r\n else {\r\n if (this.index === this.slides.length - 1) {\r\n this.index = 0;\r\n } else { \r\n this.index++;\r\n }\r\n }\r\n this.slide = this.slides[this.index];\r\n this.activate();\r\n }, {once:true});\r\n \r\n\r\n contentEl.classList.add(\"animate__fadeOutLeft\")\r\n this.deactivate();\r\n \r\n }\r\n \r\n\r\n getSlide() : HTMLElement {\r\n var el : HTMLElement = document.querySelector(\".hp-billboard-navigation-item.index\" + this.index);\r\n return el;\r\n }\r\n\r\n deactivate() {\r\n console.log(\"deactivating\", this.index);\r\n var el : HTMLElement = this.getSlide();\r\n el.classList.remove(\"active\");\r\n el.classList.remove(\"counting\");\r\n }\r\n\r\n activateTimeout = null;\r\n activate() {\r\n var el : HTMLElement = this.getSlide();\r\n el.classList.add(\"active\");\r\n var contentEl = document.querySelector(\".animate__animated\");\r\n contentEl.classList.add(\"animate__fadeInRight\");\r\n if (!this.paused) {\r\n this.activateTimeout = setTimeout(()=>this.count(),500);\r\n }\r\n }\r\n\r\n countTimeout = null;\r\n count() {\r\n \r\n var el = this.getSlide();\r\n el.classList.add(\"counting\");\r\n\r\n if (this.image?.classList.contains(\"grow\")) {\r\n this.image?.classList.remove(\"grow\");\r\n this.image?.classList.add(\"shrink\");\r\n this.image?.classList.add(\"moveLeft\");\r\n } else {\r\n this.image?.classList.remove(\"shrink\");\r\n this.image?.classList.add(\"grow\");\r\n this.image?.classList.add(\"moveRight\");\r\n \r\n }\r\n this.countTimeout = setTimeout(()=>{\r\n this.move();\r\n },this.holdduration);\r\n }\r\n\r\n navigate(ev:Event, idx) {\r\n // pause everything\r\n this.pause();\r\n this.move(idx);\r\n }\r\n\r\n pause() {\r\n this.paused = true;\r\n //clear the counters\r\n clearTimeout(this.activateTimeout);\r\n clearTimeout(this.countTimeout);\r\n\r\n // stop the counting animation\r\n var el = this.getSlide();\r\n el.classList.remove(\"counting\");\r\n }\r\n\r\n async componentWillLoad() {\r\n // get the slides\r\n var response = await ApiService.getHeros();\r\n // var response = await fetch('/api/default/heros?$expand=callstoaction($expand=iconimage),slides($expand=image)',{\r\n // headers: {\r\n // \"X-Requested-With\": \"\",\r\n // // 'Content-Type': 'application/x-www-form-urlencoded',\r\n // },\r\n // });\r\n console.log(\"heros\", response);\r\n \r\n const jsonData = response;\r\n //console.log(jsonData);\r\n this.slides = jsonData[0].Slides.map((slide) => {\r\n return {\r\n image :slide.Image[0].Url,\r\n heading : slide.Headline,\r\n cta : {\r\n text : slide.LinkText,\r\n link : slide.LinkUrl\r\n }\r\n }\r\n });\r\n\r\n\r\n // Load the Cards\r\n this.cards = jsonData[0].CallsToAction.map((cta) => {\r\n return {\r\n image: cta.IconImage[0].Url,\r\n title: cta.Headline,\r\n cta: {\r\n text: cta.LinkText,\r\n link: cta.LinkUrl\r\n }\r\n }\r\n });\r\n\r\n \r\n\r\n // end get the slides\r\n //this.slides = JSON.parse(this.slideJson);\r\n this.slide = this.slides[0];\r\n\r\n //this.cards = JSON.parse(this.cardJson);\r\n\r\n }\r\n\r\n componentDidLoad() { \r\n this.activate();\r\n }\r\n \r\n \r\n render() {\r\n return (\r\n \r\n \r\n \r\n {this.slides && this.slide && (\r\n
\r\n
\r\n \r\n
this.figure = el as HTMLImageElement} >\r\n \"Billboard this.image = el as HTMLImageElement} />\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n {/* Heading */}\r\n

{this.slide.heading}

\r\n \r\n {/* Call to Action */}\r\n \r\n {this.slide.cta.text}\r\n \r\n
\r\n
\r\n {Object.keys(this.slides).map(idx => {\r\n return (\r\n
\r\n {/*
*/}\r\n this.navigate(ev, idx)}>{this.slides[idx].heading}\r\n
\r\n )\r\n\r\n })}\r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n {this.cards.map(card => (\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n

{card.title}

\r\n \r\n {card.cta.text}\r\n \r\n
\r\n \r\n {/*
@Html.Raw(card.Text)
*/}\r\n
\r\n \r\n
\r\n
\r\n
\r\n ))}\r\n \r\n
\r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n\r\n}\r\n"],"mappings":"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"}