@livelike/embet 0.0.15 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +220 -229
  3. package/embet.cjs.js +444 -235
  4. package/embet.cjs.min.js +30 -25
  5. package/embet.esm.js +399 -257
  6. package/embet.esm.min.js +18 -13
  7. package/embet.umd.js +444 -235
  8. package/embet.umd.min.js +27 -22
  9. package/index.html +332 -0
  10. package/j.js +0 -0
  11. package/package.json +1 -1
  12. package/tt.js +8 -0
package/embet.esm.min.js CHANGED
@@ -1,4 +1,4 @@
1
- /* emBET SDK Version 0.0.15 */
1
+ /* emBET SDK Version 0.0.16 */
2
2
  !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)}();
3
3
  /**
4
4
  * @license
@@ -386,20 +386,20 @@ found at http://polymer.github.io/PATENTS.txt
386
386
  * subject to an additional IP rights grant found at
387
387
  * http://polymer.github.io/PATENTS.txt
388
388
  */
389
- 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}.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={".widget-tagline":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-title":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],"livelike-description":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],".bet-details":["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],".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"],".option-container 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"],".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 ts extends Ci{constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,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.place_bet_url=this.customData.place_bet_url||"";const t={"LIVE MONEYLINE":"bar","LIVE SPREAD":"square","LIVE TOTAL":"inline"}[this.customData.type];if(this.widgetVariation=this.customData.widgetVariation||t,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)}if(e.customStyles&&(this.customStyles=e.customStyles),!e.disableResizing){const t=e.widgetWidthPercentage,n=e.parentContainer;this.resizeObserver=new ResizeObserver(((e,t)=>n=>n.forEach((n=>{const i=n.target;if(i){const r=Math.round(n.contentRect.width),o=t&&document.querySelector(t),s=(o?o.offsetWidth:document.body.offsetWidth)*(Number(e)||.3),a="hasBeenResized",c=i.classList.contains(a),l=Number(i.dataset.lastWidgetWidth);let u=!1;if(l+1===r||l-1===r)return;Object.keys(es).forEach((e=>{es[e].forEach((t=>{i.querySelectorAll(e).forEach((e=>{const n=getComputedStyle(e)[t];if(n){const o=n.split(/^(-?[0-9]*.?[0-9]+)(.+)$/).filter((e=>0!==e.length)),a=o[0],l=o[1];if(a&&!isNaN(Number(a))&&0!==Number(a)){const n=((c?Number(a)*s/Number(i.dataset.lastWidgetWidth):Number(a))*r/s).toString()+l;e.style[t]=n,u=!0}}}))}))})),u&&(i.dataset.lastWidgetWidth=String(r)),!c&&u&&i.classList.add(a)}})))(t,n)),this.resizeObserver.observe(this)}}}static get properties(){return{voted:{type:Boolean},customData:{type:Object},sponsors:{type:Array},place_bet_url:{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)}disconnectedCallbck(){super.disconnectedCallbck(),this.removeEventListener("interacted",this.voteCallback),document.addEventListener("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>${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.place_bet_url,this.themeStyles,this.sponsors,this.customStyles)}<livelike-timer class="custom-timer"></livelike-timer></livelike-widget-root></template>`;var t}}const ns=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},is=(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> `}},rs=(e,t,n)=>U`
389
+ 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`
390
390
  <div class="option-container" ?interacted=${n}>
391
391
  ${e&&e.map(((i,r)=>U`
392
392
  <livelike-option index=${r} .option=${i}>
393
393
  <div class="option-image-wrap">
394
394
  <livelike-image src=${i.image_url} height="40px"></livelike-image>
395
395
  <livelike-description .description=${i.description}></livelike-description>
396
- ${is(t,i)}
396
+ ${rs(t,i)}
397
397
  <livelike-progress
398
- .value=${ns(e,i)}
398
+ .value=${is(e,i)}
399
399
  ></livelike-progress>
400
400
  <div class="percentage-container">
401
401
  <livelike-percentage
402
- .value=${ns(e,i)}
402
+ .value=${is(e,i)}
403
403
  ></livelike-percentage>
404
404
  ${n?U` <span class="percentage-text">of votes</span> `:null}
405
405
  </div>
@@ -407,14 +407,19 @@ const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=
407
407
  </livelike-option>
408
408
  `))}
409
409
  </div>
410
- `,os=(e,t,n)=>U`
410
+ `,ss=(e,t,n)=>U`
411
411
  <style>
412
412
  [variation='square'] .image-grid {
413
413
  grid-template-columns: repeat(${e.length}, 1fr);
414
414
  }
415
+ @media screen and (max-width: 480px) {
416
+ [variation='square'] .image-grid {
417
+ grid-template-columns: repeat(1, 1fr);
418
+ }
419
+ }
415
420
  </style>
416
421
  <div class="image-grid" ?interacted=${n}>
417
- ${e&&e.map(((i,r)=>{const o=ns(e,i);return U`
422
+ ${e&&e.map(((i,r)=>{const o=is(e,i);return U`
418
423
  <style>
419
424
  [variation='square'] .image-grid[interacted] .square-option-${r}:after {
420
425
  background: linear-gradient(
@@ -437,7 +442,7 @@ const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=
437
442
  <livelike-image src=${i.image_url} height="60px"></livelike-image>
438
443
  <div class="live-spread-option-text">
439
444
  <livelike-description .description=${i.description}></livelike-description>
440
- ${is(t,i)}
445
+ ${rs(t,i)}
441
446
  <div class="percentage-container">
442
447
  <livelike-percentage .value=${o}></livelike-percentage>
443
448
  ${n?U` <span class="percentage-text">of votes</span> `:null}
@@ -446,20 +451,20 @@ const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=
446
451
  </livelike-option>
447
452
  `}))}
448
453
  </div>
449
- `,ss=(e,t,n)=>U`
454
+ `,as=(e,t,n)=>U`
450
455
  <div class="option-container" ?interacted=${n}>
451
456
  <livelike-image src=${e[0].image_url} height="60px"></livelike-image>
452
457
  <div class="live-total-text-options">${e&&e.map(((i,r)=>U`
453
458
  <livelike-option index=${r} .option=${i}>
454
459
  <div class="option-image-wrap">
455
460
  <livelike-description .description=${i.description}></livelike-description>
456
- ${is(t,i)}
461
+ ${rs(t,i)}
457
462
  <livelike-progress
458
- .value=${ns(e,i)}
463
+ .value=${is(e,i)}
459
464
  ></livelike-progress>
460
465
  <div class="percentage-container">
461
466
  <livelike-percentage
462
- .value=${ns(e,i)}
467
+ .value=${is(e,i)}
463
468
  ></livelike-percentage>
464
469
  ${n?U` <span class="percentage-text">of votes</span> `:null}
465
470
  </div>
@@ -468,4 +473,4 @@ const Jo=new WeakMap,Xo=(e=>(...t)=>{const n=e(...t);return so.set(n,!0),n})((e=
468
473
  `))}</div>
469
474
  <livelike-image src=${e[1].image_url} height="60px"></livelike-image>
470
475
  </div>
471
- `,as=(e,t,n,i)=>(0,{bar:rs,square:os,inline:ss}[i])(e,t,n);customElements.define("live-total",class extends ts{constructor(){super(...arguments),this.optionsRenderer=as}});customElements.define("live-spread",class extends ts{constructor(){super(...arguments),this.optionsRenderer=as}});customElements.define("live-moneyline",class extends ts{constructor(){super(...arguments),this.optionsRenderer=as}});var cs,ls,us=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 ds 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)}}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}}}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>`}}us([(cs="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(cs)},enumerable:!0,configurable:!0};if(ls){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(cs)),this[r]}}return void 0!==t?qo(n,e,t):zo(n,e)})],ds.prototype,"widgetContainer",void 0),us([Ko({type:String})],ds.prototype,"customid",void 0),us([Ko({type:String})],ds.prototype,"programid",void 0),us([Ko({type:String})],ds.prototype,"mode",void 0),customElements.define("embet-widgets",ds);const hs=Vr.applyTheme;function ps(e){return Vr.init(Object.assign({clientId:e.clientId},e))}Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),hs(e));const fs={init:ps};window.embet=fs;export{fs as default,ps as init};
476
+ `,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};