@livelike/embet 0.0.20 → 0.0.21
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.
- package/CHANGELOG.md +6 -1
- package/embet.cjs.js +17 -21
- package/embet.cjs.min.js +15 -15
- package/embet.esm.js +84 -26
- package/embet.esm.min.js +15 -15
- package/embet.umd.js +17 -21
- package/embet.umd.min.js +15 -15
- package/package.json +1 -1
package/embet.umd.min.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* emBET SDK Version 0.0.
|
|
1
|
+
/* emBET SDK Version 0.0.21 */
|
|
2
2
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).embet={})}(this,(function(e){"use strict";!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
|
|
@@ -246,20 +246,20 @@ var Os;null===(Os=window.HTMLSlotElement)||void 0===Os||Os.prototype.assignedEle
|
|
|
246
246
|
* Copyright 2018 Google LLC
|
|
247
247
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
248
248
|
*/
|
|
249
|
-
const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.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 .widget-body-text{font-size:18px;padding:18px}.embet-widget livelike-title{text-align:center;text-transform:uppercase;font-weight:700;padding:0;display:block;width:100%}.embet-widget livelike-widget-body{border-radius:0}.embet-widget livelike-widget-footer{border-radius:0}.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] .embet-widget livelike-option{display:flex;flex-direction:column;justify-content:center}[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] .image-bet-container{display:flex;padding-top:4px;font-size:16px!important;width:100%;justify-content:center}[variation=square] .image-bet-container.no-image{height:50px}[variation=square] .percentage-container{z-index:5}[variation=square] livelike-description{font-size:16px;text-align:center;flex-grow:0;z-index:1}[variation=square] .bet-details{padding:4px}.animated-container{display:flex}.animated-wrapper{display:flex;flex-direction:column;width:100%}.animated-drawer{height:0;transition-property:height;transition-duration:.5s;transition-timing-function:ease-in-out}.animated-container.show .animated-drawer{height:100%}.animated-content{opacity:0;height:100%}.animated-container.show .animated-content{opacity:1;transition-property:opacity;transition-duration:.5s;transition-delay:.5s;transition-timing-function:ease}.embet-widget .insights{padding-bottom:16px}.insight-table{border-collapse:collapse;margin:0 auto}.insight-table tr[idx='0']{border-bottom:1px solid #ddd}.insight-table tr:not([idx='0']) td{padding:4px 16px}.insight-table td{text-align:center}.insight-table td.highlighted{background:#f3e26654}.insight-table td.highlighted:first-of-type{border-radius:4px 0 0 4px}.insight-table td.highlighted:last-of-type{border-radius:0 4px 4px 0}.label-container{display:flex;justify-content:space-between;padding:4px 0 1px 0}.bar-container{display:flex}.bar-wrap{width:100%;background:grey}.bar-wrap.left{transform:rotate(180deg)}.progress-bar{height:3px}.progress-bar.left{background:orange}.progress-bar.right{background:#00f}</style>`;const Es=(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 Cs=["paddingLeft","paddingRight","paddingTop","paddingBottom"],Rs=["marginLeft","marginRight","marginTop","marginBottom"],As=["fontSize","lineHeight",...Cs],Ms=["borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"],Is={".widget-tagline":As,"livelike-title":As,"livelike-description":As,".bet-details":As,".footer-text":["fontSize","lineHeight","height",...Rs],".bet-button":["fontSize","lineHeight","borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius",...Cs,...Ms],".dismiss-button":["lineHeight","top","right","height"],".dismiss-button svg":["height","width"],"livelike-image img":["height","paddingLeft"],"livelike-widget-body .option-container":Cs,"livelike-widget-footer":Cs,".footer-container":[...Cs,...Rs],".footer-sponsor":["lineHeight","maxHeight",...Ms],".footer-sponsor img":Cs,"livelike-widget-header div.center":Cs,".live-total-text-options":Cs,"livelike-option:not(:last-child)":Rs,"livelike-option":Ms,"livelike-progress":Cs,".percentage-container":["fontSize","lineHeight","paddingRight"],".percentage-text":["fontSize","lineHeight"],"livelike-timer":["height"]};customElements.define("animated-container",class extends ks{firstUpdated(){this.updateComplete.then((()=>{setTimeout((()=>{const e=this.shadowRoot.querySelector(".animated-content");console.log("content",e),e.classList.add("show")}),2e3)}))}render(){return is`<style>:host{height:0;display:flex;flex-direction:column}.animated-wrapper{display:flex;flex-direction:column}.animated-content{background:#027658bf;flex-basis:0;overflow:hidden;transition:1s}.animated-content.show{flex:1}</style><div class="animated-wrapper"><div class="animated-content"><slot></slot></div></div>`}});var Ls=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 js extends ks{constructor(){super(...arguments),this.start=()=>{const e=(new Date).getTime(),t=()=>{this.timeLeft=this.timeout-((new Date).getTime()-e);const n=100*(1-this.timeLeft/this.timeout);this.percent=n>100?100:n,this.timeLeft>0&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}}createRenderRoot(){return this}firstUpdated(){this.start(),this.newTime=this.timeout/1e3;const e=setInterval((()=>{this.newTime-=1,0===this.newTime&&clearInterval(e)}),1e3)}render(){var e,t;const n=e=>{var t,n;return null===(n=null===(t=this.themeStyles)||void 0===t?void 0:t.roundTimer)||void 0===n?void 0:n[e]},i=n("background"),r=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.header)||void 0===t?void 0:t.background,o=`conic-gradient(#58585896 ${this.percent}%, ${i} ${this.percent}%)`,s=this.newTime>0?"":"transparent",a=n("height")||30,l=a-2*n("barWidth"),c=l||0===l?l:24;return is`<style>round-timer{position:absolute;margin:10px}.timer-container{position:relative;display:flex;justify-content:center;align-items:center}.progress-spinner{border-radius:50%;height:${a+"px"};width:${a+"px"};background:${o}}.middle-circle{position:absolute;border-radius:50%;height:${c+"px"};width:${c+"px"};background-color:${r};display:flex;align-items:center;justify-content:center;font-size:${n("fontSize")};font-weight:${n("fontWeight")};font-family:${n("fontFamily")};color:${n("color")};transition:color .5s ease}.middle-circle.transparent{color:transparent}</style><div class="timer-container"><div class="middle-circle ${s}">${this.newTime}</div><div class="progress-spinner"></div></div>`}}Ls([Ss({type:Number})],js.prototype,"timeout",void 0),Ls([Ss({type:Number})],js.prototype,"timeLeft",void 0),Ls([Ss({type:Number})],js.prototype,"newTime",void 0),Ls([Ss({type:Number})],js.prototype,"percent",void 0),Ls([Ss({type:Object})],js.prototype,"owner",void 0),Ls([Ss({type:Object})],js.prototype,"themeStyles",void 0),customElements.define("round-timer",js);class Us extends jr{constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.allowDismiss=!0,this.kind="image-prediction",this.widgetPayload={id:""},this.timer="bar",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.timeout&&e.timeout&&(this.timeout=e.timeout),e.timer&&(this.timer=e.timer),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","LIVE AT BAT":"square","LIVE STATS ODDS":"square"}[e.type],this.setAttribute("variation",this.widgetVariation),e.theme&&e.theme.widgets){Oo.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(console.log("resize",e),a){const l=Number(i)||1920,c=(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)/l,d=Math.round(e.contentRect.width),h=c/u*(Number(t)||.3);Object.keys(Is).forEach((e=>{Is[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)),this.animateBetContent(e.animationDelay)},this.animateBetContent=e=>{const t=void 0!==e?e:0;String(t)&&null!==t&&setTimeout((()=>{var e;return null===(e=this.querySelector(".animated-container"))||void 0===e?void 0:e.classList.add("show")}),t)}}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},allowDismiss:{type:Boolean},timer:{type:String,reflect:!0},timeout:{type:Number,reflect:!0}}}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.disconnectedCallback(),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(){var e,t,n,i;const r=this.customData&&this.customData.type?$`<div class="widget-tagline">${this.customData.type}</div>`:null,o=this.customData&&this.customData.bodyText?$`<div class="widget-body-text">${this.customData.bodyText}</div>`:null,s=this.insightsRenderer?$`<div class="insights">${this.insightsRenderer(this.customData)}</div>`:null,a=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.insights)||void 0===t?void 0:t.background,l=null===(i=null===(n=this.themeStyles)||void 0===n?void 0:n.animatedBet)||void 0===i?void 0:i.background,c="LIVE AT BAT"===this.customData.type||"LIVE STATS ODDS"===this.customData.type,u="round"===this.timer&&this.themeStyles?$`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return $`<template>${Ts}<style>${this.customStyles}:host{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight||"100%"}}.embet-widget .insights{background:${a}}.animated-drawer{background:${l}}</style><livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header">${u}<div class="center">${r} ${o}</div>${function(e){const t=Es("dismiss",e.themeStyles),n=e.allowDismiss?e.widgetDismissClick:()=>null;return $`<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="${n}"><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>${s}<div class="animated-container ${c?"":"show"}"><div class="animated-wrapper"><div class="animated-drawer"><div class="animated-content"><livelike-widget-body><livelike-title></livelike-title>${this.widgetVariation&&this.optionsRenderer(this.options,this.customData,this.voted,this.widgetVariation)} ${this.placeBetUrl||this.sponsors?function(e,t,n,i){const r=Es("footer",t),o=Es("betButton",t);return $`<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?$`<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} ${"bar"===this.timer?$`<livelike-timer class="custom-timer"></livelike-timer>`:null}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`}}const Ns=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),$s=e=>t=>{Ns(e,t)};var 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};const Bs=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},Fs=(e,t)=>{if(e&&e.betDetails){const n=e.betDetails.find((e=>e.description===t.description));if(n)return $` <div class="bet-details">${n.bet}</div> `}},Ks=(e,t,n)=>$`
|
|
249
|
+
const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.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 .widget-body-text{font-size:18px;padding:18px}.embet-widget livelike-title{text-align:center;text-transform:uppercase;font-weight:700;padding:0;display:block;width:100%}.embet-widget livelike-widget-body{border-radius:0}.embet-widget livelike-widget-footer{border-radius:0}.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] .embet-widget livelike-option{display:flex;flex-direction:column;justify-content:center}[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] .image-bet-container{display:flex;padding-top:4px;font-size:16px!important;width:100%;justify-content:center}[variation=square] .image-bet-container.no-image{height:50px}[variation=square] .percentage-container{z-index:5}[variation=square] livelike-description{font-size:16px;text-align:center;flex-grow:0;z-index:1}[variation=square] .bet-details{padding:4px}.animated-container{display:flex}.animated-wrapper{display:flex;flex-direction:column;width:100%}.animated-drawer{height:0;transition-property:height;transition-duration:.5s;transition-timing-function:ease-in-out}.animated-container.show .animated-drawer{height:100%}.animated-content{opacity:0;height:100%}.animated-container.show .animated-content{opacity:1;transition-property:opacity;transition-duration:.5s;transition-delay:.5s;transition-timing-function:ease}.embet-widget .insights{padding-bottom:16px}.insight-table{border-collapse:collapse;margin:0 auto}.insight-table tr[idx='0']{border-bottom:1px solid #ddd}.insight-table tr:not([idx='0']) td{padding:4px 16px}.insight-table td{text-align:center}.insight-table td.highlighted{background:#f3e26654}.insight-table td.highlighted:first-of-type{border-radius:4px 0 0 4px}.insight-table td.highlighted:last-of-type{border-radius:0 4px 4px 0}.label-container{display:flex;justify-content:space-between;padding:4px 0 1px 0}.bar-container{display:flex}.bar-wrap{width:100%;background:grey}.bar-wrap.left{transform:rotate(180deg)}.progress-bar{height:3px}.progress-bar.left{background:orange}.progress-bar.right{background:#00f}</style>`;const Es=(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 Cs=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],Rs={".widget-tagline":Cs,"livelike-title":Cs,"livelike-description":Cs,".bet-details":Cs,".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"]};customElements.define("animated-container",class extends ks{firstUpdated(){this.updateComplete.then((()=>{setTimeout((()=>{const e=this.shadowRoot.querySelector(".animated-content");console.log("content",e),e.classList.add("show")}),2e3)}))}render(){return is`<style>:host{height:0;display:flex;flex-direction:column}.animated-wrapper{display:flex;flex-direction:column}.animated-content{background:#027658bf;flex-basis:0;overflow:hidden;transition:1s}.animated-content.show{flex:1}</style><div class="animated-wrapper"><div class="animated-content"><slot></slot></div></div>`}});var As=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 Ms extends ks{constructor(){super(...arguments),this.start=()=>{const e=(new Date).getTime(),t=()=>{this.timeLeft=this.timeout-((new Date).getTime()-e);const n=100*(1-this.timeLeft/this.timeout);this.percent=n>100?100:n,this.timeLeft>0&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}}createRenderRoot(){return this}firstUpdated(){this.start(),this.newTime=this.timeout/1e3;const e=setInterval((()=>{this.newTime-=1,0===this.newTime&&clearInterval(e)}),1e3)}render(){var e,t;const n=e=>{var t,n;return null===(n=null===(t=this.themeStyles)||void 0===t?void 0:t.roundTimer)||void 0===n?void 0:n[e]},i=n("background"),r=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.header)||void 0===t?void 0:t.background,o=`conic-gradient(#58585896 ${this.percent}%, ${i} ${this.percent}%)`,s=this.newTime>0?"":"transparent",a=n("height")||30,l=a-2*n("barWidth"),c=l||0===l?l:24;return is`<style>round-timer{position:absolute;margin:10px}.timer-container{position:relative;display:flex;justify-content:center;align-items:center}.progress-spinner{border-radius:50%;height:${a+"px"};width:${a+"px"};background:${o}}.middle-circle{position:absolute;border-radius:50%;height:${c+"px"};width:${c+"px"};background-color:${r};display:flex;align-items:center;justify-content:center;font-size:${n("fontSize")};font-weight:${n("fontWeight")};font-family:${n("fontFamily")};color:${n("color")};transition:color .5s ease}.middle-circle.transparent{color:transparent}</style><div class="timer-container"><div class="middle-circle ${s}">${this.newTime}</div><div class="progress-spinner"></div></div>`}}As([Ss({type:Number})],Ms.prototype,"timeout",void 0),As([Ss({type:Number})],Ms.prototype,"timeLeft",void 0),As([Ss({type:Number})],Ms.prototype,"newTime",void 0),As([Ss({type:Number})],Ms.prototype,"percent",void 0),As([Ss({type:Object})],Ms.prototype,"owner",void 0),As([Ss({type:Object})],Ms.prototype,"themeStyles",void 0),customElements.define("round-timer",Ms);class Is extends jr{constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.allowDismiss=!0,this.kind="image-prediction",this.widgetPayload={id:""},this.timer="bar",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.timeout&&e.timeout&&(this.timeout=e.timeout),e.timer&&(this.timer=e.timer),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","LIVE AT BAT":"square","LIVE STATS ODDS":"square"}[e.type],this.setAttribute("variation",this.widgetVariation),e.theme&&e.theme.widgets){Oo.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 l=Number(i)||1920,c=(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)/l,d=Math.round(e.contentRect.width),h=c/u*(Number(t)||1);Object.keys(Rs).forEach((e=>{Rs[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)),this.animateBetContent(e.animationDelay)},this.animateBetContent=e=>{const t=void 0!==e?e:0;String(t)&&null!==t&&setTimeout((()=>{var e;return null===(e=this.querySelector(".animated-container"))||void 0===e?void 0:e.classList.add("show")}),t)}}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},allowDismiss:{type:Boolean},timer:{type:String,reflect:!0},timeout:{type:Number,reflect:!0}}}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.disconnectedCallback(),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(){var e,t,n,i;const r=this.customData&&this.customData.type?$`<div class="widget-tagline">${this.customData.type}</div>`:null,o=this.customData&&this.customData.bodyText?$`<div class="widget-body-text">${this.customData.bodyText}</div>`:null,s=this.insightsRenderer?$`<div class="insights">${this.insightsRenderer(this.customData)}</div>`:null,a=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.insights)||void 0===t?void 0:t.background,l=null===(i=null===(n=this.themeStyles)||void 0===n?void 0:n.animatedBet)||void 0===i?void 0:i.background,c="LIVE AT BAT"===this.customData.type||"LIVE STATS ODDS"===this.customData.type,u="round"===this.timer&&this.themeStyles?$`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return $`<template>${Ts}<style>${this.customStyles}:host{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight||"100%"}}.embet-widget .insights{background:${a}}.animated-drawer{background:${l}}</style><livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header">${u}<div class="center">${r} ${o}</div>${function(e){const t=Es("dismiss",e.themeStyles),n=e.allowDismiss?e.widgetDismissClick:()=>null;return $`<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="${n}"><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>${s}<div class="animated-container ${c?"":"show"}"><div class="animated-wrapper"><div class="animated-drawer"><div class="animated-content"><livelike-widget-body><livelike-title></livelike-title>${this.widgetVariation&&this.optionsRenderer(this.options,this.customData,this.voted,this.widgetVariation)} ${this.placeBetUrl||this.sponsors?function(e,t,n,i){const r=Es("footer",t),o=Es("betButton",t);return $`<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?$`<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} ${"bar"===this.timer?$`<livelike-timer class="custom-timer"></livelike-timer>`:null}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`}}const Ls=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),js=e=>t=>{Ls(e,t)};var 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};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},$s=(e,t)=>{if(e&&e.betDetails){const n=e.betDetails.find((e=>e.description===t.description));if(n)return $` <div class="bet-details">${n.bet}</div> `}},Ds=(e,t,n)=>$`
|
|
250
250
|
<div class="option-container" ?interacted=${n}>
|
|
251
251
|
${e&&e.map(((i,r)=>$`
|
|
252
252
|
<livelike-option index=${r} .option=${i}>
|
|
253
253
|
<div class="option-image-wrap">
|
|
254
254
|
<livelike-image src=${i.image_url} height="40px"></livelike-image>
|
|
255
255
|
<livelike-description .description=${i.description}></livelike-description>
|
|
256
|
-
${
|
|
256
|
+
${$s(t,i)}
|
|
257
257
|
<livelike-progress
|
|
258
|
-
.value=${
|
|
258
|
+
.value=${Ns(e,i)}
|
|
259
259
|
></livelike-progress>
|
|
260
260
|
<div class="percentage-container">
|
|
261
261
|
<livelike-percentage
|
|
262
|
-
.value=${
|
|
262
|
+
.value=${Ns(e,i)}
|
|
263
263
|
></livelike-percentage>
|
|
264
264
|
${n?$` <span class="percentage-text">of votes</span> `:null}
|
|
265
265
|
</div>
|
|
@@ -267,7 +267,7 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
267
267
|
</livelike-option>
|
|
268
268
|
`))}
|
|
269
269
|
</div>
|
|
270
|
-
`,
|
|
270
|
+
`,Bs=(e,t,n)=>$`
|
|
271
271
|
<style>
|
|
272
272
|
[variation='square'] .image-grid {
|
|
273
273
|
grid-template-columns: repeat(${e.length}, 1fr);
|
|
@@ -279,7 +279,7 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
279
279
|
}
|
|
280
280
|
</style>
|
|
281
281
|
<div class="image-grid" ?interacted=${n}>
|
|
282
|
-
${e&&e.map(((i,r)=>{const o=
|
|
282
|
+
${e&&e.map(((i,r)=>{const o=Ns(e,i),s=i.image_url?$`<livelike-image src=${i.image_url} height="50px"></livelike-image>`:null;return $`
|
|
283
283
|
<style>
|
|
284
284
|
[variation='square'] .image-grid[interacted] .square-option-${r}:after {
|
|
285
285
|
background: linear-gradient(
|
|
@@ -303,7 +303,7 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
303
303
|
${s}
|
|
304
304
|
<livelike-description .description=${i.description}></livelike-description>
|
|
305
305
|
</div>
|
|
306
|
-
${
|
|
306
|
+
${$s(t,i)}
|
|
307
307
|
<div class="percentage-container">
|
|
308
308
|
<livelike-percentage .value=${o}></livelike-percentage>
|
|
309
309
|
${n?$` <span class="percentage-text">of votes</span> `:null}
|
|
@@ -311,20 +311,20 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
311
311
|
</livelike-option>
|
|
312
312
|
`}))}
|
|
313
313
|
</div>
|
|
314
|
-
`,
|
|
314
|
+
`,Fs=(e,t,n)=>$`
|
|
315
315
|
<div class="option-container" ?interacted=${n}>
|
|
316
316
|
<livelike-image src=${e[0].image_url} height="60px"></livelike-image>
|
|
317
317
|
<div class="live-total-text-options">${e&&e.map(((i,r)=>$`
|
|
318
318
|
<livelike-option index=${r} .option=${i}>
|
|
319
319
|
<div class="option-image-wrap">
|
|
320
320
|
<livelike-description .description=${i.description}></livelike-description>
|
|
321
|
-
${
|
|
321
|
+
${$s(t,i)}
|
|
322
322
|
<livelike-progress
|
|
323
|
-
.value=${
|
|
323
|
+
.value=${Ns(e,i)}
|
|
324
324
|
></livelike-progress>
|
|
325
325
|
<div class="percentage-container">
|
|
326
326
|
<livelike-percentage
|
|
327
|
-
.value=${
|
|
327
|
+
.value=${Ns(e,i)}
|
|
328
328
|
></livelike-percentage>
|
|
329
329
|
${n?$` <span class="percentage-text">of votes</span> `:null}
|
|
330
330
|
</div>
|
|
@@ -336,7 +336,7 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
336
336
|
height="60px"
|
|
337
337
|
></livelike-image>
|
|
338
338
|
</div>
|
|
339
|
-
`,
|
|
339
|
+
`,Ks=(e,t,n,i)=>(0,{bar:Ds,square:Bs,inline:Fs}[i])(e,t,n),qs=e=>{return e.table?(e=>{const t=e.reduce(((e,t)=>(e[t.rowIndex]=[...e[t.rowIndex]||[],t],e)),[]).map((e=>e.sort(((e,t)=>e.columnIndex-t.columnIndex)))),n=e=>$`<td class=${e.isHighlighted?"highlighted":""}>${e.value}</td>`;return $`
|
|
340
340
|
<table class="insight-table">
|
|
341
341
|
${t.length?t.map(((e,t)=>$`<tr idx=${t}>
|
|
342
342
|
${e.map(n)}
|
|
@@ -364,10 +364,10 @@ const Ts=$`<style>.embet-widget livelike-widget-header{border-radius:0}.embet-wi
|
|
|
364
364
|
></div>
|
|
365
365
|
</div>
|
|
366
366
|
</div>
|
|
367
|
-
</div>`})):null}</div>`):null;var t};let
|
|
367
|
+
</div>`})):null}</div>`):null;var t};let zs=class extends Is{constructor(){super(...arguments),this.optionsRenderer=Ks}};zs=Us([js("live-total")],zs);let Hs=class extends Is{constructor(){super(...arguments),this.optionsRenderer=Ks}};Hs=Us([js("live-spread")],Hs);let Gs=class extends Is{constructor(){super(...arguments),this.optionsRenderer=Ks}};Gs=Us([js("live-moneyline")],Gs);let Vs=class extends Is{constructor(){super(...arguments),this.optionsRenderer=Ks,this.insightsRenderer=qs}};Vs=Us([js("live-at-bat")],Vs);let Ws=class extends Is{constructor(){super(...arguments),this.optionsRenderer=Ks,this.insightsRenderer=qs}};Ws=Us([js("live-stats-odds")],Ws);var Xs=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 Ys extends ks{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(){return this.widgetContainer.customWidgetRenderer=({widgetPayload:e})=>{if("image-prediction"===e.kind||"text-prediction"===e.kind){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}}},null}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 is`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${(e=>null!=e?e:os)(this.mode)}"></livelike-widgets>`}}Xs([
|
|
368
368
|
/**
|
|
369
369
|
* @license
|
|
370
370
|
* Copyright 2017 Google LLC
|
|
371
371
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
372
372
|
*/
|
|
373
|
-
function(e,t){return(({finisher:e,descriptor:t})=>(n,i)=>{var r;if(void 0===i){const i=null!==(r=n.originalKey)&&void 0!==r?r:n.key,o=null!=t?{kind:"method",placement:"prototype",key:i,descriptor:t(n.key)}:{...n,key:i};return null!=e&&(o.finisher=function(t){e(t,i)}),o}{const r=n.constructor;void 0!==t&&Object.defineProperty(n,i,t(i)),null==e||e(r,i)}})({descriptor:n=>{const i={get(){var t,n;return null!==(n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e))&&void 0!==n?n:null},enumerable:!0,configurable:!0};if(t){const t="symbol"==typeof n?Symbol():"__"+n;i.get=function(){var n,i;return void 0===this[t]&&(this[t]=null!==(i=null===(n=this.renderRoot)||void 0===n?void 0:n.querySelector(e))&&void 0!==i?i:null),this[t]}}return i}})}("livelike-widgets")],
|
|
373
|
+
function(e,t){return(({finisher:e,descriptor:t})=>(n,i)=>{var r;if(void 0===i){const i=null!==(r=n.originalKey)&&void 0!==r?r:n.key,o=null!=t?{kind:"method",placement:"prototype",key:i,descriptor:t(n.key)}:{...n,key:i};return null!=e&&(o.finisher=function(t){e(t,i)}),o}{const r=n.constructor;void 0!==t&&Object.defineProperty(n,i,t(i)),null==e||e(r,i)}})({descriptor:n=>{const i={get(){var t,n;return null!==(n=null===(t=this.renderRoot)||void 0===t?void 0:t.querySelector(e))&&void 0!==n?n:null},enumerable:!0,configurable:!0};if(t){const t="symbol"==typeof n?Symbol():"__"+n;i.get=function(){var n,i;return void 0===this[t]&&(this[t]=null!==(i=null===(n=this.renderRoot)||void 0===n?void 0:n.querySelector(e))&&void 0!==i?i:null),this[t]}}return i}})}("livelike-widgets")],Ys.prototype,"widgetContainer",void 0),Xs([Ss({type:String})],Ys.prototype,"customid",void 0),Xs([Ss({type:String})],Ys.prototype,"programid",void 0),Xs([Ss({type:String})],Ys.prototype,"mode",void 0),customElements.define("embet-widgets",Ys);const Js=Oo.applyTheme;Oo.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),Js(e));var Zs=({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)))},Qs=e=>Oo.init(Object.assign({clientId:e.clientId},e)),ea=Object.assign(Object.assign({},Oo._config),{version:"0.0.21"}),ta=Oo._$$,na=Oo.userProfile,ia=Oo.applyTheme,ra=Oo.addMessageListener,oa=Oo.removeMessageListener,sa=Oo.createUserProfile,aa=Oo.getUserProfile,la=Oo.getMessageCount,ca=Oo.getMessageList,ua=Oo.sendMessage,da=Oo.prepareOutgoingChatMessage,ha=Oo.updateUserProfile,pa=Oo.registerWidgetMode,fa=Oo.getWidget,ga=Oo.getPostedWidgets,ma=Oo.addWidgetListener,va=Oo.removeWidgetListener,ya=Oo.updateChatRoom,ba=Oo.getChatRoom,wa=Oo.createChatRoom,_a=Oo.joinChatRoom,ka=Oo.leaveChatRoom,Pa=Oo.getChatUserMutedStatus,xa=Oo.getChatRoomMemberships,Sa=Oo.getProfileChatRoomMemberships,Oa=Oo.getLeaderboards,Ta=Oo.getLeaderboard,Ea=Oo.getLeaderboardEntries,Ca=Oo.getLeaderboardProfileRank,Ra=Oo.applyLocalization,Aa=Oo.getWidgetInteractions,Ma=Oo.getSponsors,Ia=Oo.getProfileBadges,La=Oo.getApplicationBadges,ja=Oo.getBadgeProgress,Ua={displayPreviewWidget:Zs,init:Qs,_config:ea,_$$:ta,userProfile:na,applyTheme:ia,addMessageListener:ra,removeMessageListener:oa,createUserProfile:sa,getUserProfile:aa,getMessageCount:la,getMessageList:ca,sendMessage:ua,prepareOutgoingChatMessage:da,updateUserProfile:ha,registerWidgetMode:pa,getWidget:fa,getPostedWidgets:ga,addWidgetListener:ma,removeWidgetListener:va,updateChatRoom:ya,getChatRoom:ba,createChatRoom:wa,joinChatRoom:_a,leaveChatRoom:ka,getChatUserMutedStatus:Pa,getChatRoomMemberships:xa,getProfileChatRoomMemberships:Sa,getLeaderboards:Oa,getLeaderboard:Ta,getLeaderboardEntries:Ea,getLeaderboardProfileRank:Ca,applyLocalization:Ra,getWidgetInteractions:Aa,getSponsors:Ma,getProfileBadges:Ia,getApplicationBadges:La,getBadgeProgress:ja};e._$$=ta,e._config=ea,e.addMessageListener=ra,e.addWidgetListener=ma,e.applyLocalization=Ra,e.applyTheme=ia,e.createChatRoom=wa,e.createUserProfile=sa,e.default=Ua,e.displayPreviewWidget=Zs,e.getApplicationBadges=La,e.getBadgeProgress=ja,e.getChatRoom=ba,e.getChatRoomMemberships=xa,e.getChatUserMutedStatus=Pa,e.getLeaderboard=Ta,e.getLeaderboardEntries=Ea,e.getLeaderboardProfileRank=Ca,e.getLeaderboards=Oa,e.getMessageCount=la,e.getMessageList=ca,e.getPostedWidgets=ga,e.getProfileBadges=Ia,e.getProfileChatRoomMemberships=Sa,e.getSponsors=Ma,e.getUserProfile=aa,e.getWidget=fa,e.getWidgetInteractions=Aa,e.init=Qs,e.joinChatRoom=_a,e.leaveChatRoom=ka,e.prepareOutgoingChatMessage=da,e.registerWidgetMode=pa,e.removeMessageListener=oa,e.removeWidgetListener=va,e.sendMessage=ua,e.updateChatRoom=ya,e.updateUserProfile=ha,e.userProfile=na,Object.defineProperty(e,"__esModule",{value:!0})}));
|