@livelike/embet 0.0.3 → 0.0.4
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 +4 -0
- package/README.md +26 -12
- package/embet.cjs.js +50 -10
- package/embet.cjs.min.js +3 -2
- package/embet.esm.js +453 -419
- package/embet.esm.min.js +3 -2
- package/embet.umd.js +50 -10
- package/embet.umd.min.js +3 -2
- package/package.json +2 -2
package/embet.esm.min.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
/* emBET SDK Version 0.0.
|
|
1
|
+
/* emBET SDK Version 0.0.4 */
|
|
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)}();
|
|
2
3
|
/**
|
|
3
4
|
* @license
|
|
4
5
|
* Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
|
|
@@ -385,4 +386,4 @@ found at http://polymer.github.io/PATENTS.txt
|
|
|
385
386
|
* subject to an additional IP rights grant found at
|
|
386
387
|
* http://polymer.github.io/PATENTS.txt
|
|
387
388
|
*/
|
|
388
|
-
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}.embet-widget livelike-widget-header .center{width:100%;text-align:center;padding-top:1rem}.embet-widget .widget-tagline{font-size:18px;font-weight:700;font-family:sans-serif;padding-bottom:10px;text-transform:uppercase}.embet-widget livelike-title{color:#8c9aad;text-transform:uppercase;font-family:sans-serif;font-weight:700;padding:0}.embet-widget livelike-widget-body{border-radius:0}.embet-widget .option-container{padding:1rem}.embet-widget livelike-option{border-width:2px;border-style:solid;border-radius:0;padding:0;box-shadow:5px 5px 10px 1px rgba(0,0,0,.2)}.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}.embet-widget livelike-option .percentage-container{position:absolute;display:flex;text-align:center;transform:translate(-50%,-50%);top:50%;left:50%}.embet-widget livelike-description{display:flex;padding-right:6px}.embet-widget .bet-details{padding:.75rem .5rem .25rem .5rem}.embet-widget livelike-image img{padding-left:6px}.embet-widget livelike-percentage{padding:0 5px 0 0}.embet-widget livelike-progress{height:100%;background:rgba(160,160,160,.7);border-radius:0}.embet-widget livelike-progress[selected]{background:rgba(0,225,0,.7)}.embet-widget .option-container[interacted] livelike-image{opacity:.2}.embet-widget .option-container[interacted] livelike-description{opacity:.2}.embet-widget livelike-timer{height:3px}</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""}function es(e){return 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="${()=>((e,t,n)=>{const i=new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0});return e.dispatchEvent(i),i})(e,"dismiss-clicked")}"><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>`}class ts extends Ci{constructor(){super(...arguments),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=>{if(this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;this.themeStyles=e.theme.widgets[t.split("-")[1]]}this.place_bet_url=this.customData.place_bet_url||""},this.calcVotePercentage=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},this.renderBetDetails=e=>{if(this.customData&&this.customData.betDetails){const t=this.customData.betDetails.find((t=>t.description===e.description));if(t)return U`<div class="bet-details">${t.bet}</div>`}}}static get properties(){return{voted:{type:Boolean},customData:{type:Object},sponsors:{type:Array},place_bet_url:{type:String},themeStyles:{type:Object},options:{type:Array}}}connectedCallback(){super.connectedCallback(),this.addEventListener("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)}render(){return U`<template>${Zo}<livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header"><div class="center">${this.customData&&this.customData.type?U`<div class="widget-tagline">${this.customData.type}</div>`:null}<livelike-title></livelike-title></div>${es(this)}</livelike-widget-header><livelike-widget-body><div class="option-container" ?interacted="${this.voted}">${this.options&&this.options.map(((e,t)=>U`<livelike-option index="${t}" .option="${e}"><div class="option-image-wrap"><livelike-image src="${e.image_url}" height="40px"></livelike-image><livelike-description .description="${e.description}"></livelike-description>${this.renderBetDetails(e)}<livelike-progress .value="${this.calcVotePercentage(this.options,e)}"></livelike-progress><div class="percentage-container"><livelike-percentage .value="${this.calcVotePercentage(this.options,e)}"></livelike-percentage>${this.voted?U`<span class="percentage-text">of votes</span>`:null}</div></div></livelike-option>`))}</div></livelike-widget-body>${function(e,t,n){let i,r;return t&&(i=Qo(t.footer),r=Qo(t.betButton)),U`<style>livelike-widget-footer{display:flex;border-radius:0;padding:0 16px 10px 16px;${i}}livelike-widget-footer .container{width:50%;display:flex;flex-direction:column}livelike-widget-footer .container .text{height:12px;text-align:center;font-size:12px;color:#999;font-family:sans-serif}livelike-widget-footer .container .sponsor{border:2px solid rgba(255,255,255,.2);margin:10px;max-height:40px}livelike-widget-footer .container .sponsor img{object-fit:contain;width:100%;height:100%;padding:4px 10px;margin:0 10px 0 0}livelike-widget-footer .container .bet-button{border-radius:3rem;padding:12px;border-width:2px;border-style:solid;margin:10px;${r}}livelike-widget-footer .container .bet-button:hover{cursor:pointer}livelike-widget-footer .container .bet-button a{text-decoration:none;font-weight:700;color:inherit}</style><livelike-widget-footer><div class="container"><div class="text">SPONSORED BY</div><div class="sponsor">${n&&n[0]&&n[0].logo_url?U`<img src="${n[0].logo_url}" alt="${n[0].name}">`:null}</div></div><div class="container"><div class="text"></div><button class="bet-button"><a href="${e||""}">PLACE BET</a></button></div></livelike-widget-footer>`}(this.place_bet_url,this.themeStyles,this.sponsors)}<livelike-timer class="custom-timer"></livelike-timer></livelike-widget-root></template>`}}customElements.define("live-moneyline",class extends ts{});customElements.define("live-spread",class extends ts{});customElements.define("live-total",class extends ts{});var ns,is,rs=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 os extends Yo{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)
|
|
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}.embet-widget livelike-widget-header .center{width:100%;text-align:center;padding-top:1rem}.embet-widget .widget-tagline{font-size:18px;font-weight:700;font-family:sans-serif;padding-bottom:10px;text-transform:uppercase}.embet-widget livelike-title{color:#8c9aad;text-transform:uppercase;font-family:sans-serif;font-weight:700;padding:0}.embet-widget livelike-widget-body{border-radius:0}.embet-widget .option-container{padding:1rem}.embet-widget livelike-option{border-width:2px;border-style:solid;border-radius:0;padding:0;box-shadow:5px 5px 10px 1px rgba(0,0,0,.2)}.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}.embet-widget livelike-option .percentage-container{position:absolute;display:flex;text-align:center;transform:translate(-50%,-50%);top:50%;left:50%}.embet-widget livelike-description{display:flex;padding-right:6px}.embet-widget .bet-details{padding:.75rem .5rem .25rem .5rem}.embet-widget livelike-image img{padding-left:6px}.embet-widget livelike-percentage{padding:0 5px 0 0}.embet-widget livelike-progress{height:100%;background:rgba(160,160,160,.7);border-radius:0}.embet-widget livelike-progress[selected]{background:rgba(0,225,0,.7)}.embet-widget .option-container[interacted] livelike-image{opacity:.2}.embet-widget .option-container[interacted] livelike-description{opacity:.2}.embet-widget livelike-timer{height:3px}</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""}function es(e){return 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="${()=>((e,t,n)=>{const i=new CustomEvent(t,{detail:n,bubbles:!0,composed:!0,cancelable:!0});return e.dispatchEvent(i),i})(e,"dismiss-clicked")}"><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>`}class ts extends Ci{constructor(){super(...arguments),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=>{if(this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;this.themeStyles=e.theme.widgets[t.split("-")[1]]}this.place_bet_url=this.customData.place_bet_url||""},this.calcVotePercentage=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},this.renderBetDetails=e=>{if(this.customData&&this.customData.betDetails){const t=this.customData.betDetails.find((t=>t.description===e.description));if(t)return U`<div class="bet-details">${t.bet}</div>`}}}static get properties(){return{voted:{type:Boolean},customData:{type:Object},sponsors:{type:Array},place_bet_url:{type:String},themeStyles:{type:Object},options:{type:Array}}}connectedCallback(){super.connectedCallback(),this.addEventListener("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)}render(){return U`<template>${Zo}<livelike-widget-root class="embet-widget"><livelike-widget-header class="widget-header" slot="header"><div class="center">${this.customData&&this.customData.type?U`<div class="widget-tagline">${this.customData.type}</div>`:null}<livelike-title></livelike-title></div>${es(this)}</livelike-widget-header><livelike-widget-body><div class="option-container" ?interacted="${this.voted}">${this.options&&this.options.map(((e,t)=>U`<livelike-option index="${t}" .option="${e}"><div class="option-image-wrap"><livelike-image src="${e.image_url}" height="40px"></livelike-image><livelike-description .description="${e.description}"></livelike-description>${this.renderBetDetails(e)}<livelike-progress .value="${this.calcVotePercentage(this.options,e)}"></livelike-progress><div class="percentage-container"><livelike-percentage .value="${this.calcVotePercentage(this.options,e)}"></livelike-percentage>${this.voted?U`<span class="percentage-text">of votes</span>`:null}</div></div></livelike-option>`))}</div></livelike-widget-body>${function(e,t,n){let i,r;return t&&(i=Qo(t.footer),r=Qo(t.betButton)),U`<style>livelike-widget-footer{display:flex;border-radius:0;padding:0 16px 10px 16px;${i}}livelike-widget-footer .container{width:50%;display:flex;flex-direction:column}livelike-widget-footer .container .text{height:12px;text-align:center;font-size:12px;color:#999;font-family:sans-serif}livelike-widget-footer .container .sponsor{border:2px solid rgba(255,255,255,.2);margin:10px;max-height:40px}livelike-widget-footer .container .sponsor img{object-fit:contain;width:100%;height:100%;padding:4px 10px;margin:0 10px 0 0}livelike-widget-footer .container .bet-button{border-radius:3rem;padding:12px;border-width:2px;border-style:solid;margin:10px;${r}}livelike-widget-footer .container .bet-button:hover{cursor:pointer}livelike-widget-footer .container .bet-button a{text-decoration:none;font-weight:700;color:inherit}</style><livelike-widget-footer><div class="container"><div class="text">SPONSORED BY</div><div class="sponsor">${n&&n[0]&&n[0].logo_url?U`<img src="${n[0].logo_url}" alt="${n[0].name}">`:null}</div></div><div class="container"><div class="text"></div><button class="bet-button"><a href="${e||""}">PLACE BET</a></button></div></livelike-widget-footer>`}(this.place_bet_url,this.themeStyles,this.sponsors)}<livelike-timer class="custom-timer"></livelike-timer></livelike-widget-root></template>`}}customElements.define("live-moneyline",class extends ts{});customElements.define("live-spread",class extends ts{});customElements.define("live-total",class extends ts{});var ns,is,rs=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 os 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 Ao`<livelike-widgets .mode="${Xo(this.mode)}"></livelike-widgets>`}}rs([(ns="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(ns)},enumerable:!0,configurable:!0};if(is){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(ns)),this[r]}}return void 0!==t?qo(n,e,t):zo(n,e)})],os.prototype,"widgetContainer",void 0),rs([Ko({type:String})],os.prototype,"customid",void 0),rs([Ko({type:String})],os.prototype,"programid",void 0),rs([Ko({type:String})],os.prototype,"mode",void 0),customElements.define("embet-widgets",os);const ss=Vr.applyTheme;function as(e){return Vr.init(Object.assign({clientId:e.clientId},e))}Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),ss(e));const cs={init:as};window.embet=cs;export{cs as default,as as init};
|