@livelike/embet 0.0.30 → 0.0.33

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 (8) hide show
  1. package/CHANGELOG.md +10 -1
  2. package/embet.cjs.js +155 -168
  3. package/embet.cjs.min.js +21 -49
  4. package/embet.esm.js +429 -432
  5. package/embet.esm.min.js +13 -41
  6. package/embet.umd.js +155 -168
  7. package/embet.umd.min.js +19 -47
  8. package/package.json +1 -1
package/embet.esm.min.js CHANGED
@@ -1,4 +1,4 @@
1
- /* emBET SDK Version 0.0.30 */
1
+ /* emBET SDK Version 0.0.33 */
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
@@ -200,7 +200,7 @@ function(t,n){e.exports?e.exports=n(t):n(t)}("undefined"!=typeof self?self:void
200
200
  * subject to an additional IP rights grant found at
201
201
  * http://polymer.github.io/PATENTS.txt
202
202
  */
203
- const On=new WeakMap,Tn=(Cn=e=>t=>{if(!(t instanceof S))throw new Error("unsafeHTML can only be used in text bindings");const n=On.get(t);if(void 0!==n&&k(e)&&e===n.value&&t.value===n.fragment)return;const i=document.createElement("template");i.innerHTML=e;const r=document.importNode(i.content,!0);t.setValue(r),On.set(t,{value:e,fragment:r})},(...e)=>{const t=Cn(...e);return p.set(t,!0),t});var Cn;var En=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};let Rn=class extends bn{constructor(){super(...arguments),this.message=null,this.animation=0,this.selectedMessage=null,this.selectedReactions=null,this.isDeleted=!1,this.messageDeleted=e=>{const t=this.owner.localize("chat.messageDeleted");this.message&&e.message&&e.message.id===this.message.id&&(this.isDeleted=!0,this.message=Object.assign(Object.assign({},this.message),{image_url:null,message:t,filtered_message:t}))},this.ownerUpdated=e=>{"deletedMessages"===e.name&&this.messageDeleted({message:e.prop[e.prop.length-1]})},this.renderMessageMenu=e=>U`<message-menu .menu="${this.owner.messageMenuFunc(e)}" .message="${e}" .animation="${this.animation}" .closeMenu="${()=>fn(this,"selectedMessage")}"></message-menu>`,this.renderMenuButton=(e,t)=>this.owner.messagemenus&&!this.isDeleted&&this.owner.messageMenuFunc(t)&&this.owner.messageMenuFunc(t).length?U`<div class="menu-button-container"><button aria-label="${this.owner.localize("chat.messageMenu.ariaLabel")}" class="more-icon ${e}" @click="${()=>mn(this,t.id,"selectedMessage")}">${sn}</button></div>`:null,this.renderTimestamp=e=>{const t=e.timetoken&&e.timetoken.slice(0,e.timetoken.length-4),n=Ke(Number(t),this.owner.timeformat,this.owner.lang);return U`<time aria-label="${n}" class="message-timestamp" datetime="${t}">${n}</time>`},this.reactionAction=e=>{const t=this.message.reactions[e.id]&&this.message.reactions[e.id].find((e=>e.uuid===oe.id)),n=()=>fn(this,"selectedReactions"),i={value:e.id,uuid:oe.id,messageTimetoken:this.message.timetoken,actionTimetoken:t&&t.actionTimetoken||null},r=(t,r)=>{this.owner[t]({messageId:this.message.id,reactionId:e.id}).then(n),this.owner.updateReaction(i,r)};t?r("removeMessageReaction","reactionremoved"):r("addMessageReaction","reactionadded")},this.getReactionCount=e=>this.message.reactions[e.id]?this.message.reactions[e.id].length:0,this.renderMiniReactions=()=>((e,t,n)=>U`<div class="mini-reactions">${n.map((e=>t(e)>0?U`<img class="mini-reaction-image" src="${e.file}" alt="Reaction ${e.name}">`:null))} ${e>0?U`<span class="mini-reaction-count">${vn(e)}</span>`:null}</div>`)(Object.values(this.message.reactions).reduce(((e,t)=>e.concat(t)),[]).length,this.getReactionCount,this.owner.reactionPack),this.renderReactions=()=>{const e=e=>this.message.reactions[e.id]&&this.message.reactions[e.id].find((e=>e.uuid===oe.id));return((e,t,n,i,r,o,s)=>U`<div class="reaction-item-container" style="opacity:${t}"><div class="reaction-item-wrap">${e.map((e=>{const t=i(e);return U`<button aria-label="${o?gt(o,s||"en-US",{reactionName:e.name}):"Reaction "+e.name}" class="reaction-item ${n(e)}" @click="${()=>r(e)}"><img class="reaction-image" src="${e.file}" alt=""> ${t>0?U`<span class="reaction-count">${vn(t)}</span>`:null}</button>`}))}</div></div>`)(this.owner.reactionPack,this.animation,(t=>e(t)?"selected":""),this.getReactionCount,this.reactionAction,"chat.reactions.reactionSelectionButton.ariaLabel",this.owner.lang)},this.renderAvatar=()=>U`<div class="avatar">${this.message.sender_image_url?U`<img src="${this.message.sender_image_url}" alt="Avatar" @error="${()=>{this.message=Object.assign(Object.assign({},this.message),{sender_image_url:null})}}">`:cn}</div>`,this.trackClickEvent=e=>{if(e.target&&e.target.href){const t=this.message;t.messageLink=e.target.href,_e(t,this.owner.roomid,"Chat Message Link Clicked")}},this.buildMessage=(e,t,n,i)=>((e,t,n,i)=>{const r=t?t.reduce(((e,t)=>e.concat(t.stickers)),[]):[];if(e.image_url)return U`<div class="image-message-container"><img class="image-message" width="${e.image_width}" height="${e.image_height}" src="${e.image_url}" alt="Chat image"></div>`;if(e.message){let t=e.message;n&&i&&i.length>0&&i.forEach((e=>{t=t.replace(e,(e=>{const t=0!==e.indexOf("http")?"//"+e:e;return`<a class="livelike-message-link" title="${t}" target="_blank" href="${t}">${e}</a>`}))}));const o=/:[^\/\/]([^:]*):/g,s=0===t.indexOf(":"),a=(t.match(o)||[]).length>1||t.split(" ").length>1?"22px":"32px";return t=t.replace(o,(e=>{const t=r&&r.find((t=>t.shortcode===e.slice(1,-1)));return t?`\n <span style="margin: 0 4px 0 ${s?"0":"4px"};">\n <img\n class="word-item"\n height=${a}\n src=${t.file}\n alt=${t.shortcode}\n />\n </span>\n `:e})),Tn(t)}})(e,t,n,i)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),_e(this.message,this.owner.roomid,"Chat Message Displayed")}render(){const e=this.owner.blockList.find((e=>e===this.message.sender_id)),t=this.selectedMessage===this.message.id,n=t?"active":"",i=this.message.sender_id===oe.id?"self":"",r=this.owner.showavatar?"has-avatar":"",o=this.isDeleted?"deleted":"";return e?null:U`${en} ${dn}<div class="message-item-container ${n} ${i}">${this.owner.showavatar?this.renderAvatar():null}<div class="message-wrapper ${r}" tabindex="0">${this.owner.reactionPack&&this.owner.reactionPack.length>0?this.renderMiniReactions():null}<div aria-live="polite" role="log"><div class="sender-name" aria-label="${this.message.sender_nickname}">${this.message.sender_nickname}</div><div @click="${this.trackClickEvent}" aria-label="${this.message.image_url?this.message.image_url:this.message.message}" id="senderMessage-${this.message.id}" class="sender-message ${o}">${this.buildMessage(this.message,this.owner.stickerPacks,this.owner.messageurls,this.owner.messageUrlPatterns)}</div>${this.owner.timestamps?this.renderTimestamp(this.message):null}</div>${this.owner.reactionPack&&this.owner.reactionPack.length>0&&!this.isDeleted?(s=this,a=this.message.id,c="chat.reactions.openButton.ariaLabel",U`<div class="reaction-button-container"><button class="reaction-button" aria-label="${c?s.owner.localize(c):"Open Reactions"}" @click="${()=>mn(s,a,"selectedReactions")}"></button></div>`):null}</div>${this.selectedReactions===this.message.id?this.renderReactions():null} ${t?this.renderMessageMenu(this.message):null} ${this.renderMenuButton(n,this.message)}</div>`;var s,a,c}};En([W({type:Object})],Rn.prototype,"message",void 0),En([W({type:Number})],Rn.prototype,"animation",void 0),En([W({type:String})],Rn.prototype,"selectedMessage",void 0),En([W({type:String})],Rn.prototype,"selectedReactions",void 0),En([W({type:Boolean})],Rn.prototype,"isDeleted",void 0),Rn=En([Ft("livelike-message-item")],Rn);let An=class extends bn{constructor(){super(...arguments),this.appendMessage=e=>{const t=e.detail.message;if(t.message||t.image_url||t.custom_data&&this.owner.customMessageRenderer){const e=t.custom_data&&this.owner.customMessageRenderer?this.owner.customMessageRenderer({message:t}):document.createElement("livelike-message-item");e.message=t,e.owner=this.owner;const n=this.scrollTop+this.clientHeight===this.scrollHeight;this.appendChild(e);(e.updateComplete?e:this).updateComplete.then((()=>(t.sender_id===oe.id||n)&&this.scrollToBottom()))}},this.softKeyboardHandler=qe((()=>this.scrollTop+this.clientHeight===this.scrollHeight&&this.scrollToBottom())),this.scrollListener=qe((()=>{rt.emit("userScrolled",{key:this.owner.dataId,scrolled:this.scrollTop+this.clientHeight+10<this.scrollHeight})})),this.scrollToBottom=()=>this.scrollTop=this.scrollHeight+1e4,this.scrollToBottomListener=e=>e.key===this.owner.dataId&&this.scrollToBottom()}connectedCallback(){this.addEventListener("scroll",this.scrollListener),rt.on("scrollDown",this.scrollToBottomListener),window.addEventListener("resize",this.softKeyboardHandler),super.connectedCallback(),this.setAttribute("role","log"),this.owner.addEventListener("message-ready",this.appendMessage)}disconnectedCallback(){rt.off("scrollDown",this.scrollToBottomListener),this.removeEventListener("scroll",this.scrollListener),this.owner.removeEventListener("message-ready",this.appendMessage),window.removeEventListener("resize",this.softKeyboardHandler),super.disconnectedCallback()}render(){return U`<style>:host{display:block;overflow:auto}</style><slot></slot>`}};An=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}([Ft("livelike-message-list")],An);const Mn=()=>"\n :host {\n display: flex;\n }\n livelike-chat-composer {\n display: flex;\n position: relative;\n flex-shrink: 0;\n }\n .livelike-chat-input {\n border: 0;\n background: #fff;\n box-sizing: border-box;\n border-radius: 0.5rem;\n color: inherit;\n font-size: 1rem;\n font-family: inherit;\n line-height: 1.5rem;\n height: 40px;\n min-height: 2.5rem;\n overflow: hidden;\n padding: 0.5rem 5rem 0.5rem 0.5rem;\n resize: none;\n width: 100%;\n }\n .livelike-chat-input:focus {\n outline: none;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n .livelike-chat-input::placeholder {\n color: rgba(0, 0, 0, 0.35);\n }\n .send-button {\n background: none;\n border: none;\n padding: 0;\n margin-left: 1rem;\n display: flex;\n align-items: center;\n transition: all 0.3s ease-out;\n }\n .send-icon {\n border: none;\n background: none;\n }\n .send-icon svg {\n fill: #777;\n }\n .send-icon:hover svg, .send-icon:focus svg {\n filter: invert(1);\n transition: all 0.3s ease-out;\n }\n .send-icon:hover {\n cursor: pointer;\n }\n .sticker-picker-container {\n position: absolute;\n border: none;\n background: none;\n right: 2rem;\n bottom: 0.5rem;\n transition: all 0.3s ease-out;\n }\n",jn=U`<style>.sticker-nav-container{position:relative;background:#282828;height:40px;width:100%;border-radius:0 0 8px 8px;overflow:scroll;min-width:15rem}.sticker-nav-wrap{display:flex;list-style-type:none;padding:0;margin:0}.sticker-nav-item{border:none;background:rgba(255,255,255,0);transition:all .2s;padding:10px}.sticker-nav-item.active{background:#141414;border-radius:0 0 8px 8px}.sticker-nav-item:hover{cursor:pointer}.sticker-nav-item img{width:20px;height:20px;vertical-align:middle;border:0}</style>`,Ln=U`<style>@keyframes slideIn{from{opacity:0;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translate3d(0,-.5rem,0)}}.sticker-icon{border:none;background:0 0;padding:1px 6px}.sticker-icon:hover{cursor:pointer}.sticker-icon svg{fill:#888}.sticker-container{position:absolute;bottom:4rem;opacity:0;transition:all ease .3s;z-index:21;right:0;max-width:20rem}.sticker-container.show{opacity:1;transition:all ease .3s}.sticker-container.hide{opacity:0;transition:all ease .3s}.sticker-container-header{position:relative;border-radius:.5rem .5rem 0 0;background:#141414;padding:.625rem 1rem;color:#fff;font-size:1rem;font-weight:700}.sticker-close-icon{border:none;background:0 0;position:relative;float:right;top:-1px;right:0;background-size:contain;width:1.25rem;height:1.25rem;cursor:pointer}.sticker-body{position:relative;background:#141414;padding:.625rem .3rem;display:flex;justify-content:flex-start;flex-wrap:wrap;overflow-y:auto;min-height:8rem;max-height:8rem}.sticker-wrap{border:none;color:#fff;padding-left:0 .625rem;width:3.75rem;background:0 0;border-radius:.75rem;transition:all ease .3s;margin:0 auto .625rem auto}.sticker-wrap:focus,.sticker-wrap:hover{outline:0;background:#818592;cursor:pointer}.sticker-image{width:100%;vertical-align:middle}</style>`;var Nn=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};let Un=class extends bn{constructor(){super(...arguments),this.drawerOpen=!1,this.animation=0,this.keyedLocalize=(e,t)=>this.owner.localize(this.localizationKey+e,t),this.closeDrawer=()=>{ot(this,"drawer-closed"),fn(this,"drawerOpen")},this.stickerBody=()=>this.stickers&&this.stickers.map((e=>U`<button tabindex="0" type="button" class="sticker-wrap" aria-label="${this.keyedLocalize(".stickerSelectionButton.ariaLabel",{stickerName:e.shortcode||e.title})}" @click="${()=>{ot(this,"sticker-selected",{sticker:e}),this.closeDrawer()}}"><div class="sticker-wrap-image"><img class="sticker-image" src="${e.file||e.images.preview_gif.url}" alt="${e.shortcode||e.title}"></div></button>`)),this.renderStickerDrawer=()=>{const e=this.title||this.keyedLocalize(".title");return U`<div class="sticker-container" style="opacity:${this.animation}" aria-label="${e}"><header class="sticker-container-header"><span class="title">${e}</span> <button tabindex="0" type="button" class="sticker-close-icon" aria-label="${this.keyedLocalize(".closeButton.ariaLabel")}" @click="${this.closeDrawer}">${an}</button></header><div class="sticker-body">${this.stickerBody()}</div>${this.navFooterTemplate?this.navFooterTemplate():null}</div>`}}createRenderRoot(){return this}render(){return U`${Ln} <button tabindex="0" type="button" class="sticker-icon" aria-label="${this.keyedLocalize(".openButton.ariaLabel")}" @click="${()=>{mn(this,this.owner.dataId,"drawerOpen"),setTimeout((()=>{ot(this,"drawer-opened")}),50)}}">${this.buttonIcon}</button> ${this.drawerOpen?this.renderStickerDrawer():null}`}};Nn([W({type:Array})],Un.prototype,"stickers",void 0),Nn([W({type:String})],Un.prototype,"buttonIcon",void 0),Nn([W({type:Function})],Un.prototype,"onStickerClick",void 0),Nn([W({type:String,reflect:!0})],Un.prototype,"title",void 0),Nn([W({type:Boolean})],Un.prototype,"drawerOpen",void 0),Nn([W({type:String})],Un.prototype,"animation",void 0),Nn([W({type:String})],Un.prototype,"localizationKey",void 0),Un=Nn([Ft("livelike-stickers")],Un);var In=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};let Dn=class extends bn{constructor(){super(...arguments),this.selectedPack="",this.changePack=e=>{this.selectedPack=e&&e.id,this.selectedStickers=e&&e.stickers},this.stickerNav=()=>this.owner.stickerPacks&&this.owner.stickerPacks.map((e=>{const t=e.id===this.selectedPack?"active":"";return U`<button tabindex="0" type="button" aria-label="${this.owner.localize("chat.stickerPicker.stickerPackTab.ariaLabel",{packName:e.name})}" class="sticker-nav-item ${t}" @click="${()=>this.changePack(e)}"><img src="${e.file}" alt="${e.name}"></button>`})),this.stickerNavFooter=()=>U`<nav slot="sticker-drawer-footer" class="sticker-nav-container"><div class="sticker-nav-wrap">${this.stickerNav()}</div></nav>`}createRenderRoot(){return this}ownerUpdated(e){!this.selectedStickers&&"stickerPacks"===e.name&&this.owner.stickerPacks&&this.owner.stickerPacks[0]&&this.changePack(this.owner.stickerPacks[0])}render(){return U`${jn} ${this.owner.stickerPacks&&this.owner.stickerPacks.length?U`<livelike-stickers .localizationKey="${"chat.stickerPicker"}" .stickers="${this.selectedStickers}" .buttonIcon="${on}" @drawer-opened="${()=>{}}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`:null}`}};In([W({type:String})],Dn.prototype,"selectedPack",void 0),In([W({type:Array})],Dn.prototype,"selectedStickers",void 0),Dn=In([Ft("livelike-sticker-picker")],Dn);var $n=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};let Bn=class extends bn{constructor(){super(...arguments),this.message="",this.giphyList=[],this.offset=0,this.isDoneFetching=!0,this.loading=!1,this.scrollListenerAdded=!1,this.fetchNextPageIfBottom=qe((()=>{const e=this.querySelector(".sticker-body");!(e&&e.scrollHeight-e.scrollTop===e.clientHeight)||this.isDoneFetching||this.loading||this.fetchGifs()})),this.fetchGifs=()=>{this.loading=!0,fetch(`https://api.giphy.com/v1/gifs/search?q=${this.message}&api_key=jlvX8uZILp5PhutmuW6fdATBP3E5uayi&offset=${this.offset}&rating=g`).then((e=>e.json())).then((e=>{this.loading=!1,this.giphyList=[...this.giphyList,...e.data],this.offset=e.pagination?e.pagination.count+e.pagination.offset:0,this.isDoneFetching=!e.pagination||this.offset===e.pagination.total_count}))},this.onStickerClick=e=>Qt({image_url:e.detail.sticker.images.downsized.url,image_width:e.detail.sticker.images.downsized.width,image_height:e.detail.sticker.images.downsized.height,roomId:this.owner.roomid,sender_image_url:this.owner.avatarurl,timestamp:this.owner.syncStrategy&&this.owner.syncStrategy.currentTimecode?this.owner.syncStrategy.currentTimecode:null}),this.debouncedInputEvent=qe((()=>{this.offset=0,this.giphyList=[],this.fetchGifs()})),this.handleMessage=e=>{this.message=e.target.value,this.debouncedInputEvent()},this.handleOpen=e=>{const t=e.target.querySelector(".sticker-body");t&&t.addEventListener("scroll",this.fetchNextPageIfBottom)},this.handleClose=e=>{this.message="",this.giphyList=[],this.offset=0;const t=e.target.querySelector(".sticker-body");t&&t.removeEventListener("scroll",this.fetchNextPageIfBottom)},this.stickerNavFooter=()=>U`<nav slot="sticker-drawer-footer" class="sticker-nav-container"><div class="sticker-nav-wrap"><input type="text" maxlength="25" style="height:25px" class="livelike-chat-input livelike-giphy-input" placeholder="${this.owner.localize("chat.giphyPicker.placeholder")}" @input="${this.handleMessage}" .value="${this.message}"></div></nav>`}createRenderRoot(){return this}render(){return U`${jn}<livelike-stickers .localizationKey="${"chat.giphyPicker"}" .stickers="${this.giphyList}" .buttonIcon="${ln}" @sticker-selected="${this.onStickerClick}" @drawer-opened="${this.handleOpen}" @drawer-closed="${this.handleClose}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`}};$n([W({type:String})],Bn.prototype,"message",void 0),$n([W({type:Array})],Bn.prototype,"giphyList",void 0),$n([W({type:Number})],Bn.prototype,"offset",void 0),$n([W({type:Boolean})],Bn.prototype,"isDoneFetching",void 0),$n([W({type:Boolean})],Bn.prototype,"loading",void 0),$n([W({type:Boolean})],Bn.prototype,"scrollListenerAdded",void 0),Bn=$n([Ft("livelike-giphy-picker")],Bn);var Fn=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};let qn=class extends bn{constructor(){super(...arguments),this.defaultStyles=Mn,this.message="",this.ownerUpdated=e=>{"placeholder"===e.name&&(this.placeholder=e.prop),("lang"===e.name||"translations"===e.name)&&this.updateLocalizedPlaceholder()},this.updateLocalizedPlaceholder=()=>{if(!this.placeholder){const e=this.owner.localize("chat.inputPlaceholder");this.inputEl.placeholder=e,this.inputEl.setAttribute("aria-label",e)}this.sendBtn.setAttribute("aria-label",this.owner.localize("chat.sendButton.ariaLabel"))},this.sendClickHandler=()=>{this.message&&(ot(this,"sendChatMessage",{message:this.message}),this.message="",this.inputEl.value="",this.resize("40px"))},this.addSticker=e=>{e.detail.sticker&&e.detail.sticker.shortcode&&this.message.length+e.detail.sticker.shortcode.length<=200&&(this.message=this.message+`:${e.detail.sticker.shortcode}:`,this.inputEl.value=this.message,this.inputEl.focus())},this.handleMessage=e=>{void 0!==e.target.value&&(this.message=e.target.value),this.resize(""===e.target.value?"40px":null)},this.handleKeyDown=e=>{13!==e.which||e.shiftKey||(e.preventDefault(),this.sendClickHandler())},this.resize=e=>{this.inputEl.style.height=e||`${this.inputEl.scrollHeight}px`}}get inputEl(){return this.querySelector("[slot=body]")}get sendBtn(){return this.querySelector("[slot=send]")}updated(e){e.forEach(((e,t)=>{"placeholder"===t&&(this.inputEl.placeholder=this.placeholder,this.inputEl.setAttribute("aria-label",this.placeholder))}))}connectedCallback(){super.connectedCallback(),this.addEventListener("sticker-selected",this.addSticker);const e=this.placeholder||this.owner.placeholder||this.owner.localize("chat.inputPlaceholder");this.insertAdjacentHTML("beforeend",`<textarea slot="body" class="livelike-chat-input" maxlength="200" placeholder="${e}" aria-label="${e}"></textarea>`),this.insertAdjacentHTML("beforeend",'<div slot="body" class="sticker-picker-container">\n <livelike-sticker-picker></livelike-sticker-picker>\n <livelike-giphy-picker></livelike-giphy-picker>\n </div>'),this.insertAdjacentHTML("beforeend",`<button slot="send" aria-label="${this.owner.localize("chat.sendButton.ariaLabel")}" class="send-icon">\n \n <svg width="16" height="16" viewBox="0 0 16 16">\n <path fill-rule="nonzero" d="M.579.29l14.705 7.352a.4.4 0 0 1 0 .716L.58 15.71A.4.4 0 0 1 0 15.353V10.47a1 1 0 0 1 .863-.99L8.71 8.396a.4.4 0 0 0 0-.792L.863 6.519A1 1 0 0 1 0 5.53V.647A.4.4 0 0 1 .579.29z"/>\n </svg>\n </button>`)}disconnectedCallback(){this.removeEventListener("sticker-selected",this.addSticker),super.disconnectedCallback()}render(){return U`<slot name="body" @input="${this.handleMessage}" @keydown="${this.handleKeyDown}"></slot><slot @click="${this.sendClickHandler}" name="send"></slot><slot></slot>`}};Fn([W({type:String,reflect:!0})],qn.prototype,"placeholder",void 0),Fn([W({type:String})],qn.prototype,"message",void 0),qn=Fn([Ft("livelike-chat-composer")],qn);const Kn=()=>"\n <style>\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translate3d(0, -3rem, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0rem, 0);\n }\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translate3d(0, 0rem, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, -2rem, 0);\n }\n }\n\n .down-icon {\n z-index: 15;\n position: absolute;\n border: none;\n right: 3.75rem;\n bottom: 5.5rem;\n padding: 0;\n border-radius: 50%;\n height: auto;\n width: auto;\n display: none;\n flex-direction: column;\n animation: slideDown 0.5s ease forwards;\n transition: all 0.3s ease;\n }\n .down-icon.show {\n display: flex;\n animation: slideUp 0.5s ease forwards;\n }\n .down-icon:hover {\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .down-icon svg > rect {\n fill: #b0b0b0;\n }\n .down-icon svg > path {\n fill: #fff;\n }\n </style>\n";var zn=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};let Hn=class extends bn{constructor(){super(...arguments),this.defaultStyles=Kn,this.userScrolled=!1,this.ownerUpdated=e=>{("translations"===e.name||"lang"===e.name)&&this.updateLocalizedStrings()},this.setScrolled=e=>{if(e.key===this.owner.dataId){const t=this.querySelector(".down-icon"),n=e.scrolled?"down-icon show":"down-icon";t&&t.setAttribute("class",n)}},this.scrollDown=()=>rt.emit("scrollDown",{key:this.owner.dataId}),this.updateLocalizedStrings=()=>{this.querySelector("button.down-icon").setAttribute("aria-label",this.owner.localize("chat.scrollDownButton.ariaLabel"))}}connectedCallback(){super.connectedCallback(),rt.on("userScrolled",this.setScrolled),this.addEventListener("click",this.scrollDown),this.insertAdjacentHTML("beforeend",`<button tabindex="0" aria-label="${this.owner.localize("chat.scrollDownButton.ariaLabel")}" class="down-icon">\n <svg width="25px" height="25px" viewBox="0 0 30 30">\n <rect id="snap-to-live-button" fill="#FFFFFF" x="0" y="0" width="30" height="30" rx="15"></rect>\n <path d="M15.0326453,21 C14.7426596,21 14.4527097,20.8852999 14.2316216,20.6563819 L7.2744003,13.4491933 C6.83183015,12.9907267 6.83183015,12.2787537 7.97485699,11.4850649 C9.11788383,10.6913761 9.53369152,11.0267838 9.97629747,11.4850649 L15.0326453,16.7405562 L20.0890468,11.4850649 C20.5316169,11.0267838 21.1431577,10.6735312 22.0549346,11.4850649 C22.9667115,12.2965986 23.2335678,12.9909492 22.7907828,13.4494158 L15.8336689,20.6566045 C15.6124734,20.8855596 15.3225235,21 15.0326453,21 Z" id="ic_arrowDown" fill="#23282D"></path>\n </svg></button>`)}render(){return U`<slot></slot>`}};zn([W({type:Boolean})],Hn.prototype,"userScrolled",void 0),Hn=zn([Ft("livelike-scroll-down")],Hn);var Vn=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};let Gn=class extends ne{constructor(){super(...arguments),this.dataId=xe(),this.deletedMessages=[],this.hidecomposer=!1,this.loaded=!1,this.timestamps=!1,this.messagemenus=!1,this.blockList=oe.blockList||[],this.messageList=["Loading"],this.timeformat={month:"short",day:"numeric",hour:"numeric",minute:"numeric"},this.messageUrlPatterns=[/((https?):\/\/|www\.)?([-A-Z0-9._\+~#=]*)\.[a-z]{2,}\b([-A-Z0-9@%_\+.~#?&://=]*)/gi],this.translations=ie.localizedStrings,this.updateLocalization=e=>this.translations=e.localizedStrings,this.sendChatMessage=e=>{const t=t=>ot(this,t,{message:e.detail.message,roomId:this.roomid});e.detail.message&&e.detail.message.match(/([^\n]+\n)*[^\n]+/g)&&Qt({message:e.detail.message,roomId:this.roomid,sender_image_url:this.avatarurl,timestamp:this.syncStrategy&&this.syncStrategy.currentTimecode?this.syncStrategy.currentTimecode:null}).then((()=>t("messagesent"))).catch((()=>{this.displayModal("muted"),t("messagefailed")}))},this.connectChat=()=>{ie.ready&&oe&&oe.id?(this.loaded=!1,this.syncStrategy?this.queue=Jt(this.syncStrategy):this.syncStrategy=yt(ie.syncStrategy),Qe(this.roomid).then((e=>{var t;this.channel=e.channels.chat.pubnub,qt.subscribe(this.channel),(t=this.roomid,ft(t,"reactionPack","reaction_packs_url")).then((e=>this.reactionPack=e[0]&&e[0].emojis?e[0].emojis:e)),(e=>ft(e,"stickerPacks","sticker_packs_url"))(this.roomid).then((e=>this.stickerPacks=e)),this.loaded=!0,ot(this,"roomentered",{room:this,roomId:this.roomid}),this.getMessages()}))):setTimeout(this.connectChat,1e3)},this.demultiplex=e=>{const t=je[e.event];"messagereceived"===t&&this.messageReceived(e,this.updateEl),("reactionremoved"===t||"reactionadded"===t)&&this.updateReaction(e.message,t),"messagedeleted"===t&&this.messageDeleted(e),ot(this,t,{message:e.message,roomId:this.roomid})},this.getMessages=()=>{const e=this.querySelector("livelike-message-list");return e&&e.remove(),Xt(this.roomid).then((e=>{this.messageList=["No Messages"],this.appendElements((()=>{e.messages&&e.messages.length>0&&wt(this,(()=>{e.messages.forEach((e=>this.messageReceived({message:e}))),this.updateEl()}))})),ot(this,"messagehistory",{messages:e.messages})}))},this.updateReaction=(e,t)=>{if(this.messageList){const n=[...this.messageList],{messageTimetoken:i,actionTimetoken:r,uuid:o,value:s}=e,a=n.findIndex((e=>e.timetoken===i));if(-1!==a){let e=n[a].reactions[s];const i=e=>e.uuid===oe.id,c=e=>e.actionTimetoken===r,l=e=>n[a].reactions[s].findIndex(e),u=()=>o===oe.id?l(i):l(c);if("reactionadded"===t){!e&&(n[a].reactions[s]=[]);let t=u();-1===t||o!==oe.id?n[a].reactions[s].push({uuid:o,actionTimetoken:r}):n[a].reactions[s][t].actionTimetoken=r}if("reactionremoved"===t){let e=u();-1!==e&&n[a].reactions[s].splice(e,1)}this.messageList=n}}},this.handleMessageReaction=(e,t,n)=>new Promise(((i,r)=>{const o=e=>r(console.error(e)),s={"Chat Room ID":this.roomid,"Chat Message ID":e,"Chat Reaction ID":t},a=e=>Ce[n](this.channel,c.timetoken,e,s,i,o),c=this.messageList.find((t=>t.id===e));if(!c&&o("Could not find message for reaction action."),"remove"===n){const e="Reaction not deleted. Reaction not found.";!c.reactions[t]&&o(e);let n=c.reactions[t].find((e=>e.uuid===oe.id));n?a(n.actionTimetoken):o(e)}else this.reactionPack.find((e=>e.id===t))?a({type:"rc",value:t}):o("Reaction not added. Reaction not found")})),this.addMessageReaction=({messageId:e,reactionId:t})=>this.handleMessageReaction(e,t,"add"),this.removeMessageReaction=({messageId:e,reactionId:t})=>this.handleMessageReaction(e,t,"remove"),this.messageReceived=(e,t)=>{-1===Array.from(this.querySelectorAll("livelike-message-item")).findIndex((t=>t.id===e.message.id))&&Ve(this.roomid,e.message)&&this.queue&&this.queue.enqueueItem({payload:e.message},t)},this.messageDeleted=e=>{const t=this.messageList.findIndex((t=>String(e.message.id)===String(t.id)));-1!==t&&(this.deletedMessages=Ie(this.deletedMessages,this.messageList[t]),ot(this,je[e.event],{message:e.message,roomId:this.roomid}))},this.updateEl=()=>{bt(this,(()=>!0),(e=>{let t=e.payload;t&&!t.reactions&&(t.reactions={}),this.messageList&&"string"==typeof this.messageList[0]?this.messageList=[t]:this.messageList=Ie(this.messageList,t),ot(this,"message-ready",{message:t,element:this})}))},this.registerMessageMenu=e=>{let t=!1;if(e({}).map((e=>e.items&&e.items.map((e=>e.items&&(t=!0))))),t)return dt("Message menu currently supports submenus only one level deep.");this.messageMenuFunc=e},this.appendElements=e=>{this.updateComplete.then((()=>{const t=this.shadowRoot.querySelector("slot[name=message-list]");!(t&&t.assignedNodes({flatten:!0}).filter((e=>1===e.nodeType)).length>0)&&this.insertAdjacentHTML("afterbegin",'<livelike-message-list slot="message-list">\n </livelike-message-list>'),this.insertAdjacentHTML("beforeend",'<livelike-scroll-down slot="snap-to-live"></livelike-scroll-down>'),e&&e()}))},this.localize=(e,t)=>gt(e,this.lang,t),this.reportUser=e=>this.sendReport(e).then((e=>this.displayModal("report",e))),this.sendReport=e=>Re.post({url:ie.chatRooms[this.roomid].report_message_url,data:{channel:this.channel,user_id:e.sender_id,nickname:e.sender_nickname,message_id:e.id,message:e.image_url?e.image_url:e.message,profile_id:e.sender_id,pubnub_timetoken:e.timetoken}}),this.blockUser=e=>{if(!this.blockList.find((t=>t===e.sender_id))){const t=this.blockList.slice();t.push(e.sender_id),this.blockList=t,((e,t)=>{let n=ie.storageStrategy.get()||{};n[e]=t,ie.storageStrategy.set(n)})("blockList",this.blockList),this.sendReport(e).then((e=>this.displayModal("block",e)))}},this.displayModal=(e,t)=>{const n=document.createElement("livelike-modal");n.type=e,n.data=t;this.querySelector("livelike-message-list").append(n),setTimeout((()=>n.remove()),4e3)},this.defaultMessageMenuFunc=e=>{if(e.sender_id!==oe.id){const t=[{label:this.localize("chat.messageMenu.reportMessage"),type:"single",onClick:()=>this.reportUser(e)},{label:this.localize("chat.messageMenu.cancel"),type:"single",onClick:()=>{}}];return-1===this.blockList.findIndex((t=>t===e.sender_id))&&t.unshift({label:this.localize("chat.messageMenu.blockUser"),type:"single",onClick:()=>this.blockUser(e)}),t}}}connectedCallback(){rt.on("localizationUpdate",this.updateLocalization),this.addEventListener("sendChatMessage",this.sendChatMessage),this.addEventListener("chat-provider",(e=>{e.detail.provider=this,e.stopPropagation()})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("sendChatMessage",this.sendChatMessage),qt.removeListener(this.channel,this.demultiplex),rt.off("localizationUpdate",this.updateLocalization)}firstUpdated(){this.messageMenuFunc=this.defaultMessageMenuFunc,ht(this),ze(this),this.style+="display:flex; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;"}updated(e){e.forEach(((e,t)=>{if("hidecomposer"===t){const e=this.querySelector("livelike-chat-composer"),t=this.shadowRoot.querySelector("slot[name=composer]"),n=t&&t.assignedNodes().length>0;this.hidecomposer?e&&e.remove():!n&&this.insertAdjacentHTML("beforeend",'<livelike-chat-composer slot="composer"></livelike-chat-composer>')}"syncStrategy"===t&&this.syncStrategy&&(this.queue=Jt(this.syncStrategy)),"channel"===t&&this.channel&&(e&&(qt.removeListener(e,this.demultiplex),qt.unsubscribe(e)),qt.addListener(this.channel,this.demultiplex));"roomid"===t&&this.roomid&&(null!=e&&ot(this,"roomexited",{roomId:this.roomid}),this.connectChat()),void 0!==this[t]&&null!==this[t]&&rt.emit("chat-updated",{name:t,key:this.dataId,prop:this[t],owner:this})}))}render(){return U`<style>:host{display:flex;flex-direction:column;height:100%}</style>${this.loaded&&oe&&oe.id&&this.dataId&&this.roomid?U`${this.messageList&&this.messageList[0]&&"No Messages"===this.messageList[0]?U`<slot name="message-list-empty"></slot>`:null}<slot name="message-list">${this.messageList&&this.messageList[0]&&"Loading"===this.messageList[0]?U`<slot name="message-list-loading"></slot>`:null}</slot><slot name="composer"></slot><slot name="snap-to-live"></slot>`:U`<slot name="chat-element-loading"></slot>`}`}};Vn([W({type:Array})],Gn.prototype,"deletedMessages",void 0),Vn([W({type:String})],Gn.prototype,"channel",void 0),Vn([W({type:String,reflect:!0})],Gn.prototype,"roomid",void 0),Vn([W({type:String,reflect:!0})],Gn.prototype,"lang",void 0),Vn([W({type:String})],Gn.prototype,"placeholder",void 0),Vn([W({type:Boolean})],Gn.prototype,"hidecomposer",void 0),Vn([W({type:Boolean})],Gn.prototype,"loaded",void 0),Vn([W({type:Boolean})],Gn.prototype,"timestamps",void 0),Vn([W({type:Boolean})],Gn.prototype,"messagemenus",void 0),Vn([W({type:Function})],Gn.prototype,"messageMenuFunc",void 0),Vn([W({type:Array})],Gn.prototype,"blockList",void 0),Vn([W({type:Array})],Gn.prototype,"messageList",void 0),Vn([W({type:Object})],Gn.prototype,"syncStrategy",void 0),Vn([W({type:Object})],Gn.prototype,"queue",void 0),Vn([W({type:Array})],Gn.prototype,"stickerPacks",void 0),Vn([W({type:Array})],Gn.prototype,"reactionPack",void 0),Vn([W({type:Object})],Gn.prototype,"timeformat",void 0),Vn([W({type:String})],Gn.prototype,"avatarurl",void 0),Vn([W({type:Boolean})],Gn.prototype,"showavatar",void 0),Vn([W({type:Function})],Gn.prototype,"customMessageRenderer",void 0),Vn([W({type:Boolean})],Gn.prototype,"messageurls",void 0),Vn([W({type:Array})],Gn.prototype,"messageUrlPatterns",void 0),Vn([W({type:Object,hasChanged:()=>!0})],Gn.prototype,"translations",void 0),Gn=Vn([Ft("livelike-chat")],Gn);var Wn=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};let Yn=class extends ne{constructor(){super(...arguments),this.owner=document.querySelector(this.getAttribute("for"))||this.parentElement,this.loaded=!0,this.loadPage=()=>{this.loaded&&(this.loaded=!1,this.buttonEl.innerHTML='<div class="loading-spinner"></div>',this.owner.loadNextPage().then((e=>{this.loaded=!0,e&&this.buttonEl.remove(),this.buttonEl&&(this.buttonEl.innerHTML="Load More")})))}}connectedCallback(){super.connectedCallback();const e=document.createElement("style");e.innerHTML="\n livelike-load-more-button button{\n display: flex;\n justify-content: center;\n width:100%;\n height: auto;\n border: none;\n border-radius: 0.25rem;\n background: #086fac;\n font-size: 1rem;\n color: #fff;\n padding: 0.75rem;\n margin:1rem 0 0 0;\n }\n\n livelike-load-more-button button:hover {\n cursor: pointer;\n }\n\n livelike-load-more-button .loading-spinner {\n position: relative;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n border: 4px solid rgba(255, 255, 255, 0.1);\n border-top: 4px solid #fff;\n animation: rotating 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);\n }\n\n @keyframes rotating {\n 100% {\n transform: rotate(360deg);\n }\n }\n",this.appendChild(e);const t=document.createElement("button");t.addEventListener("click",this.loadPage),t.setAttribute("class","livelike-load-more-button"),t.setAttribute("aria-label","Load more widgets"),t.innerHTML="Load More",this.buttonEl=t,this.appendChild(t)}render(){return U`<slot></slot>`}};Wn([W({type:Boolean})],Yn.prototype,"loaded",void 0),Yn=Wn([Ft("livelike-load-more-button")],Yn);var Jn=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};let Xn=class extends ne{constructor(){super(...arguments),this.dataId=xe(),this.updating=!1,this.hasWidgetAttached=!1,this.sequence=1,this.mode="pop-up",this.loaded=!1,this.authors=!1,this.timestamps=!1,this.reactions=!1,this.timeformat={month:"long",day:"numeric",year:"numeric",hour:"numeric",minute:"numeric"},this.hide_dismiss_button=!1,this.widgetListener=e=>{ge.some((t=>e.event===t))&&mt(e.message.timetoken,this.sequence,this.programid).then((t=>{if(this.sequence=t.sequence,t.allowNext){let t=this.onWidgetReceived(e.message);t&&this.enqueueWidget({mode:this.mode,widgetPayload:t})}}))},this.connectWidget=()=>{if(ie.ready)return this.loaded=!1,this.syncStrategy?this.queue=Jt(this.syncStrategy):this.syncStrategy=yt(ie.syncStrategy),et(this.programid).then((e=>{this.channel=e.subscribe_channel,qt.subscribe(this.channel),this.mode.includes("timeline")?this.loadTimeline(this.programid):this.loaded=!0}));setTimeout(this.connectWidget,1e3)},this.onInitialWidgetsLoaded=({widgets:e})=>e,this.loadTimeline=e=>Ut({programId:e}).then((e=>{this.widgetPaginator=e,this.widgetPaginator.next().then((e=>{wt(this,(()=>{let t=this.onInitialWidgetsLoaded({widgets:e.value.widgets});$t({interactionUrl:e.value.widget_interactions_url_template}).then((e=>Pt({widgets:t,interactions:e}).map((({widgetPayload:e,interactions:t})=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0,interactions:t})})))).catch((e=>{t.map((e=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0})}))}))})),this.loaded=!0,!e.done&&this.insertAdjacentHTML("beforeend",'<livelike-load-more-button slot="load-more-button"></livelike-load-more-button>')}))})),this.onMoreWidgetsLoaded=({widgets:e})=>e,this.loadNextPage=()=>this.widgetPaginator.next().then((e=>{let t=this.onMoreWidgetsLoaded({widgets:e.value.widgets});return $t({interactionUrl:e.value.widget_interactions_url_template}).then((e=>Pt({widgets:t,interactions:e}).map((({widgetPayload:e,interactions:t})=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0,interactions:t})})))).catch((e=>{t.map((e=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0})}))})),e.done})),this.updateEl=()=>{bt(this,(()=>"pop-up"!==this.mode||!this.hasWidgetAttached),(e=>{e.payload&&!this.querySelector(`[widgetid="${e.payload.id}"]`)&&(this.hasWidgetAttached=!0,this.showWidget({mode:e.mode,widgetPayload:e.payload,initialLoad:e.initialLoad,interactions:e.interactions}))}))},this.registerWidgetMode=(e,t)=>Dt(e,t),this.showWidget=e=>this.start(e),this.enqueueWidget=e=>this.queue.enqueueItem({payload:e.widgetPayload,mode:e.mode,initialLoad:e.initialLoad,interactions:e.interactions},this.updateEl),this.createWidgetElement=e=>It({id:e.id,kind:e.kind}).then((t=>this.showWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.createSyncWidget=e=>It({id:e.id,kind:e.kind}).then((t=>this.enqueueWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.overRideTimer=({widget:e})=>null,this.start=e=>{ot(this,"beforewidgetattached",{widget:e.widgetPayload});const t=Lt(e.mode||this.mode);return this.createWidget(e).then((e=>e&&t({target:this,widget:e,timer:this.overRideTimer({widget:e})})))},this.attach=(e,t)=>{const n="append"===t?"beforeend":"afterbegin";if(this.insertAdjacentElement(n,e),ot(this,"widgetattached",{element:e,widget:e.widgetPayload}),e.widgetPayload){const t={"Widget Type":Ne(e.widgetPayload.kind),"Widget ID":e.widgetPayload.id};e.widgetPayload.kind!==de&&e.widgetPayload.kind!==fe||(t["Link URL"]=e.widgetPayload.link_url),ke("Widget Displayed",t,this.programid)}return Promise.resolve()},this.detach=e=>{const t={element:e,widget:e.widgetPayload};return e&&this.contains(e)&&(ot(this,"beforewidgetdetached",t),e.remove(),ot(this,"widgetdetached",t),this.hasWidgetAttached=!1),Promise.resolve()},this.createWidget=e=>{const{widgetPayload:t,mode:n,initialLoad:i,interactions:r}=e,o=this.customWidgetRenderer&&"function"==typeof this.customWidgetRenderer&&this.customWidgetRenderer({widgetPayload:t});let s=o instanceof Element||o instanceof Node?o:document.createElement("livelike-"+t.kind);for(let e in t)"id"!==e&&(s[e]=t[e]);return s.widgetId=t.id,s.setAttribute("widgetid",t.id),s.widgetPayload=t,s.interactions=r,r&&(s.interaction=r[0]),s.reactions=this.reactions,s.dataId=this.dataId,s.programid=this.programid,s.authors=this.authors,s.timestamps=this.timestamps,s.timeformat=this.timeformat,s.lang=this.lang,s.customTemplate=this.customTemplateRenderer?"function"==typeof this.customTemplateRenderer?this.customTemplateRenderer:lt(this.localName,"customTemplateRenderer","Function"):null,s.theme=re.theme,s.hide_dismiss_button=this.hide_dismiss_button,e.initialLoad&&(s.initialLoad=e.initialLoad),Promise.resolve(s)},this.getUnclaimedRewards=()=>{return(e={programId:this.programid},et(e.programId).then((e=>nt(We(oe.id,e.unclaimed_widget_interactions_url_template),(e=>Re.get({url:e})),(e=>({count:e.count,results:e.results}))))).catch((e=>Promise.reject(e)))).then((e=>it(["results"],e)));var e}}firstUpdated(){ht(this),ze(this),Dt("pop-up",$e),Dt("timeline",Be),Dt("interactive-timeline",Fe)}onWidgetReceived(e){return e}disconnectedCallback(){super.disconnectedCallback(),qt.removeListener(this.channel,this.widgetListener)}updated(e){e.forEach(((e,t)=>{"syncStrategy"===t&&this.syncStrategy&&(this.queue=Jt(this.syncStrategy));("hasWidgetAttached"===t||"loaded"===t)&&(e=>{void 0!==this[e]&&ot(this,e,{[e]:!0})})(t),"channel"===t&&this.channel&&(e&&(qt.removeListener(e,this.widgetListener),qt.unsubscribe(e)),qt.addListener(this.channel,this.widgetListener));const n="programid"===t&&this.programid&&this.programid!==e,i="mode"===t&&void 0!==e&&this.mode!==e;if(this.programid){if(n&&void 0!==e||i){for(;this.firstChild;)this.removeChild(this.firstChild);!this.firstChild&&(this.hasWidgetAttached=!1)}this.mode?(n||i)&&this.connectWidget():this.mode="pop-up"}}))}render(){return U`<style>:host{display:block}livelike-widgets{display:block}</style>${this.loaded?U`<slot></slot><slot name="load-more-button"></slot>`:U`<slot name="widgets-loading"></slot>`}`}};Jn([W({type:Object})],Xn.prototype,"widgetPaginator",void 0),Jn([W({type:String})],Xn.prototype,"channel",void 0),Jn([W({type:String,reflect:!0})],Xn.prototype,"programid",void 0),Jn([W({type:String,reflect:!0})],Xn.prototype,"lang",void 0),Jn([W({type:String})],Xn.prototype,"mode",void 0),Jn([W({type:Boolean})],Xn.prototype,"loaded",void 0),Jn([W({type:Boolean})],Xn.prototype,"authors",void 0),Jn([W({type:Boolean})],Xn.prototype,"timestamps",void 0),Jn([W({type:Boolean})],Xn.prototype,"reactions",void 0),Jn([W({type:Function})],Xn.prototype,"customWidgetRenderer",void 0),Jn([W({type:Function})],Xn.prototype,"customTemplateRenderer",void 0),Jn([W({type:Object})],Xn.prototype,"queue",void 0),Jn([W({type:Object})],Xn.prototype,"syncStrategy",void 0),Jn([W({type:Object})],Xn.prototype,"timeformat",void 0),Jn([W({type:Boolean})],Xn.prototype,"hide_dismiss_button",void 0),Xn=Jn([Ft("livelike-widgets")],Xn);const Zn="hlsLevelSwitched",Qn="hlsFragChanged";class ei{get currentTimecode(){return this.programDateTime}get programDateTime(){return null}}const ti={direction:0,format:"uniformGradient"},ni={background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})},ii={background:{format:"fill",color:"111111"}},ri={correctOptionBar:{background:Object.assign(Object.assign({},ti),{colors:["81ca00","429321"]})},incorrectOptionBar:{background:Object.assign(Object.assign({},ti),{colors:["dc0028","d0021b"]})},correctOption:{borderWidth:2,borderColor:"81ca00"},incorrectOption:{borderWidth:2,borderColor:"dc0028"}},oi={widgets:{alert:{body:{},header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})}},imageSlider:{header:Object.assign({},ii),body:{},interactiveTrackRight:{background:{format:"fill",color:"888"}},interactiveTrackLeft:{background:{format:"fill",color:"ff6a13"}},resultsTrackRight:{},resultsTrackLeft:{}},prediction:{header:Object.assign({},ni),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"0096c8",background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})}},predictionFollowUp:Object.assign(Object.assign({},ri),{header:Object.assign({},ni),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})}}),poll:{header:{background:Object.assign(Object.assign({},ti),{colors:["3123ae","c96dd7"]})},selectedOption:{borderColor:"c86dd7"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["3123ae","c86dd7"]})}},quiz:Object.assign(Object.assign({},ri),{header:{background:Object.assign(Object.assign({},ti),{colors:["f76b1c","ffb400"]})},selectedOption:{borderColor:"ffb400"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["f76b1c","ffb400"]})}}),socialEmbed:{header:Object.assign({},ii),body:{}},richText:{header:Object.assign({},ii),body:{}},cheerMeter:{header:Object.assign({},ii),body:{}},videoAlert:{body:{},header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})}},textAsk:{header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})},body:{}}},version:1};function si(e){return parseInt(e.repeat(2/e.length),16)}const ai=e=>/^([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function ci(e){if(ai(e)){const t=Math.floor(e.length/3),n=e.match(new RegExp(`.{${t}}`,"g")).map(si),i=n[3]||0===n[3]?(n[3]/255).toFixed(2):1;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${i})`}return e}function li(e){return Object.keys(e).forEach((t=>{const n=e[t]instanceof Array;if("fontFamily"===t)e[t]=n?e[t].join(" "):e[t];else if("object"!=typeof e[t]||n)if(n){const n=e[t].map((e=>e+"px"));e[t]=n.join(" ")}else-1!==t.toLowerCase().indexOf("color")?e[t]="rgb"===e[t].slice(0,3)?e[t]:ci(e[t]):"fontSize"!==t&&"borderWidth"!==t||String(e[t]).match(/px/gi)||(e[t]=`${e[t]}px`);else"background"===t?function(e,t){const n=e[t];"fill"===n.format?e[t]=ai(n.color)?ci(n.color):n.color:"uniformGradient"===n.format&&(e[t]=`linear-gradient(90deg, ${ci(n.colors[0])}, ${ci(n.colors[1])})`)}(e,t):li(e[t])})),e}function ui(e){if(e){let t="";return Object.keys(e).forEach((n=>{let i=n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase();"fontColor"===n&&(i="color"),t+=`${i}: ${e[n]};\n`})),t}return""}const di=e=>new Promise((t=>{const n=li(Ue(oi,e));re.theme=n,rt.emit("themeUpdate",{theme:n}),function e(){n&&n.version?t():setTimeout(e,1e3)}()})),hi=e=>(ie.localizedStrings=Ue(ie.localizedStrings,e),rt.emit("localizationUpdate",{localizedStrings:ie.localizedStrings}),Promise.resolve(!0)),pi=(e,t,n)=>Re[e]({url:ie.profileUrl,data:t,accessToken:n}),fi=e=>e.accessToken||e.profileId?e.accessToken?pi("get",null,e.accessToken).then((t=>(t.access_token=e.accessToken,t))):e.profileId&&Re.get({url:We(e.profileId,ie.profileDetailUrlTemplate)}):ut("accessToken or profileId","fetchUserProfile"),gi=e=>pi("post",e&&e.nickname&&e,null).then((e=>(ke("Unique Profile Created",{"Profile ID":e.id}),e))),mi=e=>nt(e.badges_url,(e=>Re.get({url:e})),(e=>({count:e.count,results:e.results}))),vi=e=>({id:e.id,title:e.title,created_at:e.created_at,visibility:e.visibility,content_filter:e.content_filter}),yi=()=>Promise.resolve(!0),bi=e=>e.roomId?Qe(e.roomId):ut("roomId","chatroom"),wi=(e,t)=>bi(e).then((e=>Re[t]({url:e.memberships_url}))),ki=U`<livelike-widget-header slot="header"><livelike-title slot="title"></livelike-title><livelike-dismiss-button slot="dismiss"></livelike-dismiss-button><livelike-timer></livelike-timer></livelike-widget-header>`,_i=U`<style>livelike-option::slotted(.container){width:75%;max-width:75%;position:relative}livelike-progress[image]{top:0;height:1.5rem;margin-top:.5rem}.livelike-voting-image-container{width:100%;position:relative}livelike-footer{background-color:#444;display:block;font-weight:bolder;border-radius:0 0 6px 6px}.vote-button{margin:.5rem .5rem .5rem 1rem;padding:8px 16px;border-radius:5px;border:none;color:#fff;background:purple;cursor:pointer}.vote-button[disabled]{background:rgba(128,0,128,.5);color:rgba(255,255,255,.5);cursor:default}.voted-text{font-family:Arial}.sponsorship{padding:16px 8px;text-align:center;font-size:12px;font-family:HelveticaNeue-Medium}.sponsorship img{height:20px;vertical-align:middle;margin-left:8px}</style>`,Pi=(e,t)=>{Bt(e,class extends t{constructor(){super(...arguments),this.waitForResponse=!0}render(){const t=U`<div style="position:relative;width:100%;display:flex"><livelike-progress></livelike-progress><livelike-description></livelike-description><livelike-percentage></livelike-percentage></div>`,n=U`<div class="livelike-voting-image-container"><div class="image-description-wrapper"><livelike-description></livelike-description><livelike-progress></livelike-progress></div><livelike-percentage></livelike-percentage></div><livelike-image height="80px" width="80px"></livelike-image>`;return U`<template><livelike-widget-root>${_i} ${ki}<livelike-widget-body><livelike-select><template><livelike-option>${-1!==e.indexOf("image")?n:t}</livelike-option></template></livelike-select>${-1!==e.indexOf("quiz")?U`<livelike-footer><button class="vote-button" @click="${this.lockInVote}" ?disabled="${!this.selectedOption||!this.selectedOption.id||this.quizVoteSubmitted||this.voteDisable||this.disabled}">${this.owner.localize("widget.quiz.voteButton.label")}</button> ${this.quizVoteSubmitted?U`<span class="voted-text">${this.owner.localize("widget.quiz.votedText")}</span>`:null}</livelike-footer>`:null} ${-1!==e.indexOf("poll")&&this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?U`<livelike-widget-footer><div class="sponsorship">${this.owner.localize("widget.sponsors.label")} <img src="${this.widgetPayload.sponsors[0].logo_url}" alt="${this.widgetPayload.sponsors[0].name}"></div></livelike-widget-footer>`:null}</livelike-widget-body></livelike-widget-root></template>`}})};class xi extends Gt{constructor(){super(...arguments),this.owner=this,this.hideVoteInResults=!0,this.submitVote=e=>{this.disabled||e.id===this.selectedOption.id||this.voteDisable||(this.selectedOption=e,this.interactionEvent(),this.voteDisable=!0,this.vote&&this.vote.id?this.updateVote(this.vote.url,{option_id:e.id}):this.createVote(e.vote_url))}}firstUpdated(){super.firstUpdated(),this.interaction&&(this.selectedOption=this.options.find((e=>e.id===this.interaction.option_id))),this.interaction&&(this.vote={id:this.interaction.id,url:this.interaction.url})}}Pi("livelike-text-poll",xi),Pi("livelike-image-poll",xi);const Si=e=>class extends e{constructor(){super(...arguments),this.resultEvent=()=>{super.resultEvent();let e="unattempted";this.selectedOption&&this.selectedOption.id&&this.selectedOption.hasOwnProperty("is_correct")&&(e=this.selectedOption.is_correct?"correct":"incorrect"),ot(this,"results",{result:e,element:this,widget:this.widgetPayload,selectedOption:this.selectedOption}),-1!==this.localName.indexOf("quiz")&&!this.quizVoteSubmitted&&!this.vote&&this.selectedOption&&this.selectedOption.id&&this.lockInVote(this.selectedOption.answer_url)}}};class Oi extends(Si(Gt)){constructor(){super(...arguments),this.defaultVoteHide=!0,this.quizVoteSubmitted=!1,this.owner=this,this.submitVote=e=>{if(!this.disabled&&e.id!==this.selectedOption.id){this.selectedOption=e;const t=this.choices.findIndex((t=>t.id===e.id));this.choices[t].answer_count++,this.syntheticIncrement=!0,this.interactionEvent()}},this.lockInVote=e=>{this.voteDisable||(this.voteDisable=!0,this.selectedOption&&this.selectedOption.id&&this.createVote(this.selectedOption.answer_url).then((()=>{this.quizVoteSubmitted=!0,this.disabled=!0})))}}firstUpdated(){super.firstUpdated(),this.interaction&&(this.selectedOption=this.choices.find((e=>e.id===this.interaction.choice_id)),this.quizVoteSubmitted=!0,this.disabled=!0)}}Pi("livelike-text-quiz",Oi),Pi("livelike-image-quiz",Oi);const Ti={};class Ci extends xi{constructor(){super(...arguments),this.defaultVoteHide=!0,this.hideVoteInResults=!0}firstUpdated(){super.firstUpdated(),this.addEventListener("prediction",(e=>{Ti[e.detail.widget.id]={option_id:e.detail.prediction.option_id,claim_token:e.detail.prediction.claim_token}}))}}Pi("livelike-text-prediction",Ci),Pi("livelike-image-prediction",Ci);class Ei extends(Si(Gt)){constructor(){super(...arguments),this.claimRewards=(e,t)=>{e.claim_token&&Re.post({url:this.widgetPayload.claim_url,data:{claim_token:e.claim_token}}).then((e=>{Ti[t]&&(Ti[t].claim_token=null),this.rankChanged(this.widgetPayload,e.rewards)}))},this.interactive=()=>Promise.resolve()}firstUpdated(){super.firstUpdated(),this.updateComplete.then((()=>this.disabled=!0));const e=this.widgetPayload.text_prediction_id||this.widgetPayload.image_prediction_id,t=this.widgetPayload.text_prediction_id?"text-prediction":"image-prediction",n=Ti[e]||this.interaction;n?(n&&(this.selectedOption={id:n.option_id}),this.claimRewards(n,e)):$t({programId:this.programid,widgets:[{kind:t,id:e}]}).then((n=>{n&&n[t]&&n[t][0]&&(this.selectedOption={id:n[t][0].option_id},this.claimRewards(n[t][0],e))}))}}Pi("livelike-image-prediction-follow-up",Ei),Pi("livelike-text-prediction-follow-up",Ei);const Ri=e=>"\n .widget-captioned-media {\n align-items: center;\n display: flex;\n margin: 0;\n }\n\n .widget-caption-container {\n padding: 1rem;\n }\n\n .widget-caption {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n\n .widget-caption.media-caption {\n padding: 1rem;\n }\n\n .widget-media {\n font-size: 0;\n text-align: center;\n }\n\n .widget-media img {\n max-height: 90px;\n max-width: 100%;\n }\n\n .widget-captioned-media .widget-caption {\n order: 1;\n }\n\n .widget-caption ~ .widget-media {\n order: 2;\n max-height: 90px;\n max-width: 35%;\n }\n\n .widget-link {\n word-wrap: break-word;\n background-color: #444;\n display: block;\n font-weight: bolder;\n padding: 0.5rem 1rem;\n position: relative;\n text-decoration: none;\n border-radius: 0 0 6px 6px;\n }\n .widget-link:after {\n content: '';\n background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2280px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2080%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2050%20(54983)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Esort-down%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22sort-down%22%20transform%3D%22translate(40.000000%2C%2050.000000)%20rotate(-90.000000)%20translate(-40.000000%2C%20-50.000000)%20translate(-10.000000%2C%2010.000000)%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M98.1437396%2C2.63850125%20C96.9076009%2C0.879013967%2095.4422941%2C0%2093.7491877%2C0%20L6.25047031%2C0%20C4.55667973%2C0%203.09239915%2C0.879013967%201.85523426%2C2.63850125%20C0.61806938%2C4.39993433%200%2C6.48242398%200%2C8.88986179%20C0%2C11.2968131%200.61806938%2C13.3793028%201.85523426%2C15.1392765%20L45.604764%2C77.359553%20C46.843297%2C79.1190402%2048.3075776%2C80%2050%2C80%20C51.6924224%2C80%2053.1580712%2C79.1190402%2054.3942099%2C77.359553%20L98.1437396%2C15.1387901%20C99.3795363%2C13.3793028%20100%2C11.2968131%20100%2C8.88937534%20C100%2C6.48242398%2099.3795363%2C4.39993433%2098.1437396%2C2.63850125%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n background-position: center right 0.5rem;\n background-size: 0.5rem;\n background-repeat: no-repeat;\n position: absolute;\n width: calc(100% - 2rem);\n height: calc(100% - 1rem);\n left: 0;\n top: 0;\n z-index: 0;\n padding: 0.5rem 1rem;\n }\n\n *[dir=\"rtl\"] .widget-link {\n background-position: center left 0.5rem;\n }\n *[dir=\"rtl\"] .widget-link:after {\n transform: scaleX(-1);\n }\n\n ";var Ai=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};let Mi=class extends Wt{constructor(){super(...arguments),this.kind="alert",this.owner=this,this.defaultStyles=Ri,this.trackLinkOpened=()=>{this.interactionEvent();let e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Link URL":this.link_url};ke("Alert Link Opened",e,this.programid)}}firstUpdated(){this.isInteractable=this.link_url&&this.link_url.length,super.firstUpdated()}render(){const e=!!this.text&&!!this.image_url,t=!this.text&&!!this.image_url,n=!!this.text&&!this.image_url;return U`<template><livelike-widget-root>${ki}<livelike-widget-body>${e?U`<figure class="widget-captioned-media">${this.text&&U`<figcaption class="widget-caption media-caption">${this.text}</figcaption>`} ${this.image_url&&U`<img class="widget-media" src="${this.image_url}" alt="${this.text}">`}</figure>`:t?U`<div class="widget-media"><img src="${this.image_url}"></div>`:n?U`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`:null} ${this.link_url&&U`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank" @click="${this.trackLinkOpened}">${this.link_label}</a></livelike-footer>`}</livelike-widget-body></livelike-widget-root></template>`}};Ai([W({type:String})],Mi.prototype,"title",void 0),Ai([W({type:String})],Mi.prototype,"text",void 0),Ai([W({type:String})],Mi.prototype,"image_url",void 0),Ai([W({type:String})],Mi.prototype,"link_url",void 0),Ai([W({type:String})],Mi.prototype,"link_label",void 0),Mi=Ai([Ft("livelike-alert")],Mi);const ji=e=>{const t=`\n border: none;\n width: 100%;\n height: 1.125rem;\n border-radius: 1.5rem;\n background: ${e.interactiveTrackRight.background};\n background-image: linear-gradient(\n 90deg,\n ${e.interactiveTrackLeft.background},\n ${e.interactiveTrackRight.background} var(--x),\n transparent 0\n );\n `,n="\n border: none;\n width: var(--thumb-width);\n height: 1em;\n border-radius: 50%;\n margin-top: 0;\n ";return`\n .input-form {\n --x: calc(var(--val) / 100 * (100% - var(--thumb-width)));\n position: relative;\n width: 90%;\n margin: 0px auto;\n }\n\n .input-container {\n display: block;\n position: relative;\n }\n\n .slider-input {\n -webkit-appearance: none;\n width: 100%;\n display: block;\n height: 5em;\n background: none;\n cursor: pointer;\n position: relative;\n margin: 0;\n }\n\n .slider-input:focus {\n outline: none;\n }\n\n .slider-input::-webkit-slider-runnable-track {\n ${t}\n }\n .slider-input::-moz-range-track {\n ${t}\n }\n .slider-input::-ms-track {\n ${t}\n }\n\n .slider-input::-webkit-slider-thumb {\n ${n}\n }\n .slider-input::-moz-range-thumb {\n ${n}\n }\n .slider-input::-ms-thumb {\n ${n}\n }\n\n .slider-input:disabled {\n cursor: default;\n }\n\n .slider-image {\n height: 50px;\n }\n\n .slider-thumb {\n position: absolute;\n bottom: 0.1em;\n left: var(--x);\n pointer-events: none;\n }\n\n .result-mark {\n background: rgb(233, 0, 0);\n width: 1rem;\n height: 1rem;\n bottom: 1.1rem;\n position: absolute;\n background: #d23a3a;\n border: 3px solid white;\n border-radius: 1rem;\n bottom: 1.5rem;\n z-index: 1;\n ${ui(e.marker)}\n }\n livelike-emoji-slider livelike-footer{\n background-color: transparent;\n font-weight: normal;\n }\n .vote-button{\n margin: 0.5rem 0.5rem 0.5rem 1rem;\n padding: 8px 16px;\n border-radius: 5px;\n border: none;\n color: #fff;\n background: rgba(128, 0, 128, 1);\n cursor: pointer;\n }\n .vote-button[disabled]{\n background: rgba(128, 0, 128, 0.5);\n color: rgba(255, 255, 255, 0.5);\n cursor: default;\n }\n .voted-text{\n font-family: Arial;\n }\n .sponsorship{\n padding: 16px 8px;\n text-align: center;\n font-size: 12px;\n font-family: "HelveticaNeue-Medium";\n }\n .sponsorship img{\n height: 20px;\n vertical-align: middle;\n margin-left: 8px;\n }\n`};var Li=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};let Ni=class extends Wt{constructor(){super(...arguments),this.owner=this,this.kind="emoji-slider",this.defaultStyles=ji,this.val=null,this.sliderVoteSubmitted=!1,this.setThumbWidth=()=>{this.imageEl&&this.imageEl.offsetWidth>0?this.inputContainer.style.setProperty("--thumb-width",this.imageEl.offsetWidth+"px"):setTimeout(this.setThumbWidth,10)},this.changeVal=()=>{this.interactionEvent(),this.updateVal()},this.updateVal=()=>{if(this.inputEl){let e=+this.inputEl.value;if(this.val!==e){this.inputContainer.style.setProperty("--val",this.val=e);for(let e of this.options)this.val>=e.max&&this.imageEl.src!==e.image_url&&(this.imageEl.src=e.image_url,this.setThumbWidth())}}},this.resultEvent=()=>{super.resultEvent(),this.updateComplete.then((()=>{this.interacted&&!this.sliderVoteSubmitted&&this.lockInVote(this.val/100)}))},this.onResults=e=>{e.message.average_magnitude&&(this.average_magnitude=e.message.average_magnitude,ot(this,e.event,e.message.average_magnitude))},this.interactive=e=>new Promise((t=>this.updateComplete.then((()=>{this.phase="interactive",this.disabled=!1;const n={"Widget Type":Ne(this.widgetPayload.kind),"Widget ID":this.widgetPayload.id};ke("Widget Became Interactive",n,this.programid);let i=e&&void 0!==e.timeout?e.timeout:this.widgetPayload.timeout&&Le(this.widgetPayload.timeout);this.timeout=i,null!==i&&setTimeout((()=>{this.interacted&&!this.sliderVoteSubmitted?this.lockInVote(this.val/100).then((()=>setTimeout(t,2e3))):(this.interacted||this.sliderVoteSubmitted||(this.val=null),setTimeout(t,2e3))}),this.timeout)})))),this.lockInVote=e=>new Promise(((t,n)=>{!this.voteDisable&&e>=0&&e<=1?(this.voteDisable=!0,this.createVote(this.widgetPayload.vote_url,{magnitude:e.toString()}).then((()=>{this.sliderVoteSubmitted=!0,this.disabled=!0,t(!0)}))):n(new Error("Magnitude not a number between 0 and 1."))}))}get inputContainer(){return this.querySelector(".input-form")}get inputEl(){return this.querySelector(".slider-input")}get imageEl(){return this.querySelector(".slider-image")}connectedCallback(){super.connectedCallback().then((()=>{this.interaction&&this.interaction.magnitude&&(this.sliderVoteSubmitted=!0),this.updateComplete.then((()=>{this.inputEl&&(this.inputEl.addEventListener("change",this.changeVal),this.inputEl.addEventListener("input",this.updateVal)),this.options=this.options.map(((e,t)=>Object.assign(Object.assign({},e),{mag:0===t?0:t/(this.options.length-1)*100,max:t/this.options.length*100}))),this.updateVal()}))}))}render(){const e=Math.round(100*(this.interaction?this.interaction.magnitude:this.widgetPayload.initial_magnitude)),t="ready"!==this.phase&&"interactive"!==this.phase&&"null"!==String(this.val)?U`<div class="result-mark" style="left:calc(${Math.round(100*this.average_magnitude)}% - .5rem)"></div>`:null;return U`<template><livelike-widget-root>${ki}<livelike-widget-body><form style="--val:${e}" class="input-form"><div class="input-container"><input type="range" class="slider-input" value="${e}" ?disabled="${this.disabled}"> ${t}</div><output class="slider-thumb"><img class="slider-image"></output></form><livelike-footer><button class="vote-button" @click="${()=>this.lockInVote(this.val/100)}" ?disabled="${this.sliderVoteSubmitted||this.voteDisable||this.disabled}">${this.owner.localize("widget.slider.voteButton.label")}</button> ${this.sliderVoteSubmitted?U`<span class="voted-text">${this.owner.localize("widget.slider.votedText")}</span>`:null} ${this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?U`<div class="sponsorship">${this.owner.localize("widget.sponsors.label")} <img src="${this.widgetPayload.sponsors[0].logo_url}" alt="${this.widgetPayload.sponsors[0].name}"></div>`:null}</livelike-footer></livelike-widget-body></livelike-widget-root></template>`}};Li([W({type:Number})],Ni.prototype,"val",void 0),Li([W({type:String})],Ni.prototype,"average_magnitude",void 0),Li([W({type:Boolean})],Ni.prototype,"sliderVoteSubmitted",void 0),Ni=Li([Ft("livelike-emoji-slider")],Ni);var Ui=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};let Ii=[];class Di extends Wt{constructor(){super(),this.owner=this,this.moving=!1,this.slide=0,this.slides=null,this.totalSlides=0,this.scriptsLoaded=!1,this.finalLoad=!1,this.forceScriptLoad=()=>{window.instgrm&&window.instgrm.Embeds.process(),window.FB&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets.load()},this.initSlider=()=>new Promise((e=>{const t=this.querySelector("#dot0");t&&(t.checked=!0),this.slides=this.querySelectorAll(".slide");const n=this.slides.length;this.totalSlides=n,this.slide=0,this.slides&&this.slides[0]&&(this.slides[0].className+=" active"),n>1&&(this.slides[1].className+=" next"),n>2&&(this.slides[n-1].className+=" prev"),e()})),this.insertHTML=()=>new Promise((e=>{this.items.forEach(((e,t)=>{const n=this.querySelector(`#embed${t}`),i=document.createElement("div");i.innerHTML=e.oembed&&e.oembed.html;const r=e=>{if("SCRIPT"===e.nodeName){const t=e.src.replace("file://","https://");if(!Ii.includes(t)){Ii.push(t);const e=document.createElement("script");e.src=t,document.body.insertAdjacentElement("beforeend",e)}}},o=e=>{for(let t=0;t<e.childNodes.length;t++){const n=e.childNodes[t];r(n),e.hasChildNodes()&&o(n)}};o(i),n&&(n.innerHTML=e.oembed&&e.oembed.html),setTimeout((()=>{if(this.forceScriptLoad(),e.oembed&&"Twitter"===e.oembed.provider_name){function e(t){const n=t.querySelector("twitter-widget");n&&n.shadowRoot&&n.shadowRoot.querySelector(".TweetInfo")?(n.shadowRoot.querySelector(".TweetInfo").style.display="none",n.shadowRoot.querySelector(".CallToAction").style.display="none"):setTimeout((()=>e(t)),100)}e(this)}setTimeout((()=>{this.scriptsLoaded=!0}),1500)}),500)})),e()})),this.moveCarouselTo=(e,t)=>{this.checkDot();const n="slide";let i=e-1,r=e+1;0===e?i=t-1:e===t-1&&(i=e-1,r=0),this.items.forEach(((e,t)=>{this.slides[t].className=n})),this.slides[i].className="slide prev",this.slides[e].className="slide active",this.slides[r].className="slide next"},this.moveNext=()=>{this.slide===this.totalSlides-1?this.slide=0:this.slide++,this.moveCarouselTo(this.slide,this.totalSlides)},this.movePrev=()=>{0===this.slide?this.slide=this.totalSlides-1:this.slide--,this.moveCarouselTo(this.slide,this.totalSlides)},this.moveToSlide=e=>{this.slide=e,this.moveCarouselTo(this.slide,this.totalSlides)},this.checkDot=()=>{this.items.forEach(((e,t)=>{this.querySelector(`#dot${t}`).checked=this.slide===t}))},this.disableInteraction=()=>{this.moving=!0,setTimeout((()=>{this.moving=!1}),500)},this.moving=!1,this.slide=0,this.slides=null,this.totalSlides=0,this.scriptsLoaded=!1,this.finalLoad=!1}updated(e){e.forEach(((e,t)=>{"scriptsLoaded"===t&&!0===this.scriptsLoaded&&this.forceScriptLoad(),"finalLoad"===t&&!0===this.finalLoad&&this.forceScriptLoad()}))}connectedCallback(){super.connectedCallback().then((()=>{this.updateComplete.then((()=>{this.insertHTML().then((()=>this.initSlider())).then((()=>setTimeout((()=>{this.finalLoad=!0}),3e3)))}))}))}}Ui([W({type:Array})],Di.prototype,"items",void 0),Ui([W({type:String})],Di.prototype,"comment",void 0),Ui([W({type:Boolean})],Di.prototype,"moving",void 0),Ui([W({type:Number})],Di.prototype,"slide",void 0),Ui([W({type:Array})],Di.prototype,"slides",void 0),Ui([W({type:Number})],Di.prototype,"totalSlides",void 0),Ui([W({type:Boolean})],Di.prototype,"scriptsLoaded",void 0),Ui([W({type:Boolean})],Di.prototype,"finalLoad",void 0);const $i=U`<style>.slider-wrapper{overflow:hidden;margin:auto}.slider-wrapper *{box-sizing:border-box;display:flex;justify-content:center}.slider{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.slide{opacity:0;position:absolute;top:0;width:100%;display:none;margin:auto;z-index:100;transition:transform .5s,opacity .5s,z-index .5s}.slide.active,.slide.initial{opacity:1;position:relative;z-index:900;display:flex}.slide.next,.slide.prev{z-index:800;display:flex}.slide.prev{transform:translateX(-100%)}.slide.next{transform:translateX(100%)}.slide-button{background:0 0;position:absolute;top:50%;width:3rem;height:3rem;transform:translateY(-50%);border-radius:50%;cursor:pointer;z-index:20;border:none}.slide-button>svg{fill:#fff;filter:drop-shadow( 3px 3px 2px rgba(20, 20, 20, .7))}.left-button{left:0}.right-button{right:0}.dot-nav-container{z-index:20;margin-top:1rem}.dot-item{border:none;height:15px;width:15px;border-radius:1rem}</style>`;let Bi=class extends Di{constructor(){super(...arguments),this.kind="social-embed",this.isInteractable=!1}render(){const e=this.items.length>1,t=U`<div class="button-wrapper"><button class="left-button slide-button" @click="${this.movePrev}">${nn}</button> <button class="right-button slide-button" @click="${this.moveNext}">${tn}</button></div>`,n=U`<form class="dot-nav-container">${this.items.map(((e,t)=>U`<input class="dot-input" id="dot${t}" name="dot" type="radio" @click="${()=>this.moveToSlide(t)}">`))}</form>`;return U`<template>${$i}<livelike-widget-root style="opacity:${this.scriptsLoaded&&this.finalLoad?1:0}">${ki}<livelike-widget-body><div class="slider-wrapper">${e?t:null}<div class="slider">${this.items.length>0&&this.items.map(((e,t)=>U`<div id="embed${t}" class="slide ${0===t?"initial":""}"></div>`))}</div>${e?n:null}</div></livelike-widget-body></livelike-widget-root></template>`}};Bi=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}([Ft("livelike-social-embed")],Bi);var Fi=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};let qi=class extends Wt{constructor(){super(...arguments),this.owner=this,this.kind="rich-post",this.isInteractable=!1}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body style="display:flex"><section>${Tn(this.content)}</section></livelike-widget-body></livelike-widget-root></template>`}};Fi([W({type:String})],qi.prototype,"content",void 0),qi=Fi([Ft("livelike-rich-post")],qi);const Ki=e=>`\n @keyframes image0 {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n }\n @keyframes image1 {\n 0% { transform: scale(1.2); }\n 50% { transform: scale(1); }\n 100% { transform: scale(1.2); }\n }\n\n .cheer-image-body {\n position: relative;\n display: flex;\n }\n\n .cheer-image-body livelike-vote-count {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2rem;\n z-index: 100;\n }\n\n .cheer-item-container {\n display: flex;\n flex-direction: column;\n width: 50%;\n position: relative;\n overflow: hidden;\n padding: 0 1.5rem;\n margin: auto;\n }\n\n .cheer-image-wrap {\n text-align: center;\n padding: 20px 0;\n }\n\n .cheer-image {\n position: relative;\n max-height: 80px;\n max-width: 85%;\n z-index: 5;\n top: 0;\n transition: all 0.2s;\n vertical-align: middle;\n }\n .cheer-image:hover {\n cursor: pointer;\n }\n .cheer-image.disabled:hover {\n cursor: default;\n }\n\n .button0.initial.enabled {\n animation: image0 2s linear 0s infinite normal;\n }\n .button1.initial.enabled {\n animation: image1 2s linear 0s infinite normal;\n }\n .cheer-image-wrap.enabled:after {\n content: '';\n position: absolute;\n display: block;\n z-index: 1;\n width: 100px;\n height: 100px;\n border-radius: 100%;\n top: 10px;\n left: 50%;\n margin-left: -50px;\n opacity: 0;\n transition: all 0.2s;\n }\n .cheer-image-wrap.enabled:active:after {\n opacity: 1;\n width: 200px;\n height: 200px;\n top: -40px;\n margin-left: -100px;\n }\n .button0{\n ${ui(e.sideAButton)}\n }\n .button1{\n ${ui(e.sideBButton)}\n }\n .cheer-image.enabled:active {\n -webkit-transform: scale(0.9);\n -webkit-transform: rotate(10deg);\n }\n .button0.enabled:after {\n border: 2px solid rgba(80, 160, 250, 0.6);\n background: rgba(80, 160, 250, 0.4);\n }\n .button1.enabled:after {\n border: 2px solid rgba(250, 80, 100, 0.6);\n background: rgba(250, 80, 100, 0.4);\n }\n`,zi=e=>{let t=`\n :host {\n display: flex;\n position: relative;\n cursor: pointer;\n transition: border ease 0.3s;\n align-items: center;\n border: 2px solid transparent;\n border-radius: 6px;\n padding: 0.5rem;\n ${ui(e.unselectedOption)}\n }\n :host([selected]) {\n ${ui(e.selectedOption)}\n }\n :host([disabled]) {\n cursor: default;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOption)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOption)}\n }\n `),t};var Hi=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};let Vi=class extends Et{constructor(){super(...arguments),this.defaultStyles=zi,this.image=null,this.selected=null,this.correct=null,this.incorrect=null,this.disabled=null,this.optionSelected=()=>{this.disabled||(this.parentElement.querySelectorAll("livelike-option").forEach((e=>e!==this&&(e.selected=!1))),this.selected=!0,this.owner.submitVote(this.item),ot(this,"option-clicked",{item:this.item}))},this.handleResults=e=>{this.item.hasOwnProperty("is_correct")&&(this.item.is_correct?this.correct=!0:this.selected&&(this.incorrect=!0))},this.ownerUpdated=e=>{"voteDisable"===e.name&&this.owner.waitForResponse&&(this.disabled=this.owner.disabled||e.prop)}}updated(e){e.forEach(((e,t)=>{if(void 0!==this[t]&&null!==this[t]&&this.item){const e={name:t,prop:this[t],key:this.item.id,owner:this.owner};if(rt.emit("option-updated",e),ot(this,"option-updated",e),"options"===t||"choices"===t||"items"===t){const e=this.items[this.optionIndex].vote_count;e!==this.voteCount&&(this.voteCount=e),ot(this,"option-vote-updated",this.items[this.optionIndex])}}}))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.optionSelected);const e=this.parentElement;!this.owner&&(this.owner=e.owner);const t=this.getAttribute("index");this.optionIndex=t,this.removeAttribute("index");const n=this.owner.options||this.owner.choices;this.item=n[t],this.voteCount=n[t].vote_count,this.disabled=this.owner.disabled,this.value=this.item.id,this.image=!!this.item.image_url,this.owner.options&&(this.option=this.owner.options[t]),this.owner.choices&&(this.choice=this.owner.choices[t]),this.owner.selectedOption&&this.owner.selectedOption.id&&this.owner.selectedOption.id===this.value&&(this.selected=!0),("results"===this.owner.phase||"finished"===this.owner.phase)&&this.handleResults(),this.owner.addEventListener("results",this.handleResults),this.addEventListener("option-provider",(e=>{e.detail.provider=this,e.stopPropagation()}))}disconnectedCallback(){this.removeEventListener("click",this.optionSelected),super.disconnectedCallback()}render(){return U`<slot></slot>`}};Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"image",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"selected",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"correct",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"incorrect",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"disabled",void 0),Hi([W({type:Object})],Vi.prototype,"option",void 0),Hi([W({type:Object})],Vi.prototype,"choice",void 0),Hi([W({type:Object})],Vi.prototype,"item",void 0),Hi([W({type:String})],Vi.prototype,"value",void 0),Vi=Hi([Ft("livelike-option")],Vi);const Gi=e=>{let t=`\n :host {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: relative;\n ${ui(e.unselectedOptionImage)}\n }\n ::slotted(img) {\n object-fit: contain;\n }\n img {\n max-width: 90px;\n display: block;\n margin: 0 auto;\n }\n :host([selected]) {\n ${ui(e.selectedOptionImage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionImage)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionImage)}\n }\n `),t};var Wi=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};let Yi=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Gi}connectedCallback(){super.connectedCallback();let e=this.src||this.item&&this.item.image_url||this.owner.image_url;if(e){const t=document.createElement("img");t.setAttribute("height",this.height),t.setAttribute("width",this.width),t.setAttribute("src",e),t.setAttribute("alt",this.alt||this.item&&this.item.description),this.appendChild(t)}}defaultTemplate(){return U`<slot></slot>`}};Wi([W({type:String,reflect:!0})],Yi.prototype,"src",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"alt",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"height",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"width",void 0),Yi=Wi([Ft("livelike-image")],Yi);var Ji=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};let Xi=class extends Wt{constructor(){super(...arguments),this.kind="cheer-meter",this.owner=this,this.defaultStyles=Ki,this.cheerVote={},this.count=0,this.submitVote=e=>{this.disabled||(this.cheerVote[e.id]?this.cheerVote[e.id].count++:this.cheerVote[e.id]={createUrl:e.vote_url,count:1},this.selectedOption=e,this.interactionTrack(),this.sendVote())},this.sendVote=((e,t)=>{let n,i;return function r(...o){const s=Date.now();i=clearTimeout(i),!n||s-n>=t?(e.apply(null,o),n=s):i=setTimeout(r.bind(null,...o),t-(s-n))}})((()=>{for(const e in this.cheerVote)if(this.cheerVote[e].count){this.interactionEvent(this.cheerVote[e].count);const t={vote_count:this.cheerVote[e].count};this.cheerVote[e].count=0;const n=t=>t.url&&(this.cheerVote[e].updateUrl=t.url);this.cheerVote[e].updateUrl?this.updateVote(this.cheerVote[e].updateUrl,t).then(n):this.createVote(this.cheerVote[e].createUrl,t).then(n)}}),3e3),this.updateTotalVoteCount=()=>{this.count=this.options.reduce(((e,t)=>e+t.vote_count),0)}}voteCountChanged(e){this.updateTotalVoteCount()}firstUpdated(){super.firstUpdated(),this.updateTotalVoteCount()}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body><livelike-dueling-progress></livelike-dueling-progress><div class="cheer-image-body"><livelike-vote-count></livelike-vote-count>${this.options.map(((e,t)=>{const n=this.disabled?"disabled":"enabled";return U`<div class="cheer-item-container"><livelike-option index="${t}" style="display:contents"><div class="cheer-image-wrap button${t} ${this.interacted?"":"initial"} ${n}"><img class="cheer-image ${n}" src="${e.image_url}"></div></livelike-option></div>`}))}</div></livelike-widget-body></livelike-widget-root></template>`}};Ji([W({type:Object})],Xi.prototype,"cheerVote",void 0),Ji([W({type:Number})],Xi.prototype,"count",void 0),Xi=Ji([Ft("livelike-cheer-meter")],Xi);const Zi=e=>"\n .only-media{\n border-radius: 6px;\n }\n .no-header{\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n .no-footer{\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .video-alert-caption-container {\n padding: 0.6rem 0.8rem;\n }\n .video-alert-caption {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n .video-alert-link {\n word-wrap: break-word;\n background-color: #444;\n display: block;\n font-weight: bolder;\n padding: 0.5rem 1rem;\n position: relative;\n text-decoration: none;\n border-radius: 0 0 6px 6px;\n }\n .video-alert-link:after {\n content: '';\n background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2280px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2080%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2050%20(54983)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Esort-down%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22sort-down%22%20transform%3D%22translate(40.000000%2C%2050.000000)%20rotate(-90.000000)%20translate(-40.000000%2C%20-50.000000)%20translate(-10.000000%2C%2010.000000)%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M98.1437396%2C2.63850125%20C96.9076009%2C0.879013967%2095.4422941%2C0%2093.7491877%2C0%20L6.25047031%2C0%20C4.55667973%2C0%203.09239915%2C0.879013967%201.85523426%2C2.63850125%20C0.61806938%2C4.39993433%200%2C6.48242398%200%2C8.88986179%20C0%2C11.2968131%200.61806938%2C13.3793028%201.85523426%2C15.1392765%20L45.604764%2C77.359553%20C46.843297%2C79.1190402%2048.3075776%2C80%2050%2C80%20C51.6924224%2C80%2053.1580712%2C79.1190402%2054.3942099%2C77.359553%20L98.1437396%2C15.1387901%20C99.3795363%2C13.3793028%20100%2C11.2968131%20100%2C8.88937534%20C100%2C6.48242398%2099.3795363%2C4.39993433%2098.1437396%2C2.63850125%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n background-position: center right 0.5rem;\n background-size: 0.5rem;\n background-repeat: no-repeat;\n position: absolute;\n width: calc(100% - 2rem);\n height: calc(100% - 1rem);\n left: 0;\n top: 0;\n z-index: 0;\n padding: 0.5rem 1rem;\n }\n\n *[dir=\"rtl\"] .video-alert-link {\n background-position: center left 0.5rem;\n }\n *[dir=\"rtl\"] .video-alert-link:after {\n transform: scaleX(-1);\n }\n\n ",Qi=e=>"\n :host {\n display: block;\n }\n livelike-video{\n position: relative;\n }\n livelike-video video {\n width: 100%;\n max-height: 210px;\n border-radius: inherit;\n vertical-align: middle;\n }\n .video-playback-error {\n position: absolute;\n width: 100%;\n text-align: center;\n top: 50%;\n right:50%;\n transform: translate(50%,-50%);\n display: flex;\n align-items: center;\n padding: 0.5rem;\n justify-content: center;\n }\n ";var er=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};let tr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Qi,this.videoAttrs=["autoplay","controls","muted","loop","disablepictureinpicture"],this.preload="metadata",this.controlslist="nodownload",this.controls=!0,this.disablepictureinpicture=!0,this.onVideoPlay=e=>ot(this,e.type),this.onVideoPlayError=e=>{this.error="Playback Failed"}}createRenderRoot(){return this}disconnectedCallback(){this.scrollObserver.disconnect(),this.videoEl.removeEventListener("play",this.onVideoPlay),super.disconnectedCallback()}firstUpdated(){super.firstUpdated(),this.videoAttrs.forEach((e=>this.videoEl[e]=!!this[e])),window.IntersectionObserver&&(this.scrollObserver=new IntersectionObserver((e=>e.forEach((e=>{1==e.intersectionRatio||this.videoEl.paused||this.videoEl.pause()}))),{threshold:.1}),this.scrollObserver.observe(this.videoEl)),this.videoEl.addEventListener("play",this.onVideoPlay)}updated(e){this.videoEl&&e.forEach(((e,t)=>{this.videoAttrs.some((e=>e===t))&&(this.videoEl[t]=!!this[t])}))}defaultTemplate(){return U`<video id="video" poster="${this.poster?this.poster:""}" preload="${this.preload}" controlslist="${this.controlslist}"><source src="${this.src}" type="video/mp4" @error="${this.onVideoPlayError}">${this.tracksrc?U`<track src="${this.tracksrc}" label="${this.tracklabel}" kind="${this.trackkind}" default>`:null}</video>${this.error?U`<div class="video-playback-error">${un} <span class="video-playback-error-text">${this.owner.localize("widget.video.playbackError")}</span></div>`:null}`}};er([Y("video")],tr.prototype,"videoEl",void 0),er([W({type:String,reflect:!0})],tr.prototype,"src",void 0),er([W({type:String})],tr.prototype,"error",void 0),er([W({type:String})],tr.prototype,"poster",void 0),er([W({type:String})],tr.prototype,"preload",void 0),er([W({type:String})],tr.prototype,"controlslist",void 0),er([W({type:String})],tr.prototype,"tracksrc",void 0),er([W({type:String})],tr.prototype,"tracklabel",void 0),er([W({type:String})],tr.prototype,"trackkind",void 0),er([W({type:Boolean})],tr.prototype,"autoplay",void 0),er([W({type:Boolean})],tr.prototype,"controls",void 0),er([W({type:Boolean})],tr.prototype,"muted",void 0),er([W({type:Boolean})],tr.prototype,"loop",void 0),er([W({type:Boolean})],tr.prototype,"disablepictureinpicture",void 0),tr=er([Ft("livelike-video")],tr);var nr=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};let ir=class extends Wt{constructor(){super(...arguments),this.kind="video-alert",this.owner=this,this.defaultStyles=Zi,this.trackLinkOpened=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,Nickname:oe&&oe.nickname,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Link URL":this.link_url};ke("Alert Link Opened",e,this.programid)},this.onVideoPlayStarted=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Video URL":this.video_url};ke("Video Alert Play Started",e,this.programid)}}firstUpdated(){super.firstUpdated(),this.isInteractable=this.video_url&&this.video_url.length||this.link_url&&this.link_url.length}render(){const e=this.title||this.text,t=e&&this.link_url?"":e?"no-footer":this.link_url?"no-header":"only-media";return U`<template><livelike-widget-root>${this.title?ki:null}<livelike-widget-body class="${this.title?"":"no-header"}">${this.text&&U`<div class="video-alert-caption-container"><span class="video-alert-caption">${this.text}</span></div>`}<livelike-video class="${t}" .src="${this.src||this.video_url}" @play="${this.onVideoPlayStarted}"></livelike-video>${this.link_url&&U`<livelike-widget-footer><a class="video-alert-link" href="${this.link_url}" target="_blank" @click="${this.trackLinkOpened}">${this.link_label}</a></livelike-widget-footer>`}</livelike-widget-body></livelike-widget-root></template>`}};nr([W({type:String})],ir.prototype,"title",void 0),nr([W({type:String})],ir.prototype,"text",void 0),nr([W({type:String})],ir.prototype,"video_url",void 0),nr([W({type:String})],ir.prototype,"link_url",void 0),nr([W({type:String})],ir.prototype,"link_label",void 0),nr([Y("video")],ir.prototype,"videoEl",void 0),ir=nr([Ft("livelike-video-alert")],ir);const rr=e=>{let t=`\n :host {\n display: block;\n flex-grow: 1;\n z-index: 10;\n padding: 0.5rem;\n word-break: break-word;\n position: relative;\n ${ui(e.unselectedOptionDescription)}\n }\n :host([image]) {\n padding: 0.75rem 0.5rem 0.25rem 0.5rem;\n }\n :host([selected]) {\n ${ui(e.selectedOptionDescription)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionDescription)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionDescription)}\n }`),t};var or=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};let sr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=rr}defaultTemplate(){return U`<slot>${this.description||this.item&&this.item.description||this.owner.text}</slot>`}};or([W({type:String})],sr.prototype,"description",void 0),sr=or([Ft("livelike-description")],sr);const ar=e=>`\n .widget-dismiss {\n z-index: 1;\n border: none;\n background:none;\n height: 18px;\n margin: 0.5rem;\n display: block;\n ${ui(e.dismiss)}\n }\n .widget-dismiss:hover {\n cursor: pointer;\n }\n `;let cr=class extends Et{constructor(){super(...arguments),this.defaultStyles=ar,this.dismissClicked=()=>ot(this,"dismiss-clicked")}defaultTemplate(){return U`${this.owner.hide_dismiss_button?null:U`<button class="widget-dismiss" aria-label="Dismiss" @click="${this.dismissClicked}">${an}</button>`}`}};cr=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}([Ft("livelike-dismiss-button")],cr);const lr=["text-quiz","image-quiz","text-prediction","image-prediction","text-poll","image-poll"],ur=e=>e.value=He(e.owner,e.item),dr=e=>{let t=e.owner.phase;e.owner.defaultVoteHide?lr.some((t=>t===e.owner.widgetPayload.kind))&&(e.style.visibility="results"!==t&&"finished"!==t||!(e=>!e.owner.hideVoteInResults||!!e.owner.selectedOption&&!!e.owner.selectedOption.id)(e)?"hidden":"visible"):e.style.visibility="ready"!==t&&("interactive"!==t&&!e.owner.hideVoteInResults||e.owner.selectedOption&&e.owner.selectedOption.id)?"visible":"hidden"},hr=e=>class extends e{constructor(){super(...arguments),this.ownerUpdated=e=>("phase"===e.name||"selectedOption"===e.name)&&dr(this),this.optionUpdated=e=>{ur(this)}}static get properties(){return{value:{type:Number,reflect:!0}}}firstUpdated(){ur(this),dr(this)}},pr=e=>{let t=`\n :host {\n display: block;\n position: relative;\n padding: 0.5rem;\n z-index: 10;\n ${ui(e.unselectedOptionPercentage)}\n }\n :host([selected]) {\n ${ui(e.selectedOptionPercentage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionPercentage)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionPercentage)}\n }\n `),t};let fr=class extends(hr(Mt)){constructor(){super(...arguments),this.defaultStyles=pr}defaultTemplate(){return U`${this.value}%`}};fr=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}([Ft("livelike-percentage")],fr);const gr=e=>{let t=`\n :host {\n height: 2rem;\n position: absolute;\n border-radius: 3px;\n transition: ease width 0.4s;\n background: rgba(255, 255, 255, 0.12);\n ${ui(e.unselectedOptionBar)}\n }\n :host([selected]) {\n ${ui(e.selectedOptionBar)}\n }\n :host([hidden]) {\n display: none;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionBar)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionBar)}\n }\n `),t};var mr=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};let vr=class extends(hr(Mt)){constructor(){super(...arguments),this.defaultStyles=gr,this.max=100,this.min=0}updated(e){super.updated(e),e.has("value")&&(this.style.width=this.value+"%")}defaultTemplate(){return U`<slot></slot>`}};mr([W({type:Number,reflect:!0})],vr.prototype,"max",void 0),mr([W({type:Number,reflect:!0})],vr.prototype,"min",void 0),vr=mr([Ft("livelike-progress")],vr);const yr=()=>"\n :host{\n display: block;\n }\n";var br=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};let wr=class extends Et{constructor(){super(...arguments),this.defaultStyles=yr}firstUpdated(){this.items=this.items||this.owner.options||this.owner.choices;const e=this.querySelector("template");this.items.map(((t,n)=>{const i=e.content.firstElementChild;i.setAttribute("index",n);const r=function(e){let t=e.cloneNode(!0);return Object.keys(e).forEach((n=>t[n]=e[n])),t}(i);this.appendChild(r)})),e.remove(),super.firstUpdated()}defaultTemplate(){return U`<slot></slot>`}};br([W({type:Array})],wr.prototype,"items",void 0),wr=br([Ft("livelike-select")],wr);const kr=e=>`\n :host {\n width: 0%;\n display: block;\n background: white;\n height: 2px;\n position: absolute;\n bottom: 0;\n transition-timing-function: linear;\n ${ui(e.timer)}\n }\n `;var _r=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};let Pr=class extends Et{constructor(){super(...arguments),this.started=!1,this.defaultStyles=kr,this.start=()=>{if(!this.started){this.started=!0;const e=(new Date).getTime(),t=()=>{const n=this.time||this.owner.timeout,i=(new Date).getTime()-e,r=100*(1-(n-i)/n);this.style.width=`${r>100?100:r}%`,i<n&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}},this.ownerUpdated=e=>{"phase"===e.name&&("interactive"===e.prop?this.start():this.style.display="none")}}firstUpdated(){"interactive"===this.owner.phase&&this.start(),this.pageVisible=!document.hidden,rt.on("pageVisibilityChange",(e=>this.pageVisible=e.pageVisible))}render(){return U`<slot></slot>`}};_r([W({type:Number,reflect:!0})],Pr.prototype,"time",void 0),_r([W({type:Boolean})],Pr.prototype,"pageVisible",void 0),Pr=_r([Ft("livelike-timer")],Pr);const xr=e=>`\n :host {\n padding: 0.5rem 1rem;\n flex-grow: 1;\n overflow-wrap: break-word;\n width: 85%;\n margin: 0;\n ${ui(e.title)}\n }\n\n .widget-tag{\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-family: "HelveticaNeue-Bold";\n ${ui(e.tag)}\n }\n `;var Sr=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};let Or=class extends Et{constructor(){super(...arguments),this.defaultStyles=xr,this.getTag=()=>{switch(this.kind||this.owner.kind){case"text-quiz":case"image-quiz":return this.owner.localize("widget.quiz.tag");case"text-poll":case"image-poll":return this.owner.localize("widget.poll.tag");case"text-prediction":case"image-prediction":return this.owner.localize("widget.prediction.tag");case"text-prediction-follow-up":case"image-prediction-follow-up":return this.owner.localize("widget.followup.tag");default:return""}}}defaultTemplate(){const e=this.getTag().trim();return U`<slot>${e.length>0?U`<div class="widget-tag">${e}</div>`:null}<div>${this.title||this.owner.question||this.owner.title||this.owner.comment}</div></slot>`}};Sr([W({type:String})],Or.prototype,"title",void 0),Or=Sr([Ft("livelike-title")],Or);const Tr=e=>"\n :host {\n\n }\n ";var Cr=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};let Er=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Tr,this.updateCount=e=>{const t=e&&(String(e.vote_count)||String(e.answer_count));this.count=t||this.owner.count||0},this.ownerUpdated=e=>{"options"!==e.name&&"choices"!==e.name&&"count"!==e.name||this.updateCount(this.item)}}connectedCallback(){super.connectedCallback(),this.updateCount(this.item)}defaultTemplate(){return U`${this.count}`}};Cr([W({type:String,reflect:!0})],Er.prototype,"count",void 0),Er=Cr([Ft("livelike-vote-count")],Er);const Rr=e=>`\n :host {\n display: block;\n border-radius: 0 0 6px 6px;\n background: rgba(0,0,0,6);\n ${ui(e.body)}\n }\n `;let Ar=class extends Et{constructor(){super(...arguments),this.defaultStyles=Rr}defaultTemplate(){return U`<slot></slot>`}};Ar=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}([Ft("livelike-widget-body")],Ar);const Mr=()=>"\n :host {\n display:flex;\n justify-content: center;\n margin: 0.5rem;\n }\n ";let jr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Mr}firstUpdated(){let e="";const t=`\n <time datetime="${this.owner.published_at}">\n ${Ke(this.owner.published_at,this.owner.timeformat,this.owner.lang)}\n </time>\n `;this.owner.authors&&this.owner.created_by.name&&(e+=`<span>${this.owner.created_by.name}</span>`,this.owner.timestamps&&(e+="&nbsp;&ndash;&nbsp;")),this.owner.timestamps&&(e+=t),this.insertAdjacentHTML("afterbegin",e)}defaultTemplate(){return U`<slot></slot>`}};jr=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}([Ft("livelike-widget-bylines")],jr);const Lr=e=>`\n :host {\n ${ui(e.footer)}\n }\n `;let Nr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Lr}defaultTemplate(){return U`<slot></slot>`}};Nr=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}([Ft("livelike-widget-footer")],Nr);const Ur=e=>`\n :host {\n display: flex;\n position: relative;\n border-radius: 6px 6px 0 0;\n ${ui(e.header)}\n }\n `;let Ir=class extends Et{constructor(){super(...arguments),this.defaultStyles=Ur}defaultTemplate(){return U`<slot name="title"></slot><slot name="dismiss"></slot><slot></slot>`}};Ir=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}([Ft("livelike-widget-header")],Ir);const Dr=e=>`\n :host {\n color: #fff;\n position: relative;\n display: block;\n ${ui(e.root)}\n }\n `;let $r=class extends Et{constructor(){super(...arguments),this.defaultStyles=Dr}defaultTemplate(){return U`<livelike-widget-bylines></livelike-widget-bylines><slot name="header"></slot><slot name="timer"></slot><slot name="body"></slot><slot></slot><livelike-widget-reactions></livelike-widget-reactions>`}};$r=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}([Ft("livelike-widget-root")],$r);const Br=e=>`\n :host {\n display:flex;\n }\n .bar-container {\n font-size: 14px;\n padding: .25rem 0;\n transition: all 0.4s ease;\n text-align: center;\n }\n .bar0{\n background: linear-gradient(to left, #3023ae, #53a0fd);\n ${ui(e.sideABar)}\n }\n .bar1{\n background: linear-gradient(to right, #9f041b, #f5515f);\n ${ui(e.sideBBar)}\n }\n `;var Fr=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};let qr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Br,this.ownerUpdated=e=>{"options"!==e.name&&"choices"!==e.name||(this.items=e.prop)}}connectedCallback(){super.connectedCallback(),this.items=this.items||this.owner.options||this.owner.choices}defaultTemplate(){const e=Math.round(1/this.items.length*100);return U`${this.items.map(((t,n)=>{const i=`width:${He(this.owner,t,e)}%`;return U`<div class="bar-container bar${n}" style="${i}">${t.description?U`<div>${t.description}</div>`:null}</div>`}))}`}};Fr([W({type:Array})],qr.prototype,"items",void 0),qr=Fr([Ft("livelike-dueling-progress")],qr);const Kr=e=>`\n .text-ask-prompt-container {\n padding: 1rem;\n ${ui(e.prompt)}\n }\n .text-ask-prompt {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n .text-ask-form {\n padding: 0 16px 16px 16px;\n }\n .text-ask-input-container {\n padding: 15px 3px 17px 15px;\n border-radius: 4px;\n background-color: rgb(40,40,40);\n border-color: rgb(63,63,63);\n position: relative;\n }\n .text-ask-input {\n border: none;\n background-color: rgb(40,40,40);\n color: rgb(255,255,255);\n font-size: 12px;\n line-height: 20px;\n resize: none; \n width: 100%;\n box-sizing: border-box;\n padding: 0;\n padding-right: 8px;\n font-family: "HelveticaNeue-Regular";\n ${ui(e.replyEnabled)}\n }\n .text-ask-input::placeholder {\n color: rgb(171,171,171);\n ${ui(e.replyPlaceholder)}\n } \n .text-ask-input:focus {\n outline: none;\n }\n .text-ask-input[disabled] {\n color: rgb(171,171,171);\n ${ui(e.replyDisabled)}\n }\n .text-ask-input::-webkit-scrollbar {\n width: 4px;\n }\n .text-ask-input::-webkit-scrollbar-track {\n margin-right: 3px;\n }\n .text-ask-input::-webkit-scrollbar-thumb {\n -webkit-border-radius: 100px;\n border-radius: 100px;\n background: rgb(84,84,84);\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\n }\n .text-ask-input-counter {\n font-size: 10px;\n color: rgb(171,171,171);\n position: absolute;\n right: 5px;\n bottom: 2px;\n }\n .text-ask-button {\n width: fit-content;\n padding: 12px 16px;\n border: none;\n border-radius: 4px;\n font-size: 10px;\n font-family: "HelveticaNeue-Bold";\n cursor: pointer;\n ${ui(e.submitButtonEnabled)} \n }\n .text-ask-button[disabled] {\n background-color: rgb(84,84,84);\n color: rgb(171,171,171);\n cursor: default;\n ${ui(e.submitButtonDisabled)}\n }\n .confirmation-message-container {\n padding: 0;\n padding-left: 11px;\n }\n .hidden {\n opacity: 0;\n }\n .confirmation-message {\n color: rgb(0,240,120);\n font-size: 12px;\n text-align: left;\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n ${ui(e.confirmation)}\n }\n .text-ask-footer {\n padding: 0 16px 16px 16px;\n display: flex;\n align-items: center;\n }\n `;var zr=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};let Hr=class extends Wt{constructor(){super(...arguments),this.kind="text-ask",this.owner=this,this.defaultStyles=Kr,this.text="",this.maxlength=240,this.replyDisable=!0,this.firstUpdated=()=>{super.firstUpdated(),this.interaction&&(this.text=this.interaction.text,this.disabled=!0,this.showConfirmation=!0)},this.submitReply=()=>{this.replyDisable=!0,this.interactionEvent(),Re.post({url:this.widgetPayload.reply_url,data:{text:this.text}}).then((e=>{this.disabled=!0,this.replyDisable=!1,this.reply=this.text,this.showConfirmation=!0})).catch((e=>{this.replyDisable=!1}))},this.inputHandler=e=>{this.text=e.target.value.trimLeft(),this.inputEl.value=this.text,this.counter.textContent=this.maxlength-this.text.length,this.replyDisable=!(this.text.length>0)}}get counter(){return this.querySelector(".text-ask-input-counter")}get inputEl(){return this.querySelector(".text-ask-input")}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body><div class="text-ask-prompt-container"><span class="text-ask-prompt">${this.prompt}</span></div><form class="text-ask-form"><div class="text-ask-input-container"><textarea class="text-ask-input" type="text" name="reply" rows="2" .value="${this.text}" maxlength="${this.maxlength}" ?disabled="${this.disabled}" placeholder="${this.owner.localize("widget.textAsk.placeholder")}" @input="${this.inputHandler}"></textarea> ${this.disabled?null:U`<span class="text-ask-input-counter">${this.maxlength}</span>`}</div></form><div class="text-ask-footer"><button class="text-ask-button" @click="${this.submitReply}" ?disabled="${this.disabled||this.replyDisable}"><span class="text-ask-button-label">${this.owner.localize("widget.textAsk.sendButton.label")}</span></button><div class="confirmation-message-container ${this.showConfirmation?"":"hidden"}"><span class="confirmation-message">${this.confirmation_message}</span></div></div></livelike-widget-body></livelike-widget-root></template>`}};zr([W({type:String})],Hr.prototype,"title",void 0),zr([W({type:String})],Hr.prototype,"prompt",void 0),zr([W({type:String})],Hr.prototype,"confirmation_message",void 0),zr([W({type:Boolean})],Hr.prototype,"replyDisable",void 0),zr([W({type:Boolean})],Hr.prototype,"showConfirmation",void 0),Hr=zr([Ft("livelike-text-ask")],Hr);const Vr={_$$:ie,_config:re,userProfile:oe,applyTheme:di,addMessageListener:(e,t)=>tt(e.roomId).then((n=>{const i=i=>{i.message&&(i.message.payload.timetoken=i.timetoken),i.channel===n&&t({message:i.data||i.message.payload,roomId:e.roomId,event:je[i.event||i.message.event]})};vt.add(n,e.roomId,t,{message:i,messageAction:i})})),removeMessageListener:(e,t)=>vt.remove(e.roomId,t),createUserProfile:gi,getUserProfile:fi,init:e=>new Promise((t=>{let n=ie.ready&&ie.clientId&&oe;var i;n&&console.error("LiveLike EngagementSDK has already been initialized!"),n||((i=document.createElement("script")).type="text/javascript",i.src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/webcomponents-loader.js",document.body.append(i),ie.pageVisible=!document.hidden,document.addEventListener("visibilitychange",(()=>{ie.pageVisible=!document.hidden,rt.emit("pageVisibilityChange",{pageVisible:!document.hidden})}),!1)),!e.accessToken&&console.warn(`LiveLike EngagementSDK has been initialized without an accessToken.\n ${at()}`),e.endpoint&&(ie.endpoint=e.endpoint),ie.ready=!1,ie.logger=e.logger||null,ie.clientId=e.clientId,ie.accessToken=e.accessToken||null,ie.lsKey="livelike-user-auth-"+e.clientId,e.syncStrategy&&(ie.syncStrategy=e.syncStrategy),ie.storageStrategy=e.storageStrategy||pt,e.localizedStrings&&hi(e.localizedStrings),di(e.theme||{}).then((()=>Ze().then((i=>{!n&&i.mixpanel_token&&function(e,t){var n=document,i=window.mixpanel||[];if(!i.__SV){var r,o,s=window;try{var a,c,l,u=s.location,d=u.hash;a=function(e,t){return(c=e.match(RegExp(t+"=([^&]*)")))?c[1]:null},d&&a(d,"state")&&"mpeditor"===(l=JSON.parse(decodeURIComponent(a(d,"state")))).action&&(s.sessionStorage.setItem("_mpcehash",d),history.replaceState(l.desiredHash||"",n.title,u.pathname+u.search))}catch(e){}window.mixpanel=i,i._i=[],i.init=function(e,t,n){function s(e,t){var n=t.split(".");2==n.length&&(e=e[n[0]],t=n[1]),e[t]=function(){e.push([t].concat(Array.prototype.slice.call(arguments,0)))}}var a=i;for(void 0!==n?a=i[n]=[]:n="mixpanel",a.people=a.people||[],a.toString=function(e){var t="mixpanel";return"mixpanel"!==n&&(t+="."+n),e||(t+=" (stub)"),t},a.people.toString=function(){return a.toString(1)+".people (stub)"},r="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "),o=0;o<r.length;o++)s(a,r[o]);var c="set set_once union unset remove delete".split(" ");a.get_group=function(){function e(e){t[e]=function(){call2_args=arguments,call2=[e].concat(Array.prototype.slice.call(call2_args,0)),a.push([n,call2])}}for(var t={},n=["get_group"].concat(Array.prototype.slice.call(arguments,0)),i=0;i<c.length;i++)e(c[i]);return t},i._i.push([e,t,n])},i.__SV=1.2,(s=n.createElement("script")).type="text/javascript",s.async=!0,s.src="undefined"!=typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===n.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js",(a=n.getElementsByTagName("script")[0]).parentNode.insertBefore(s,a)}mixpanel.init(e),mixpanel.register(t)}(i.mixpanel_token,i.analytics_properties),ie.programUrlTemplate=i.program_detail_url_template,ie.chatUrlTemplate=i.chat_room_detail_url_template,ie.leaderboardUrlTemplate=i.leaderboard_detail_url_template,ie.createChatUrlTemplate=i.create_chat_room_url,ie.profileDetailUrlTemplate=i.profile_detail_url_template,ie.profileUrl=i.profile_url,((e,t)=>{if(e)return fi({accessToken:e});{let e=ie.storageStrategy.get();return e?fi({accessToken:e.access_token}):gi({nickname:t})}})(e.accessToken,e.nickName).then((r=>{ie.storageStrategy.set(r),Object.assign(oe,r);const o={subscribeKey:i.pubnub_subscribe_key,origin:i.pubnub_origin,authKey:r.access_token};i.pubnub_heartbeat_interval&&(o.heartbeatInterval=i.pubnub_heartbeat_interval),i.pubnub_presence_timeout&&(o.presenceTimeout=i.pubnub_presence_timeout);const s=e.publishKey||i.pubnub_publish_key;s&&(o.publishKey=s);const a=()=>{ie.ready=!0,re.ready=!0,t(r)},c=-1!==Object.keys(o).findIndex((e=>ie.pn&&ie.pn._config[e]!==o[e]));!ie.pn||c?(e=>(ie.logger&&console.table(Object.assign(Object.assign({},e),{profileToken:oe.access_token})),Pe=new we(Object.assign(Object.assign({},e),{uuid:oe.id,restore:!0,ssl:!0})),ie.pn=Pe,Promise.resolve()))(o).then((()=>{!n&&qt.initialize(),a()})):a()}))}))))})),getMessageCount:(e,t)=>new Promise(((n,i)=>{e||ut("roomId","messagecount");let r=null;if(t&&t.since)if(kt(t.since)){const e=new Date(t.since).getTime();r=String(e)+"0011"}else i(lt("messageCount","since","Date"));tt(e).then((t=>((e,t)=>Pe.history({channel:e,stringifiedTimeToken:!0,end:t,count:100}))(t,r).then((t=>{console.log("get history r.messages",t),n({roomId:e,count:Ge(e,t.messages).length})}))))})),getMessageList:Xt,sendMessage:Qt,prepareOutgoingChatMessage:(e,t)=>Zt[e]=t,updateUserProfile:e=>e.accessToken?pi("patch",e.options,e.accessToken).then((t=>(t.access_token=e.accessToken,t.id===oe.id&&(ie.storageStrategy.set(t),oe.nickname=t.nickname,Object.assign(oe,t)),t))):ut("accessToken","updateuserprofile"),registerWidgetMode:Dt,getWidget:It,getPostedWidgets:({programId:e})=>Ut({programId:e}).then((e=>it(["widgets","widget_interactions_url_template"],e))),addWidgetListener:(e,t)=>et(e.programId).then((n=>vt.add(n.subscribe_channel,e.programId,t,{message:i=>i.channel===n.subscribe_channel&&t({event:i.message.event,widgetPayload:i.message.payload,programId:e.programId})}))),removeWidgetListener:(e,t)=>vt.remove(e.programId,t),createChatRoom:e=>e&&e.visibility&&"members"!==e.visibility&&"everyone"!==e.visibility?Promise.reject("Invalid value for visibility"):Re.post({url:ie.createChatUrlTemplate,data:e}).then(vi),updateChatRoom:(e,t)=>bi({roomId:e}).then((e=>Re.patch({url:e.url,data:t}).then(vi))),getChatRoom:e=>bi(e).then(vi),joinChatRoom:e=>wi(e,"post"),leaveChatRoom:e=>wi(e,"delete").then(yi),getChatUserMutedStatus:e=>bi(e).then((e=>fetch(We(oe.id,e.muted_status_url_template)).then((e=>e.json())))),getChatRoomMemberships:e=>wi(e,"get"),getProfileChatRoomMemberships:()=>Re.get({url:oe.chat_room_memberships_url}),getLeaderboards:e=>e&&e.programId?Je.program(e.programId).then((e=>e.leaderboards)):ut("programId","leaderbaord"),getLeaderboard:e=>e&&e.leaderboardId?Je.leaderboard(e.leaderboardId):ut("leaderboardId","leaderboard"),getLeaderboardEntries:e=>(e=>e&&e.leaderboardId?Je.leaderboard(e.leaderboardId).then((e=>nt(e.entries_url,(e=>Re.get({url:e})),(e=>({count:e.count,entries:e.results}))))):ut("leaderboardId","leaderboard"))(e).then((e=>it(["entries"],e))),getLeaderboardProfileRank:e=>e&&e.leaderboardId&&e.profileId?Je.leaderboard(e.leaderboardId).then((t=>Je.leaderboardEntryDetail(t.entry_detail_url_template,e.profileId))):e&&e.leaderboardId?ut("profileId","leaderboard"):ut("leaderboardId","leaderboard"),applyLocalization:hi,getWidgetInteractions:$t,getSponsors:e=>e&&e.programId?Je.program(e.programId).then((e=>e.sponsors)):ut("programId","sponsor"),getProfileBadges:e=>e&&e.profileId?(e=>fi(e).then(mi))(e).then((e=>it(["results"],e))):ut("profileId","getProfileBadges"),getApplicationBadges:()=>Ze().then((e=>it(["results"],mi(e)))),getBadgeProgress:e=>e&&e.profileId&&e.badgeIds&&e.badgeIds.length>0?fi(e).then((t=>Re.get({url:t.badge_progress_url+"?badge_id="+e.badgeIds.join("&badge_id=")}))):e&&e.profileId?ut("badgeIds","getBadgeProgress"):ut("profileId","getBadgeProgress")};function Gr(e){try{return JSON.parse(e)}catch(e){return null}}window.LiveLike=Vr,window.ProgramDateTimeSyncStrategy=ei,window.HlsJsSyncStrategy=class extends ei{constructor(e,t){super(),this.hls=e,this.video=t,this.level=null,this.frag=null,this.hls.on(Zn,((e,t)=>{this.level=this.hls.levels[t.level]})),this.hls.on(Qn,((e,t)=>{this.frag=t.frag}))}get baseProgramDateTimeMs(){return this.frag?this.frag.programDateTime:this.level?this.level.details.fragments[0].programDateTime:void 0}get fragmentStartMs(){return this.frag?1e3*this.frag.start:this.level?1e3*this.level.details.fragments[0].start:void 0}get videoCurrentTimeMs(){return 1e3*this.video.currentTime}get programDateTime(){if(this.level){let e=this.baseProgramDateTimeMs+this.videoCurrentTimeMs-this.fragmentStartMs;return new Date(e)}}},window.html=U,window.property=W,window.LiveLikeWidgetElement=class extends Mt{},window.LiveLikeWidget=Yt,window.LiveLikeWidgetMixin=e=>class extends e{connectedCallback(){super.connectedCallback(),this.setupWidget()}},window.LiveLikePoll=xi,window.LiveLikeQuiz=Oi,window.LiveLikePrediction=Ci,window.LiveLikeFollowUp=Ei,window.LiveLikeAlert=Mi,window.LiveLikeEmojiSlider=Ni,window.LiveLikeSocialEmbed=Bi,window.LiveLikeRichPost=qi,window.LiveLikeCheerMeter=Xi,window.LiveLikeVideoAlert=ir,window.LiveLikeDescription=sr,window.LiveLikeDismissButton=cr,window.LiveLikeImage=Yi,window.LiveLikeOption=Vi,window.LiveLikePercentage=fr,window.LiveLikeProgress=vr,window.LiveLikeSelect=wr,window.LiveLikeTimer=Pr,window.LiveLikeTitle=Or,window.LiveLikeVoteCount=Er,window.LiveLikeWidgetBody=Ar,window.LiveLikeWidgetBylines=jr,window.LiveLikeWidgetFooter=Nr,window.LiveLikeWidgetHeader=Ir,window.LiveLikeWidgetRoot=$r,window.LiveLikeDuelingProgress=qr,window.LiveLikeTextAsk=Hr,window.LiveLikeVideo=tr;const Wr=Vr.applyTheme;Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),Wr(e));const Yr=Object.assign({},Vr.userProfile);var Jr=Object.freeze({__proto__:null,userProfile:Yr,init:e=>Vr.init(Object.assign({clientId:e.clientId},e)).then((e=>{Yr.custom_data=Gr(e.custom_data)})),LiveLike:Vr,displayPreviewWidget:({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)))}});
203
+ const On=new WeakMap,Tn=(Cn=e=>t=>{if(!(t instanceof S))throw new Error("unsafeHTML can only be used in text bindings");const n=On.get(t);if(void 0!==n&&k(e)&&e===n.value&&t.value===n.fragment)return;const i=document.createElement("template");i.innerHTML=e;const r=document.importNode(i.content,!0);t.setValue(r),On.set(t,{value:e,fragment:r})},(...e)=>{const t=Cn(...e);return p.set(t,!0),t});var Cn;var En=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};let Rn=class extends bn{constructor(){super(...arguments),this.message=null,this.animation=0,this.selectedMessage=null,this.selectedReactions=null,this.isDeleted=!1,this.messageDeleted=e=>{const t=this.owner.localize("chat.messageDeleted");this.message&&e.message&&e.message.id===this.message.id&&(this.isDeleted=!0,this.message=Object.assign(Object.assign({},this.message),{image_url:null,message:t,filtered_message:t}))},this.ownerUpdated=e=>{"deletedMessages"===e.name&&this.messageDeleted({message:e.prop[e.prop.length-1]})},this.renderMessageMenu=e=>U`<message-menu .menu="${this.owner.messageMenuFunc(e)}" .message="${e}" .animation="${this.animation}" .closeMenu="${()=>fn(this,"selectedMessage")}"></message-menu>`,this.renderMenuButton=(e,t)=>this.owner.messagemenus&&!this.isDeleted&&this.owner.messageMenuFunc(t)&&this.owner.messageMenuFunc(t).length?U`<div class="menu-button-container"><button aria-label="${this.owner.localize("chat.messageMenu.ariaLabel")}" class="more-icon ${e}" @click="${()=>mn(this,t.id,"selectedMessage")}">${sn}</button></div>`:null,this.renderTimestamp=e=>{const t=e.timetoken&&e.timetoken.slice(0,e.timetoken.length-4),n=Ke(Number(t),this.owner.timeformat,this.owner.lang);return U`<time aria-label="${n}" class="message-timestamp" datetime="${t}">${n}</time>`},this.reactionAction=e=>{const t=this.message.reactions[e.id]&&this.message.reactions[e.id].find((e=>e.uuid===oe.id)),n=()=>fn(this,"selectedReactions"),i={value:e.id,uuid:oe.id,messageTimetoken:this.message.timetoken,actionTimetoken:t&&t.actionTimetoken||null},r=(t,r)=>{this.owner[t]({messageId:this.message.id,reactionId:e.id}).then(n),this.owner.updateReaction(i,r)};t?r("removeMessageReaction","reactionremoved"):r("addMessageReaction","reactionadded")},this.getReactionCount=e=>this.message.reactions[e.id]?this.message.reactions[e.id].length:0,this.renderMiniReactions=()=>((e,t,n)=>U`<div class="mini-reactions">${n.map((e=>t(e)>0?U`<img class="mini-reaction-image" src="${e.file}" alt="Reaction ${e.name}">`:null))} ${e>0?U`<span class="mini-reaction-count">${vn(e)}</span>`:null}</div>`)(Object.values(this.message.reactions).reduce(((e,t)=>e.concat(t)),[]).length,this.getReactionCount,this.owner.reactionPack),this.renderReactions=()=>{const e=e=>this.message.reactions[e.id]&&this.message.reactions[e.id].find((e=>e.uuid===oe.id));return((e,t,n,i,r,o,s)=>U`<div class="reaction-item-container" style="opacity:${t}"><div class="reaction-item-wrap">${e.map((e=>{const t=i(e);return U`<button aria-label="${o?gt(o,s||"en-US",{reactionName:e.name}):"Reaction "+e.name}" class="reaction-item ${n(e)}" @click="${()=>r(e)}"><img class="reaction-image" src="${e.file}" alt=""> ${t>0?U`<span class="reaction-count">${vn(t)}</span>`:null}</button>`}))}</div></div>`)(this.owner.reactionPack,this.animation,(t=>e(t)?"selected":""),this.getReactionCount,this.reactionAction,"chat.reactions.reactionSelectionButton.ariaLabel",this.owner.lang)},this.renderAvatar=()=>U`<div class="avatar">${this.message.sender_image_url?U`<img src="${this.message.sender_image_url}" alt="Avatar" @error="${()=>{this.message=Object.assign(Object.assign({},this.message),{sender_image_url:null})}}">`:cn}</div>`,this.trackClickEvent=e=>{if(e.target&&e.target.href){const t=this.message;t.messageLink=e.target.href,_e(t,this.owner.roomid,"Chat Message Link Clicked")}},this.buildMessage=(e,t,n,i)=>((e,t,n,i)=>{const r=t?t.reduce(((e,t)=>e.concat(t.stickers)),[]):[];if(e.image_url)return U`<div class="image-message-container"><img class="image-message" width="${e.image_width}" height="${e.image_height}" src="${e.image_url}" alt="Chat image"></div>`;if(e.message){let t=e.message;n&&i&&i.length>0&&i.forEach((e=>{t=t.replace(e,(e=>{const t=0!==e.indexOf("http")?"//"+e:e;return`<a class="livelike-message-link" title="${t}" target="_blank" href="${t}">${e}</a>`}))}));const o=/:[^\/\/]([^:]*):/g,s=0===t.indexOf(":"),a=(t.match(o)||[]).length>1||t.split(" ").length>1?"22px":"32px";return t=t.replace(o,(e=>{const t=r&&r.find((t=>t.shortcode===e.slice(1,-1)));return t?`\n <span style="margin: 0 4px 0 ${s?"0":"4px"};">\n <img\n class="word-item"\n height=${a}\n src=${t.file}\n alt=${t.shortcode}\n />\n </span>\n `:e})),Tn(t)}})(e,t,n,i)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),_e(this.message,this.owner.roomid,"Chat Message Displayed")}render(){const e=this.owner.blockList.find((e=>e===this.message.sender_id)),t=this.selectedMessage===this.message.id,n=t?"active":"",i=this.message.sender_id===oe.id?"self":"",r=this.owner.showavatar?"has-avatar":"",o=this.isDeleted?"deleted":"";return e?null:U`${en} ${dn}<div class="message-item-container ${n} ${i}">${this.owner.showavatar?this.renderAvatar():null}<div class="message-wrapper ${r}" tabindex="0">${this.owner.reactionPack&&this.owner.reactionPack.length>0?this.renderMiniReactions():null}<div aria-live="polite" role="log"><div class="sender-name" aria-label="${this.message.sender_nickname}">${this.message.sender_nickname}</div><div @click="${this.trackClickEvent}" aria-label="${this.message.image_url?this.message.image_url:this.message.message}" id="senderMessage-${this.message.id}" class="sender-message ${o}">${this.buildMessage(this.message,this.owner.stickerPacks,this.owner.messageurls,this.owner.messageUrlPatterns)}</div>${this.owner.timestamps?this.renderTimestamp(this.message):null}</div>${this.owner.reactionPack&&this.owner.reactionPack.length>0&&!this.isDeleted?(s=this,a=this.message.id,c="chat.reactions.openButton.ariaLabel",U`<div class="reaction-button-container"><button class="reaction-button" aria-label="${c?s.owner.localize(c):"Open Reactions"}" @click="${()=>mn(s,a,"selectedReactions")}"></button></div>`):null}</div>${this.selectedReactions===this.message.id?this.renderReactions():null} ${t?this.renderMessageMenu(this.message):null} ${this.renderMenuButton(n,this.message)}</div>`;var s,a,c}};En([W({type:Object})],Rn.prototype,"message",void 0),En([W({type:Number})],Rn.prototype,"animation",void 0),En([W({type:String})],Rn.prototype,"selectedMessage",void 0),En([W({type:String})],Rn.prototype,"selectedReactions",void 0),En([W({type:Boolean})],Rn.prototype,"isDeleted",void 0),Rn=En([Ft("livelike-message-item")],Rn);let An=class extends bn{constructor(){super(...arguments),this.appendMessage=e=>{const t=e.detail.message;if(t.message||t.image_url||t.custom_data&&this.owner.customMessageRenderer){const e=t.custom_data&&this.owner.customMessageRenderer?this.owner.customMessageRenderer({message:t}):document.createElement("livelike-message-item");e.message=t,e.owner=this.owner;const n=this.scrollTop+this.clientHeight===this.scrollHeight;this.appendChild(e);(e.updateComplete?e:this).updateComplete.then((()=>(t.sender_id===oe.id||n)&&this.scrollToBottom()))}},this.softKeyboardHandler=qe((()=>this.scrollTop+this.clientHeight===this.scrollHeight&&this.scrollToBottom())),this.scrollListener=qe((()=>{rt.emit("userScrolled",{key:this.owner.dataId,scrolled:this.scrollTop+this.clientHeight+10<this.scrollHeight})})),this.scrollToBottom=()=>this.scrollTop=this.scrollHeight+1e4,this.scrollToBottomListener=e=>e.key===this.owner.dataId&&this.scrollToBottom()}connectedCallback(){this.addEventListener("scroll",this.scrollListener),rt.on("scrollDown",this.scrollToBottomListener),window.addEventListener("resize",this.softKeyboardHandler),super.connectedCallback(),this.setAttribute("role","log"),this.owner.addEventListener("message-ready",this.appendMessage)}disconnectedCallback(){rt.off("scrollDown",this.scrollToBottomListener),this.removeEventListener("scroll",this.scrollListener),this.owner.removeEventListener("message-ready",this.appendMessage),window.removeEventListener("resize",this.softKeyboardHandler),super.disconnectedCallback()}render(){return U`<style>:host{display:block;overflow:auto}</style><slot></slot>`}};An=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}([Ft("livelike-message-list")],An);const Mn=()=>"\n :host {\n display: flex;\n }\n livelike-chat-composer {\n display: flex;\n position: relative;\n flex-shrink: 0;\n }\n .livelike-chat-input {\n border: 0;\n background: #fff;\n box-sizing: border-box;\n border-radius: 0.5rem;\n color: inherit;\n font-size: 1rem;\n font-family: inherit;\n line-height: 1.5rem;\n height: 40px;\n min-height: 2.5rem;\n overflow: hidden;\n padding: 0.5rem 5rem 0.5rem 0.5rem;\n resize: none;\n width: 100%;\n }\n .livelike-chat-input:focus {\n outline: none;\n border: 1px solid rgba(255, 255, 255, 0.2);\n }\n .livelike-chat-input::placeholder {\n color: rgba(0, 0, 0, 0.35);\n }\n .send-button {\n background: none;\n border: none;\n padding: 0;\n margin-left: 1rem;\n display: flex;\n align-items: center;\n transition: all 0.3s ease-out;\n }\n .send-icon {\n border: none;\n background: none;\n }\n .send-icon svg {\n fill: #777;\n }\n .send-icon:hover svg, .send-icon:focus svg {\n filter: invert(1);\n transition: all 0.3s ease-out;\n }\n .send-icon:hover {\n cursor: pointer;\n }\n .sticker-picker-container {\n position: absolute;\n border: none;\n background: none;\n right: 2rem;\n bottom: 0.5rem;\n transition: all 0.3s ease-out;\n }\n",jn=U`<style>.sticker-nav-container{position:relative;background:#282828;height:40px;width:100%;border-radius:0 0 8px 8px;overflow:scroll;min-width:15rem}.sticker-nav-wrap{display:flex;list-style-type:none;padding:0;margin:0}.sticker-nav-item{border:none;background:rgba(255,255,255,0);transition:all .2s;padding:10px}.sticker-nav-item.active{background:#141414;border-radius:0 0 8px 8px}.sticker-nav-item:hover{cursor:pointer}.sticker-nav-item img{width:20px;height:20px;vertical-align:middle;border:0}</style>`,Ln=U`<style>@keyframes slideIn{from{opacity:0;transform:translate3d(0,-1rem,0)}to{opacity:1;transform:translate3d(0,-.5rem,0)}}.sticker-icon{border:none;background:0 0;padding:1px 6px}.sticker-icon:hover{cursor:pointer}.sticker-icon svg{fill:#888}.sticker-container{position:absolute;bottom:4rem;opacity:0;transition:all ease .3s;z-index:21;right:0;max-width:20rem}.sticker-container.show{opacity:1;transition:all ease .3s}.sticker-container.hide{opacity:0;transition:all ease .3s}.sticker-container-header{position:relative;border-radius:.5rem .5rem 0 0;background:#141414;padding:.625rem 1rem;color:#fff;font-size:1rem;font-weight:700}.sticker-close-icon{border:none;background:0 0;position:relative;float:right;top:-1px;right:0;background-size:contain;width:1.25rem;height:1.25rem;cursor:pointer}.sticker-body{position:relative;background:#141414;padding:.625rem .3rem;display:flex;justify-content:flex-start;flex-wrap:wrap;overflow-y:auto;min-height:8rem;max-height:8rem}.sticker-wrap{border:none;color:#fff;padding-left:0 .625rem;width:3.75rem;background:0 0;border-radius:.75rem;transition:all ease .3s;margin:0 auto .625rem auto}.sticker-wrap:focus,.sticker-wrap:hover{outline:0;background:#818592;cursor:pointer}.sticker-image{width:100%;vertical-align:middle}</style>`;var Nn=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};let Un=class extends bn{constructor(){super(...arguments),this.drawerOpen=!1,this.animation=0,this.keyedLocalize=(e,t)=>this.owner.localize(this.localizationKey+e,t),this.closeDrawer=()=>{ot(this,"drawer-closed"),fn(this,"drawerOpen")},this.stickerBody=()=>this.stickers&&this.stickers.map((e=>U`<button tabindex="0" type="button" class="sticker-wrap" aria-label="${this.keyedLocalize(".stickerSelectionButton.ariaLabel",{stickerName:e.shortcode||e.title})}" @click="${()=>{ot(this,"sticker-selected",{sticker:e}),this.closeDrawer()}}"><div class="sticker-wrap-image"><img class="sticker-image" src="${e.file||e.images.preview_gif.url}" alt="${e.shortcode||e.title}"></div></button>`)),this.renderStickerDrawer=()=>{const e=this.title||this.keyedLocalize(".title");return U`<div class="sticker-container" style="opacity:${this.animation}" aria-label="${e}"><header class="sticker-container-header"><span class="title">${e}</span> <button tabindex="0" type="button" class="sticker-close-icon" aria-label="${this.keyedLocalize(".closeButton.ariaLabel")}" @click="${this.closeDrawer}">${an}</button></header><div class="sticker-body">${this.stickerBody()}</div>${this.navFooterTemplate?this.navFooterTemplate():null}</div>`}}createRenderRoot(){return this}render(){return U`${Ln} <button tabindex="0" type="button" class="sticker-icon" aria-label="${this.keyedLocalize(".openButton.ariaLabel")}" @click="${()=>{mn(this,this.owner.dataId,"drawerOpen"),setTimeout((()=>{ot(this,"drawer-opened")}),50)}}">${this.buttonIcon}</button> ${this.drawerOpen?this.renderStickerDrawer():null}`}};Nn([W({type:Array})],Un.prototype,"stickers",void 0),Nn([W({type:String})],Un.prototype,"buttonIcon",void 0),Nn([W({type:Function})],Un.prototype,"onStickerClick",void 0),Nn([W({type:String,reflect:!0})],Un.prototype,"title",void 0),Nn([W({type:Boolean})],Un.prototype,"drawerOpen",void 0),Nn([W({type:String})],Un.prototype,"animation",void 0),Nn([W({type:String})],Un.prototype,"localizationKey",void 0),Un=Nn([Ft("livelike-stickers")],Un);var In=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};let Dn=class extends bn{constructor(){super(...arguments),this.selectedPack="",this.changePack=e=>{this.selectedPack=e&&e.id,this.selectedStickers=e&&e.stickers},this.stickerNav=()=>this.owner.stickerPacks&&this.owner.stickerPacks.map((e=>{const t=e.id===this.selectedPack?"active":"";return U`<button tabindex="0" type="button" aria-label="${this.owner.localize("chat.stickerPicker.stickerPackTab.ariaLabel",{packName:e.name})}" class="sticker-nav-item ${t}" @click="${()=>this.changePack(e)}"><img src="${e.file}" alt="${e.name}"></button>`})),this.stickerNavFooter=()=>U`<nav slot="sticker-drawer-footer" class="sticker-nav-container"><div class="sticker-nav-wrap">${this.stickerNav()}</div></nav>`}createRenderRoot(){return this}ownerUpdated(e){!this.selectedStickers&&"stickerPacks"===e.name&&this.owner.stickerPacks&&this.owner.stickerPacks[0]&&this.changePack(this.owner.stickerPacks[0])}render(){return U`${jn} ${this.owner.stickerPacks&&this.owner.stickerPacks.length?U`<livelike-stickers .localizationKey="${"chat.stickerPicker"}" .stickers="${this.selectedStickers}" .buttonIcon="${on}" @drawer-opened="${()=>{}}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`:null}`}};In([W({type:String})],Dn.prototype,"selectedPack",void 0),In([W({type:Array})],Dn.prototype,"selectedStickers",void 0),Dn=In([Ft("livelike-sticker-picker")],Dn);var $n=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};let Bn=class extends bn{constructor(){super(...arguments),this.message="",this.giphyList=[],this.offset=0,this.isDoneFetching=!0,this.loading=!1,this.scrollListenerAdded=!1,this.fetchNextPageIfBottom=qe((()=>{const e=this.querySelector(".sticker-body");!(e&&e.scrollHeight-e.scrollTop===e.clientHeight)||this.isDoneFetching||this.loading||this.fetchGifs()})),this.fetchGifs=()=>{this.loading=!0,fetch(`https://api.giphy.com/v1/gifs/search?q=${this.message}&api_key=jlvX8uZILp5PhutmuW6fdATBP3E5uayi&offset=${this.offset}&rating=g`).then((e=>e.json())).then((e=>{this.loading=!1,this.giphyList=[...this.giphyList,...e.data],this.offset=e.pagination?e.pagination.count+e.pagination.offset:0,this.isDoneFetching=!e.pagination||this.offset===e.pagination.total_count}))},this.onStickerClick=e=>Qt({image_url:e.detail.sticker.images.downsized.url,image_width:e.detail.sticker.images.downsized.width,image_height:e.detail.sticker.images.downsized.height,roomId:this.owner.roomid,sender_image_url:this.owner.avatarurl,timestamp:this.owner.syncStrategy&&this.owner.syncStrategy.currentTimecode?this.owner.syncStrategy.currentTimecode:null}),this.debouncedInputEvent=qe((()=>{this.offset=0,this.giphyList=[],this.fetchGifs()})),this.handleMessage=e=>{this.message=e.target.value,this.debouncedInputEvent()},this.handleOpen=e=>{const t=e.target.querySelector(".sticker-body");t&&t.addEventListener("scroll",this.fetchNextPageIfBottom)},this.handleClose=e=>{this.message="",this.giphyList=[],this.offset=0;const t=e.target.querySelector(".sticker-body");t&&t.removeEventListener("scroll",this.fetchNextPageIfBottom)},this.stickerNavFooter=()=>U`<nav slot="sticker-drawer-footer" class="sticker-nav-container"><div class="sticker-nav-wrap"><input type="text" maxlength="25" style="height:25px" class="livelike-chat-input livelike-giphy-input" placeholder="${this.owner.localize("chat.giphyPicker.placeholder")}" @input="${this.handleMessage}" .value="${this.message}"></div></nav>`}createRenderRoot(){return this}render(){return U`${jn}<livelike-stickers .localizationKey="${"chat.giphyPicker"}" .stickers="${this.giphyList}" .buttonIcon="${ln}" @sticker-selected="${this.onStickerClick}" @drawer-opened="${this.handleOpen}" @drawer-closed="${this.handleClose}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`}};$n([W({type:String})],Bn.prototype,"message",void 0),$n([W({type:Array})],Bn.prototype,"giphyList",void 0),$n([W({type:Number})],Bn.prototype,"offset",void 0),$n([W({type:Boolean})],Bn.prototype,"isDoneFetching",void 0),$n([W({type:Boolean})],Bn.prototype,"loading",void 0),$n([W({type:Boolean})],Bn.prototype,"scrollListenerAdded",void 0),Bn=$n([Ft("livelike-giphy-picker")],Bn);var Fn=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};let qn=class extends bn{constructor(){super(...arguments),this.defaultStyles=Mn,this.message="",this.ownerUpdated=e=>{"placeholder"===e.name&&(this.placeholder=e.prop),("lang"===e.name||"translations"===e.name)&&this.updateLocalizedPlaceholder()},this.updateLocalizedPlaceholder=()=>{if(!this.placeholder){const e=this.owner.localize("chat.inputPlaceholder");this.inputEl.placeholder=e,this.inputEl.setAttribute("aria-label",e)}this.sendBtn.setAttribute("aria-label",this.owner.localize("chat.sendButton.ariaLabel"))},this.sendClickHandler=()=>{this.message&&(ot(this,"sendChatMessage",{message:this.message}),this.message="",this.inputEl.value="",this.resize("40px"))},this.addSticker=e=>{e.detail.sticker&&e.detail.sticker.shortcode&&this.message.length+e.detail.sticker.shortcode.length<=200&&(this.message=this.message+`:${e.detail.sticker.shortcode}:`,this.inputEl.value=this.message,this.inputEl.focus())},this.handleMessage=e=>{void 0!==e.target.value&&(this.message=e.target.value),this.resize(""===e.target.value?"40px":null)},this.handleKeyDown=e=>{13!==e.which||e.shiftKey||(e.preventDefault(),this.sendClickHandler())},this.resize=e=>{this.inputEl.style.height=e||`${this.inputEl.scrollHeight}px`}}get inputEl(){return this.querySelector("[slot=body]")}get sendBtn(){return this.querySelector("[slot=send]")}updated(e){e.forEach(((e,t)=>{"placeholder"===t&&(this.inputEl.placeholder=this.placeholder,this.inputEl.setAttribute("aria-label",this.placeholder))}))}connectedCallback(){super.connectedCallback(),this.addEventListener("sticker-selected",this.addSticker);const e=this.placeholder||this.owner.placeholder||this.owner.localize("chat.inputPlaceholder");this.insertAdjacentHTML("beforeend",`<textarea slot="body" class="livelike-chat-input" maxlength="200" placeholder="${e}" aria-label="${e}"></textarea>`),this.insertAdjacentHTML("beforeend",'<div slot="body" class="sticker-picker-container">\n <livelike-sticker-picker></livelike-sticker-picker>\n <livelike-giphy-picker></livelike-giphy-picker>\n </div>'),this.insertAdjacentHTML("beforeend",`<button slot="send" aria-label="${this.owner.localize("chat.sendButton.ariaLabel")}" class="send-icon">\n \n <svg width="16" height="16" viewBox="0 0 16 16">\n <path fill-rule="nonzero" d="M.579.29l14.705 7.352a.4.4 0 0 1 0 .716L.58 15.71A.4.4 0 0 1 0 15.353V10.47a1 1 0 0 1 .863-.99L8.71 8.396a.4.4 0 0 0 0-.792L.863 6.519A1 1 0 0 1 0 5.53V.647A.4.4 0 0 1 .579.29z"/>\n </svg>\n </button>`)}disconnectedCallback(){this.removeEventListener("sticker-selected",this.addSticker),super.disconnectedCallback()}render(){return U`<slot name="body" @input="${this.handleMessage}" @keydown="${this.handleKeyDown}"></slot><slot @click="${this.sendClickHandler}" name="send"></slot><slot></slot>`}};Fn([W({type:String,reflect:!0})],qn.prototype,"placeholder",void 0),Fn([W({type:String})],qn.prototype,"message",void 0),qn=Fn([Ft("livelike-chat-composer")],qn);const Kn=()=>"\n <style>\n @keyframes slideDown {\n from {\n opacity: 0;\n transform: translate3d(0, -3rem, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0rem, 0);\n }\n }\n\n @keyframes slideUp {\n from {\n opacity: 0;\n transform: translate3d(0, 0rem, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, -2rem, 0);\n }\n }\n\n .down-icon {\n z-index: 15;\n position: absolute;\n border: none;\n right: 3.75rem;\n bottom: 5.5rem;\n padding: 0;\n border-radius: 50%;\n height: auto;\n width: auto;\n display: none;\n flex-direction: column;\n animation: slideDown 0.5s ease forwards;\n transition: all 0.3s ease;\n }\n .down-icon.show {\n display: flex;\n animation: slideUp 0.5s ease forwards;\n }\n .down-icon:hover {\n cursor: pointer;\n transition: all 0.3s ease;\n }\n .down-icon svg > rect {\n fill: #b0b0b0;\n }\n .down-icon svg > path {\n fill: #fff;\n }\n </style>\n";var zn=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};let Hn=class extends bn{constructor(){super(...arguments),this.defaultStyles=Kn,this.userScrolled=!1,this.ownerUpdated=e=>{("translations"===e.name||"lang"===e.name)&&this.updateLocalizedStrings()},this.setScrolled=e=>{if(e.key===this.owner.dataId){const t=this.querySelector(".down-icon"),n=e.scrolled?"down-icon show":"down-icon";t&&t.setAttribute("class",n)}},this.scrollDown=()=>rt.emit("scrollDown",{key:this.owner.dataId}),this.updateLocalizedStrings=()=>{this.querySelector("button.down-icon").setAttribute("aria-label",this.owner.localize("chat.scrollDownButton.ariaLabel"))}}connectedCallback(){super.connectedCallback(),rt.on("userScrolled",this.setScrolled),this.addEventListener("click",this.scrollDown),this.insertAdjacentHTML("beforeend",`<button tabindex="0" aria-label="${this.owner.localize("chat.scrollDownButton.ariaLabel")}" class="down-icon">\n <svg width="25px" height="25px" viewBox="0 0 30 30">\n <rect id="snap-to-live-button" fill="#FFFFFF" x="0" y="0" width="30" height="30" rx="15"></rect>\n <path d="M15.0326453,21 C14.7426596,21 14.4527097,20.8852999 14.2316216,20.6563819 L7.2744003,13.4491933 C6.83183015,12.9907267 6.83183015,12.2787537 7.97485699,11.4850649 C9.11788383,10.6913761 9.53369152,11.0267838 9.97629747,11.4850649 L15.0326453,16.7405562 L20.0890468,11.4850649 C20.5316169,11.0267838 21.1431577,10.6735312 22.0549346,11.4850649 C22.9667115,12.2965986 23.2335678,12.9909492 22.7907828,13.4494158 L15.8336689,20.6566045 C15.6124734,20.8855596 15.3225235,21 15.0326453,21 Z" id="ic_arrowDown" fill="#23282D"></path>\n </svg></button>`)}render(){return U`<slot></slot>`}};zn([W({type:Boolean})],Hn.prototype,"userScrolled",void 0),Hn=zn([Ft("livelike-scroll-down")],Hn);var Vn=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};let Gn=class extends ne{constructor(){super(...arguments),this.dataId=xe(),this.deletedMessages=[],this.hidecomposer=!1,this.loaded=!1,this.timestamps=!1,this.messagemenus=!1,this.blockList=oe.blockList||[],this.messageList=["Loading"],this.timeformat={month:"short",day:"numeric",hour:"numeric",minute:"numeric"},this.messageUrlPatterns=[/((https?):\/\/|www\.)?([-A-Z0-9._\+~#=]*)\.[a-z]{2,}\b([-A-Z0-9@%_\+.~#?&://=]*)/gi],this.translations=ie.localizedStrings,this.updateLocalization=e=>this.translations=e.localizedStrings,this.sendChatMessage=e=>{const t=t=>ot(this,t,{message:e.detail.message,roomId:this.roomid});e.detail.message&&e.detail.message.match(/([^\n]+\n)*[^\n]+/g)&&Qt({message:e.detail.message,roomId:this.roomid,sender_image_url:this.avatarurl,timestamp:this.syncStrategy&&this.syncStrategy.currentTimecode?this.syncStrategy.currentTimecode:null}).then((()=>t("messagesent"))).catch((()=>{this.displayModal("muted"),t("messagefailed")}))},this.connectChat=()=>{ie.ready&&oe&&oe.id?(this.loaded=!1,this.syncStrategy?this.queue=Jt(this.syncStrategy):this.syncStrategy=yt(ie.syncStrategy),Qe(this.roomid).then((e=>{var t;this.channel=e.channels.chat.pubnub,qt.subscribe(this.channel),(t=this.roomid,ft(t,"reactionPack","reaction_packs_url")).then((e=>this.reactionPack=e[0]&&e[0].emojis?e[0].emojis:e)),(e=>ft(e,"stickerPacks","sticker_packs_url"))(this.roomid).then((e=>this.stickerPacks=e)),this.loaded=!0,ot(this,"roomentered",{room:this,roomId:this.roomid}),this.getMessages()}))):setTimeout(this.connectChat,1e3)},this.demultiplex=e=>{const t=je[e.event];"messagereceived"===t&&this.messageReceived(e,this.updateEl),("reactionremoved"===t||"reactionadded"===t)&&this.updateReaction(e.message,t),"messagedeleted"===t&&this.messageDeleted(e),ot(this,t,{message:e.message,roomId:this.roomid})},this.getMessages=()=>{const e=this.querySelector("livelike-message-list");return e&&e.remove(),Xt(this.roomid).then((e=>{this.messageList=["No Messages"],this.appendElements((()=>{e.messages&&e.messages.length>0&&wt(this,(()=>{e.messages.forEach((e=>this.messageReceived({message:e}))),this.updateEl()}))})),ot(this,"messagehistory",{messages:e.messages})}))},this.updateReaction=(e,t)=>{if(this.messageList){const n=[...this.messageList],{messageTimetoken:i,actionTimetoken:r,uuid:o,value:s}=e,a=n.findIndex((e=>e.timetoken===i));if(-1!==a){let e=n[a].reactions[s];const i=e=>e.uuid===oe.id,c=e=>e.actionTimetoken===r,l=e=>n[a].reactions[s].findIndex(e),u=()=>o===oe.id?l(i):l(c);if("reactionadded"===t){!e&&(n[a].reactions[s]=[]);let t=u();-1===t||o!==oe.id?n[a].reactions[s].push({uuid:o,actionTimetoken:r}):n[a].reactions[s][t].actionTimetoken=r}if("reactionremoved"===t){let e=u();-1!==e&&n[a].reactions[s].splice(e,1)}this.messageList=n}}},this.handleMessageReaction=(e,t,n)=>new Promise(((i,r)=>{const o=e=>r(console.error(e)),s={"Chat Room ID":this.roomid,"Chat Message ID":e,"Chat Reaction ID":t},a=e=>Ce[n](this.channel,c.timetoken,e,s,i,o),c=this.messageList.find((t=>t.id===e));if(!c&&o("Could not find message for reaction action."),"remove"===n){const e="Reaction not deleted. Reaction not found.";!c.reactions[t]&&o(e);let n=c.reactions[t].find((e=>e.uuid===oe.id));n?a(n.actionTimetoken):o(e)}else this.reactionPack.find((e=>e.id===t))?a({type:"rc",value:t}):o("Reaction not added. Reaction not found")})),this.addMessageReaction=({messageId:e,reactionId:t})=>this.handleMessageReaction(e,t,"add"),this.removeMessageReaction=({messageId:e,reactionId:t})=>this.handleMessageReaction(e,t,"remove"),this.messageReceived=(e,t)=>{-1===Array.from(this.querySelectorAll("livelike-message-item")).findIndex((t=>t.id===e.message.id))&&Ve(this.roomid,e.message)&&this.queue&&this.queue.enqueueItem({payload:e.message},t)},this.messageDeleted=e=>{const t=this.messageList.findIndex((t=>String(e.message.id)===String(t.id)));-1!==t&&(this.deletedMessages=Ie(this.deletedMessages,this.messageList[t]),ot(this,je[e.event],{message:e.message,roomId:this.roomid}))},this.updateEl=()=>{bt(this,(()=>!0),(e=>{let t=e.payload;t&&!t.reactions&&(t.reactions={}),this.messageList&&"string"==typeof this.messageList[0]?this.messageList=[t]:this.messageList=Ie(this.messageList,t),ot(this,"message-ready",{message:t,element:this})}))},this.registerMessageMenu=e=>{let t=!1;if(e({}).map((e=>e.items&&e.items.map((e=>e.items&&(t=!0))))),t)return dt("Message menu currently supports submenus only one level deep.");this.messageMenuFunc=e},this.appendElements=e=>{this.updateComplete.then((()=>{const t=this.shadowRoot.querySelector("slot[name=message-list]");!(t&&t.assignedNodes({flatten:!0}).filter((e=>1===e.nodeType)).length>0)&&this.insertAdjacentHTML("afterbegin",'<livelike-message-list slot="message-list">\n </livelike-message-list>'),this.insertAdjacentHTML("beforeend",'<livelike-scroll-down slot="snap-to-live"></livelike-scroll-down>'),e&&e()}))},this.localize=(e,t)=>gt(e,this.lang,t),this.reportUser=e=>this.sendReport(e).then((e=>this.displayModal("report",e))),this.sendReport=e=>Re.post({url:ie.chatRooms[this.roomid].report_message_url,data:{channel:this.channel,user_id:e.sender_id,nickname:e.sender_nickname,message_id:e.id,message:e.image_url?e.image_url:e.message,profile_id:e.sender_id,pubnub_timetoken:e.timetoken}}),this.blockUser=e=>{if(!this.blockList.find((t=>t===e.sender_id))){const t=this.blockList.slice();t.push(e.sender_id),this.blockList=t,((e,t)=>{let n=ie.storageStrategy.get()||{};n[e]=t,ie.storageStrategy.set(n)})("blockList",this.blockList),this.sendReport(e).then((e=>this.displayModal("block",e)))}},this.displayModal=(e,t)=>{const n=document.createElement("livelike-modal");n.type=e,n.data=t;this.querySelector("livelike-message-list").append(n),setTimeout((()=>n.remove()),4e3)},this.defaultMessageMenuFunc=e=>{if(e.sender_id!==oe.id){const t=[{label:this.localize("chat.messageMenu.reportMessage"),type:"single",onClick:()=>this.reportUser(e)},{label:this.localize("chat.messageMenu.cancel"),type:"single",onClick:()=>{}}];return-1===this.blockList.findIndex((t=>t===e.sender_id))&&t.unshift({label:this.localize("chat.messageMenu.blockUser"),type:"single",onClick:()=>this.blockUser(e)}),t}}}connectedCallback(){rt.on("localizationUpdate",this.updateLocalization),this.addEventListener("sendChatMessage",this.sendChatMessage),this.addEventListener("chat-provider",(e=>{e.detail.provider=this,e.stopPropagation()})),super.connectedCallback()}disconnectedCallback(){this.removeEventListener("sendChatMessage",this.sendChatMessage),qt.removeListener(this.channel,this.demultiplex),rt.off("localizationUpdate",this.updateLocalization)}firstUpdated(){this.messageMenuFunc=this.defaultMessageMenuFunc,ht(this),ze(this),this.style+="display:flex; display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;"}updated(e){e.forEach(((e,t)=>{if("hidecomposer"===t){const e=this.querySelector("livelike-chat-composer"),t=this.shadowRoot.querySelector("slot[name=composer]"),n=t&&t.assignedNodes().length>0;this.hidecomposer?e&&e.remove():!n&&this.insertAdjacentHTML("beforeend",'<livelike-chat-composer slot="composer"></livelike-chat-composer>')}"syncStrategy"===t&&this.syncStrategy&&(this.queue=Jt(this.syncStrategy)),"channel"===t&&this.channel&&(e&&(qt.removeListener(e,this.demultiplex),qt.unsubscribe(e)),qt.addListener(this.channel,this.demultiplex));"roomid"===t&&this.roomid&&(null!=e&&ot(this,"roomexited",{roomId:this.roomid}),this.connectChat()),void 0!==this[t]&&null!==this[t]&&rt.emit("chat-updated",{name:t,key:this.dataId,prop:this[t],owner:this})}))}render(){return U`<style>:host{display:flex;flex-direction:column;height:100%}</style>${this.loaded&&oe&&oe.id&&this.dataId&&this.roomid?U`${this.messageList&&this.messageList[0]&&"No Messages"===this.messageList[0]?U`<slot name="message-list-empty"></slot>`:null}<slot name="message-list">${this.messageList&&this.messageList[0]&&"Loading"===this.messageList[0]?U`<slot name="message-list-loading"></slot>`:null}</slot><slot name="composer"></slot><slot name="snap-to-live"></slot>`:U`<slot name="chat-element-loading"></slot>`}`}};Vn([W({type:Array})],Gn.prototype,"deletedMessages",void 0),Vn([W({type:String})],Gn.prototype,"channel",void 0),Vn([W({type:String,reflect:!0})],Gn.prototype,"roomid",void 0),Vn([W({type:String,reflect:!0})],Gn.prototype,"lang",void 0),Vn([W({type:String})],Gn.prototype,"placeholder",void 0),Vn([W({type:Boolean})],Gn.prototype,"hidecomposer",void 0),Vn([W({type:Boolean})],Gn.prototype,"loaded",void 0),Vn([W({type:Boolean})],Gn.prototype,"timestamps",void 0),Vn([W({type:Boolean})],Gn.prototype,"messagemenus",void 0),Vn([W({type:Function})],Gn.prototype,"messageMenuFunc",void 0),Vn([W({type:Array})],Gn.prototype,"blockList",void 0),Vn([W({type:Array})],Gn.prototype,"messageList",void 0),Vn([W({type:Object})],Gn.prototype,"syncStrategy",void 0),Vn([W({type:Object})],Gn.prototype,"queue",void 0),Vn([W({type:Array})],Gn.prototype,"stickerPacks",void 0),Vn([W({type:Array})],Gn.prototype,"reactionPack",void 0),Vn([W({type:Object})],Gn.prototype,"timeformat",void 0),Vn([W({type:String})],Gn.prototype,"avatarurl",void 0),Vn([W({type:Boolean})],Gn.prototype,"showavatar",void 0),Vn([W({type:Function})],Gn.prototype,"customMessageRenderer",void 0),Vn([W({type:Boolean})],Gn.prototype,"messageurls",void 0),Vn([W({type:Array})],Gn.prototype,"messageUrlPatterns",void 0),Vn([W({type:Object,hasChanged:()=>!0})],Gn.prototype,"translations",void 0),Gn=Vn([Ft("livelike-chat")],Gn);var Wn=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};let Yn=class extends ne{constructor(){super(...arguments),this.owner=document.querySelector(this.getAttribute("for"))||this.parentElement,this.loaded=!0,this.loadPage=()=>{this.loaded&&(this.loaded=!1,this.buttonEl.innerHTML='<div class="loading-spinner"></div>',this.owner.loadNextPage().then((e=>{this.loaded=!0,e&&this.buttonEl.remove(),this.buttonEl&&(this.buttonEl.innerHTML="Load More")})))}}connectedCallback(){super.connectedCallback();const e=document.createElement("style");e.innerHTML="\n livelike-load-more-button button{\n display: flex;\n justify-content: center;\n width:100%;\n height: auto;\n border: none;\n border-radius: 0.25rem;\n background: #086fac;\n font-size: 1rem;\n color: #fff;\n padding: 0.75rem;\n margin:1rem 0 0 0;\n }\n\n livelike-load-more-button button:hover {\n cursor: pointer;\n }\n\n livelike-load-more-button .loading-spinner {\n position: relative;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n border: 4px solid rgba(255, 255, 255, 0.1);\n border-top: 4px solid #fff;\n animation: rotating 1.2s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);\n }\n\n @keyframes rotating {\n 100% {\n transform: rotate(360deg);\n }\n }\n",this.appendChild(e);const t=document.createElement("button");t.addEventListener("click",this.loadPage),t.setAttribute("class","livelike-load-more-button"),t.setAttribute("aria-label","Load more widgets"),t.innerHTML="Load More",this.buttonEl=t,this.appendChild(t)}render(){return U`<slot></slot>`}};Wn([W({type:Boolean})],Yn.prototype,"loaded",void 0),Yn=Wn([Ft("livelike-load-more-button")],Yn);var Jn=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};let Xn=class extends ne{constructor(){super(...arguments),this.dataId=xe(),this.updating=!1,this.hasWidgetAttached=!1,this.sequence=1,this.mode="pop-up",this.loaded=!1,this.authors=!1,this.timestamps=!1,this.reactions=!1,this.timeformat={month:"long",day:"numeric",year:"numeric",hour:"numeric",minute:"numeric"},this.hide_dismiss_button=!1,this.widgetListener=e=>{ge.some((t=>e.event===t))&&mt(e.message.timetoken,this.sequence,this.programid).then((t=>{if(this.sequence=t.sequence,t.allowNext){let t=this.onWidgetReceived(e.message);t&&this.enqueueWidget({mode:this.mode,widgetPayload:t})}}))},this.connectWidget=()=>{if(ie.ready)return this.loaded=!1,this.syncStrategy?this.queue=Jt(this.syncStrategy):this.syncStrategy=yt(ie.syncStrategy),et(this.programid).then((e=>{this.channel=e.subscribe_channel,qt.subscribe(this.channel),this.mode.includes("timeline")?this.loadTimeline(this.programid):this.loaded=!0}));setTimeout(this.connectWidget,1e3)},this.onInitialWidgetsLoaded=({widgets:e})=>e,this.loadTimeline=e=>Ut({programId:e}).then((e=>{this.widgetPaginator=e,this.widgetPaginator.next().then((e=>{wt(this,(()=>{let t=this.onInitialWidgetsLoaded({widgets:e.value.widgets});$t({interactionUrl:e.value.widget_interactions_url_template}).then((e=>Pt({widgets:t,interactions:e}).map((({widgetPayload:e,interactions:t})=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0,interactions:t})})))).catch((e=>{t.map((e=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0})}))}))})),this.loaded=!0,!e.done&&this.insertAdjacentHTML("beforeend",'<livelike-load-more-button slot="load-more-button"></livelike-load-more-button>')}))})),this.onMoreWidgetsLoaded=({widgets:e})=>e,this.loadNextPage=()=>this.widgetPaginator.next().then((e=>{let t=this.onMoreWidgetsLoaded({widgets:e.value.widgets});return $t({interactionUrl:e.value.widget_interactions_url_template}).then((e=>Pt({widgets:t,interactions:e}).map((({widgetPayload:e,interactions:t})=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0,interactions:t})})))).catch((e=>{t.map((e=>{this.enqueueWidget({mode:this.mode,widgetPayload:e,initialLoad:!0})}))})),e.done})),this.updateEl=()=>{bt(this,(()=>"pop-up"!==this.mode||!this.hasWidgetAttached),(e=>{e.payload&&!this.querySelector(`[widgetid="${e.payload.id}"]`)&&(this.hasWidgetAttached=!0,this.showWidget({mode:e.mode,widgetPayload:e.payload,initialLoad:e.initialLoad,interactions:e.interactions}))}))},this.registerWidgetMode=(e,t)=>Dt(e,t),this.showWidget=e=>this.start(e),this.enqueueWidget=e=>this.queue.enqueueItem({payload:e.widgetPayload,mode:e.mode,initialLoad:e.initialLoad,interactions:e.interactions},this.updateEl),this.createWidgetElement=e=>It({id:e.id,kind:e.kind}).then((t=>this.showWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.createSyncWidget=e=>It({id:e.id,kind:e.kind}).then((t=>this.enqueueWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.overRideTimer=({widget:e})=>null,this.start=e=>{ot(this,"beforewidgetattached",{widget:e.widgetPayload});const t=Lt(e.mode||this.mode);return this.createWidget(e).then((e=>e&&t({target:this,widget:e,timer:this.overRideTimer({widget:e})})))},this.attach=(e,t)=>{const n="append"===t?"beforeend":"afterbegin";if(this.insertAdjacentElement(n,e),ot(this,"widgetattached",{element:e,widget:e.widgetPayload}),e.widgetPayload){const t={"Widget Type":Ne(e.widgetPayload.kind),"Widget ID":e.widgetPayload.id};e.widgetPayload.kind!==de&&e.widgetPayload.kind!==fe||(t["Link URL"]=e.widgetPayload.link_url),ke("Widget Displayed",t,this.programid)}return Promise.resolve()},this.detach=e=>{const t={element:e,widget:e.widgetPayload};return e&&this.contains(e)&&(ot(this,"beforewidgetdetached",t),e.remove(),ot(this,"widgetdetached",t),this.hasWidgetAttached=!1),Promise.resolve()},this.createWidget=e=>{const{widgetPayload:t,mode:n,initialLoad:i,interactions:r}=e,o=this.customWidgetRenderer&&"function"==typeof this.customWidgetRenderer&&this.customWidgetRenderer({widgetPayload:t});let s=o instanceof Element||o instanceof Node?o:document.createElement("livelike-"+t.kind);for(let e in t)"id"!==e&&(s[e]=t[e]);return s.widgetId=t.id,s.setAttribute("widgetid",t.id),s.widgetPayload=t,s.interactions=r,r&&(s.interaction=r[0]),s.reactions=this.reactions,s.dataId=this.dataId,s.programid=this.programid,s.authors=this.authors,s.timestamps=this.timestamps,s.timeformat=this.timeformat,s.lang=this.lang,s.customTemplate=this.customTemplateRenderer?"function"==typeof this.customTemplateRenderer?this.customTemplateRenderer:lt(this.localName,"customTemplateRenderer","Function"):null,s.theme=re.theme,s.hide_dismiss_button=this.hide_dismiss_button,e.initialLoad&&(s.initialLoad=e.initialLoad),Promise.resolve(s)},this.getUnclaimedRewards=()=>{return(e={programId:this.programid},et(e.programId).then((e=>nt(We(oe.id,e.unclaimed_widget_interactions_url_template),(e=>Re.get({url:e})),(e=>({count:e.count,results:e.results}))))).catch((e=>Promise.reject(e)))).then((e=>it(["results"],e)));var e}}firstUpdated(){ht(this),ze(this),Dt("pop-up",$e),Dt("timeline",Be),Dt("interactive-timeline",Fe)}onWidgetReceived(e){return e}disconnectedCallback(){super.disconnectedCallback(),qt.removeListener(this.channel,this.widgetListener)}updated(e){e.forEach(((e,t)=>{"syncStrategy"===t&&this.syncStrategy&&(this.queue=Jt(this.syncStrategy));("hasWidgetAttached"===t||"loaded"===t)&&(e=>{void 0!==this[e]&&ot(this,e,{[e]:!0})})(t),"channel"===t&&this.channel&&(e&&(qt.removeListener(e,this.widgetListener),qt.unsubscribe(e)),qt.addListener(this.channel,this.widgetListener));const n="programid"===t&&this.programid&&this.programid!==e,i="mode"===t&&void 0!==e&&this.mode!==e;if(this.programid){if(n&&void 0!==e||i){for(;this.firstChild;)this.removeChild(this.firstChild);!this.firstChild&&(this.hasWidgetAttached=!1)}this.mode?(n||i)&&this.connectWidget():this.mode="pop-up"}}))}render(){return U`<style>:host{display:block}livelike-widgets{display:block}</style>${this.loaded?U`<slot></slot><slot name="load-more-button"></slot>`:U`<slot name="widgets-loading"></slot>`}`}};Jn([W({type:Object})],Xn.prototype,"widgetPaginator",void 0),Jn([W({type:String})],Xn.prototype,"channel",void 0),Jn([W({type:String,reflect:!0})],Xn.prototype,"programid",void 0),Jn([W({type:String,reflect:!0})],Xn.prototype,"lang",void 0),Jn([W({type:String})],Xn.prototype,"mode",void 0),Jn([W({type:Boolean})],Xn.prototype,"loaded",void 0),Jn([W({type:Boolean})],Xn.prototype,"authors",void 0),Jn([W({type:Boolean})],Xn.prototype,"timestamps",void 0),Jn([W({type:Boolean})],Xn.prototype,"reactions",void 0),Jn([W({type:Function})],Xn.prototype,"customWidgetRenderer",void 0),Jn([W({type:Function})],Xn.prototype,"customTemplateRenderer",void 0),Jn([W({type:Object})],Xn.prototype,"queue",void 0),Jn([W({type:Object})],Xn.prototype,"syncStrategy",void 0),Jn([W({type:Object})],Xn.prototype,"timeformat",void 0),Jn([W({type:Boolean})],Xn.prototype,"hide_dismiss_button",void 0),Xn=Jn([Ft("livelike-widgets")],Xn);const Zn="hlsLevelSwitched",Qn="hlsFragChanged";class ei{get currentTimecode(){return this.programDateTime}get programDateTime(){return null}}const ti={direction:0,format:"uniformGradient"},ni={background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})},ii={background:{format:"fill",color:"111111"}},ri={correctOptionBar:{background:Object.assign(Object.assign({},ti),{colors:["81ca00","429321"]})},incorrectOptionBar:{background:Object.assign(Object.assign({},ti),{colors:["dc0028","d0021b"]})},correctOption:{borderWidth:2,borderColor:"81ca00"},incorrectOption:{borderWidth:2,borderColor:"dc0028"}},oi={widgets:{alert:{body:{},header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})}},imageSlider:{header:Object.assign({},ii),body:{},interactiveTrackRight:{background:{format:"fill",color:"888"}},interactiveTrackLeft:{background:{format:"fill",color:"ff6a13"}},resultsTrackRight:{},resultsTrackLeft:{}},prediction:{header:Object.assign({},ni),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"0096c8",background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})}},predictionFollowUp:Object.assign(Object.assign({},ri),{header:Object.assign({},ni),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["003264","0096c8"]})}}),poll:{header:{background:Object.assign(Object.assign({},ti),{colors:["3123ae","c96dd7"]})},selectedOption:{borderColor:"c86dd7"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["3123ae","c86dd7"]})}},quiz:Object.assign(Object.assign({},ri),{header:{background:Object.assign(Object.assign({},ti),{colors:["f76b1c","ffb400"]})},selectedOption:{borderColor:"ffb400"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ti),{colors:["f76b1c","ffb400"]})}}),socialEmbed:{header:Object.assign({},ii),body:{}},richText:{header:Object.assign({},ii),body:{}},cheerMeter:{header:Object.assign({},ii),body:{}},videoAlert:{body:{},header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})}},textAsk:{header:{background:Object.assign(Object.assign({},ti),{colors:["9f041b","f5515f"]})},body:{}}},version:1};function si(e){return parseInt(e.repeat(2/e.length),16)}const ai=e=>/^([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function ci(e){if(ai(e)){const t=Math.floor(e.length/3),n=e.match(new RegExp(`.{${t}}`,"g")).map(si),i=n[3]||0===n[3]?(n[3]/255).toFixed(2):1;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${i})`}return e}function li(e){return Object.keys(e).forEach((t=>{const n=e[t]instanceof Array;if("fontFamily"===t)e[t]=n?e[t].join(" "):e[t];else if("object"!=typeof e[t]||n)if(n){const n=e[t].map((e=>e+"px"));e[t]=n.join(" ")}else-1!==t.toLowerCase().indexOf("color")?e[t]="rgb"===e[t].slice(0,3)?e[t]:ci(e[t]):"fontSize"!==t&&"borderWidth"!==t||String(e[t]).match(/px/gi)||(e[t]=`${e[t]}px`);else"background"===t?function(e,t){const n=e[t];"fill"===n.format?e[t]=ai(n.color)?ci(n.color):n.color:"uniformGradient"===n.format&&(e[t]=`linear-gradient(90deg, ${ci(n.colors[0])}, ${ci(n.colors[1])})`)}(e,t):li(e[t])})),e}function ui(e){if(e){let t="";return Object.keys(e).forEach((n=>{let i=n.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase();"fontColor"===n&&(i="color"),t+=`${i}: ${e[n]};\n`})),t}return""}const di=e=>new Promise((t=>{const n=li(Ue(oi,e));re.theme=n,rt.emit("themeUpdate",{theme:n}),function e(){n&&n.version?t():setTimeout(e,1e3)}()})),hi=e=>(ie.localizedStrings=Ue(ie.localizedStrings,e),rt.emit("localizationUpdate",{localizedStrings:ie.localizedStrings}),Promise.resolve(!0)),pi=(e,t,n)=>Re[e]({url:ie.profileUrl,data:t,accessToken:n}),fi=e=>e.accessToken||e.profileId?e.accessToken?pi("get",null,e.accessToken).then((t=>(t.access_token=e.accessToken,t))):e.profileId&&Re.get({url:We(e.profileId,ie.profileDetailUrlTemplate)}):ut("accessToken or profileId","fetchUserProfile"),gi=e=>pi("post",e&&e.nickname&&e,null).then((e=>(ke("Unique Profile Created",{"Profile ID":e.id}),e))),mi=e=>nt(e.badges_url,(e=>Re.get({url:e})),(e=>({count:e.count,results:e.results}))),vi=e=>({id:e.id,title:e.title,created_at:e.created_at,visibility:e.visibility,content_filter:e.content_filter}),yi=()=>Promise.resolve(!0),bi=e=>e.roomId?Qe(e.roomId):ut("roomId","chatroom"),wi=(e,t)=>bi(e).then((e=>Re[t]({url:e.memberships_url}))),ki=U`<livelike-widget-header slot="header"><livelike-title slot="title"></livelike-title><livelike-dismiss-button slot="dismiss"></livelike-dismiss-button><livelike-timer></livelike-timer></livelike-widget-header>`,_i=U`<style>livelike-option::slotted(.container){width:75%;max-width:75%;position:relative}livelike-progress[image]{top:0;height:1.5rem;margin-top:.5rem}.livelike-voting-image-container{width:100%;position:relative}livelike-footer{background-color:#444;display:block;font-weight:bolder;border-radius:0 0 6px 6px}.vote-button{margin:.5rem .5rem .5rem 1rem;padding:8px 16px;border-radius:5px;border:none;color:#fff;background:purple;cursor:pointer}.vote-button[disabled]{background:rgba(128,0,128,.5);color:rgba(255,255,255,.5);cursor:default}.voted-text{font-family:Arial}.sponsorship{padding:16px 8px;text-align:center;font-size:12px;font-family:HelveticaNeue-Medium}.sponsorship img{height:20px;vertical-align:middle;margin-left:8px}</style>`,Pi=(e,t)=>{Bt(e,class extends t{constructor(){super(...arguments),this.waitForResponse=!0}render(){const t=U`<div style="position:relative;width:100%;display:flex"><livelike-progress></livelike-progress><livelike-description></livelike-description><livelike-percentage></livelike-percentage></div>`,n=U`<div class="livelike-voting-image-container"><div class="image-description-wrapper"><livelike-description></livelike-description><livelike-progress></livelike-progress></div><livelike-percentage></livelike-percentage></div><livelike-image height="80px" width="80px"></livelike-image>`;return U`<template><livelike-widget-root>${_i} ${ki}<livelike-widget-body><livelike-select><template><livelike-option>${-1!==e.indexOf("image")?n:t}</livelike-option></template></livelike-select>${-1!==e.indexOf("quiz")?U`<livelike-footer><button class="vote-button" @click="${this.lockInVote}" ?disabled="${!this.selectedOption||!this.selectedOption.id||this.quizVoteSubmitted||this.voteDisable||this.disabled}">${this.owner.localize("widget.quiz.voteButton.label")}</button> ${this.quizVoteSubmitted?U`<span class="voted-text">${this.owner.localize("widget.quiz.votedText")}</span>`:null}</livelike-footer>`:null} ${-1!==e.indexOf("poll")&&this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?U`<livelike-widget-footer><div class="sponsorship">${this.owner.localize("widget.sponsors.label")} <img src="${this.widgetPayload.sponsors[0].logo_url}" alt="${this.widgetPayload.sponsors[0].name}"></div></livelike-widget-footer>`:null}</livelike-widget-body></livelike-widget-root></template>`}})};class xi extends Gt{constructor(){super(...arguments),this.owner=this,this.hideVoteInResults=!0,this.submitVote=e=>{this.disabled||e.id===this.selectedOption.id||this.voteDisable||(this.selectedOption=e,this.interactionEvent(),this.voteDisable=!0,this.vote&&this.vote.id?this.updateVote(this.vote.url,{option_id:e.id}):this.createVote(e.vote_url))}}firstUpdated(){super.firstUpdated(),this.interaction&&(this.selectedOption=this.options.find((e=>e.id===this.interaction.option_id))),this.interaction&&(this.vote={id:this.interaction.id,url:this.interaction.url})}}Pi("livelike-text-poll",xi),Pi("livelike-image-poll",xi);const Si=e=>class extends e{constructor(){super(...arguments),this.resultEvent=()=>{super.resultEvent();let e="unattempted";this.selectedOption&&this.selectedOption.id&&this.selectedOption.hasOwnProperty("is_correct")&&(e=this.selectedOption.is_correct?"correct":"incorrect"),ot(this,"results",{result:e,element:this,widget:this.widgetPayload,selectedOption:this.selectedOption}),-1!==this.localName.indexOf("quiz")&&!this.quizVoteSubmitted&&!this.vote&&this.selectedOption&&this.selectedOption.id&&this.lockInVote(this.selectedOption.answer_url)}}};class Oi extends(Si(Gt)){constructor(){super(...arguments),this.defaultVoteHide=!0,this.quizVoteSubmitted=!1,this.owner=this,this.submitVote=e=>{if(!this.disabled&&e.id!==this.selectedOption.id){this.selectedOption=e;const t=this.choices.findIndex((t=>t.id===e.id));this.choices[t].answer_count++,this.syntheticIncrement=!0,this.interactionEvent()}},this.lockInVote=e=>{this.voteDisable||(this.voteDisable=!0,this.selectedOption&&this.selectedOption.id&&this.createVote(this.selectedOption.answer_url).then((()=>{this.quizVoteSubmitted=!0,this.disabled=!0})))}}firstUpdated(){super.firstUpdated(),this.interaction&&(this.selectedOption=this.choices.find((e=>e.id===this.interaction.choice_id)),this.quizVoteSubmitted=!0,this.disabled=!0)}}Pi("livelike-text-quiz",Oi),Pi("livelike-image-quiz",Oi);const Ti={};class Ci extends xi{constructor(){super(...arguments),this.defaultVoteHide=!0,this.hideVoteInResults=!0}firstUpdated(){super.firstUpdated(),this.addEventListener("prediction",(e=>{Ti[e.detail.widget.id]={option_id:e.detail.prediction.option_id,claim_token:e.detail.prediction.claim_token}}))}}Pi("livelike-text-prediction",Ci),Pi("livelike-image-prediction",Ci);class Ei extends(Si(Gt)){constructor(){super(...arguments),this.claimRewards=(e,t)=>{e.claim_token&&Re.post({url:this.widgetPayload.claim_url,data:{claim_token:e.claim_token}}).then((e=>{Ti[t]&&(Ti[t].claim_token=null),this.rankChanged(this.widgetPayload,e.rewards)}))},this.interactive=()=>Promise.resolve()}firstUpdated(){super.firstUpdated(),this.updateComplete.then((()=>this.disabled=!0));const e=this.widgetPayload.text_prediction_id||this.widgetPayload.image_prediction_id,t=this.widgetPayload.text_prediction_id?"text-prediction":"image-prediction",n=Ti[e]||this.interaction;n?(n&&(this.selectedOption={id:n.option_id}),this.claimRewards(n,e)):$t({programId:this.programid,widgets:[{kind:t,id:e}]}).then((n=>{n&&n[t]&&n[t][0]&&(this.selectedOption={id:n[t][0].option_id},this.claimRewards(n[t][0],e))}))}}Pi("livelike-image-prediction-follow-up",Ei),Pi("livelike-text-prediction-follow-up",Ei);const Ri=e=>"\n .widget-captioned-media {\n align-items: center;\n display: flex;\n margin: 0;\n }\n\n .widget-caption-container {\n padding: 1rem;\n }\n\n .widget-caption {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n\n .widget-caption.media-caption {\n padding: 1rem;\n }\n\n .widget-media {\n font-size: 0;\n text-align: center;\n }\n\n .widget-media img {\n max-height: 90px;\n max-width: 100%;\n }\n\n .widget-captioned-media .widget-caption {\n order: 1;\n }\n\n .widget-caption ~ .widget-media {\n order: 2;\n max-height: 90px;\n max-width: 35%;\n }\n\n .widget-link {\n word-wrap: break-word;\n background-color: #444;\n display: block;\n font-weight: bolder;\n padding: 0.5rem 1rem;\n position: relative;\n text-decoration: none;\n border-radius: 0 0 6px 6px;\n }\n .widget-link:after {\n content: '';\n background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2280px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2080%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2050%20(54983)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Esort-down%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22sort-down%22%20transform%3D%22translate(40.000000%2C%2050.000000)%20rotate(-90.000000)%20translate(-40.000000%2C%20-50.000000)%20translate(-10.000000%2C%2010.000000)%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M98.1437396%2C2.63850125%20C96.9076009%2C0.879013967%2095.4422941%2C0%2093.7491877%2C0%20L6.25047031%2C0%20C4.55667973%2C0%203.09239915%2C0.879013967%201.85523426%2C2.63850125%20C0.61806938%2C4.39993433%200%2C6.48242398%200%2C8.88986179%20C0%2C11.2968131%200.61806938%2C13.3793028%201.85523426%2C15.1392765%20L45.604764%2C77.359553%20C46.843297%2C79.1190402%2048.3075776%2C80%2050%2C80%20C51.6924224%2C80%2053.1580712%2C79.1190402%2054.3942099%2C77.359553%20L98.1437396%2C15.1387901%20C99.3795363%2C13.3793028%20100%2C11.2968131%20100%2C8.88937534%20C100%2C6.48242398%2099.3795363%2C4.39993433%2098.1437396%2C2.63850125%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n background-position: center right 0.5rem;\n background-size: 0.5rem;\n background-repeat: no-repeat;\n position: absolute;\n width: calc(100% - 2rem);\n height: calc(100% - 1rem);\n left: 0;\n top: 0;\n z-index: 0;\n padding: 0.5rem 1rem;\n }\n\n *[dir=\"rtl\"] .widget-link {\n background-position: center left 0.5rem;\n }\n *[dir=\"rtl\"] .widget-link:after {\n transform: scaleX(-1);\n }\n\n ";var Ai=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};let Mi=class extends Wt{constructor(){super(...arguments),this.kind="alert",this.owner=this,this.defaultStyles=Ri,this.trackLinkOpened=()=>{this.interactionEvent();let e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Link URL":this.link_url};ke("Alert Link Opened",e,this.programid)}}firstUpdated(){this.isInteractable=this.link_url&&this.link_url.length,super.firstUpdated()}render(){const e=!!this.text&&!!this.image_url,t=!this.text&&!!this.image_url,n=!!this.text&&!this.image_url;return U`<template><livelike-widget-root>${ki}<livelike-widget-body>${e?U`<figure class="widget-captioned-media">${this.text&&U`<figcaption class="widget-caption media-caption">${this.text}</figcaption>`} ${this.image_url&&U`<img class="widget-media" src="${this.image_url}" alt="${this.text}">`}</figure>`:t?U`<div class="widget-media"><img src="${this.image_url}"></div>`:n?U`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`:null} ${this.link_url&&U`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank" @click="${this.trackLinkOpened}">${this.link_label}</a></livelike-footer>`}</livelike-widget-body></livelike-widget-root></template>`}};Ai([W({type:String})],Mi.prototype,"title",void 0),Ai([W({type:String})],Mi.prototype,"text",void 0),Ai([W({type:String})],Mi.prototype,"image_url",void 0),Ai([W({type:String})],Mi.prototype,"link_url",void 0),Ai([W({type:String})],Mi.prototype,"link_label",void 0),Mi=Ai([Ft("livelike-alert")],Mi);const ji=e=>{const t=`\n border: none;\n width: 100%;\n height: 1.125rem;\n border-radius: 1.5rem;\n background: ${e.interactiveTrackRight.background};\n background-image: linear-gradient(\n 90deg,\n ${e.interactiveTrackLeft.background},\n ${e.interactiveTrackRight.background} var(--x),\n transparent 0\n );\n `,n="\n border: none;\n width: var(--thumb-width);\n height: 1em;\n border-radius: 50%;\n margin-top: 0;\n ";return`\n .input-form {\n --x: calc(var(--val) / 100 * (100% - var(--thumb-width)));\n position: relative;\n width: 90%;\n margin: 0px auto;\n }\n\n .input-container {\n display: block;\n position: relative;\n }\n\n .slider-input {\n -webkit-appearance: none;\n width: 100%;\n display: block;\n height: 5em;\n background: none;\n cursor: pointer;\n position: relative;\n margin: 0;\n }\n\n .slider-input:focus {\n outline: none;\n }\n\n .slider-input::-webkit-slider-runnable-track {\n ${t}\n }\n .slider-input::-moz-range-track {\n ${t}\n }\n .slider-input::-ms-track {\n ${t}\n }\n\n .slider-input::-webkit-slider-thumb {\n ${n}\n }\n .slider-input::-moz-range-thumb {\n ${n}\n }\n .slider-input::-ms-thumb {\n ${n}\n }\n\n .slider-input:disabled {\n cursor: default;\n }\n\n .slider-image {\n height: 50px;\n }\n\n .slider-thumb {\n position: absolute;\n bottom: 0.1em;\n left: var(--x);\n pointer-events: none;\n }\n\n .result-mark {\n background: rgb(233, 0, 0);\n width: 1rem;\n height: 1rem;\n bottom: 1.1rem;\n position: absolute;\n background: #d23a3a;\n border: 3px solid white;\n border-radius: 1rem;\n bottom: 1.5rem;\n z-index: 1;\n ${ui(e.marker)}\n }\n livelike-emoji-slider livelike-footer{\n background-color: transparent;\n font-weight: normal;\n }\n .vote-button{\n margin: 0.5rem 0.5rem 0.5rem 1rem;\n padding: 8px 16px;\n border-radius: 5px;\n border: none;\n color: #fff;\n background: rgba(128, 0, 128, 1);\n cursor: pointer;\n }\n .vote-button[disabled]{\n background: rgba(128, 0, 128, 0.5);\n color: rgba(255, 255, 255, 0.5);\n cursor: default;\n }\n .voted-text{\n font-family: Arial;\n }\n .sponsorship{\n padding: 16px 8px;\n text-align: center;\n font-size: 12px;\n font-family: "HelveticaNeue-Medium";\n }\n .sponsorship img{\n height: 20px;\n vertical-align: middle;\n margin-left: 8px;\n }\n`};var Li=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};let Ni=class extends Wt{constructor(){super(...arguments),this.owner=this,this.kind="emoji-slider",this.defaultStyles=ji,this.val=null,this.sliderVoteSubmitted=!1,this.setThumbWidth=()=>{this.imageEl&&this.imageEl.offsetWidth>0?this.inputContainer.style.setProperty("--thumb-width",this.imageEl.offsetWidth+"px"):setTimeout(this.setThumbWidth,10)},this.changeVal=()=>{this.interactionEvent(),this.updateVal()},this.updateVal=()=>{if(this.inputEl){let e=+this.inputEl.value;if(this.val!==e){this.inputContainer.style.setProperty("--val",this.val=e);for(let e of this.options)this.val>=e.max&&this.imageEl.src!==e.image_url&&(this.imageEl.src=e.image_url,this.setThumbWidth())}}},this.resultEvent=()=>{super.resultEvent(),this.updateComplete.then((()=>{this.interacted&&!this.sliderVoteSubmitted&&this.lockInVote(this.val/100)}))},this.onResults=e=>{e.message.average_magnitude&&(this.average_magnitude=e.message.average_magnitude,ot(this,e.event,e.message.average_magnitude))},this.interactive=e=>new Promise((t=>this.updateComplete.then((()=>{this.phase="interactive",this.disabled=!1;const n={"Widget Type":Ne(this.widgetPayload.kind),"Widget ID":this.widgetPayload.id};ke("Widget Became Interactive",n,this.programid);let i=e&&void 0!==e.timeout?e.timeout:this.widgetPayload.timeout&&Le(this.widgetPayload.timeout);this.timeout=i,null!==i&&setTimeout((()=>{this.interacted&&!this.sliderVoteSubmitted?this.lockInVote(this.val/100).then((()=>setTimeout(t,2e3))):(this.interacted||this.sliderVoteSubmitted||(this.val=null),setTimeout(t,2e3))}),this.timeout)})))),this.lockInVote=e=>new Promise(((t,n)=>{!this.voteDisable&&e>=0&&e<=1?(this.voteDisable=!0,this.createVote(this.widgetPayload.vote_url,{magnitude:e.toString()}).then((()=>{this.sliderVoteSubmitted=!0,this.disabled=!0,t(!0)}))):n(new Error("Magnitude not a number between 0 and 1."))}))}get inputContainer(){return this.querySelector(".input-form")}get inputEl(){return this.querySelector(".slider-input")}get imageEl(){return this.querySelector(".slider-image")}connectedCallback(){super.connectedCallback().then((()=>{this.interaction&&this.interaction.magnitude&&(this.sliderVoteSubmitted=!0),this.updateComplete.then((()=>{this.inputEl&&(this.inputEl.addEventListener("change",this.changeVal),this.inputEl.addEventListener("input",this.updateVal)),this.options=this.options.map(((e,t)=>Object.assign(Object.assign({},e),{mag:0===t?0:t/(this.options.length-1)*100,max:t/this.options.length*100}))),this.updateVal()}))}))}render(){const e=Math.round(100*(this.interaction?this.interaction.magnitude:this.widgetPayload.initial_magnitude)),t="ready"!==this.phase&&"interactive"!==this.phase&&"null"!==String(this.val)?U`<div class="result-mark" style="left:calc(${Math.round(100*this.average_magnitude)}% - .5rem)"></div>`:null;return U`<template><livelike-widget-root>${ki}<livelike-widget-body><form style="--val:${e}" class="input-form"><div class="input-container"><input type="range" class="slider-input" value="${e}" ?disabled="${this.disabled}"> ${t}</div><output class="slider-thumb"><img class="slider-image"></output></form><livelike-footer><button class="vote-button" @click="${()=>this.lockInVote(this.val/100)}" ?disabled="${this.sliderVoteSubmitted||this.voteDisable||this.disabled}">${this.owner.localize("widget.slider.voteButton.label")}</button> ${this.sliderVoteSubmitted?U`<span class="voted-text">${this.owner.localize("widget.slider.votedText")}</span>`:null} ${this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?U`<div class="sponsorship">${this.owner.localize("widget.sponsors.label")} <img src="${this.widgetPayload.sponsors[0].logo_url}" alt="${this.widgetPayload.sponsors[0].name}"></div>`:null}</livelike-footer></livelike-widget-body></livelike-widget-root></template>`}};Li([W({type:Number})],Ni.prototype,"val",void 0),Li([W({type:String})],Ni.prototype,"average_magnitude",void 0),Li([W({type:Boolean})],Ni.prototype,"sliderVoteSubmitted",void 0),Ni=Li([Ft("livelike-emoji-slider")],Ni);var Ui=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};let Ii=[];class Di extends Wt{constructor(){super(),this.owner=this,this.moving=!1,this.slide=0,this.slides=null,this.totalSlides=0,this.scriptsLoaded=!1,this.finalLoad=!1,this.forceScriptLoad=()=>{window.instgrm&&window.instgrm.Embeds.process(),window.FB&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets.load()},this.initSlider=()=>new Promise((e=>{const t=this.querySelector("#dot0");t&&(t.checked=!0),this.slides=this.querySelectorAll(".slide");const n=this.slides.length;this.totalSlides=n,this.slide=0,this.slides&&this.slides[0]&&(this.slides[0].className+=" active"),n>1&&(this.slides[1].className+=" next"),n>2&&(this.slides[n-1].className+=" prev"),e()})),this.insertHTML=()=>new Promise((e=>{this.items.forEach(((e,t)=>{const n=this.querySelector(`#embed${t}`),i=document.createElement("div");i.innerHTML=e.oembed&&e.oembed.html;const r=e=>{if("SCRIPT"===e.nodeName){const t=e.src.replace("file://","https://");if(!Ii.includes(t)){Ii.push(t);const e=document.createElement("script");e.src=t,document.body.insertAdjacentElement("beforeend",e)}}},o=e=>{for(let t=0;t<e.childNodes.length;t++){const n=e.childNodes[t];r(n),e.hasChildNodes()&&o(n)}};o(i),n&&(n.innerHTML=e.oembed&&e.oembed.html),setTimeout((()=>{if(this.forceScriptLoad(),e.oembed&&"Twitter"===e.oembed.provider_name){function e(t){const n=t.querySelector("twitter-widget");n&&n.shadowRoot&&n.shadowRoot.querySelector(".TweetInfo")?(n.shadowRoot.querySelector(".TweetInfo").style.display="none",n.shadowRoot.querySelector(".CallToAction").style.display="none"):setTimeout((()=>e(t)),100)}e(this)}setTimeout((()=>{this.scriptsLoaded=!0}),1500)}),500)})),e()})),this.moveCarouselTo=(e,t)=>{this.checkDot();const n="slide";let i=e-1,r=e+1;0===e?i=t-1:e===t-1&&(i=e-1,r=0),this.items.forEach(((e,t)=>{this.slides[t].className=n})),this.slides[i].className="slide prev",this.slides[e].className="slide active",this.slides[r].className="slide next"},this.moveNext=()=>{this.slide===this.totalSlides-1?this.slide=0:this.slide++,this.moveCarouselTo(this.slide,this.totalSlides)},this.movePrev=()=>{0===this.slide?this.slide=this.totalSlides-1:this.slide--,this.moveCarouselTo(this.slide,this.totalSlides)},this.moveToSlide=e=>{this.slide=e,this.moveCarouselTo(this.slide,this.totalSlides)},this.checkDot=()=>{this.items.forEach(((e,t)=>{this.querySelector(`#dot${t}`).checked=this.slide===t}))},this.disableInteraction=()=>{this.moving=!0,setTimeout((()=>{this.moving=!1}),500)},this.moving=!1,this.slide=0,this.slides=null,this.totalSlides=0,this.scriptsLoaded=!1,this.finalLoad=!1}updated(e){e.forEach(((e,t)=>{"scriptsLoaded"===t&&!0===this.scriptsLoaded&&this.forceScriptLoad(),"finalLoad"===t&&!0===this.finalLoad&&this.forceScriptLoad()}))}connectedCallback(){super.connectedCallback().then((()=>{this.updateComplete.then((()=>{this.insertHTML().then((()=>this.initSlider())).then((()=>setTimeout((()=>{this.finalLoad=!0}),3e3)))}))}))}}Ui([W({type:Array})],Di.prototype,"items",void 0),Ui([W({type:String})],Di.prototype,"comment",void 0),Ui([W({type:Boolean})],Di.prototype,"moving",void 0),Ui([W({type:Number})],Di.prototype,"slide",void 0),Ui([W({type:Array})],Di.prototype,"slides",void 0),Ui([W({type:Number})],Di.prototype,"totalSlides",void 0),Ui([W({type:Boolean})],Di.prototype,"scriptsLoaded",void 0),Ui([W({type:Boolean})],Di.prototype,"finalLoad",void 0);const $i=U`<style>.slider-wrapper{overflow:hidden;margin:auto}.slider-wrapper *{box-sizing:border-box;display:flex;justify-content:center}.slider{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.slide{opacity:0;position:absolute;top:0;width:100%;display:none;margin:auto;z-index:100;transition:transform .5s,opacity .5s,z-index .5s}.slide.active,.slide.initial{opacity:1;position:relative;z-index:900;display:flex}.slide.next,.slide.prev{z-index:800;display:flex}.slide.prev{transform:translateX(-100%)}.slide.next{transform:translateX(100%)}.slide-button{background:0 0;position:absolute;top:50%;width:3rem;height:3rem;transform:translateY(-50%);border-radius:50%;cursor:pointer;z-index:20;border:none}.slide-button>svg{fill:#fff;filter:drop-shadow( 3px 3px 2px rgba(20, 20, 20, .7))}.left-button{left:0}.right-button{right:0}.dot-nav-container{z-index:20;margin-top:1rem}.dot-item{border:none;height:15px;width:15px;border-radius:1rem}</style>`;let Bi=class extends Di{constructor(){super(...arguments),this.kind="social-embed",this.isInteractable=!1}render(){const e=this.items.length>1,t=U`<div class="button-wrapper"><button class="left-button slide-button" @click="${this.movePrev}">${nn}</button> <button class="right-button slide-button" @click="${this.moveNext}">${tn}</button></div>`,n=U`<form class="dot-nav-container">${this.items.map(((e,t)=>U`<input class="dot-input" id="dot${t}" name="dot" type="radio" @click="${()=>this.moveToSlide(t)}">`))}</form>`;return U`<template>${$i}<livelike-widget-root style="opacity:${this.scriptsLoaded&&this.finalLoad?1:0}">${ki}<livelike-widget-body><div class="slider-wrapper">${e?t:null}<div class="slider">${this.items.length>0&&this.items.map(((e,t)=>U`<div id="embed${t}" class="slide ${0===t?"initial":""}"></div>`))}</div>${e?n:null}</div></livelike-widget-body></livelike-widget-root></template>`}};Bi=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}([Ft("livelike-social-embed")],Bi);var Fi=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};let qi=class extends Wt{constructor(){super(...arguments),this.owner=this,this.kind="rich-post",this.isInteractable=!1}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body style="display:flex"><section>${Tn(this.content)}</section></livelike-widget-body></livelike-widget-root></template>`}};Fi([W({type:String})],qi.prototype,"content",void 0),qi=Fi([Ft("livelike-rich-post")],qi);const Ki=e=>`\n @keyframes image0 {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n }\n @keyframes image1 {\n 0% { transform: scale(1.2); }\n 50% { transform: scale(1); }\n 100% { transform: scale(1.2); }\n }\n\n .cheer-image-body {\n position: relative;\n display: flex;\n }\n\n .cheer-image-body livelike-vote-count {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: 2rem;\n z-index: 100;\n }\n\n .cheer-item-container {\n display: flex;\n flex-direction: column;\n width: 50%;\n position: relative;\n overflow: hidden;\n padding: 0 1.5rem;\n margin: auto;\n }\n\n .cheer-image-wrap {\n text-align: center;\n padding: 20px 0;\n }\n\n .cheer-image {\n position: relative;\n max-height: 80px;\n max-width: 85%;\n z-index: 5;\n top: 0;\n transition: all 0.2s;\n vertical-align: middle;\n }\n .cheer-image:hover {\n cursor: pointer;\n }\n .cheer-image.disabled:hover {\n cursor: default;\n }\n\n .button0.initial.enabled {\n animation: image0 2s linear 0s infinite normal;\n }\n .button1.initial.enabled {\n animation: image1 2s linear 0s infinite normal;\n }\n .cheer-image-wrap.enabled:after {\n content: '';\n position: absolute;\n display: block;\n z-index: 1;\n width: 100px;\n height: 100px;\n border-radius: 100%;\n top: 10px;\n left: 50%;\n margin-left: -50px;\n opacity: 0;\n transition: all 0.2s;\n }\n .cheer-image-wrap.enabled:active:after {\n opacity: 1;\n width: 200px;\n height: 200px;\n top: -40px;\n margin-left: -100px;\n }\n .button0{\n ${ui(e.sideAButton)}\n }\n .button1{\n ${ui(e.sideBButton)}\n }\n .cheer-image.enabled:active {\n -webkit-transform: scale(0.9);\n -webkit-transform: rotate(10deg);\n }\n .button0.enabled:after {\n border: 2px solid rgba(80, 160, 250, 0.6);\n background: rgba(80, 160, 250, 0.4);\n }\n .button1.enabled:after {\n border: 2px solid rgba(250, 80, 100, 0.6);\n background: rgba(250, 80, 100, 0.4);\n }\n`,zi=e=>{let t=`\n :host {\n display: flex;\n position: relative;\n cursor: pointer;\n transition: border ease 0.3s;\n align-items: center;\n border: 2px solid transparent;\n border-radius: 6px;\n padding: 0.5rem;\n ${ui(e.unselectedOption)}\n }\n :host([selected]) {\n ${ui(e.selectedOption)}\n }\n :host([disabled]) {\n cursor: default;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOption)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOption)}\n }\n `),t};var Hi=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};let Vi=class extends Et{constructor(){super(...arguments),this.defaultStyles=zi,this.image=null,this.selected=null,this.correct=null,this.incorrect=null,this.disabled=null,this.optionSelected=()=>{this.disabled||(this.parentElement.querySelectorAll("livelike-option").forEach((e=>e!==this&&(e.selected=!1))),this.selected=!0,this.owner.submitVote(this.item),ot(this,"option-clicked",{item:this.item}))},this.handleResults=e=>{this.item.hasOwnProperty("is_correct")&&(this.item.is_correct?this.correct=!0:this.selected&&(this.incorrect=!0))},this.ownerUpdated=e=>{"voteDisable"===e.name&&this.owner.waitForResponse&&(this.disabled=this.owner.disabled||e.prop)}}updated(e){e.forEach(((e,t)=>{if(void 0!==this[t]&&null!==this[t]&&this.item){const e={name:t,prop:this[t],key:this.item.id,owner:this.owner};if(rt.emit("option-updated",e),ot(this,"option-updated",e),"options"===t||"choices"===t||"items"===t){const e=this.items[this.optionIndex].vote_count;e!==this.voteCount&&(this.voteCount=e),ot(this,"option-vote-updated",this.items[this.optionIndex])}}}))}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.optionSelected);const e=this.parentElement;!this.owner&&(this.owner=e.owner);const t=this.getAttribute("index");this.optionIndex=t,this.removeAttribute("index");const n=this.owner.options||this.owner.choices;this.item=n[t],this.voteCount=n[t].vote_count,this.disabled=this.owner.disabled,this.value=this.item.id,this.image=!!this.item.image_url,this.owner.options&&(this.option=this.owner.options[t]),this.owner.choices&&(this.choice=this.owner.choices[t]),this.owner.selectedOption&&this.owner.selectedOption.id&&this.owner.selectedOption.id===this.value&&(this.selected=!0),("results"===this.owner.phase||"finished"===this.owner.phase)&&this.handleResults(),this.owner.addEventListener("results",this.handleResults),this.addEventListener("option-provider",(e=>{e.detail.provider=this,e.stopPropagation()}))}disconnectedCallback(){this.removeEventListener("click",this.optionSelected),super.disconnectedCallback()}render(){return U`<slot></slot>`}};Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"image",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"selected",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"correct",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"incorrect",void 0),Hi([W({reflect:!0,type:Boolean})],Vi.prototype,"disabled",void 0),Hi([W({type:Object})],Vi.prototype,"option",void 0),Hi([W({type:Object})],Vi.prototype,"choice",void 0),Hi([W({type:Object})],Vi.prototype,"item",void 0),Hi([W({type:String})],Vi.prototype,"value",void 0),Vi=Hi([Ft("livelike-option")],Vi);const Gi=e=>{let t=`\n :host {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: relative;\n ${ui(e.unselectedOptionImage)}\n }\n ::slotted(img) {\n object-fit: contain;\n }\n img {\n max-width: 90px;\n display: block;\n margin: 0 auto;\n }\n :host([selected]) {\n ${ui(e.selectedOptionImage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionImage)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionImage)}\n }\n `),t};var Wi=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};let Yi=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Gi}connectedCallback(){super.connectedCallback();let e=this.src||this.item&&this.item.image_url||this.owner.image_url;if(e){const t=document.createElement("img");t.setAttribute("height",this.height),t.setAttribute("width",this.width),t.setAttribute("src",e),t.setAttribute("alt",this.alt||this.item&&this.item.description),this.appendChild(t)}}defaultTemplate(){return U`<slot></slot>`}};Wi([W({type:String,reflect:!0})],Yi.prototype,"src",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"alt",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"height",void 0),Wi([W({type:String,reflect:!0})],Yi.prototype,"width",void 0),Yi=Wi([Ft("livelike-image")],Yi);var Ji=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};let Xi=class extends Wt{constructor(){super(...arguments),this.kind="cheer-meter",this.owner=this,this.defaultStyles=Ki,this.cheerVote={},this.count=0,this.submitVote=e=>{this.disabled||(this.cheerVote[e.id]?this.cheerVote[e.id].count++:this.cheerVote[e.id]={createUrl:e.vote_url,count:1},this.selectedOption=e,this.interactionTrack(),this.sendVote())},this.sendVote=((e,t)=>{let n,i;return function r(...o){const s=Date.now();i=clearTimeout(i),!n||s-n>=t?(e.apply(null,o),n=s):i=setTimeout(r.bind(null,...o),t-(s-n))}})((()=>{for(const e in this.cheerVote)if(this.cheerVote[e].count){this.interactionEvent(this.cheerVote[e].count);const t={vote_count:this.cheerVote[e].count};this.cheerVote[e].count=0;const n=t=>t.url&&(this.cheerVote[e].updateUrl=t.url);this.cheerVote[e].updateUrl?this.updateVote(this.cheerVote[e].updateUrl,t).then(n):this.createVote(this.cheerVote[e].createUrl,t).then(n)}}),3e3),this.updateTotalVoteCount=()=>{this.count=this.options.reduce(((e,t)=>e+t.vote_count),0)}}voteCountChanged(e){this.updateTotalVoteCount()}firstUpdated(){super.firstUpdated(),this.updateTotalVoteCount()}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body><livelike-dueling-progress></livelike-dueling-progress><div class="cheer-image-body"><livelike-vote-count></livelike-vote-count>${this.options.map(((e,t)=>{const n=this.disabled?"disabled":"enabled";return U`<div class="cheer-item-container"><livelike-option index="${t}" style="display:contents"><div class="cheer-image-wrap button${t} ${this.interacted?"":"initial"} ${n}"><img class="cheer-image ${n}" src="${e.image_url}"></div></livelike-option></div>`}))}</div></livelike-widget-body></livelike-widget-root></template>`}};Ji([W({type:Object})],Xi.prototype,"cheerVote",void 0),Ji([W({type:Number})],Xi.prototype,"count",void 0),Xi=Ji([Ft("livelike-cheer-meter")],Xi);const Zi=e=>"\n .only-media{\n border-radius: 6px;\n }\n .no-header{\n border-top-right-radius: 6px;\n border-top-left-radius: 6px;\n }\n .no-footer{\n border-bottom-right-radius: 6px;\n border-bottom-left-radius: 6px;\n }\n .video-alert-caption-container {\n padding: 0.6rem 0.8rem;\n }\n .video-alert-caption {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n .video-alert-link {\n word-wrap: break-word;\n background-color: #444;\n display: block;\n font-weight: bolder;\n padding: 0.5rem 1rem;\n position: relative;\n text-decoration: none;\n border-radius: 0 0 6px 6px;\n }\n .video-alert-link:after {\n content: '';\n background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2280px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2080%20100%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2050%20(54983)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Esort-down%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cdefs%3E%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22sort-down%22%20transform%3D%22translate(40.000000%2C%2050.000000)%20rotate(-90.000000)%20translate(-40.000000%2C%20-50.000000)%20translate(-10.000000%2C%2010.000000)%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M98.1437396%2C2.63850125%20C96.9076009%2C0.879013967%2095.4422941%2C0%2093.7491877%2C0%20L6.25047031%2C0%20C4.55667973%2C0%203.09239915%2C0.879013967%201.85523426%2C2.63850125%20C0.61806938%2C4.39993433%200%2C6.48242398%200%2C8.88986179%20C0%2C11.2968131%200.61806938%2C13.3793028%201.85523426%2C15.1392765%20L45.604764%2C77.359553%20C46.843297%2C79.1190402%2048.3075776%2C80%2050%2C80%20C51.6924224%2C80%2053.1580712%2C79.1190402%2054.3942099%2C77.359553%20L98.1437396%2C15.1387901%20C99.3795363%2C13.3793028%20100%2C11.2968131%20100%2C8.88937534%20C100%2C6.48242398%2099.3795363%2C4.39993433%2098.1437396%2C2.63850125%20Z%22%20id%3D%22Shape%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');\n background-position: center right 0.5rem;\n background-size: 0.5rem;\n background-repeat: no-repeat;\n position: absolute;\n width: calc(100% - 2rem);\n height: calc(100% - 1rem);\n left: 0;\n top: 0;\n z-index: 0;\n padding: 0.5rem 1rem;\n }\n\n *[dir=\"rtl\"] .video-alert-link {\n background-position: center left 0.5rem;\n }\n *[dir=\"rtl\"] .video-alert-link:after {\n transform: scaleX(-1);\n }\n\n ",Qi=e=>"\n :host {\n display: block;\n }\n livelike-video{\n position: relative;\n }\n livelike-video video {\n width: 100%;\n max-height: 210px;\n border-radius: inherit;\n vertical-align: middle;\n }\n .video-playback-error {\n position: absolute;\n width: 100%;\n text-align: center;\n top: 50%;\n right:50%;\n transform: translate(50%,-50%);\n display: flex;\n align-items: center;\n padding: 0.5rem;\n justify-content: center;\n }\n ";var er=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};let tr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Qi,this.videoAttrs=["autoplay","controls","muted","loop","disablepictureinpicture"],this.preload="metadata",this.controlslist="nodownload",this.controls=!0,this.disablepictureinpicture=!0,this.onVideoPlay=e=>ot(this,e.type),this.onVideoPlayError=e=>{this.error="Playback Failed"}}createRenderRoot(){return this}disconnectedCallback(){this.scrollObserver.disconnect(),this.videoEl.removeEventListener("play",this.onVideoPlay),super.disconnectedCallback()}firstUpdated(){super.firstUpdated(),this.videoAttrs.forEach((e=>this.videoEl[e]=!!this[e])),window.IntersectionObserver&&(this.scrollObserver=new IntersectionObserver((e=>e.forEach((e=>{1==e.intersectionRatio||this.videoEl.paused||this.videoEl.pause()}))),{threshold:.1}),this.scrollObserver.observe(this.videoEl)),this.videoEl.addEventListener("play",this.onVideoPlay)}updated(e){this.videoEl&&e.forEach(((e,t)=>{this.videoAttrs.some((e=>e===t))&&(this.videoEl[t]=!!this[t])}))}defaultTemplate(){return U`<video id="video" poster="${this.poster?this.poster:""}" preload="${this.preload}" controlslist="${this.controlslist}"><source src="${this.src}" type="video/mp4" @error="${this.onVideoPlayError}">${this.tracksrc?U`<track src="${this.tracksrc}" label="${this.tracklabel}" kind="${this.trackkind}" default>`:null}</video>${this.error?U`<div class="video-playback-error">${un} <span class="video-playback-error-text">${this.owner.localize("widget.video.playbackError")}</span></div>`:null}`}};er([Y("video")],tr.prototype,"videoEl",void 0),er([W({type:String,reflect:!0})],tr.prototype,"src",void 0),er([W({type:String})],tr.prototype,"error",void 0),er([W({type:String})],tr.prototype,"poster",void 0),er([W({type:String})],tr.prototype,"preload",void 0),er([W({type:String})],tr.prototype,"controlslist",void 0),er([W({type:String})],tr.prototype,"tracksrc",void 0),er([W({type:String})],tr.prototype,"tracklabel",void 0),er([W({type:String})],tr.prototype,"trackkind",void 0),er([W({type:Boolean})],tr.prototype,"autoplay",void 0),er([W({type:Boolean})],tr.prototype,"controls",void 0),er([W({type:Boolean})],tr.prototype,"muted",void 0),er([W({type:Boolean})],tr.prototype,"loop",void 0),er([W({type:Boolean})],tr.prototype,"disablepictureinpicture",void 0),tr=er([Ft("livelike-video")],tr);var nr=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};let ir=class extends Wt{constructor(){super(...arguments),this.kind="video-alert",this.owner=this,this.defaultStyles=Zi,this.trackLinkOpened=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,Nickname:oe&&oe.nickname,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Link URL":this.link_url};ke("Alert Link Opened",e,this.programid)},this.onVideoPlayStarted=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ne(this.widgetPayload.kind),"Video URL":this.video_url};ke("Video Alert Play Started",e,this.programid)}}firstUpdated(){super.firstUpdated(),this.isInteractable=this.video_url&&this.video_url.length||this.link_url&&this.link_url.length}render(){const e=this.title||this.text,t=e&&this.link_url?"":e?"no-footer":this.link_url?"no-header":"only-media";return U`<template><livelike-widget-root>${this.title?ki:null}<livelike-widget-body class="${this.title?"":"no-header"}">${this.text&&U`<div class="video-alert-caption-container"><span class="video-alert-caption">${this.text}</span></div>`}<livelike-video class="${t}" .src="${this.src||this.video_url}" @play="${this.onVideoPlayStarted}"></livelike-video>${this.link_url&&U`<livelike-widget-footer><a class="video-alert-link" href="${this.link_url}" target="_blank" @click="${this.trackLinkOpened}">${this.link_label}</a></livelike-widget-footer>`}</livelike-widget-body></livelike-widget-root></template>`}};nr([W({type:String})],ir.prototype,"title",void 0),nr([W({type:String})],ir.prototype,"text",void 0),nr([W({type:String})],ir.prototype,"video_url",void 0),nr([W({type:String})],ir.prototype,"link_url",void 0),nr([W({type:String})],ir.prototype,"link_label",void 0),nr([Y("video")],ir.prototype,"videoEl",void 0),ir=nr([Ft("livelike-video-alert")],ir);const rr=e=>{let t=`\n :host {\n display: block;\n flex-grow: 1;\n z-index: 10;\n padding: 0.5rem;\n word-break: break-word;\n position: relative;\n ${ui(e.unselectedOptionDescription)}\n }\n :host([image]) {\n padding: 0.75rem 0.5rem 0.25rem 0.5rem;\n }\n :host([selected]) {\n ${ui(e.selectedOptionDescription)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionDescription)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionDescription)}\n }`),t};var or=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};let sr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=rr}defaultTemplate(){return U`<slot>${this.description||this.item&&this.item.description||this.owner.text}</slot>`}};or([W({type:String})],sr.prototype,"description",void 0),sr=or([Ft("livelike-description")],sr);const ar=e=>`\n .widget-dismiss {\n z-index: 1;\n border: none;\n background:none;\n height: 18px;\n margin: 0.5rem;\n display: block;\n ${ui(e.dismiss)}\n }\n .widget-dismiss:hover {\n cursor: pointer;\n }\n `;let cr=class extends Et{constructor(){super(...arguments),this.defaultStyles=ar,this.dismissClicked=()=>ot(this,"dismiss-clicked")}defaultTemplate(){return U`${this.owner.hide_dismiss_button?null:U`<button class="widget-dismiss" aria-label="Dismiss" @click="${this.dismissClicked}">${an}</button>`}`}};cr=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}([Ft("livelike-dismiss-button")],cr);const lr=["text-quiz","image-quiz","text-prediction","image-prediction","text-poll","image-poll"],ur=e=>e.value=He(e.owner,e.item),dr=e=>{let t=e.owner.phase;e.owner.defaultVoteHide?lr.some((t=>t===e.owner.widgetPayload.kind))&&(e.style.visibility="results"!==t&&"finished"!==t||!(e=>!e.owner.hideVoteInResults||!!e.owner.selectedOption&&!!e.owner.selectedOption.id)(e)?"hidden":"visible"):e.style.visibility="ready"!==t&&("interactive"!==t&&!e.owner.hideVoteInResults||e.owner.selectedOption&&e.owner.selectedOption.id)?"visible":"hidden"},hr=e=>class extends e{constructor(){super(...arguments),this.ownerUpdated=e=>("phase"===e.name||"selectedOption"===e.name)&&dr(this),this.optionUpdated=e=>{ur(this)}}static get properties(){return{value:{type:Number,reflect:!0}}}firstUpdated(){ur(this),dr(this)}},pr=e=>{let t=`\n :host {\n display: block;\n position: relative;\n padding: 0.5rem;\n z-index: 10;\n ${ui(e.unselectedOptionPercentage)}\n }\n :host([selected]) {\n ${ui(e.selectedOptionPercentage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionPercentage)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionPercentage)}\n }\n `),t};let fr=class extends(hr(Mt)){constructor(){super(...arguments),this.defaultStyles=pr}defaultTemplate(){return U`${this.value}%`}};fr=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}([Ft("livelike-percentage")],fr);const gr=e=>{let t=`\n :host {\n height: 2rem;\n position: absolute;\n border-radius: 3px;\n transition: ease width 0.4s;\n background: rgba(255, 255, 255, 0.12);\n ${ui(e.unselectedOptionBar)}\n }\n :host([selected]) {\n ${ui(e.selectedOptionBar)}\n }\n :host([hidden]) {\n display: none;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${ui(e.correctOptionBar)}\n }\n :host([incorrect]) {\n ${ui(e.incorrectOptionBar)}\n }\n `),t};var mr=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};let vr=class extends(hr(Mt)){constructor(){super(...arguments),this.defaultStyles=gr,this.max=100,this.min=0}updated(e){super.updated(e),e.has("value")&&(this.style.width=this.value+"%")}defaultTemplate(){return U`<slot></slot>`}};mr([W({type:Number,reflect:!0})],vr.prototype,"max",void 0),mr([W({type:Number,reflect:!0})],vr.prototype,"min",void 0),vr=mr([Ft("livelike-progress")],vr);const yr=()=>"\n :host{\n display: block;\n }\n";var br=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};let wr=class extends Et{constructor(){super(...arguments),this.defaultStyles=yr}firstUpdated(){this.items=this.items||this.owner.options||this.owner.choices;const e=this.querySelector("template");this.items.map(((t,n)=>{const i=e.content.firstElementChild;i.setAttribute("index",n);const r=function(e){let t=e.cloneNode(!0);return Object.keys(e).forEach((n=>t[n]=e[n])),t}(i);this.appendChild(r)})),e.remove(),super.firstUpdated()}defaultTemplate(){return U`<slot></slot>`}};br([W({type:Array})],wr.prototype,"items",void 0),wr=br([Ft("livelike-select")],wr);const kr=e=>`\n :host {\n width: 0%;\n display: block;\n background: white;\n height: 2px;\n position: absolute;\n bottom: 0;\n transition-timing-function: linear;\n ${ui(e.timer)}\n }\n `;var _r=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};let Pr=class extends Et{constructor(){super(...arguments),this.started=!1,this.defaultStyles=kr,this.start=()=>{if(!this.started){this.started=!0;const e=(new Date).getTime(),t=()=>{const n=this.time||this.owner.timeout,i=(new Date).getTime()-e,r=100*(1-(n-i)/n);this.style.width=`${r>100?100:r}%`,i<n&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}},this.ownerUpdated=e=>{"phase"===e.name&&("interactive"===e.prop?this.start():this.style.display="none")}}firstUpdated(){"interactive"===this.owner.phase&&this.start(),this.pageVisible=!document.hidden,rt.on("pageVisibilityChange",(e=>this.pageVisible=e.pageVisible))}render(){return U`<slot></slot>`}};_r([W({type:Number,reflect:!0})],Pr.prototype,"time",void 0),_r([W({type:Boolean})],Pr.prototype,"pageVisible",void 0),Pr=_r([Ft("livelike-timer")],Pr);const xr=e=>`\n :host {\n padding: 0.5rem 1rem;\n flex-grow: 1;\n overflow-wrap: break-word;\n width: 85%;\n margin: 0;\n ${ui(e.title)}\n }\n\n .widget-tag{\n font-size: 12px;\n color: rgba(255,255,255,0.5);\n font-family: "HelveticaNeue-Bold";\n ${ui(e.tag)}\n }\n `;var Sr=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};let Or=class extends Et{constructor(){super(...arguments),this.defaultStyles=xr,this.getTag=()=>{switch(this.kind||this.owner.kind){case"text-quiz":case"image-quiz":return this.owner.localize("widget.quiz.tag");case"text-poll":case"image-poll":return this.owner.localize("widget.poll.tag");case"text-prediction":case"image-prediction":return this.owner.localize("widget.prediction.tag");case"text-prediction-follow-up":case"image-prediction-follow-up":return this.owner.localize("widget.followup.tag");default:return""}}}defaultTemplate(){const e=this.getTag().trim();return U`<slot>${e.length>0?U`<div class="widget-tag">${e}</div>`:null}<div>${this.title||this.owner.question||this.owner.title||this.owner.comment}</div></slot>`}};Sr([W({type:String})],Or.prototype,"title",void 0),Or=Sr([Ft("livelike-title")],Or);const Tr=e=>"\n :host {\n\n }\n ";var Cr=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};let Er=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Tr,this.updateCount=e=>{const t=e&&(String(e.vote_count)||String(e.answer_count));this.count=t||this.owner.count||0},this.ownerUpdated=e=>{"options"!==e.name&&"choices"!==e.name&&"count"!==e.name||this.updateCount(this.item)}}connectedCallback(){super.connectedCallback(),this.updateCount(this.item)}defaultTemplate(){return U`${this.count}`}};Cr([W({type:String,reflect:!0})],Er.prototype,"count",void 0),Er=Cr([Ft("livelike-vote-count")],Er);const Rr=e=>`\n :host {\n display: block;\n border-radius: 0 0 6px 6px;\n background: rgba(0,0,0,6);\n ${ui(e.body)}\n }\n `;let Ar=class extends Et{constructor(){super(...arguments),this.defaultStyles=Rr}defaultTemplate(){return U`<slot></slot>`}};Ar=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}([Ft("livelike-widget-body")],Ar);const Mr=()=>"\n :host {\n display:flex;\n justify-content: center;\n margin: 0.5rem;\n }\n ";let jr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Mr}firstUpdated(){let e="";const t=`\n <time datetime="${this.owner.published_at}">\n ${Ke(this.owner.published_at,this.owner.timeformat,this.owner.lang)}\n </time>\n `;this.owner.authors&&this.owner.created_by.name&&(e+=`<span>${this.owner.created_by.name}</span>`,this.owner.timestamps&&(e+="&nbsp;&ndash;&nbsp;")),this.owner.timestamps&&(e+=t),this.insertAdjacentHTML("afterbegin",e)}defaultTemplate(){return U`<slot></slot>`}};jr=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}([Ft("livelike-widget-bylines")],jr);const Lr=e=>`\n :host {\n ${ui(e.footer)}\n }\n `;let Nr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Lr}defaultTemplate(){return U`<slot></slot>`}};Nr=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}([Ft("livelike-widget-footer")],Nr);const Ur=e=>`\n :host {\n display: flex;\n position: relative;\n border-radius: 6px 6px 0 0;\n ${ui(e.header)}\n }\n `;let Ir=class extends Et{constructor(){super(...arguments),this.defaultStyles=Ur}defaultTemplate(){return U`<slot name="title"></slot><slot name="dismiss"></slot><slot></slot>`}};Ir=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}([Ft("livelike-widget-header")],Ir);const Dr=e=>`\n :host {\n color: #fff;\n position: relative;\n display: block;\n ${ui(e.root)}\n }\n `;let $r=class extends Et{constructor(){super(...arguments),this.defaultStyles=Dr}defaultTemplate(){return U`<livelike-widget-bylines></livelike-widget-bylines><slot name="header"></slot><slot name="timer"></slot><slot name="body"></slot><slot></slot><livelike-widget-reactions></livelike-widget-reactions>`}};$r=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}([Ft("livelike-widget-root")],$r);const Br=e=>`\n :host {\n display:flex;\n }\n .bar-container {\n font-size: 14px;\n padding: .25rem 0;\n transition: all 0.4s ease;\n text-align: center;\n }\n .bar0{\n background: linear-gradient(to left, #3023ae, #53a0fd);\n ${ui(e.sideABar)}\n }\n .bar1{\n background: linear-gradient(to right, #9f041b, #f5515f);\n ${ui(e.sideBBar)}\n }\n `;var Fr=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};let qr=class extends Et{constructor(){super(...arguments),this.defaultStyles=Br,this.ownerUpdated=e=>{"options"!==e.name&&"choices"!==e.name||(this.items=e.prop)}}connectedCallback(){super.connectedCallback(),this.items=this.items||this.owner.options||this.owner.choices}defaultTemplate(){const e=Math.round(1/this.items.length*100);return U`${this.items.map(((t,n)=>{const i=`width:${He(this.owner,t,e)}%`;return U`<div class="bar-container bar${n}" style="${i}">${t.description?U`<div>${t.description}</div>`:null}</div>`}))}`}};Fr([W({type:Array})],qr.prototype,"items",void 0),qr=Fr([Ft("livelike-dueling-progress")],qr);const Kr=e=>`\n .text-ask-prompt-container {\n padding: 1rem;\n ${ui(e.prompt)}\n }\n .text-ask-prompt {\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n width: 100%;\n }\n .text-ask-form {\n padding: 0 16px 16px 16px;\n }\n .text-ask-input-container {\n padding: 15px 3px 17px 15px;\n border-radius: 4px;\n background-color: rgb(40,40,40);\n border-color: rgb(63,63,63);\n position: relative;\n }\n .text-ask-input {\n border: none;\n background-color: rgb(40,40,40);\n color: rgb(255,255,255);\n font-size: 12px;\n line-height: 20px;\n resize: none; \n width: 100%;\n box-sizing: border-box;\n padding: 0;\n padding-right: 8px;\n font-family: "HelveticaNeue-Regular";\n ${ui(e.replyEnabled)}\n }\n .text-ask-input::placeholder {\n color: rgb(171,171,171);\n ${ui(e.replyPlaceholder)}\n } \n .text-ask-input:focus {\n outline: none;\n }\n .text-ask-input[disabled] {\n color: rgb(171,171,171);\n ${ui(e.replyDisabled)}\n }\n .text-ask-input::-webkit-scrollbar {\n width: 4px;\n }\n .text-ask-input::-webkit-scrollbar-track {\n margin-right: 3px;\n }\n .text-ask-input::-webkit-scrollbar-thumb {\n -webkit-border-radius: 100px;\n border-radius: 100px;\n background: rgb(84,84,84);\n -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);\n }\n .text-ask-input-counter {\n font-size: 10px;\n color: rgb(171,171,171);\n position: absolute;\n right: 5px;\n bottom: 2px;\n }\n .text-ask-button {\n width: fit-content;\n padding: 12px 16px;\n border: none;\n border-radius: 4px;\n font-size: 10px;\n font-family: "HelveticaNeue-Bold";\n cursor: pointer;\n ${ui(e.submitButtonEnabled)} \n }\n .text-ask-button[disabled] {\n background-color: rgb(84,84,84);\n color: rgb(171,171,171);\n cursor: default;\n ${ui(e.submitButtonDisabled)}\n }\n .confirmation-message-container {\n padding: 0;\n padding-left: 11px;\n }\n .hidden {\n opacity: 0;\n }\n .confirmation-message {\n color: rgb(0,240,120);\n font-size: 12px;\n text-align: left;\n word-break: break-word;\n word-wrap: break-word;\n padding: 0;\n ${ui(e.confirmation)}\n }\n .text-ask-footer {\n padding: 0 16px 16px 16px;\n display: flex;\n align-items: center;\n }\n `;var zr=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};let Hr=class extends Wt{constructor(){super(...arguments),this.kind="text-ask",this.owner=this,this.defaultStyles=Kr,this.text="",this.maxlength=240,this.replyDisable=!0,this.firstUpdated=()=>{super.firstUpdated(),this.interaction&&(this.text=this.interaction.text,this.disabled=!0,this.showConfirmation=!0)},this.submitReply=()=>{this.replyDisable=!0,this.interactionEvent(),Re.post({url:this.widgetPayload.reply_url,data:{text:this.text}}).then((e=>{this.disabled=!0,this.replyDisable=!1,this.reply=this.text,this.showConfirmation=!0})).catch((e=>{this.replyDisable=!1}))},this.inputHandler=e=>{this.text=e.target.value.trimLeft(),this.inputEl.value=this.text,this.counter.textContent=this.maxlength-this.text.length,this.replyDisable=!(this.text.length>0)}}get counter(){return this.querySelector(".text-ask-input-counter")}get inputEl(){return this.querySelector(".text-ask-input")}render(){return U`<template><livelike-widget-root>${ki}<livelike-widget-body><div class="text-ask-prompt-container"><span class="text-ask-prompt">${this.prompt}</span></div><form class="text-ask-form"><div class="text-ask-input-container"><textarea class="text-ask-input" type="text" name="reply" rows="2" .value="${this.text}" maxlength="${this.maxlength}" ?disabled="${this.disabled}" placeholder="${this.owner.localize("widget.textAsk.placeholder")}" @input="${this.inputHandler}"></textarea> ${this.disabled?null:U`<span class="text-ask-input-counter">${this.maxlength}</span>`}</div></form><div class="text-ask-footer"><button class="text-ask-button" @click="${this.submitReply}" ?disabled="${this.disabled||this.replyDisable}"><span class="text-ask-button-label">${this.owner.localize("widget.textAsk.sendButton.label")}</span></button><div class="confirmation-message-container ${this.showConfirmation?"":"hidden"}"><span class="confirmation-message">${this.confirmation_message}</span></div></div></livelike-widget-body></livelike-widget-root></template>`}};zr([W({type:String})],Hr.prototype,"title",void 0),zr([W({type:String})],Hr.prototype,"prompt",void 0),zr([W({type:String})],Hr.prototype,"confirmation_message",void 0),zr([W({type:Boolean})],Hr.prototype,"replyDisable",void 0),zr([W({type:Boolean})],Hr.prototype,"showConfirmation",void 0),Hr=zr([Ft("livelike-text-ask")],Hr);const Vr={_$$:ie,_config:re,userProfile:oe,applyTheme:di,addMessageListener:(e,t)=>tt(e.roomId).then((n=>{const i=i=>{i.message&&(i.message.payload.timetoken=i.timetoken),i.channel===n&&t({message:i.data||i.message.payload,roomId:e.roomId,event:je[i.event||i.message.event]})};vt.add(n,e.roomId,t,{message:i,messageAction:i})})),removeMessageListener:(e,t)=>vt.remove(e.roomId,t),createUserProfile:gi,getUserProfile:fi,init:e=>new Promise((t=>{let n=ie.ready&&ie.clientId&&oe;var i;n&&console.error("LiveLike EngagementSDK has already been initialized!"),n||((i=document.createElement("script")).type="text/javascript",i.src="https://cdn.jsdelivr.net/npm/@webcomponents/webcomponentsjs@2.4.4/webcomponents-loader.js",document.body.append(i),ie.pageVisible=!document.hidden,document.addEventListener("visibilitychange",(()=>{ie.pageVisible=!document.hidden,rt.emit("pageVisibilityChange",{pageVisible:!document.hidden})}),!1)),!e.accessToken&&console.warn(`LiveLike EngagementSDK has been initialized without an accessToken.\n ${at()}`),e.endpoint&&(ie.endpoint=e.endpoint),ie.ready=!1,ie.logger=e.logger||null,ie.clientId=e.clientId,ie.accessToken=e.accessToken||null,ie.lsKey="livelike-user-auth-"+e.clientId,e.syncStrategy&&(ie.syncStrategy=e.syncStrategy),ie.storageStrategy=e.storageStrategy||pt,e.localizedStrings&&hi(e.localizedStrings),di(e.theme||{}).then((()=>Ze().then((i=>{!n&&i.mixpanel_token&&function(e,t){var n=document,i=window.mixpanel||[];if(!i.__SV){var r,o,s=window;try{var a,c,l,u=s.location,d=u.hash;a=function(e,t){return(c=e.match(RegExp(t+"=([^&]*)")))?c[1]:null},d&&a(d,"state")&&"mpeditor"===(l=JSON.parse(decodeURIComponent(a(d,"state")))).action&&(s.sessionStorage.setItem("_mpcehash",d),history.replaceState(l.desiredHash||"",n.title,u.pathname+u.search))}catch(e){}window.mixpanel=i,i._i=[],i.init=function(e,t,n){function s(e,t){var n=t.split(".");2==n.length&&(e=e[n[0]],t=n[1]),e[t]=function(){e.push([t].concat(Array.prototype.slice.call(arguments,0)))}}var a=i;for(void 0!==n?a=i[n]=[]:n="mixpanel",a.people=a.people||[],a.toString=function(e){var t="mixpanel";return"mixpanel"!==n&&(t+="."+n),e||(t+=" (stub)"),t},a.people.toString=function(){return a.toString(1)+".people (stub)"},r="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" "),o=0;o<r.length;o++)s(a,r[o]);var c="set set_once union unset remove delete".split(" ");a.get_group=function(){function e(e){t[e]=function(){call2_args=arguments,call2=[e].concat(Array.prototype.slice.call(call2_args,0)),a.push([n,call2])}}for(var t={},n=["get_group"].concat(Array.prototype.slice.call(arguments,0)),i=0;i<c.length;i++)e(c[i]);return t},i._i.push([e,t,n])},i.__SV=1.2,(s=n.createElement("script")).type="text/javascript",s.async=!0,s.src="undefined"!=typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===n.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js",(a=n.getElementsByTagName("script")[0]).parentNode.insertBefore(s,a)}mixpanel.init(e),mixpanel.register(t)}(i.mixpanel_token,i.analytics_properties),ie.programUrlTemplate=i.program_detail_url_template,ie.chatUrlTemplate=i.chat_room_detail_url_template,ie.leaderboardUrlTemplate=i.leaderboard_detail_url_template,ie.createChatUrlTemplate=i.create_chat_room_url,ie.profileDetailUrlTemplate=i.profile_detail_url_template,ie.profileUrl=i.profile_url,((e,t)=>{if(e)return fi({accessToken:e});{let e=ie.storageStrategy.get();return e?fi({accessToken:e.access_token}):gi({nickname:t})}})(e.accessToken,e.nickName).then((r=>{ie.storageStrategy.set(r),Object.assign(oe,r);const o={subscribeKey:i.pubnub_subscribe_key,origin:i.pubnub_origin,authKey:r.access_token};i.pubnub_heartbeat_interval&&(o.heartbeatInterval=i.pubnub_heartbeat_interval),i.pubnub_presence_timeout&&(o.presenceTimeout=i.pubnub_presence_timeout);const s=e.publishKey||i.pubnub_publish_key;s&&(o.publishKey=s);const a=()=>{ie.ready=!0,re.ready=!0,t(r)},c=-1!==Object.keys(o).findIndex((e=>ie.pn&&ie.pn._config[e]!==o[e]));!ie.pn||c?(e=>(ie.logger&&console.table(Object.assign(Object.assign({},e),{profileToken:oe.access_token})),Pe=new we(Object.assign(Object.assign({},e),{uuid:oe.id,restore:!0,ssl:!0})),ie.pn=Pe,Promise.resolve()))(o).then((()=>{!n&&qt.initialize(),a()})):a()}))}))))})),getMessageCount:(e,t)=>new Promise(((n,i)=>{e||ut("roomId","messagecount");let r=null;if(t&&t.since)if(kt(t.since)){const e=new Date(t.since).getTime();r=String(e)+"0011"}else i(lt("messageCount","since","Date"));tt(e).then((t=>((e,t)=>Pe.history({channel:e,stringifiedTimeToken:!0,end:t,count:100}))(t,r).then((t=>{console.log("get history r.messages",t),n({roomId:e,count:Ge(e,t.messages).length})}))))})),getMessageList:Xt,sendMessage:Qt,prepareOutgoingChatMessage:(e,t)=>Zt[e]=t,updateUserProfile:e=>e.accessToken?pi("patch",e.options,e.accessToken).then((t=>(t.access_token=e.accessToken,t.id===oe.id&&(ie.storageStrategy.set(t),oe.nickname=t.nickname,Object.assign(oe,t)),t))):ut("accessToken","updateuserprofile"),registerWidgetMode:Dt,getWidget:It,getPostedWidgets:({programId:e})=>Ut({programId:e}).then((e=>it(["widgets","widget_interactions_url_template"],e))),addWidgetListener:(e,t)=>et(e.programId).then((n=>vt.add(n.subscribe_channel,e.programId,t,{message:i=>i.channel===n.subscribe_channel&&t({event:i.message.event,widgetPayload:i.message.payload,programId:e.programId})}))),removeWidgetListener:(e,t)=>vt.remove(e.programId,t),createChatRoom:e=>e&&e.visibility&&"members"!==e.visibility&&"everyone"!==e.visibility?Promise.reject("Invalid value for visibility"):Re.post({url:ie.createChatUrlTemplate,data:e}).then(vi),updateChatRoom:(e,t)=>bi({roomId:e}).then((e=>Re.patch({url:e.url,data:t}).then(vi))),getChatRoom:e=>bi(e).then(vi),joinChatRoom:e=>wi(e,"post"),leaveChatRoom:e=>wi(e,"delete").then(yi),getChatUserMutedStatus:e=>bi(e).then((e=>fetch(We(oe.id,e.muted_status_url_template)).then((e=>e.json())))),getChatRoomMemberships:e=>wi(e,"get"),getProfileChatRoomMemberships:()=>Re.get({url:oe.chat_room_memberships_url}),getLeaderboards:e=>e&&e.programId?Je.program(e.programId).then((e=>e.leaderboards)):ut("programId","leaderbaord"),getLeaderboard:e=>e&&e.leaderboardId?Je.leaderboard(e.leaderboardId):ut("leaderboardId","leaderboard"),getLeaderboardEntries:e=>(e=>e&&e.leaderboardId?Je.leaderboard(e.leaderboardId).then((e=>nt(e.entries_url,(e=>Re.get({url:e})),(e=>({count:e.count,entries:e.results}))))):ut("leaderboardId","leaderboard"))(e).then((e=>it(["entries"],e))),getLeaderboardProfileRank:e=>e&&e.leaderboardId&&e.profileId?Je.leaderboard(e.leaderboardId).then((t=>Je.leaderboardEntryDetail(t.entry_detail_url_template,e.profileId))):e&&e.leaderboardId?ut("profileId","leaderboard"):ut("leaderboardId","leaderboard"),applyLocalization:hi,getWidgetInteractions:$t,getSponsors:e=>e&&e.programId?Je.program(e.programId).then((e=>e.sponsors)):ut("programId","sponsor"),getProfileBadges:e=>e&&e.profileId?(e=>fi(e).then(mi))(e).then((e=>it(["results"],e))):ut("profileId","getProfileBadges"),getApplicationBadges:()=>Ze().then((e=>it(["results"],mi(e)))),getBadgeProgress:e=>e&&e.profileId&&e.badgeIds&&e.badgeIds.length>0?fi(e).then((t=>Re.get({url:t.badge_progress_url+"?badge_id="+e.badgeIds.join("&badge_id=")}))):e&&e.profileId?ut("badgeIds","getBadgeProgress"):ut("profileId","getBadgeProgress")};function Gr(e){try{return JSON.parse(e)}catch(e){return null}}window.LiveLike=Vr,window.ProgramDateTimeSyncStrategy=ei,window.HlsJsSyncStrategy=class extends ei{constructor(e,t){super(),this.hls=e,this.video=t,this.level=null,this.frag=null,this.hls.on(Zn,((e,t)=>{this.level=this.hls.levels[t.level]})),this.hls.on(Qn,((e,t)=>{this.frag=t.frag}))}get baseProgramDateTimeMs(){return this.frag?this.frag.programDateTime:this.level?this.level.details.fragments[0].programDateTime:void 0}get fragmentStartMs(){return this.frag?1e3*this.frag.start:this.level?1e3*this.level.details.fragments[0].start:void 0}get videoCurrentTimeMs(){return 1e3*this.video.currentTime}get programDateTime(){if(this.level){let e=this.baseProgramDateTimeMs+this.videoCurrentTimeMs-this.fragmentStartMs;return new Date(e)}}},window.html=U,window.property=W,window.LiveLikeWidgetElement=class extends Mt{},window.LiveLikeWidget=Yt,window.LiveLikeWidgetMixin=e=>class extends e{connectedCallback(){super.connectedCallback(),this.setupWidget()}},window.LiveLikePoll=xi,window.LiveLikeQuiz=Oi,window.LiveLikePrediction=Ci,window.LiveLikeFollowUp=Ei,window.LiveLikeAlert=Mi,window.LiveLikeEmojiSlider=Ni,window.LiveLikeSocialEmbed=Bi,window.LiveLikeRichPost=qi,window.LiveLikeCheerMeter=Xi,window.LiveLikeVideoAlert=ir,window.LiveLikeDescription=sr,window.LiveLikeDismissButton=cr,window.LiveLikeImage=Yi,window.LiveLikeOption=Vi,window.LiveLikePercentage=fr,window.LiveLikeProgress=vr,window.LiveLikeSelect=wr,window.LiveLikeTimer=Pr,window.LiveLikeTitle=Or,window.LiveLikeVoteCount=Er,window.LiveLikeWidgetBody=Ar,window.LiveLikeWidgetBylines=jr,window.LiveLikeWidgetFooter=Nr,window.LiveLikeWidgetHeader=Ir,window.LiveLikeWidgetRoot=$r,window.LiveLikeDuelingProgress=qr,window.LiveLikeTextAsk=Hr,window.LiveLikeVideo=tr;const Wr=Vr.applyTheme;Vr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),Wr(e));const Yr=Object.assign({},Vr.userProfile);var Jr=Object.freeze({__proto__:null,userProfile:Yr,init:e=>Vr.init(Object.assign({clientId:e.clientId},e)).then((e=>(Yr.custom_data=Gr(e.custom_data),e))),LiveLike:Vr,displayPreviewWidget:({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)))}});
204
204
  /**
205
205
  * @license
206
206
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -385,14 +385,14 @@ found at http://polymer.github.io/PATENTS.txt
385
385
  * subject to an additional IP rights grant found at
386
386
  * http://polymer.github.io/PATENTS.txt
387
387
  */
388
- const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=>t=>{const n=es.get(t);if(void 0===e&&t instanceof _o){if(void 0!==n||!es.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);es.set(t,e)})),ns=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),is=e=>t=>{ns(e,t)};const rs=(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 os=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],ss={".widget-tagline":os,"livelike-title":os,"livelike-description":os,".bet-details":os,".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"]};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};let cs=class extends Qo{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,void 0===this.value&&this.timeLeft>0&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}}createRenderRoot(){return this}firstUpdated(){if(void 0===this.value){this.start(),this.newTime=this.timeout/1e3;const e=setInterval((()=>{void 0===this.value?this.newTime-=1:this.newTime=this.timeout/1e3,0!==this.newTime&&void 0===this.value||clearInterval(e)}),1e3)}}render(){var e,t;const n=void 0!==this.value?this.value:this.percent,i=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]},r=i("background"),o=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.header)||void 0===t?void 0:t.background,s=`conic-gradient(#58585896 ${n}%, ${r} ${n}%)`,a=this.newTime>0?"":"transparent",c=i("height")||30,l=c-2*i("barWidth"),u=l||0===l?l:24;return Lo`<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:${c+"px"};width:${c+"px"};background:${s}}.middle-circle{position:absolute;border-radius:50%;height:${u+"px"};width:${u+"px"};background-color:${o};display:flex;align-items:center;justify-content:center;font-size:${i("fontSize")};font-weight:${i("fontWeight")};font-family:${i("fontFamily")};color:${i("color")};transition:color .5s ease}.middle-circle.transparent{color:transparent}</style><div class="timer-container"><div class="middle-circle ${a}">${this.newTime}</div><div class="progress-spinner"></div></div>`}};as([Vo({type:Number})],cs.prototype,"timeout",void 0),as([Vo({type:Number})],cs.prototype,"timeLeft",void 0),as([Vo({type:Number})],cs.prototype,"newTime",void 0),as([Vo({type:Number})],cs.prototype,"percent",void 0),as([Vo({type:Number})],cs.prototype,"value",void 0),as([Vo({type:Object})],cs.prototype,"owner",void 0),as([Vo({type:Object})],cs.prototype,"themeStyles",void 0),cs=as([is("round-timer")],cs);const ls=e=>class extends e{constructor(){super(...arguments),this.widgetPayload={id:""},this.allowDismiss=!0,this.timer="bar",this.updateThemeStyles=e=>{this.themeStyles=Object.assign(Object.assign({},this.themeStyles),e)},this.themeUpdated=e=>{this.requestUpdate()},this.parseCustomData=e=>{if(this.customDataParsed&&this.customDataParsed(e),!this.timeout&&e.timeout&&(this.timeout=e.timeout),!this.timer&&e.timer&&(this.timer=e.timer),this.placeBetUrl||(this.placeBetUrl=e.placeBetUrl),this.placeBetLabel||(this.placeBetLabel=e.placeBetLabel),this.legalLogoSrc||(this.legalLogoSrc=e.legalLogoSrc),this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;!this.widgetPayload.kind&&(this.widgetPayload.kind=t),this.themeStyles=e.theme.widgets[t.split("-")[1]]}if(e.customCss){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e.customCss),this.appendChild(t)}var t,n,i,r;e.customStyles&&(this.customStyles=e.customStyles),e.resize&&(this.resizeObserver=new ResizeObserver((t=e.widgetWidthPercentage,n=e.parentContainer,i=e.parentFullscreenWidth,r=e.wrapperContainer,e=>e.forEach((e=>{var o,s;const a=e.target;if(a){const c=Number(i)||1920,l=(null===(o=document.querySelector(n))||void 0===o?void 0:o.offsetWidth)||document.body.offsetWidth,u=((null===(s=document.querySelector(r))||void 0===s?void 0:s.offsetWidth)||document.body.offsetWidth)/c,d=Math.round(e.contentRect.width),h=l/u*(Number(t)||1);Object.keys(ss).forEach((e=>{ss[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;n>0&&(e.style[t]=n.toFixed(2).toString()+o)}}}))}))}))}})))),this.resizeObserver.observe(this))},this.widgetHeader=e=>{const t="round"===this.timer&&this.themeStyles?U`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return U`<livelike-widget-header class="widget-header" slot="header">${t}<div class="center">${e.title} ${e.subTitle||""}</div>${function(e){const t=e.themeStyles&&e.themeStyles.dismiss&&e.themeStyles.dismiss.color,n=rs("dismiss",e.themeStyles),i=e.allowDismiss?e.widgetDismissClick:()=>null;return U`<style>.dismiss-button{background:0 0;border:none;position:absolute;top:12px;right:16px;${n}}.dismiss-button:hover{cursor:pointer}${e.customStyles}</style><button class="dismiss-button" @click="${i}"><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:${t||"#979797"}"/></svg></button>`}(this)}</livelike-widget-header>`},this.widgetFooter=()=>{const e=this.placeBetUrl||this.sponsors&&this.sponsors.length?function(e,t,n,i,r,o){var s;const a=rs("footer",n),c=rs("betButton",n),l=rs("sponsor",n);return U`<style>.embet-widget livelike-widget-footer{display:flex;flex-direction:column;border-radius:0;padding:10px 16px;${a}}.embet-widget livelike-widget-footer .bet-footer-row{display:flex;justify-content:center}.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{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px 10px;border:2px solid rgba(255,255,255,.2);max-height:40px;${l}}.embet-widget .footer-legal{max-height:40px}.embet-widget .bet-button{border-radius:3rem;padding:10px;white-space:nowrap;border-width:2px;border-style:solid;${c}}.embet-widget .bet-button:hover{cursor:pointer}.embet-widget .bet-button a{text-decoration:none;font-weight:700;color:inherit}${r}</style><livelike-widget-footer><div class="bet-footer-row">${(null===(s=null==i?void 0:i[0])||void 0===s?void 0:s.logo_url)?U`<div class="footer-container"><div class="footer-text">SPONSORED BY</div><img class="footer-sponsor" src="${i[0].logo_url}" alt="${i[0].name}"></div>`:null} ${e?U`<div class="footer-container"><div class="footer-text"></div><button class="bet-button"><a target="_blank" href="${e}">${t}</a></button></div>`:null}</div><div class="bet-footer-row">${o?U`<div class="footer-container"><img class="footer-legal" src="${o}"></div>`:null}</div></livelike-widget-footer>`}(this.placeBetUrl,this.placeBetLabel,this.themeStyles,this.sponsors,this.customStyles,this.legalLogoSrc):null,t="bar"===this.timer?U`<livelike-timer class="custom-timer"></livelike-timer>`:null;return U`${e}${t}`}}static get properties(){return{custom_data:{type:Object},sponsors:{type:Array},placeBetUrl:{type:String},placeBetLabel:{type:String},legalLogoSrc:{type:String},allowDismiss:{type:Boolean},themeStyles:{type:Object},customStyles:{type:String},timer:{type:String,reflect:!0},timeout:{type:Number,reflect:!0}}}connectedCallback(){super.connectedCallback(),!this.customData&&(this.customData=this.custom_data||this.widgetPayload.custom_data),this.customData&&this.parseCustomData(this.customData),document.addEventListener("livelike-theme-updated",this.themeUpdated)}disconnectedCallbck(){super.disconnectedCallback(),document.removeEventListener("livelike-theme-updated",this.themeUpdated)}firstUpdated(){super.firstUpdated(),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()}))}))}};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};let ds=class extends(ls(Mi)){render(){const e=this.text&&this.image_url&&U`<figure class="widget-captioned-media"><figcaption class="widget-caption media-caption">${this.text}</figcaption><img class="widget-media" src="${this.image_url}" alt="${this.text}"></figure>`,t=!this.text&&this.image_url&&U`<div class="widget-media"><img src="${this.image_url}"></div>`,n=this.text&&!this.image_url&&U`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`;return this.link_url&&U`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank">${this.link_label}</a></livelike-footer>`,U`<template><style>.widget-captioned-media,.widget-media{padding:16px}.widget-caption-container{text-align:center}${this.customStyles}</style><livelike-widget-root class="embet-widget">${this.widgetHeader({title:this.title})}<livelike-widget-body>${e||t||n||null} ${this.widgetFooter()}</livelike-widget-body></livelike-widget-root></template>`}};us([Vo({type:String})],ds.prototype,"title",void 0),us([Vo({type:String})],ds.prototype,"text",void 0),us([Vo({type:String})],ds.prototype,"image_url",void 0),us([Vo({type:String})],ds.prototype,"link_url",void 0),us([Vo({type:String})],ds.prototype,"link_label",void 0),ds=us([is("embet-alert")],ds);const hs=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;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 .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] .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}[variation=square] .image-bet-container.no-image{height:50px}[variation=bar] .option-image-wrap.no-image{height:40px}.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}.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>`;var ps=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 fs extends(ls(Ci)){constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.kind="image-prediction",this.widgetPayload={id:""},this.allowDismiss=!0,this.timer="bar",this.voteCallback=e=>{e.detail&&e.detail.item&&e.detail.item.id&&!this.voted&&(this.voted=!0)},this.customDataParsed=e=>{this.variation=e.widgetVariation||{"LIVE MONEYLINE":"bar","LIVE SPREAD":"square","LIVE TOTAL":"inline","LIVE AT BAT":"square","LIVE STATS ODDS":"square"}[e.type],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)}}connectedCallback(){super.connectedCallback(),this.addEventListener("interacted",this.voteCallback)}disconnectedCallbck(){super.disconnectedCallback(),this.removeEventListener("interacted",this.voteCallback)}firstUpdated(){super.firstUpdated(),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?U`<div class="widget-tagline">${this.customData.type}</div>`:null,o=this.customData&&this.customData.bodyText?U`<div class="widget-body-text">${this.customData.bodyText}</div>`:null,s=this.insightsRenderer?U`<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,c=null===(i=null===(n=this.themeStyles)||void 0===n?void 0:n.animatedBet)||void 0===i?void 0:i.background,l="LIVE AT BAT"===this.customData.type||"LIVE STATS ODDS"===this.customData.type;return U`<template>${hs}<style>${this.customStyles}live-at-bat,live-moneyline,live-spread,live-stats-odds,live-total{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight||"100%"}}.embet-widget .insights{background:${a}}.animated-drawer{background:${c}}</style><livelike-widget-root class="embet-widget">${this.widgetHeader({title:r,subTitle:o})} ${s}<div class="animated-container ${l?"":"show"}"><div class="animated-wrapper"><div class="animated-drawer"><div class="animated-content"><livelike-widget-body><livelike-title></livelike-title>${this.variation&&this.optionsRenderer(this.options,this.customData,this.voted,this.variation)} ${this.widgetFooter()}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`}}ps([Vo({type:Boolean})],fs.prototype,"voted",void 0),ps([Vo({type:Object})],fs.prototype,"customData",void 0),ps([Vo({type:Object})],fs.prototype,"custom_data",void 0),ps([Vo({type:Array})],fs.prototype,"sponsors",void 0),ps([Vo({type:String})],fs.prototype,"place_bet_url",void 0),ps([Vo({type:String})],fs.prototype,"placeBetUrl",void 0),ps([Vo({type:Boolean})],fs.prototype,"allowDismiss",void 0),ps([Vo({type:Object})],fs.prototype,"themeStyles",void 0),ps([Vo({type:String})],fs.prototype,"customStyles",void 0),ps([Vo({type:Array})],fs.prototype,"options",void 0),ps([Vo({type:String,reflect:!0})],fs.prototype,"variation",void 0),ps([Vo({type:String,reflect:!0})],fs.prototype,"timer",void 0),ps([Vo({type:Number,reflect:!0})],fs.prototype,"timeout",void 0);var gs=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 ms=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},vs=(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> `}},ys=(e,t,n)=>U`
388
+ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=>t=>{const n=es.get(t);if(void 0===e&&t instanceof _o){if(void 0!==n||!es.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);es.set(t,e)})),ns=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),is=e=>t=>{ns(e,t)};const rs=(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 os=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],ss={".widget-tagline":os,"livelike-title":os,"livelike-description":os,".bet-details":os,".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"]};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};let cs=class extends Qo{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,void 0===this.value&&this.timeLeft>0&&"interactive"===this.owner.phase&&requestAnimationFrame(t)};t()}}createRenderRoot(){return this}firstUpdated(){if(void 0===this.value){this.start(),this.newTime=this.timeout/1e3;const e=setInterval((()=>{void 0===this.value?this.newTime-=1:this.newTime=this.timeout/1e3,0!==this.newTime&&void 0===this.value||clearInterval(e)}),1e3)}}render(){var e,t;const n=void 0!==this.value?this.value:this.percent,i=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]},r=i("background"),o=null===(t=null===(e=this.themeStyles)||void 0===e?void 0:e.header)||void 0===t?void 0:t.background,s=`conic-gradient(#58585896 ${n}%, ${r} ${n}%)`,a=this.newTime>0?"":"transparent",c=i("height")||30,l=c-2*i("barWidth"),u=l||0===l?l:24;return Lo`<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:${c+"px"};width:${c+"px"};background:${s}}.middle-circle{position:absolute;border-radius:50%;height:${u+"px"};width:${u+"px"};background-color:${o};display:flex;align-items:center;justify-content:center;font-size:${i("fontSize")};font-weight:${i("fontWeight")};font-family:${i("fontFamily")};color:${i("color")};transition:color .5s ease}.middle-circle.transparent{color:transparent}</style><div class="timer-container"><div class="middle-circle ${a}">${this.newTime}</div><div class="progress-spinner"></div></div>`}};as([Vo({type:Number})],cs.prototype,"timeout",void 0),as([Vo({type:Number})],cs.prototype,"timeLeft",void 0),as([Vo({type:Number})],cs.prototype,"newTime",void 0),as([Vo({type:Number})],cs.prototype,"percent",void 0),as([Vo({type:Number})],cs.prototype,"value",void 0),as([Vo({type:Object})],cs.prototype,"owner",void 0),as([Vo({type:Object})],cs.prototype,"themeStyles",void 0),cs=as([is("round-timer")],cs);const ls=e=>class extends e{constructor(){super(...arguments),this.widgetPayload={id:""},this.allowDismiss=!0,this.timer="bar",this.updateThemeStyles=e=>{this.themeStyles=Object.assign(Object.assign({},this.themeStyles),e)},this.themeUpdated=e=>{this.requestUpdate()},this.parseCustomData=e=>{if(this.customDataParsed&&this.customDataParsed(e),!this.timeout&&e.timeout&&(this.timeout=e.timeout),!this.timer&&e.timer&&(this.timer=e.timer),this.placeBetUrl||(this.placeBetUrl=e.placeBetUrl),this.placeBetLabel||(this.placeBetLabel=e.placeBetLabel),this.legalLogoSrc||(this.legalLogoSrc=e.legalLogoSrc),this.sponsors=e.sponsors||this.widgetPayload.sponsors||[],e.theme&&e.theme.widgets){Vr.applyTheme(e.theme);const t=this.kind||this.widgetPayload.kind;!this.widgetPayload.kind&&(this.widgetPayload.kind=t),this.themeStyles=e.theme.widgets[t.split("-")[1]]}if(e.customCss){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href",e.customCss),this.appendChild(t)}var t,n,i,r;e.customStyles&&(this.customStyles=e.customStyles),e.resize&&(this.resizeObserver=new ResizeObserver((t=e.widgetWidthPercentage,n=e.parentContainer,i=e.parentFullscreenWidth,r=e.wrapperContainer,e=>e.forEach((e=>{var o,s;const a=e.target;if(a){const c=Number(i)||1920,l=(null===(o=document.querySelector(n))||void 0===o?void 0:o.offsetWidth)||document.body.offsetWidth,u=((null===(s=document.querySelector(r))||void 0===s?void 0:s.offsetWidth)||document.body.offsetWidth)/c,d=Math.round(e.contentRect.width),h=l/u*(Number(t)||1);Object.keys(ss).forEach((e=>{ss[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;n>0&&(e.style[t]=n.toFixed(2).toString()+o)}}}))}))}))}})))),this.resizeObserver.observe(this))},this.widgetHeader=e=>{const t="round"===this.timer&&this.themeStyles?U`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return U`<livelike-widget-header class="widget-header" slot="header">${t}<div class="center">${e.title} ${e.subTitle||""}</div>${function(e){const t=e.themeStyles&&e.themeStyles.dismiss&&e.themeStyles.dismiss.color,n=rs("dismiss",e.themeStyles),i=e.allowDismiss?e.widgetDismissClick:()=>null;return U`<style>.dismiss-button{background:0 0;border:none;position:absolute;top:12px;right:16px;${n}}.dismiss-button:hover{cursor:pointer}${e.customStyles}</style><button class="dismiss-button" @click="${i}"><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:${t||"#979797"}"/></svg></button>`}(this)}</livelike-widget-header>`},this.widgetFooter=()=>{const e=this.legalLogoSrc||this.placeBetUrl||this.sponsors&&this.sponsors.length?function(e,t,n,i,r,o){var s;const a=rs("footer",n),c=rs("betButton",n),l=rs("sponsor",n);return U`<style>.embet-widget livelike-widget-footer{display:flex;flex-direction:column;border-radius:0;padding:10px 16px;${a}}.embet-widget livelike-widget-footer .bet-footer-row{display:flex;justify-content:center}.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{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:4px 10px;border:2px solid rgba(255,255,255,.2);max-height:40px;${l}}.embet-widget .footer-legal{max-height:40px}.embet-widget .bet-button{border-radius:3rem;padding:10px;white-space:nowrap;border-width:2px;border-style:solid;${c}}.embet-widget .bet-button:hover{cursor:pointer}.embet-widget .bet-button a{text-decoration:none;font-weight:700;color:inherit}${r}</style><livelike-widget-footer><div class="bet-footer-row">${(null===(s=null==i?void 0:i[0])||void 0===s?void 0:s.logo_url)?U`<div class="footer-container"><div class="footer-text">SPONSORED BY</div><img class="footer-sponsor" src="${i[0].logo_url}" alt="${i[0].name}"></div>`:null} ${e?U`<div class="footer-container"><div class="footer-text"></div><button class="bet-button"><a target="_blank" href="${e}">${t}</a></button></div>`:null}</div><div class="bet-footer-row">${o?U`<div class="footer-container"><img class="footer-legal" src="${o}"></div>`:null}</div></livelike-widget-footer>`}(this.placeBetUrl,this.placeBetLabel,this.themeStyles,this.sponsors,this.customStyles,this.legalLogoSrc):null,t="bar"===this.timer?U`<livelike-timer class="custom-timer"></livelike-timer>`:null;return U`${e}${t}`}}static get properties(){return{custom_data:{type:Object},sponsors:{type:Array},placeBetUrl:{type:String},placeBetLabel:{type:String},legalLogoSrc:{type:String},allowDismiss:{type:Boolean},themeStyles:{type:Object},customStyles:{type:String},timer:{type:String,reflect:!0},timeout:{type:Number,reflect:!0}}}connectedCallback(){super.connectedCallback(),!this.customData&&(this.customData=this.custom_data||this.widgetPayload.custom_data),this.customData&&this.parseCustomData(this.customData),document.addEventListener("livelike-theme-updated",this.themeUpdated)}disconnectedCallbck(){super.disconnectedCallback(),document.removeEventListener("livelike-theme-updated",this.themeUpdated)}firstUpdated(){super.firstUpdated(),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()}))}))}};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};let ds=class extends(ls(Mi)){render(){const e=this.text&&this.image_url&&U`<figure class="widget-captioned-media"><figcaption class="widget-caption media-caption">${this.text}</figcaption><img class="widget-media" src="${this.image_url}" alt="${this.text}"></figure>`,t=!this.text&&this.image_url&&U`<div class="widget-media"><img src="${this.image_url}"></div>`,n=this.text&&!this.image_url&&U`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`;return this.link_url&&U`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank">${this.link_label}</a></livelike-footer>`,U`<template><style>.widget-captioned-media,.widget-media{padding:16px}.widget-caption-container{text-align:center}${this.customStyles}</style><livelike-widget-root class="embet-widget">${this.widgetHeader({title:this.title})}<livelike-widget-body>${e||t||n||null} ${this.widgetFooter()}</livelike-widget-body></livelike-widget-root></template>`}};us([Vo({type:String})],ds.prototype,"title",void 0),us([Vo({type:String})],ds.prototype,"text",void 0),us([Vo({type:String})],ds.prototype,"image_url",void 0),us([Vo({type:String})],ds.prototype,"link_url",void 0),us([Vo({type:String})],ds.prototype,"link_label",void 0),ds=us([is("embet-alert")],ds);const hs=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;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 .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] .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}[variation=square] .image-bet-container.no-image{height:50px}[variation=bar] .option-image-wrap.no-image{height:40px}.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}.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>`,ps=(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){const n=e.find((e=>e.description===t.description));if(n)return U`<div class="bet-details">${n.bet}</div>`}},gs=(e,t,n)=>U`
389
389
  <div class="option-container" ?interacted=${n}>
390
- ${e&&e.map(((i,r)=>{const o=ms(e,i),s=i.image_url?U`<livelike-image src=${i.image_url} height="40px"></livelike-image>`:null;return U`
390
+ ${e&&e.map(((i,r)=>{const o=ps(e,i),s=i.image_url?U`<livelike-image src=${i.image_url} height="40px"></livelike-image>`:null;return U`
391
391
  <livelike-option index=${r} .option=${i}>
392
392
  <div class="option-image-wrap ${i.image_url?"":"no-image"}">
393
393
  ${s}
394
394
  <livelike-description .description=${i.description}></livelike-description>
395
- ${vs(t,i)}
395
+ ${fs(t,i)}
396
396
  <livelike-progress .value=${o}></livelike-progress>
397
397
  <div class="percentage-container">
398
398
  <livelike-percentage .value=${o}></livelike-percentage>
@@ -402,7 +402,7 @@ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=
402
402
  </livelike-option>
403
403
  `}))}
404
404
  </div>
405
- `,bs=(e,t,n)=>U`
405
+ `,ms=(e,t,n)=>U`
406
406
  <style>
407
407
  [variation='square'] .image-grid {
408
408
  grid-template-columns: repeat(${e.length}, 1fr);
@@ -414,7 +414,7 @@ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=
414
414
  }
415
415
  </style>
416
416
  <div class="image-grid" ?interacted=${n}>
417
- ${e&&e.map(((i,r)=>{const o=ms(e,i),s=i.image_url?U`<livelike-image src=${i.image_url} height="50px"></livelike-image>`:null;return U`
417
+ ${e&&e.map(((i,r)=>{const o=ps(e,i),s=i.image_url?U`<livelike-image src=${i.image_url} height="50px"></livelike-image>`:null;return U`
418
418
  <style>
419
419
  [variation='square'] .image-grid[interacted] .square-option-${r}:after {
420
420
  background: linear-gradient(
@@ -438,7 +438,7 @@ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=
438
438
  ${s}
439
439
  <livelike-description .description=${i.description}></livelike-description>
440
440
  </div>
441
- ${vs(t,i)}
441
+ ${fs(t,i)}
442
442
  <div class="percentage-container">
443
443
  <livelike-percentage .value=${o}></livelike-percentage>
444
444
  ${n?U` <span class="percentage-text">of votes</span> `:null}
@@ -446,20 +446,20 @@ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=
446
446
  </livelike-option>
447
447
  `}))}
448
448
  </div>
449
- `,ws=(e,t,n)=>U`
449
+ `,vs=(e,t,n)=>U`
450
450
  <div class="option-container" ?interacted=${n}>
451
451
  <livelike-image src=${e[0].image_url} height="60px"></livelike-image>
452
452
  <div class="live-total-text-options">${e&&e.map(((i,r)=>U`
453
453
  <livelike-option index=${r} .option=${i}>
454
454
  <div class="option-image-wrap">
455
455
  <livelike-description .description=${i.description}></livelike-description>
456
- ${vs(t,i)}
456
+ ${fs(t,i)}
457
457
  <livelike-progress
458
- .value=${ms(e,i)}
458
+ .value=${ps(e,i)}
459
459
  ></livelike-progress>
460
460
  <div class="percentage-container">
461
461
  <livelike-percentage
462
- .value=${ms(e,i)}
462
+ .value=${ps(e,i)}
463
463
  ></livelike-percentage>
464
464
  ${n?U` <span class="percentage-text">of votes</span> `:null}
465
465
  </div>
@@ -471,32 +471,4 @@ const es=new WeakMap,ts=(e=>(...t)=>{const n=e(...t);return uo.set(n,!0),n})((e=
471
471
  height="60px"
472
472
  ></livelike-image>
473
473
  </div>
474
- `,ks=(e,t,n,i)=>(0,{bar:ys,square:bs,inline:ws}[i])(e,t,n),_s=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=>U`<td class=${e.isHighlighted?"highlighted":""}>${e.value}</td>`;return U`
475
- <table class="insight-table">
476
- ${t.length?t.map(((e,t)=>{var i;return U`<tr idx=${t} class=${(null===(i=e[0])||void 0===i?void 0:i.isHighlighted)?"highlighted":""}>
477
- ${e.map(n)}
478
- </tr>`})):null}
479
- </table>
480
- `})(e.table):e.stats?(t=e.stats,U`<div class="bar-table">${t?t.map((e=>{const t=t=>Math.round(t/(e.valOne+e.valTwo)*100),n=t(e.valOne),i=t(e.valTwo);return U`<div class="progress-container">
481
- <div class="label-container">
482
- <div class="label left">${e.valOne}</div>
483
- <div class="bar-title">${e.title}</div>
484
- <div class="label right">${e.valTwo}</div>
485
- </div>
486
- <div class="bar-container">
487
- <div class="bar-wrap left">
488
- <div
489
- class="progress-bar left"
490
- role="progressbar"
491
- style="width: ${n}%"
492
- ></div>
493
- </div>
494
- <div class="bar-wrap right">
495
- <div
496
- class="progress-bar right"
497
- role="progressbar"
498
- style="width: ${i}%;"
499
- ></div>
500
- </div>
501
- </div>
502
- </div>`})):null}</div>`):null;var t};let Ps=class extends fs{constructor(){super(...arguments),this.optionsRenderer=ks}};Ps=gs([is("live-total")],Ps);let xs=class extends fs{constructor(){super(...arguments),this.optionsRenderer=ks}};xs=gs([is("live-spread")],xs);let Ss=class extends fs{constructor(){super(...arguments),this.optionsRenderer=ks}};Ss=gs([is("live-moneyline")],Ss);let Os=class extends fs{constructor(){super(...arguments),this.optionsRenderer=ks,this.insightsRenderer=_s}};Os=gs([is("live-at-bat")],Os);let Ts=class extends fs{constructor(){super(...arguments),this.optionsRenderer=ks,this.insightsRenderer=_s}};Ts=gs([is("live-stats-odds")],Ts);var Cs=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};let Es=class extends Qo{constructor(){super(...arguments),this.predictionRenderer=e=>{const t=e.type.toLowerCase().split(" ").join("-"),n=document.createElement(t);return n.customData=e,n.custom_data=e,n},this.alertRenderer=e=>{const t=document.createElement("embet-alert");return t.custom_data=e,t.customData=e,t},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})=>{const t=Gr(e.custom_data);if(t){(e=>{const t=Yr.custom_data&&Yr.custom_data.segmentation,n=e&&e.segmentation;return t&&n?Object.keys(t).every((e=>n[e]&&n[e]===t[e])):{}})(t)&&("image-prediction"===e.kind||"text-prediction"===e.kind?this.predictionRenderer(t):"alert"===e.kind&&this.alertRenderer(t))}},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 Lo`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${ts(this.mode)}"></livelike-widgets>`}};var Rs,As;Cs([(Rs="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(Rs)},enumerable:!0,configurable:!0};if(As){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(Rs)),this[r]}}return void 0!==t?Go(n,e,t):Wo(n,e)})],Es.prototype,"widgetContainer",void 0),Cs([Vo({type:String})],Es.prototype,"customid",void 0),Cs([Vo({type:String})],Es.prototype,"programid",void 0),Cs([Vo({type:String})],Es.prototype,"mode",void 0),Es=Cs([is("embet-widgets")],Es);const{LiveLike:Ms,userProfile:js,init:Ls,displayPreviewWidget:Ns}=Jr;var Us=Object.assign(Object.assign({},Ms._config),{version:"0.0.30"}),Is=Ms._$$,Ds=Ls,$s=js,Bs=Ns,Fs=Ms.applyTheme,qs=Ms.addMessageListener,Ks=Ms.removeMessageListener,zs=Ms.createUserProfile,Hs=Ms.getUserProfile,Vs=Ms.getMessageCount,Gs=Ms.getMessageList,Ws=Ms.sendMessage,Ys=Ms.prepareOutgoingChatMessage,Js=Ms.updateUserProfile,Xs=Ms.registerWidgetMode,Zs=Ms.getWidget,Qs=Ms.getPostedWidgets,ea=Ms.addWidgetListener,ta=Ms.removeWidgetListener,na=Ms.updateChatRoom,ia=Ms.getChatRoom,ra=Ms.createChatRoom,oa=Ms.joinChatRoom,sa=Ms.leaveChatRoom,aa=Ms.getChatUserMutedStatus,ca=Ms.getChatRoomMemberships,la=Ms.getProfileChatRoomMemberships,ua=Ms.getLeaderboards,da=Ms.getLeaderboard,ha=Ms.getLeaderboardEntries,pa=Ms.getLeaderboardProfileRank,fa=Ms.applyLocalization,ga=Ms.getWidgetInteractions,ma=Ms.getSponsors,va=Ms.getProfileBadges,ya=Ms.getApplicationBadges,ba=Ms.getBadgeProgress,wa={_config:Us,_$$:Is,init:Ds,userProfile:$s,displayPreviewWidget:Bs,applyTheme:Fs,addMessageListener:qs,removeMessageListener:Ks,createUserProfile:zs,getUserProfile:Hs,getMessageCount:Vs,getMessageList:Gs,sendMessage:Ws,prepareOutgoingChatMessage:Ys,updateUserProfile:Js,registerWidgetMode:Xs,getWidget:Zs,getPostedWidgets:Qs,addWidgetListener:ea,removeWidgetListener:ta,updateChatRoom:na,getChatRoom:ia,createChatRoom:ra,joinChatRoom:oa,leaveChatRoom:sa,getChatUserMutedStatus:aa,getChatRoomMemberships:ca,getProfileChatRoomMemberships:la,getLeaderboards:ua,getLeaderboard:da,getLeaderboardEntries:ha,getLeaderboardProfileRank:pa,applyLocalization:fa,getWidgetInteractions:ga,getSponsors:ma,getProfileBadges:va,getApplicationBadges:ya,getBadgeProgress:ba};export{Is as _$$,Us as _config,qs as addMessageListener,ea as addWidgetListener,fa as applyLocalization,Fs as applyTheme,ra as createChatRoom,zs as createUserProfile,wa as default,Bs as displayPreviewWidget,ya as getApplicationBadges,ba as getBadgeProgress,ia as getChatRoom,ca as getChatRoomMemberships,aa as getChatUserMutedStatus,da as getLeaderboard,ha as getLeaderboardEntries,pa as getLeaderboardProfileRank,ua as getLeaderboards,Vs as getMessageCount,Gs as getMessageList,Qs as getPostedWidgets,va as getProfileBadges,la as getProfileChatRoomMemberships,ma as getSponsors,Hs as getUserProfile,Zs as getWidget,ga as getWidgetInteractions,Ds as init,oa as joinChatRoom,sa as leaveChatRoom,Ys as prepareOutgoingChatMessage,Xs as registerWidgetMode,Ks as removeMessageListener,ta as removeWidgetListener,Ws as sendMessage,na as updateChatRoom,Js as updateUserProfile,$s as userProfile};
474
+ `;var ys=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 bs extends(ls(Ci)){constructor(){super(...arguments),this.defaultVoteHide=!1,this.hideVoteInResults=!1,this.kind="image-prediction",this.widgetPayload={id:""},this.allowDismiss=!0,this.timer="bar",this.voteCallback=e=>{e.detail&&e.detail.item&&e.detail.item.id&&!this.voted&&(this.voted=!0)},this.customDataParsed=e=>{this.variation=e.widgetVariation||{"LIVE MONEYLINE":"bar","LIVE SPREAD":"square","LIVE TOTAL":"inline","LIVE AT BAT":"square","LIVE STATS ODDS":"square"}[e.type],e.betDetails&&(this.betDetails=e.betDetails),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)}}connectedCallback(){super.connectedCallback(),this.addEventListener("interacted",this.voteCallback)}disconnectedCallbck(){super.disconnectedCallback(),this.removeEventListener("interacted",this.voteCallback)}firstUpdated(){super.firstUpdated(),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?U`<div class="widget-tagline">${this.customData.type}</div>`:null,o=this.customData&&this.customData.bodyText?U`<div class="widget-body-text">${this.customData.bodyText}</div>`:null,s=this.insightsRenderer?U`<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,c=null===(i=null===(n=this.themeStyles)||void 0===n?void 0:n.animatedBet)||void 0===i?void 0:i.background,l="LIVE AT BAT"===this.customData.type||"LIVE STATS ODDS"===this.customData.type;return U`<template>${hs}<style>${this.customStyles}live-at-bat,live-moneyline,live-spread,live-stats-odds,live-total{display:block}.embet-widget{height:${this.customData&&this.customData.widgetHeight||"100%"}}.embet-widget .insights{background:${a}}.animated-drawer{background:${c}}</style><livelike-widget-root class="embet-widget">${this.widgetHeader({title:r,subTitle:o})} ${s}<div class="animated-container ${l?"":"show"}"><div class="animated-wrapper"><div class="animated-drawer"><div class="animated-content"><livelike-widget-body><livelike-title></livelike-title>${this.variation&&(u=this.options,d=this.betDetails,h=this.voted,p=this.variation,(0,{bar:gs,square:ms,inline:vs}[p])(u,d,h))} ${this.widgetFooter()}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`;var u,d,h,p}}ys([Vo({type:Boolean})],bs.prototype,"voted",void 0),ys([Vo({type:Object})],bs.prototype,"customData",void 0),ys([Vo({type:Object})],bs.prototype,"custom_data",void 0),ys([Vo({type:Array})],bs.prototype,"sponsors",void 0),ys([Vo({type:String})],bs.prototype,"place_bet_url",void 0),ys([Vo({type:String})],bs.prototype,"placeBetUrl",void 0),ys([Vo({type:Boolean})],bs.prototype,"allowDismiss",void 0),ys([Vo({type:Object})],bs.prototype,"themeStyles",void 0),ys([Vo({type:String})],bs.prototype,"customStyles",void 0),ys([Vo({type:Array})],bs.prototype,"options",void 0),ys([Vo({type:Array})],bs.prototype,"betDetails",void 0),ys([Vo({type:String,reflect:!0})],bs.prototype,"variation",void 0),ys([Vo({type:String,reflect:!0})],bs.prototype,"timer",void 0),ys([Vo({type:Number,reflect:!0})],bs.prototype,"timeout",void 0);var ws=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 ks=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=>U`<td class="${e.isHighlighted?"highlighted":""}">${e.value}</td>`;return U`<table class="insight-table">${t.length?t.map(((e,t)=>{var i;return U`<tr idx="${t}" class="${(null===(i=e[0])||void 0===i?void 0:i.isHighlighted)?"highlighted":""}">${e.map(n)}</tr>`})):null}</table>`})(e.table):e.stats?(t=e.stats,U`<div class="bar-table">${t?t.map((e=>{const t=t=>Math.round(t/(e.valOne+e.valTwo)*100),n=t(e.valOne),i=t(e.valTwo);return U`<div class="progress-container"><div class="label-container"><div class="label left">${e.valOne}</div><div class="bar-title">${e.title}</div><div class="label right">${e.valTwo}</div></div><div class="bar-container"><div class="bar-wrap left"><div class="progress-bar left" role="progressbar" style="width:${n}"></div></div><div class="bar-wrap right"><div class="progress-bar right" role="progressbar" style="width:${i}"></div></div></div></div>`})):null}</div>`):null;var t};let _s=class extends bs{};_s=ws([is("live-total")],_s);let Ps=class extends bs{};Ps=ws([is("live-spread")],Ps);let xs=class extends bs{};xs=ws([is("live-moneyline")],xs);let Ss=class extends bs{constructor(){super(...arguments),this.insightsRenderer=ks}};Ss=ws([is("live-at-bat")],Ss);let Os=class extends bs{constructor(){super(...arguments),this.insightsRenderer=ks}};Os=ws([is("live-stats-odds")],Os);var Ts=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};let Cs=class extends Qo{constructor(){super(...arguments),this.predictionRenderer=e=>{const t=e.type.toLowerCase().split(" ").join("-"),n=document.createElement(t);return n.customData=e,n.custom_data=e,n},this.alertRenderer=e=>{const t=document.createElement("embet-alert");return t.custom_data=e,t.customData=e,t},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,kind:t,mode:n})=>this.widgetContainer.createWidgetElement({id:e,kind:t||"image-prediction",mode:n})}createRenderRoot(){return this}firstUpdated(){return this.widgetContainer.customWidgetRenderer=({widgetPayload:e})=>{const t=Gr(e.custom_data);if(t){if((e=>{const t=Yr.custom_data&&Yr.custom_data.segmentation,n=e&&e.segmentation;return t&&n?Object.keys(t).every((e=>n[e]&&n[e]===t[e])):{}})(t)){if("image-prediction"===e.kind||"text-prediction"===e.kind)return this.predictionRenderer(t);if("alert"===e.kind)return this.alertRenderer(t)}}},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 Lo`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${ts(this.mode)}"></livelike-widgets>`}};var Es,Rs;Ts([(Es="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(Es)},enumerable:!0,configurable:!0};if(Rs){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(Es)),this[r]}}return void 0!==t?Go(n,e,t):Wo(n,e)})],Cs.prototype,"widgetContainer",void 0),Ts([Vo({type:String})],Cs.prototype,"customid",void 0),Ts([Vo({type:String})],Cs.prototype,"programid",void 0),Ts([Vo({type:String})],Cs.prototype,"mode",void 0),Cs=Ts([is("embet-widgets")],Cs);const{LiveLike:As,userProfile:Ms,init:js,displayPreviewWidget:Ls}=Jr;var Ns=Object.assign(Object.assign({},As._config),{version:"0.0.33"}),Us=As._$$,Is=js,Ds=Ms,$s=Ls,Bs=As.applyTheme,Fs=As.addMessageListener,qs=As.removeMessageListener,Ks=As.createUserProfile,zs=As.getUserProfile,Hs=As.getMessageCount,Vs=As.getMessageList,Gs=As.sendMessage,Ws=As.prepareOutgoingChatMessage,Ys=As.updateUserProfile,Js=As.registerWidgetMode,Xs=As.getWidget,Zs=As.getPostedWidgets,Qs=As.addWidgetListener,ea=As.removeWidgetListener,ta=As.updateChatRoom,na=As.getChatRoom,ia=As.createChatRoom,ra=As.joinChatRoom,oa=As.leaveChatRoom,sa=As.getChatUserMutedStatus,aa=As.getChatRoomMemberships,ca=As.getProfileChatRoomMemberships,la=As.getLeaderboards,ua=As.getLeaderboard,da=As.getLeaderboardEntries,ha=As.getLeaderboardProfileRank,pa=As.applyLocalization,fa=As.getWidgetInteractions,ga=As.getSponsors,ma=As.getProfileBadges,va=As.getApplicationBadges,ya=As.getBadgeProgress,ba={_config:Ns,_$$:Us,init:Is,userProfile:Ds,displayPreviewWidget:$s,applyTheme:Bs,addMessageListener:Fs,removeMessageListener:qs,createUserProfile:Ks,getUserProfile:zs,getMessageCount:Hs,getMessageList:Vs,sendMessage:Gs,prepareOutgoingChatMessage:Ws,updateUserProfile:Ys,registerWidgetMode:Js,getWidget:Xs,getPostedWidgets:Zs,addWidgetListener:Qs,removeWidgetListener:ea,updateChatRoom:ta,getChatRoom:na,createChatRoom:ia,joinChatRoom:ra,leaveChatRoom:oa,getChatUserMutedStatus:sa,getChatRoomMemberships:aa,getProfileChatRoomMemberships:ca,getLeaderboards:la,getLeaderboard:ua,getLeaderboardEntries:da,getLeaderboardProfileRank:ha,applyLocalization:pa,getWidgetInteractions:fa,getSponsors:ga,getProfileBadges:ma,getApplicationBadges:va,getBadgeProgress:ya};export{Us as _$$,Ns as _config,Fs as addMessageListener,Qs as addWidgetListener,pa as applyLocalization,Bs as applyTheme,ia as createChatRoom,Ks as createUserProfile,ba as default,$s as displayPreviewWidget,va as getApplicationBadges,ya as getBadgeProgress,na as getChatRoom,aa as getChatRoomMemberships,sa as getChatUserMutedStatus,ua as getLeaderboard,da as getLeaderboardEntries,ha as getLeaderboardProfileRank,la as getLeaderboards,Hs as getMessageCount,Vs as getMessageList,Zs as getPostedWidgets,ma as getProfileBadges,ca as getProfileChatRoomMemberships,ga as getSponsors,zs as getUserProfile,Xs as getWidget,fa as getWidgetInteractions,Is as init,ra as joinChatRoom,oa as leaveChatRoom,Ws as prepareOutgoingChatMessage,Js as registerWidgetMode,qs as removeMessageListener,ea as removeWidgetListener,Gs as sendMessage,ta as updateChatRoom,Ys as updateUserProfile,Ds as userProfile};