@livelike/embet 0.0.16 → 0.0.17

package/embet.esm.min.js

@@ -1,4 +1,4 @@
-/* emBET SDK Version 0.0.16 */
+/* emBET SDK Version 0.0.17 */
 !function(){if(void 0===window.Reflect||void 0===window.customElements||window.customElements.polyfillWrapFlushCallback)return;const e=HTMLElement,t=function(){return Reflect.construct(e,[],this.constructor)};window.HTMLElement=t,HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}();
 /**
  * @license
@@ -386,7 +386,7 @@ found at http://polymer.github.io/PATENTS.txt
  * subject to an additional IP rights grant found at
  * http://polymer.github.io/PATENTS.txt
  */
-const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=>t=>{const n=Jo.get(t);if(void 0===e&&t instanceof yo){if(void 0!==n||!Jo.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);Jo.set(t,e)})),Zo=U`<style>.embet-widget livelike-widget-header{border-radius:0;height:22.5%}.embet-widget livelike-widget-header .center{width:100%;text-align:center;padding-top:1rem}.embet-widget .widget-tagline{font-size:18px;font-weight:700;padding-bottom:10px;text-transform:uppercase}.embet-widget livelike-title{text-transform:uppercase;font-weight:700;padding:0;display:block;width:100%}.embet-widget livelike-widget-body{border-radius:0;height:47.5%}.embet-widget livelike-widget-footer{border-radius:0;height:30%}.embet-widget .option-container{padding:1rem;height:100%;align-items:stretch;display:flex;flex-direction:column}.embet-widget livelike-option{height:50%;border-width:2px;border-style:solid;border-radius:0;padding:0;box-shadow:5px 5px 10px 1px rgba(0,0,0,.2);align-items:unset;box-sizing:border-box}.embet-widget .option-container[interacted] livelike-option{background:rgba(50,50,50,.7);border:2px solid rgba(190,190,190,.7)}.embet-widget .option-container[interacted] livelike-option[selected]{border:2px solid rgba(0,250,0,.7)}.embet-widget livelike-option:not(:last-of-type){margin-bottom:1rem}.embet-widget livelike-option .option-image-wrap{display:flex;width:100%;position:relative;box-sizing:border-box}.embet-widget livelike-option .percentage-container{position:absolute;display:flex;transform:translate(-50%,-50%);top:50%;left:50%;white-space:nowrap}.embet-widget livelike-description{word-break:unset;align-self:center;padding:0 .5rem;text-align:initial}.embet-widget .bet-details{padding:0 .5rem;align-self:center}.embet-widget livelike-image img{padding-left:6px}.embet-widget livelike-percentage{padding:0 5px 0 0}.embet-widget livelike-progress{height:calc(100% + 1px);background:rgba(160,160,160,.7);border-radius:0;box-sizing:border-box}.embet-widget livelike-progress[selected]{background:rgba(0,225,0,.7)}.embet-widget .image-grid[interacted] .bet-details,.embet-widget .image-grid[interacted] img,.embet-widget .image-grid[interacted] livelike-description,.embet-widget .option-container[interacted] .bet-details,.embet-widget .option-container[interacted] livelike-description,[variation=bar] .embet-widget .option-container[interacted] livelike-image,[variation=square] .embet-widget .option-container[interacted] livelike-image{opacity:.2}.embet-widget livelike-timer{height:3px}[variation=inline] .embet-widget .option-container{flex-direction:row}[variation=inline] .embet-widget livelike-image img{padding-left:0}[variation=inline] .embet-widget .bet-details,[variation=inline] .embet-widget livelike-descrption{padding:8px}[variation=inline] .live-total-text-options{display:flex;flex-direction:column;width:100%;padding:0 10px}[variation=square] .embet-widget livelike-option:not(:last-of-type){margin-bottom:0}[variation=square] .image-grid{padding:16px;display:grid;grid-column-gap:8px;grid-row-gap:8px}[variation=square] .embet-widget .square-option-0,[variation=square] .embet-widget .square-option-1,[variation=square] .embet-widget .square-option-2,[variation=square] .embet-widget .square-option-3{height:100%;border:none;box-shadow:0 0 0 1px #c1c2ca;border-radius:6px;flex-grow:1;transition:all .2s ease}[variation=square] .embet-widget .square-option-0:after,[variation=square] .embet-widget .square-option-1:after,[variation=square] .embet-widget .square-option-2:after,[variation=square] .embet-widget .square-option-3:after{content:'';width:100%;height:100%;z-index:4;position:absolute;border-radius:6px;transition:all .2s ease}[variation=square] .live-spread-option-text{display:flex;flex-direction:column;font-size:16px!important;width:100%;justify-content:center}[variation=square] .percentage-container{z-index:5}[variation=square] livelike-description{font-size:16px;text-align:center;flex-grow:0;padding:5px 0 0 0;z-index:1}</style>`;function Qo(e){if(e){let t="";return Object.keys(e).forEach((n=>{let i=(e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase())(n);"fontColor"===n&&(i="color"),t+=`${i}: ${e[n]};\n`})),t}return""}const es=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],ts={".widget-tagline":es,"livelike-title":es,"livelike-description":es,".bet-details":es,".footer-text":["fontSize","lineHeight","height","marginLeft","marginRight","marginTop","marginBottom"],".bet-button":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],".dismiss-button":["lineHeight","top","right","height"],".dismiss-button svg":["height","width"],"livelike-image img":["height","paddingLeft"],"livelike-widget-body .option-container":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-widget-footer":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".footer-container":["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom"],".footer-sponsor":["lineHeight","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","maxHeight"],".footer-sponsor img":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-widget-header div.center":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".live-total-text-options":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-option:not(:last-child)":["marginLeft","marginRight","marginTop","marginBottom"],"livelike-option":["borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],"livelike-progress":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".percentage-container":["fontSize","lineHeight","paddingRight"],".percentage-text":["fontSize","lineHeight"],"livelike-timer":["height"]};class ns extends Ci{constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.kind="image-prediction",this.widgetPayload={id:""},this.voteCallback=e=>{e.detail&&e.detail.item&&e.detail.item.id&&!this.voted&&(this.voted=!0)},this.updateThemeStyles=e=>{this.themeStyles=Object.assign(Object.assign({},this.themeStyles),e)},this.themeUpdated=e=>{this.requestUpdate()},this.parseCustomData=e=>{this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],this.placeBetUrl=this.place_bet_url||e.placeBetUrl||e.place_bet_url||"";if(this.widgetVariation=e.widgetVariation||{"LIVE MONEYLINE":"bar","LIVE SPREAD":"square","LIVE TOTAL":"inline"}[e.type],this.setAttribute("variation",this.widgetVariation),e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;!this.widgetPayload.kind&&(this.widgetPayload.kind=t),this.themeStyles=e.theme.widgets[t.split("-")[1]]}if(e.customCss){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e.customCss),this.appendChild(t)}var t,n,i;e.customStyles&&(this.customStyles=e.customStyles),e.disableResizing||(this.resizeObserver=new ResizeObserver((t=e.widgetWidthPercentage,n=e.parentContainer,i=e.parentFullscreenWidth,e=>e.forEach((e=>{const r=e.target;if(r){const o=Number(i)||1920,s=n&&document.querySelector(n),a=s&&s.offsetWidth||document.body.offsetWidth,c=a/o,l=Math.round(e.contentRect.width),u=a/c*(Number(t)||.25),d="hasBeenResized",h=r.classList.contains(d),p=Number(r.dataset.lastWidgetWidth);let f=!1;if(p+1===l||p-1===l)return;Object.keys(ts).forEach((e=>{ts[e].forEach((n=>{r.querySelectorAll(e).forEach((i=>{const r=getComputedStyle(i)[n];if(r){const o=r.split(/^(-?[0-9]*.?[0-9]+)(.+)$/).filter((e=>0!==e.length));let s=Number(o[0]);const a=o[1];if(s&&!isNaN(s)&&0!==s){const r=((h?Number(i.dataset[n]):s)*l/u).toFixed(2).toString()+a;i.style[n]=r,f=!0,h||(t&&".bet-button"===e&&"lineHeight"===n&&(s*=u/l),i.dataset[n]=s.toFixed(2))}}}))}))})),f&&(r.dataset.lastWidgetWidth=String(l)),!h&&f&&r.classList.add(d)}})))),this.resizeObserver.observe(this))}}static get properties(){return{voted:{type:Boolean},customData:{type:Object},custom_data:{type:Object},sponsors:{type:Array},place_bet_url:{type:String},placeBetUrl:{type:String},themeStyles:{type:Object},customStyles:{type:String},options:{type:Array},optionsRenderer:{type:Function},widgetVariation:{type:String}}}connectedCallback(){super.connectedCallback(),this.addEventListener("interacted",this.voteCallback),document.addEventListener("livelike-theme-updated",this.themeUpdated),!this.customData&&(this.customData=this.custom_data||this.widgetPayload.custom_data)}disconnectedCallbck(){super.disconnectedCallbck(),this.removeEventListener("interacted",this.voteCallback),document.removeEventListener("livelike-theme-updated",this.themeUpdated)}firstUpdated(){super.firstUpdated(),this.customData&&this.parseCustomData(this.customData),this.widgetPayload.options&&(this.options=this.widgetPayload.options),this.updateComplete.then((()=>{const e=this.querySelector("livelike-widget-root");e.updateComplete.then((()=>{const t=e.shadowRoot.querySelector("livelike-widget-bylines");t&&t.remove();const n=e.shadowRoot.querySelector("livelike-widget-reactions");n&&n.remove()}))}))}render(){const e=this.customData&&this.customData.type?U`<div class="widget-tagline">${this.customData.type}</div>`:null;return U`<template>${Zo}<style>${this.customStyles}live-moneyline,live-spread,live-total{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight?this.customData.widgetHeight:"100%"}}</style><livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header"><div class="center">${e}<livelike-title></livelike-title></div>${t=this,U`<style>.dismiss-button{background:0 0;border:none;position:absolute;top:12px;right:16px}.dismiss-button:hover{cursor:pointer}</style><button class="dismiss-button" @click="${t.widgetDismissClick}"><svg height="18px" width="18px" viewBox="0 0 28 28"><polygon points="28,22.398 19.594,14 28,5.602 22.398,0 14,8.402 5.598,0 0,5.602 8.398,14 0,22.398 5.598,28 14,19.598 22.398,28" style="fill:#979797"/></svg></button>`}</livelike-widget-header><livelike-widget-body>${this.widgetVariation&&this.optionsRenderer(this.options,this.customData,this.voted,this.widgetVariation)}</livelike-widget-body>${this.placeBetUrl||this.sponsors?function(e,t,n,i){let r,o;return t&&(r=Qo(t.footer),o=Qo(t.betButton)),U`<style>.embet-widget livelike-widget-footer{display:flex;border-radius:0;padding:10px 16px;${r}}.embet-widget .footer-container{width:50%;display:flex;flex-direction:column;justify-content:center;margin:5px;padding:5px}.embet-widget .footer-text{height:12px;text-align:center;font-size:12px;color:#999;white-space:nowrap;margin-bottom:10px}.embet-widget .footer-sponsor{border:2px solid rgba(255,255,255,.2);max-height:40px;box-sizing:border-box}.embet-widget .footer-sponsor img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px 10px}.embet-widget .bet-button{border-radius:3rem;padding:10px;white-space:nowrap;border-width:2px;border-style:solid;${o}}.embet-widget .bet-button:hover{cursor:pointer}.embet-widget .bet-button a{text-decoration:none;font-weight:700;color:inherit}${i}</style><livelike-widget-footer><div class="footer-container"><div class="footer-text">SPONSORED BY</div><div class="footer-sponsor">${n&&n[0]&&n[0].logo_url?U`<img src="${n[0].logo_url}" alt="${n[0].name}">`:null}</div></div><div class="footer-container"><div class="footer-text"></div><button class="bet-button"><a target="_blank" href="${e||""}">PLACE BET</a></button></div></livelike-widget-footer>`}(this.placeBetUrl,this.themeStyles,this.sponsors,this.customStyles):null}<livelike-timer class="custom-timer"></livelike-timer></livelike-widget-root></template>`;var t}}const is=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},rs=(e,t)=>{if(e&&e.betDetails){const n=e.betDetails.find((e=>e.description===t.description));if(n)return U` <div class="bet-details">${n.bet}</div> `}},os=(e,t,n)=>U`
+const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=>t=>{const n=Jo.get(t);if(void 0===e&&t instanceof yo){if(void 0!==n||!Jo.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);Jo.set(t,e)})),Zo=U`<style>.embet-widget livelike-widget-header{border-radius:0;height:22.5%}.embet-widget livelike-widget-header .center{width:100%;text-align:center;padding-top:1rem}.embet-widget .widget-tagline{font-size:18px;font-weight:700;padding-bottom:10px;text-transform:uppercase}.embet-widget livelike-title{text-transform:uppercase;font-weight:700;padding:0;display:block;width:100%}.embet-widget livelike-widget-body{border-radius:0;height:47.5%}.embet-widget livelike-widget-footer{border-radius:0;height:30%}.embet-widget .option-container{padding:1rem;height:100%;align-items:stretch;display:flex;flex-direction:column}.embet-widget livelike-option{height:50%;border-width:2px;border-style:solid;border-radius:0;padding:0;box-shadow:5px 5px 10px 1px rgba(0,0,0,.2);align-items:unset;box-sizing:border-box}.embet-widget .option-container[interacted] livelike-option{background:rgba(50,50,50,.7);border:2px solid rgba(190,190,190,.7)}.embet-widget .option-container[interacted] livelike-option[selected]{border:2px solid rgba(0,250,0,.7)}.embet-widget livelike-option:not(:last-of-type){margin-bottom:1rem}.embet-widget livelike-option .option-image-wrap{display:flex;width:100%;position:relative;box-sizing:border-box}.embet-widget livelike-option .percentage-container{position:absolute;display:flex;transform:translate(-50%,-50%);top:50%;left:50%;white-space:nowrap}.embet-widget livelike-description{word-break:unset;align-self:center;padding:0 .5rem;text-align:initial}.embet-widget .bet-details{padding:0 .5rem;align-self:center}.embet-widget livelike-image img{padding-left:6px}.embet-widget livelike-percentage{padding:0 5px 0 0}.embet-widget livelike-progress{height:calc(100% + 1px);background:rgba(160,160,160,.7);border-radius:0;box-sizing:border-box}.embet-widget livelike-progress[selected]{background:rgba(0,225,0,.7)}.embet-widget .image-grid[interacted] .bet-details,.embet-widget .image-grid[interacted] img,.embet-widget .image-grid[interacted] livelike-description,.embet-widget .option-container[interacted] .bet-details,.embet-widget .option-container[interacted] livelike-description,[variation=bar] .embet-widget .option-container[interacted] livelike-image,[variation=square] .embet-widget .option-container[interacted] livelike-image{opacity:.2}.embet-widget livelike-timer{height:3px}[variation=inline] .embet-widget .option-container{flex-direction:row}[variation=inline] .embet-widget livelike-image img{padding-left:0}[variation=inline] .embet-widget .bet-details,[variation=inline] .embet-widget livelike-descrption{padding:8px}[variation=inline] .live-total-text-options{display:flex;flex-direction:column;width:100%;padding:0 10px}[variation=square] .embet-widget livelike-option:not(:last-of-type){margin-bottom:0}[variation=square] .image-grid{padding:16px;display:grid;grid-column-gap:8px;grid-row-gap:8px}[variation=square] .embet-widget .square-option-0,[variation=square] .embet-widget .square-option-1,[variation=square] .embet-widget .square-option-2,[variation=square] .embet-widget .square-option-3{height:100%;border:none;box-shadow:0 0 0 1px #c1c2ca;border-radius:6px;flex-grow:1;transition:all .2s ease}[variation=square] .embet-widget .square-option-0:after,[variation=square] .embet-widget .square-option-1:after,[variation=square] .embet-widget .square-option-2:after,[variation=square] .embet-widget .square-option-3:after{content:'';width:100%;height:100%;z-index:4;position:absolute;border-radius:6px;transition:all .2s ease}[variation=square] .live-spread-option-text{display:flex;flex-direction:column;font-size:16px!important;width:100%;justify-content:center}[variation=square] .percentage-container{z-index:5}[variation=square] livelike-description{font-size:16px;text-align:center;flex-grow:0;padding:5px 0 0 0;z-index:1}</style>`;const Qo=(e,t)=>t&&t[e]?function(e){let t="";return e&&Object.keys(e).forEach((n=>{const i="fontColor"===n?"color":(e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase())(n);t+=`${i}: ${e[n]};\n`})),t}(t[e]):"";const es=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],ts={".widget-tagline":es,"livelike-title":es,"livelike-description":es,".bet-details":es,".footer-text":["fontSize","lineHeight","height","marginLeft","marginRight","marginTop","marginBottom"],".bet-button":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"],".dismiss-button":["lineHeight","top","right","height"],".dismiss-button svg":["height","width"],"livelike-image img":["height","paddingLeft"],"livelike-widget-body .option-container":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-widget-footer":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".footer-container":["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom"],".footer-sponsor":["lineHeight","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","maxHeight"],".footer-sponsor img":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-widget-header div.center":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".live-total-text-options":["paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-option:not(:last-child)":["marginLeft","marginRight","marginTop","marginBottom"],"livelike-option":["borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],"livelike-progress":["paddingLeft","paddingRight","paddingTop","paddingBottom"],".percentage-container":["fontSize","lineHeight","paddingRight"],".percentage-text":["fontSize","lineHeight"],"livelike-timer":["height"]};class ns extends Ci{constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.kind="image-prediction",this.widgetPayload={id:""},this.voteCallback=e=>{e.detail&&e.detail.item&&e.detail.item.id&&!this.voted&&(this.voted=!0)},this.updateThemeStyles=e=>{this.themeStyles=Object.assign(Object.assign({},this.themeStyles),e)},this.themeUpdated=e=>{this.requestUpdate()},this.parseCustomData=e=>{this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],this.placeBetUrl=this.place_bet_url||e.placeBetUrl||e.place_bet_url||"";if(this.widgetVariation=e.widgetVariation||{"LIVE MONEYLINE":"bar","LIVE SPREAD":"square","LIVE TOTAL":"inline"}[e.type],this.setAttribute("variation",this.widgetVariation),e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;!this.widgetPayload.kind&&(this.widgetPayload.kind=t),this.themeStyles=e.theme.widgets[t.split("-")[1]]}if(e.customCss){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e.customCss),this.appendChild(t)}var t,n,i,r;e.customStyles&&(this.customStyles=e.customStyles),e.resize&&(this.resizeObserver=new ResizeObserver((t=e.widgetWidthPercentage,n=e.parentContainer,i=e.parentFullscreenWidth,r=e.wrapperContainer,e=>e.forEach((e=>{var o,s;const a=e.target;if(a){const c=Number(i)||1920,l=(null===(o=document.querySelector(n))||void 0===o?void 0:o.offsetWidth)||document.body.offsetWidth,u=((null===(s=document.querySelector(r))||void 0===s?void 0:s.offsetWidth)||document.body.offsetWidth)/c,d=Math.round(e.contentRect.width),h=l/u*(Number(t)||1);Object.keys(ts).forEach((e=>{ts[e].forEach((t=>{a.querySelectorAll(e).forEach((e=>{const n=getComputedStyle(e)[t];if(n){const i=n.split(/^(-?[0-9]*.?[0-9]+)(.+)$/).filter((e=>0!==e.length)),r=Number(i[0]),o=i[1];if(r&&!isNaN(r)&&0!==r){e.dataset[t]||(e.dataset[t]=r.toFixed(2));const n=(Number(e.dataset[t])*d/h).toFixed(2).toString()+o;e.style[t]=n}}}))}))}))}})))),this.resizeObserver.observe(this))}}static get properties(){return{voted:{type:Boolean},customData:{type:Object},custom_data:{type:Object},sponsors:{type:Array},place_bet_url:{type:String},placeBetUrl:{type:String},themeStyles:{type:Object},customStyles:{type:String},options:{type:Array},optionsRenderer:{type:Function},widgetVariation:{type:String}}}connectedCallback(){super.connectedCallback(),this.addEventListener("interacted",this.voteCallback),document.addEventListener("livelike-theme-updated",this.themeUpdated),!this.customData&&(this.customData=this.custom_data||this.widgetPayload.custom_data)}disconnectedCallbck(){super.disconnectedCallbck(),this.removeEventListener("interacted",this.voteCallback),document.removeEventListener("livelike-theme-updated",this.themeUpdated)}firstUpdated(){super.firstUpdated(),this.customData&&this.parseCustomData(this.customData),this.widgetPayload.options&&(this.options=this.widgetPayload.options),this.updateComplete.then((()=>{const e=this.querySelector("livelike-widget-root");e.updateComplete.then((()=>{const t=e.shadowRoot.querySelector("livelike-widget-bylines");t&&t.remove();const n=e.shadowRoot.querySelector("livelike-widget-reactions");n&&n.remove()}))}))}render(){const e=this.customData&&this.customData.type?U`<div class="widget-tagline">${this.customData.type}</div>`:null;return U`<template>${Zo}<style>${this.customStyles}live-moneyline,live-spread,live-total{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight?this.customData.widgetHeight:"100%"}}</style><livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header"><div class="center">${e}<livelike-title></livelike-title></div>${function(e){const t=Qo("dismiss",e.themeStyles);return U`<style>.dismiss-button{background:0 0;border:none;position:absolute;top:12px;right:16px;${t}}.dismiss-button:hover{cursor:pointer}${e.customStyles}</style><button class="dismiss-button" @click="${e.WidgetDismissClick}"><svg height="18px" width="18px" viewBox="0 0 28 28"><polygon points="28,22.398 19.594,14 28,5.602 22.398,0 14,8.402 5.598,0 0,5.602 8.398,14 0,22.398 5.598,28 14,19.598 22.398,28" style="fill:#979797"/></svg></button>`}(this)}</livelike-widget-header><livelike-widget-body>${this.widgetVariation&&this.optionsRenderer(this.options,this.customData,this.voted,this.widgetVariation)}</livelike-widget-body>${this.placeBetUrl||this.sponsors?function(e,t,n,i){const r=Qo("footer",t),o=Qo("betButton",t);return U`<style>.embet-widget livelike-widget-footer{display:flex;border-radius:0;padding:10px 16px;${r}}.embet-widget .footer-container{width:50%;display:flex;flex-direction:column;justify-content:center;margin:5px;padding:5px}.embet-widget .footer-text{height:12px;text-align:center;font-size:12px;color:#999;white-space:nowrap;margin-bottom:10px}.embet-widget .footer-sponsor{border:2px solid rgba(255,255,255,.2);max-height:40px;box-sizing:border-box}.embet-widget .footer-sponsor img{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px 10px}.embet-widget .bet-button{border-radius:3rem;padding:10px;white-space:nowrap;border-width:2px;border-style:solid;${o}}.embet-widget .bet-button:hover{cursor:pointer}.embet-widget .bet-button a{text-decoration:none;font-weight:700;color:inherit}${i}</style><livelike-widget-footer><div class="footer-container"><div class="footer-text">SPONSORED BY</div><div class="footer-sponsor">${n&&n[0]&&n[0].logo_url?U`<img src="${n[0].logo_url}" alt="${n[0].name}">`:null}</div></div><div class="footer-container"><div class="footer-text"></div><button class="bet-button"><a target="_blank" href="${e||""}">PLACE BET</a></button></div></livelike-widget-footer>`}(this.placeBetUrl,this.themeStyles,this.sponsors,this.customStyles):null}<livelike-timer class="custom-timer"></livelike-timer></livelike-widget-root></template>`}}const is=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},rs=(e,t)=>{if(e&&e.betDetails){const n=e.betDetails.find((e=>e.description===t.description));if(n)return U` <div class="bet-details">${n.bet}</div> `}},os=(e,t,n)=>U`
     <div class="option-container" ?interacted=${n}>
       ${e&&e.map(((i,r)=>U`
       <livelike-option index=${r} .option=${i}>
@@ -473,4 +473,4 @@ const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=
     `))}</div>
       <livelike-image src=${e[1].image_url} height="60px"></livelike-image>
     </div>
-  `,cs=(e,t,n,i)=>(0,{bar:os,square:ss,inline:as}[i])(e,t,n);customElements.define("live-total",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});customElements.define("live-spread",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});customElements.define("live-moneyline",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});var ls,us,ds=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};class hs extends Yo{constructor(){super(...arguments),this.getProgramFromCustomId=e=>{const t=window.LiveLike._$$;if(t&&t.ready){const n=(e,t)=>t&&encodeURI(t.replace(/{(.*?)}/g,e)),i=t.clientId,r=t.appResource[i].program_custom_id_url_template,o=n(e,r);return fetch(o).then((e=>e.json())).then((e=>{this.programid=e.id,this.widgetContainer.programid=e.id}))}return setTimeout((()=>this.getProgramFromCustomId(e)),100)},this.displayPublishedWidget=({id:e,mode:t})=>this.widgetContainer.createWidgetElement({id:e,kind:"image-prediction",mode:t})}createRenderRoot(){return this}firstUpdated(){this.widgetContainer.customWidgetRenderer=({widgetPayload:e})=>{const t=function(e){try{return JSON.parse(e)}catch(e){return null}}(e.custom_data);if(t){const e=t.type.toLowerCase().split(" ").join("-"),n=document.createElement(e);return n.customData=t,n.custom_data=t,n}}}updated(e){e.forEach(((e,t)=>{"customid"===t&&this.customid&&this.getProgramFromCustomId(this.customid),"programid"===t&&this.programid&&!this.customid&&(this.widgetContainer.programid=this.programid)}))}render(){return Ro`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${Xo(this.mode)}"></livelike-widgets>`}}ds([(ls="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(ls)},enumerable:!0,configurable:!0};if(us){const i=void 0!==t?t:e.key,r="symbol"==typeof i?Symbol():`__${i}`;n.get=function(){return void 0===this[r]&&(this[r]=this.renderRoot.querySelector(ls)),this[r]}}return void 0!==t?qo(n,e,t):zo(n,e)})],hs.prototype,"widgetContainer",void 0),ds([Ko({type:String})],hs.prototype,"customid",void 0),ds([Ko({type:String})],hs.prototype,"programid",void 0),ds([Ko({type:String})],hs.prototype,"mode",void 0),customElements.define("embet-widgets",hs);const ps=Vr.applyTheme;Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),ps(e));var fs=({widgetPayload:e,target:t})=>{const n=e.customData.type.toLowerCase().split(" ").join("-"),i=document.createElement(n);Object.keys(e).forEach((t=>i[t]=e[t])),"embet-widgets"===t.localName&&(t=t.querySelector("livelike-widgets")),t.append(i)},gs=e=>Vr.init(Object.assign({clientId:e.clientId},e)),ms=Object.assign(Object.assign({},Vr._config),{version:"0.0.16"}),vs=Vr._$$,ys=Vr.userProfile,bs=Vr.applyTheme,ws=Vr.addMessageListener,ks=Vr.removeMessageListener,_s=Vr.createUserProfile,Ps=Vr.getUserProfile,Ss=Vr.getMessageCount,xs=Vr.getMessageList,Os=Vr.sendMessage,Ts=Vr.prepareOutgoingChatMessage,Cs=Vr.updateUserProfile,Es=Vr.registerWidgetMode,Rs=Vr.getWidget,As=Vr.getPostedWidgets,Ms=Vr.addWidgetListener,js=Vr.removeWidgetListener,Ls=Vr.updateChatRoom,Ns=Vr.getChatRoom,Us=Vr.createChatRoom,Is=Vr.joinChatRoom,Ds=Vr.leaveChatRoom,$s=Vr.getChatUserMutedStatus,Bs=Vr.getChatRoomMemberships,Fs=Vr.getProfileChatRoomMemberships,Ks=Vr.getLeaderboards,qs=Vr.getLeaderboard,zs=Vr.getLeaderboardEntries,Hs=Vr.getLeaderboardProfileRank,Vs=Vr.applyLocalization,Gs=Vr.getWidgetInteractions,Ws=Vr.getSponsors,Ys=Vr.getProfileBadges,Js=Vr.getApplicationBadges,Xs=Vr.getBadgeProgress,Zs={displayPreviewWidget:fs,init:gs,_config:ms,_$$:vs,userProfile:ys,applyTheme:bs,addMessageListener:ws,removeMessageListener:ks,createUserProfile:_s,getUserProfile:Ps,getMessageCount:Ss,getMessageList:xs,sendMessage:Os,prepareOutgoingChatMessage:Ts,updateUserProfile:Cs,registerWidgetMode:Es,getWidget:Rs,getPostedWidgets:As,addWidgetListener:Ms,removeWidgetListener:js,updateChatRoom:Ls,getChatRoom:Ns,createChatRoom:Us,joinChatRoom:Is,leaveChatRoom:Ds,getChatUserMutedStatus:$s,getChatRoomMemberships:Bs,getProfileChatRoomMemberships:Fs,getLeaderboards:Ks,getLeaderboard:qs,getLeaderboardEntries:zs,getLeaderboardProfileRank:Hs,applyLocalization:Vs,getWidgetInteractions:Gs,getSponsors:Ws,getProfileBadges:Ys,getApplicationBadges:Js,getBadgeProgress:Xs};export{vs as _$$,ms as _config,ws as addMessageListener,Ms as addWidgetListener,Vs as applyLocalization,bs as applyTheme,Us as createChatRoom,_s as createUserProfile,Zs as default,fs as displayPreviewWidget,Js as getApplicationBadges,Xs as getBadgeProgress,Ns as getChatRoom,Bs as getChatRoomMemberships,$s as getChatUserMutedStatus,qs as getLeaderboard,zs as getLeaderboardEntries,Hs as getLeaderboardProfileRank,Ks as getLeaderboards,Ss as getMessageCount,xs as getMessageList,As as getPostedWidgets,Ys as getProfileBadges,Fs as getProfileChatRoomMemberships,Ws as getSponsors,Ps as getUserProfile,Rs as getWidget,Gs as getWidgetInteractions,gs as init,Is as joinChatRoom,Ds as leaveChatRoom,Ts as prepareOutgoingChatMessage,Es as registerWidgetMode,ks as removeMessageListener,js as removeWidgetListener,Os as sendMessage,Ls as updateChatRoom,Cs as updateUserProfile,ys as userProfile};
+  `,cs=(e,t,n,i)=>(0,{bar:os,square:ss,inline:as}[i])(e,t,n);customElements.define("live-total",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});customElements.define("live-spread",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});customElements.define("live-moneyline",class extends ns{constructor(){super(...arguments),this.optionsRenderer=cs}});var ls,us,ds=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};class hs extends Yo{constructor(){super(...arguments),this.getProgramFromCustomId=e=>{const t=window.LiveLike._$$;if(t&&t.ready){const n=(e,t)=>t&&encodeURI(t.replace(/{(.*?)}/g,e)),i=t.clientId,r=t.appResource[i].program_custom_id_url_template,o=n(e,r);return fetch(o).then((e=>e.json())).then((e=>{this.programid=e.id,this.widgetContainer.programid=e.id}))}return setTimeout((()=>this.getProgramFromCustomId(e)),100)},this.displayPublishedWidget=({id:e,mode:t})=>this.widgetContainer.createWidgetElement({id:e,kind:"image-prediction",mode:t})}createRenderRoot(){return this}firstUpdated(){this.widgetContainer.customWidgetRenderer=({widgetPayload:e})=>{const t=function(e){try{return JSON.parse(e)}catch(e){return null}}(e.custom_data);if(t){const e=t.type.toLowerCase().split(" ").join("-"),n=document.createElement(e);return n.customData=t,n.custom_data=t,n}}}updated(e){e.forEach(((e,t)=>{"customid"===t&&this.customid&&this.getProgramFromCustomId(this.customid),"programid"===t&&this.programid&&!this.customid&&(this.widgetContainer.programid=this.programid)}))}render(){return Ro`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${Xo(this.mode)}"></livelike-widgets>`}}ds([(ls="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(ls)},enumerable:!0,configurable:!0};if(us){const i=void 0!==t?t:e.key,r="symbol"==typeof i?Symbol():`__${i}`;n.get=function(){return void 0===this[r]&&(this[r]=this.renderRoot.querySelector(ls)),this[r]}}return void 0!==t?qo(n,e,t):zo(n,e)})],hs.prototype,"widgetContainer",void 0),ds([Ko({type:String})],hs.prototype,"customid",void 0),ds([Ko({type:String})],hs.prototype,"programid",void 0),ds([Ko({type:String})],hs.prototype,"mode",void 0),customElements.define("embet-widgets",hs);const ps=Vr.applyTheme;Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),ps(e));var fs=({widgetPayload:e,target:t})=>{const n=e.customData.type.toLowerCase().split(" ").join("-"),i=document.createElement(n);return Object.keys(e).forEach((t=>i[t]=e[t])),"embet-widgets"===t.localName&&(t=t.querySelector("livelike-widgets")),i.createVote=()=>null,i.phase="interactive",t.append(i),i.updateComplete.then((()=>Promise.resolve(i)))},gs=e=>Vr.init(Object.assign({clientId:e.clientId},e)),ms=Object.assign(Object.assign({},Vr._config),{version:"0.0.16"}),vs=Vr._$$,ys=Vr.userProfile,bs=Vr.applyTheme,ws=Vr.addMessageListener,ks=Vr.removeMessageListener,_s=Vr.createUserProfile,Ps=Vr.getUserProfile,Ss=Vr.getMessageCount,xs=Vr.getMessageList,Os=Vr.sendMessage,Ts=Vr.prepareOutgoingChatMessage,Cs=Vr.updateUserProfile,Es=Vr.registerWidgetMode,Rs=Vr.getWidget,As=Vr.getPostedWidgets,Ms=Vr.addWidgetListener,js=Vr.removeWidgetListener,Ls=Vr.updateChatRoom,Ns=Vr.getChatRoom,Us=Vr.createChatRoom,Is=Vr.joinChatRoom,Ds=Vr.leaveChatRoom,$s=Vr.getChatUserMutedStatus,Bs=Vr.getChatRoomMemberships,Fs=Vr.getProfileChatRoomMemberships,Ks=Vr.getLeaderboards,qs=Vr.getLeaderboard,zs=Vr.getLeaderboardEntries,Hs=Vr.getLeaderboardProfileRank,Vs=Vr.applyLocalization,Gs=Vr.getWidgetInteractions,Ws=Vr.getSponsors,Ys=Vr.getProfileBadges,Js=Vr.getApplicationBadges,Xs=Vr.getBadgeProgress,Zs={displayPreviewWidget:fs,init:gs,_config:ms,_$$:vs,userProfile:ys,applyTheme:bs,addMessageListener:ws,removeMessageListener:ks,createUserProfile:_s,getUserProfile:Ps,getMessageCount:Ss,getMessageList:xs,sendMessage:Os,prepareOutgoingChatMessage:Ts,updateUserProfile:Cs,registerWidgetMode:Es,getWidget:Rs,getPostedWidgets:As,addWidgetListener:Ms,removeWidgetListener:js,updateChatRoom:Ls,getChatRoom:Ns,createChatRoom:Us,joinChatRoom:Is,leaveChatRoom:Ds,getChatUserMutedStatus:$s,getChatRoomMemberships:Bs,getProfileChatRoomMemberships:Fs,getLeaderboards:Ks,getLeaderboard:qs,getLeaderboardEntries:zs,getLeaderboardProfileRank:Hs,applyLocalization:Vs,getWidgetInteractions:Gs,getSponsors:Ws,getProfileBadges:Ys,getApplicationBadges:Js,getBadgeProgress:Xs};export{vs as _$$,ms as _config,ws as addMessageListener,Ms as addWidgetListener,Vs as applyLocalization,bs as applyTheme,Us as createChatRoom,_s as createUserProfile,Zs as default,fs as displayPreviewWidget,Js as getApplicationBadges,Xs as getBadgeProgress,Ns as getChatRoom,Bs as getChatRoomMemberships,$s as getChatUserMutedStatus,qs as getLeaderboard,zs as getLeaderboardEntries,Hs as getLeaderboardProfileRank,Ks as getLeaderboards,Ss as getMessageCount,xs as getMessageList,As as getPostedWidgets,Ys as getProfileBadges,Fs as getProfileChatRoomMemberships,Ws as getSponsors,Ps as getUserProfile,Rs as getWidget,Gs as getWidgetInteractions,gs as init,Is as joinChatRoom,Ds as leaveChatRoom,Ts as prepareOutgoingChatMessage,Es as registerWidgetMode,ks as removeMessageListener,js as removeWidgetListener,Os as sendMessage,Ls as updateChatRoom,Cs as updateUserProfile,ys as userProfile};