@livelike/embet 0.0.32 → 0.0.35

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 (9) hide show
  1. package/CHANGELOG.md +185 -171
  2. package/README.md +2 -2
  3. package/embet.cjs.js +443 -394
  4. package/embet.cjs.min.js +33 -33
  5. package/embet.esm.js +1420 -1370
  6. package/embet.esm.min.js +28 -28
  7. package/embet.umd.js +443 -394
  8. package/embet.umd.min.js +28 -28
  9. package/package.json +1 -1
package/embet.umd.min.js CHANGED
@@ -1,4 +1,4 @@
1
- /* emBET SDK Version 0.0.32 */
1
+ /* emBET SDK Version 0.0.34 */
2
2
  !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).embet={})}(this,(function(e){"use strict";!function(){if(void 0===window.Reflect||void 0===window.customElements||window.customElements.polyfillWrapFlushCallback)return;const e=HTMLElement,t=function(){return Reflect.construct(e,[],this.constructor)};window.HTMLElement=t,HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}();
3
3
  /**
4
4
  * @license
@@ -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 Cn=new WeakMap,En=(Rn=e=>t=>{if(!(t instanceof T))throw new Error("unsafeHTML can only be used in text bindings");const n=Cn.get(t);if(void 0!==n&&P(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),Cn.set(t,{value:e,fragment:r})},(...e)=>{const t=Rn(...e);return g.set(t,!0),t});var Rn;var Mn=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 An=class extends kn{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=>D`<message-menu .menu="${this.owner.messageMenuFunc(e)}" .message="${e}" .animation="${this.animation}" .closeMenu="${()=>mn(this,"selectedMessage")}"></message-menu>`,this.renderMenuButton=(e,t)=>this.owner.messagemenus&&!this.isDeleted&&this.owner.messageMenuFunc(t)&&this.owner.messageMenuFunc(t).length?D`<div class="menu-button-container"><button aria-label="${this.owner.localize("chat.messageMenu.ariaLabel")}" class="more-icon ${e}" @click="${()=>yn(this,t.id,"selectedMessage")}">${cn}</button></div>`:null,this.renderTimestamp=e=>{const t=e.timetoken&&e.timetoken.slice(0,e.timetoken.length-4),n=He(Number(t),this.owner.timeformat,this.owner.lang);return D`<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===ce.id)),n=()=>mn(this,"selectedReactions"),i={value:e.id,uuid:ce.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)=>D`<div class="mini-reactions">${n.map((e=>t(e)>0?D`<img class="mini-reaction-image" src="${e.file}" alt="Reaction ${e.name}">`:null))} ${e>0?D`<span class="mini-reaction-count">${bn(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===ce.id));return((e,t,n,i,r,o,s)=>D`<div class="reaction-item-container" style="opacity:${t}"><div class="reaction-item-wrap">${e.map((e=>{const t=i(e);return D`<button aria-label="${o?vt(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?D`<span class="reaction-count">${bn(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=()=>D`<div class="avatar">${this.message.sender_image_url?D`<img src="${this.message.sender_image_url}" alt="Avatar" @error="${()=>{this.message=Object.assign(Object.assign({},this.message),{sender_image_url:null})}}">`:un}</div>`,this.trackClickEvent=e=>{if(e.target&&e.target.href){const t=this.message;t.messageLink=e.target.href,xe(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 D`<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})),En(t)}})(e,t,n,i)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),xe(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===ce.id?"self":"",r=this.owner.showavatar?"has-avatar":"",o=this.isDeleted?"deleted":"";return e?null:D`${nn} ${pn}<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",D`<div class="reaction-button-container"><button class="reaction-button" aria-label="${c?s.owner.localize(c):"Open Reactions"}" @click="${()=>yn(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}};Mn([X({type:Object})],An.prototype,"message",void 0),Mn([X({type:Number})],An.prototype,"animation",void 0),Mn([X({type:String})],An.prototype,"selectedMessage",void 0),Mn([X({type:String})],An.prototype,"selectedReactions",void 0),Mn([X({type:Boolean})],An.prototype,"isDeleted",void 0),An=Mn([Kt("livelike-message-item")],An);let jn=class extends kn{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===ce.id||n)&&this.scrollToBottom()))}},this.softKeyboardHandler=ze((()=>this.scrollTop+this.clientHeight===this.scrollHeight&&this.scrollToBottom())),this.scrollListener=ze((()=>{st.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),st.on("scrollDown",this.scrollToBottomListener),window.addEventListener("resize",this.softKeyboardHandler),super.connectedCallback(),this.setAttribute("role","log"),this.owner.addEventListener("message-ready",this.appendMessage)}disconnectedCallback(){st.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 D`<style>:host{display:block;overflow:auto}</style><slot></slot>`}};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}([Kt("livelike-message-list")],jn);const Ln=()=>"\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",Nn=D`<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>`,Un=D`<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 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 kn{constructor(){super(...arguments),this.drawerOpen=!1,this.animation=0,this.keyedLocalize=(e,t)=>this.owner.localize(this.localizationKey+e,t),this.closeDrawer=()=>{at(this,"drawer-closed"),mn(this,"drawerOpen")},this.stickerBody=()=>this.stickers&&this.stickers.map((e=>D`<button tabindex="0" type="button" class="sticker-wrap" aria-label="${this.keyedLocalize(".stickerSelectionButton.ariaLabel",{stickerName:e.shortcode||e.title})}" @click="${()=>{at(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 D`<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}">${ln}</button></header><div class="sticker-body">${this.stickerBody()}</div>${this.navFooterTemplate?this.navFooterTemplate():null}</div>`}}createRenderRoot(){return this}render(){return D`${Un} <button tabindex="0" type="button" class="sticker-icon" aria-label="${this.keyedLocalize(".openButton.ariaLabel")}" @click="${()=>{yn(this,this.owner.dataId,"drawerOpen"),setTimeout((()=>{at(this,"drawer-opened")}),50)}}">${this.buttonIcon}</button> ${this.drawerOpen?this.renderStickerDrawer():null}`}};In([X({type:Array})],Dn.prototype,"stickers",void 0),In([X({type:String})],Dn.prototype,"buttonIcon",void 0),In([X({type:Function})],Dn.prototype,"onStickerClick",void 0),In([X({type:String,reflect:!0})],Dn.prototype,"title",void 0),In([X({type:Boolean})],Dn.prototype,"drawerOpen",void 0),In([X({type:String})],Dn.prototype,"animation",void 0),In([X({type:String})],Dn.prototype,"localizationKey",void 0),Dn=In([Kt("livelike-stickers")],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 kn{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 D`<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=()=>D`<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 D`${Nn} ${this.owner.stickerPacks&&this.owner.stickerPacks.length?D`<livelike-stickers .localizationKey="${"chat.stickerPicker"}" .stickers="${this.selectedStickers}" .buttonIcon="${an}" @drawer-opened="${()=>{}}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`:null}`}};$n([X({type:String})],Bn.prototype,"selectedPack",void 0),$n([X({type:Array})],Bn.prototype,"selectedStickers",void 0),Bn=$n([Kt("livelike-sticker-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 kn{constructor(){super(...arguments),this.message="",this.giphyList=[],this.offset=0,this.isDoneFetching=!0,this.loading=!1,this.scrollListenerAdded=!1,this.fetchNextPageIfBottom=ze((()=>{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=>tn({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=ze((()=>{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=()=>D`<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 D`${Nn}<livelike-stickers .localizationKey="${"chat.giphyPicker"}" .stickers="${this.giphyList}" .buttonIcon="${dn}" @sticker-selected="${this.onStickerClick}" @drawer-opened="${this.handleOpen}" @drawer-closed="${this.handleClose}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`}};Fn([X({type:String})],qn.prototype,"message",void 0),Fn([X({type:Array})],qn.prototype,"giphyList",void 0),Fn([X({type:Number})],qn.prototype,"offset",void 0),Fn([X({type:Boolean})],qn.prototype,"isDoneFetching",void 0),Fn([X({type:Boolean})],qn.prototype,"loading",void 0),Fn([X({type:Boolean})],qn.prototype,"scrollListenerAdded",void 0),qn=Fn([Kt("livelike-giphy-picker")],qn);var Kn=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 zn=class extends kn{constructor(){super(...arguments),this.defaultStyles=Ln,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&&(at(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 D`<slot name="body" @input="${this.handleMessage}" @keydown="${this.handleKeyDown}"></slot><slot @click="${this.sendClickHandler}" name="send"></slot><slot></slot>`}};Kn([X({type:String,reflect:!0})],zn.prototype,"placeholder",void 0),Kn([X({type:String})],zn.prototype,"message",void 0),zn=Kn([Kt("livelike-chat-composer")],zn);const Hn=()=>"\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 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 kn{constructor(){super(...arguments),this.defaultStyles=Hn,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=()=>st.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(),st.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 D`<slot></slot>`}};Vn([X({type:Boolean})],Gn.prototype,"userScrolled",void 0),Gn=Vn([Kt("livelike-scroll-down")],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 oe{constructor(){super(...arguments),this.dataId=Oe(),this.deletedMessages=[],this.hidecomposer=!1,this.loaded=!1,this.timestamps=!1,this.messagemenus=!1,this.blockList=ce.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=se.localizedStrings,this.updateLocalization=e=>this.translations=e.localizedStrings,this.sendChatMessage=e=>{const t=t=>at(this,t,{message:e.detail.message,roomId:this.roomid});e.detail.message&&e.detail.message.match(/([^\n]+\n)*[^\n]+/g)&&tn({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=()=>{se.ready&&ce&&ce.id?(this.loaded=!1,this.syncStrategy?this.queue=Zt(this.syncStrategy):this.syncStrategy=wt(se.syncStrategy),tt(this.roomid).then((e=>{var t;this.channel=e.channels.chat.pubnub,zt.subscribe(this.channel),(t=this.roomid,mt(t,"reactionPack","reaction_packs_url")).then((e=>this.reactionPack=e[0]&&e[0].emojis?e[0].emojis:e)),(e=>mt(e,"stickerPacks","sticker_packs_url"))(this.roomid).then((e=>this.stickerPacks=e)),this.loaded=!0,at(this,"roomentered",{room:this,roomId:this.roomid}),this.getMessages()}))):setTimeout(this.connectChat,1e3)},this.demultiplex=e=>{const t=Ne[e.event];"messagereceived"===t&&this.messageReceived(e,this.updateEl),("reactionremoved"===t||"reactionadded"===t)&&this.updateReaction(e.message,t),"messagedeleted"===t&&this.messageDeleted(e),at(this,t,{message:e.message,roomId:this.roomid})},this.getMessages=()=>{const e=this.querySelector("livelike-message-list");return e&&e.remove(),Qt(this.roomid).then((e=>{this.messageList=["No Messages"],this.appendElements((()=>{e.messages&&e.messages.length>0&&_t(this,(()=>{e.messages.forEach((e=>this.messageReceived({message:e}))),this.updateEl()}))})),at(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===ce.id,c=e=>e.actionTimetoken===r,l=e=>n[a].reactions[s].findIndex(e),u=()=>o===ce.id?l(i):l(c);if("reactionadded"===t){!e&&(n[a].reactions[s]=[]);let t=u();-1===t||o!==ce.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=>Re[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===ce.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))&&We(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=$e(this.deletedMessages,this.messageList[t]),at(this,Ne[e.event],{message:e.message,roomId:this.roomid}))},this.updateEl=()=>{kt(this,(()=>!0),(e=>{let t=e.payload;t&&!t.reactions&&(t.reactions={}),this.messageList&&"string"==typeof this.messageList[0]?this.messageList=[t]:this.messageList=$e(this.messageList,t),at(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 pt("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)=>vt(e,this.lang,t),this.reportUser=e=>this.sendReport(e).then((e=>this.displayModal("report",e))),this.sendReport=e=>Ae.post({url:se.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=se.storageStrategy.get()||{};n[e]=t,se.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!==ce.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(){st.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),zt.removeListener(this.channel,this.demultiplex),st.off("localizationUpdate",this.updateLocalization)}firstUpdated(){this.messageMenuFunc=this.defaultMessageMenuFunc,ft(this),Ve(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=Zt(this.syncStrategy)),"channel"===t&&this.channel&&(e&&(zt.removeListener(e,this.demultiplex),zt.unsubscribe(e)),zt.addListener(this.channel,this.demultiplex));"roomid"===t&&this.roomid&&(null!=e&&at(this,"roomexited",{roomId:this.roomid}),this.connectChat()),void 0!==this[t]&&null!==this[t]&&st.emit("chat-updated",{name:t,key:this.dataId,prop:this[t],owner:this})}))}render(){return D`<style>:host{display:flex;flex-direction:column;height:100%}</style>${this.loaded&&ce&&ce.id&&this.dataId&&this.roomid?D`${this.messageList&&this.messageList[0]&&"No Messages"===this.messageList[0]?D`<slot name="message-list-empty"></slot>`:null}<slot name="message-list">${this.messageList&&this.messageList[0]&&"Loading"===this.messageList[0]?D`<slot name="message-list-loading"></slot>`:null}</slot><slot name="composer"></slot><slot name="snap-to-live"></slot>`:D`<slot name="chat-element-loading"></slot>`}`}};Wn([X({type:Array})],Yn.prototype,"deletedMessages",void 0),Wn([X({type:String})],Yn.prototype,"channel",void 0),Wn([X({type:String,reflect:!0})],Yn.prototype,"roomid",void 0),Wn([X({type:String,reflect:!0})],Yn.prototype,"lang",void 0),Wn([X({type:String})],Yn.prototype,"placeholder",void 0),Wn([X({type:Boolean})],Yn.prototype,"hidecomposer",void 0),Wn([X({type:Boolean})],Yn.prototype,"loaded",void 0),Wn([X({type:Boolean})],Yn.prototype,"timestamps",void 0),Wn([X({type:Boolean})],Yn.prototype,"messagemenus",void 0),Wn([X({type:Function})],Yn.prototype,"messageMenuFunc",void 0),Wn([X({type:Array})],Yn.prototype,"blockList",void 0),Wn([X({type:Array})],Yn.prototype,"messageList",void 0),Wn([X({type:Object})],Yn.prototype,"syncStrategy",void 0),Wn([X({type:Object})],Yn.prototype,"queue",void 0),Wn([X({type:Array})],Yn.prototype,"stickerPacks",void 0),Wn([X({type:Array})],Yn.prototype,"reactionPack",void 0),Wn([X({type:Object})],Yn.prototype,"timeformat",void 0),Wn([X({type:String})],Yn.prototype,"avatarurl",void 0),Wn([X({type:Boolean})],Yn.prototype,"showavatar",void 0),Wn([X({type:Function})],Yn.prototype,"customMessageRenderer",void 0),Wn([X({type:Boolean})],Yn.prototype,"messageurls",void 0),Wn([X({type:Array})],Yn.prototype,"messageUrlPatterns",void 0),Wn([X({type:Object,hasChanged:()=>!0})],Yn.prototype,"translations",void 0),Yn=Wn([Kt("livelike-chat")],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 oe{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 D`<slot></slot>`}};Jn([X({type:Boolean})],Xn.prototype,"loaded",void 0),Xn=Jn([Kt("livelike-load-more-button")],Xn);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 Qn=class extends oe{constructor(){super(...arguments),this.dataId=Oe(),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=>{ye.some((t=>e.event===t))&&yt(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(se.ready)return this.loaded=!1,this.syncStrategy?this.queue=Zt(this.syncStrategy):this.syncStrategy=wt(se.syncStrategy),nt(this.programid).then((e=>{this.channel=e.subscribe_channel,zt.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=>Dt({programId:e}).then((e=>{this.widgetPaginator=e,this.widgetPaginator.next().then((e=>{_t(this,(()=>{let t=this.onInitialWidgetsLoaded({widgets:e.value.widgets});Ft({interactionUrl:e.value.widget_interactions_url_template}).then((e=>St({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 Ft({interactionUrl:e.value.widget_interactions_url_template}).then((e=>St({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=()=>{kt(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)=>Bt(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=>$t({id:e.id,kind:e.kind}).then((t=>this.showWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.createSyncWidget=e=>$t({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=>{at(this,"beforewidgetattached",{widget:e.widgetPayload});const t=Ut(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),at(this,"widgetattached",{element:e,widget:e.widgetPayload}),e.widgetPayload){const t={"Widget Type":Ie(e.widgetPayload.kind),"Widget ID":e.widgetPayload.id};e.widgetPayload.kind!==fe&&e.widgetPayload.kind!==ve||(t["Link URL"]=e.widgetPayload.link_url),Pe("Widget Displayed",t,this.programid)}return Promise.resolve()},this.detach=e=>{const t={element:e,widget:e.widgetPayload};return e&&this.contains(e)&&(at(this,"beforewidgetdetached",t),e.remove(),at(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:dt(this.localName,"customTemplateRenderer","Function"):null,s.theme=ae.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},nt(e.programId).then((e=>rt(Je(ce.id,e.unclaimed_widget_interactions_url_template),(e=>Ae.get({url:e})),(e=>({count:e.count,results:e.results}))))).catch((e=>Promise.reject(e)))).then((e=>ot(["results"],e)));var e}}firstUpdated(){ft(this),Ve(this),Bt("pop-up",Fe),Bt("timeline",qe),Bt("interactive-timeline",Ke)}onWidgetReceived(e){return e}disconnectedCallback(){super.disconnectedCallback(),zt.removeListener(this.channel,this.widgetListener)}updated(e){e.forEach(((e,t)=>{"syncStrategy"===t&&this.syncStrategy&&(this.queue=Zt(this.syncStrategy));("hasWidgetAttached"===t||"loaded"===t)&&(e=>{void 0!==this[e]&&at(this,e,{[e]:!0})})(t),"channel"===t&&this.channel&&(e&&(zt.removeListener(e,this.widgetListener),zt.unsubscribe(e)),zt.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 D`<style>:host{display:block}livelike-widgets{display:block}</style>${this.loaded?D`<slot></slot><slot name="load-more-button"></slot>`:D`<slot name="widgets-loading"></slot>`}`}};Zn([X({type:Object})],Qn.prototype,"widgetPaginator",void 0),Zn([X({type:String})],Qn.prototype,"channel",void 0),Zn([X({type:String,reflect:!0})],Qn.prototype,"programid",void 0),Zn([X({type:String,reflect:!0})],Qn.prototype,"lang",void 0),Zn([X({type:String})],Qn.prototype,"mode",void 0),Zn([X({type:Boolean})],Qn.prototype,"loaded",void 0),Zn([X({type:Boolean})],Qn.prototype,"authors",void 0),Zn([X({type:Boolean})],Qn.prototype,"timestamps",void 0),Zn([X({type:Boolean})],Qn.prototype,"reactions",void 0),Zn([X({type:Function})],Qn.prototype,"customWidgetRenderer",void 0),Zn([X({type:Function})],Qn.prototype,"customTemplateRenderer",void 0),Zn([X({type:Object})],Qn.prototype,"queue",void 0),Zn([X({type:Object})],Qn.prototype,"syncStrategy",void 0),Zn([X({type:Object})],Qn.prototype,"timeformat",void 0),Zn([X({type:Boolean})],Qn.prototype,"hide_dismiss_button",void 0),Qn=Zn([Kt("livelike-widgets")],Qn);const ei="hlsLevelSwitched",ti="hlsFragChanged";class ni{get currentTimecode(){return this.programDateTime}get programDateTime(){return null}}const ii={direction:0,format:"uniformGradient"},ri={background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})},oi={background:{format:"fill",color:"111111"}},si={correctOptionBar:{background:Object.assign(Object.assign({},ii),{colors:["81ca00","429321"]})},incorrectOptionBar:{background:Object.assign(Object.assign({},ii),{colors:["dc0028","d0021b"]})},correctOption:{borderWidth:2,borderColor:"81ca00"},incorrectOption:{borderWidth:2,borderColor:"dc0028"}},ai={widgets:{alert:{body:{},header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})}},imageSlider:{header:Object.assign({},oi),body:{},interactiveTrackRight:{background:{format:"fill",color:"888"}},interactiveTrackLeft:{background:{format:"fill",color:"ff6a13"}},resultsTrackRight:{},resultsTrackLeft:{}},prediction:{header:Object.assign({},ri),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"0096c8",background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})}},predictionFollowUp:Object.assign(Object.assign({},si),{header:Object.assign({},ri),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})}}),poll:{header:{background:Object.assign(Object.assign({},ii),{colors:["3123ae","c96dd7"]})},selectedOption:{borderColor:"c86dd7"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["3123ae","c86dd7"]})}},quiz:Object.assign(Object.assign({},si),{header:{background:Object.assign(Object.assign({},ii),{colors:["f76b1c","ffb400"]})},selectedOption:{borderColor:"ffb400"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["f76b1c","ffb400"]})}}),socialEmbed:{header:Object.assign({},oi),body:{}},richText:{header:Object.assign({},oi),body:{}},cheerMeter:{header:Object.assign({},oi),body:{}},videoAlert:{body:{},header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})}},textAsk:{header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})},body:{}}},version:1};function ci(e){return parseInt(e.repeat(2/e.length),16)}const li=e=>/^([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function ui(e){if(li(e)){const t=Math.floor(e.length/3),n=e.match(new RegExp(`.{${t}}`,"g")).map(ci),i=n[3]||0===n[3]?(n[3]/255).toFixed(2):1;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${i})`}return e}function di(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]:ui(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]=li(n.color)?ui(n.color):n.color:"uniformGradient"===n.format&&(e[t]=`linear-gradient(90deg, ${ui(n.colors[0])}, ${ui(n.colors[1])})`)}(e,t):di(e[t])})),e}function hi(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 pi=e=>new Promise((t=>{const n=di(De(ai,e));ae.theme=n,st.emit("themeUpdate",{theme:n}),function e(){n&&n.version?t():setTimeout(e,1e3)}()})),fi=e=>(se.localizedStrings=De(se.localizedStrings,e),st.emit("localizationUpdate",{localizedStrings:se.localizedStrings}),Promise.resolve(!0)),gi=(e,t,n)=>Ae[e]({url:se.profileUrl,data:t,accessToken:n}),mi=e=>e.accessToken||e.profileId?e.accessToken?gi("get",null,e.accessToken).then((t=>(t.access_token=e.accessToken,t))):e.profileId&&Ae.get({url:Je(e.profileId,se.profileDetailUrlTemplate)}):ht("accessToken or profileId","fetchUserProfile"),vi=e=>gi("post",e&&e.nickname&&e,null).then((e=>(Pe("Unique Profile Created",{"Profile ID":e.id}),e))),yi=e=>rt(e.badges_url,(e=>Ae.get({url:e})),(e=>({count:e.count,results:e.results}))),bi=e=>({id:e.id,title:e.title,created_at:e.created_at,visibility:e.visibility,content_filter:e.content_filter}),wi=()=>Promise.resolve(!0),ki=e=>e.roomId?tt(e.roomId):ht("roomId","chatroom"),_i=(e,t)=>ki(e).then((e=>Ae[t]({url:e.memberships_url}))),Pi=D`<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>`,xi=D`<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>`,Si=(e,t)=>{qt(e,class extends t{constructor(){super(...arguments),this.waitForResponse=!0}render(){const t=D`<div style="position:relative;width:100%;display:flex"><livelike-progress></livelike-progress><livelike-description></livelike-description><livelike-percentage></livelike-percentage></div>`,n=D`<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 D`<template><livelike-widget-root>${xi} ${Pi}<livelike-widget-body><livelike-select><template><livelike-option>${-1!==e.indexOf("image")?n:t}</livelike-option></template></livelike-select>${-1!==e.indexOf("quiz")?D`<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?D`<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?D`<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 Oi extends Yt{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})}}Si("livelike-text-poll",Oi),Si("livelike-image-poll",Oi);const Ti=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"),at(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 Ci extends(Ti(Yt)){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)}}Si("livelike-text-quiz",Ci),Si("livelike-image-quiz",Ci);const Ei={};class Ri extends Oi{constructor(){super(...arguments),this.defaultVoteHide=!0,this.hideVoteInResults=!0}firstUpdated(){super.firstUpdated(),this.addEventListener("prediction",(e=>{Ei[e.detail.widget.id]={option_id:e.detail.prediction.option_id,claim_token:e.detail.prediction.claim_token}}))}}Si("livelike-text-prediction",Ri),Si("livelike-image-prediction",Ri);class Mi extends(Ti(Yt)){constructor(){super(...arguments),this.claimRewards=(e,t)=>{e.claim_token&&Ae.post({url:this.widgetPayload.claim_url,data:{claim_token:e.claim_token}}).then((e=>{Ei[t]&&(Ei[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=Ei[e]||this.interaction;n?(n&&(this.selectedOption={id:n.option_id}),this.claimRewards(n,e)):Ft({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))}))}}Si("livelike-image-prediction-follow-up",Mi),Si("livelike-text-prediction-follow-up",Mi);const Ai=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 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 Li=class extends Jt{constructor(){super(...arguments),this.kind="alert",this.owner=this,this.defaultStyles=Ai,this.trackLinkOpened=()=>{this.interactionEvent();let e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ie(this.widgetPayload.kind),"Link URL":this.link_url};Pe("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 D`<template><livelike-widget-root>${Pi}<livelike-widget-body>${e?D`<figure class="widget-captioned-media">${this.text&&D`<figcaption class="widget-caption media-caption">${this.text}</figcaption>`} ${this.image_url&&D`<img class="widget-media" src="${this.image_url}" alt="${this.text}">`}</figure>`:t?D`<div class="widget-media"><img src="${this.image_url}"></div>`:n?D`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`:null} ${this.link_url&&D`<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>`}};ji([X({type:String})],Li.prototype,"title",void 0),ji([X({type:String})],Li.prototype,"text",void 0),ji([X({type:String})],Li.prototype,"image_url",void 0),ji([X({type:String})],Li.prototype,"link_url",void 0),ji([X({type:String})],Li.prototype,"link_label",void 0),Li=ji([Kt("livelike-alert")],Li);const Ni=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 ${hi(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 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 extends Jt{constructor(){super(...arguments),this.owner=this,this.kind="emoji-slider",this.defaultStyles=Ni,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,at(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":Ie(this.widgetPayload.kind),"Widget ID":this.widgetPayload.id};Pe("Widget Became Interactive",n,this.programid);let i=e&&void 0!==e.timeout?e.timeout:this.widgetPayload.timeout&&Ue(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)?D`<div class="result-mark" style="left:calc(${Math.round(100*this.average_magnitude)}% - .5rem)"></div>`:null;return D`<template><livelike-widget-root>${Pi}<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?D`<span class="voted-text">${this.owner.localize("widget.slider.votedText")}</span>`:null} ${this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?D`<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>`}};Ui([X({type:Number})],Ii.prototype,"val",void 0),Ui([X({type:String})],Ii.prototype,"average_magnitude",void 0),Ui([X({type:Boolean})],Ii.prototype,"sliderVoteSubmitted",void 0),Ii=Ui([Kt("livelike-emoji-slider")],Ii);var Di=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 $i=[];class Bi extends Jt{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(!$i.includes(t)){$i.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)))}))}))}}Di([X({type:Array})],Bi.prototype,"items",void 0),Di([X({type:String})],Bi.prototype,"comment",void 0),Di([X({type:Boolean})],Bi.prototype,"moving",void 0),Di([X({type:Number})],Bi.prototype,"slide",void 0),Di([X({type:Array})],Bi.prototype,"slides",void 0),Di([X({type:Number})],Bi.prototype,"totalSlides",void 0),Di([X({type:Boolean})],Bi.prototype,"scriptsLoaded",void 0),Di([X({type:Boolean})],Bi.prototype,"finalLoad",void 0);const Fi=D`<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 qi=class extends Bi{constructor(){super(...arguments),this.kind="social-embed",this.isInteractable=!1}render(){const e=this.items.length>1,t=D`<div class="button-wrapper"><button class="left-button slide-button" @click="${this.movePrev}">${on}</button> <button class="right-button slide-button" @click="${this.moveNext}">${rn}</button></div>`,n=D`<form class="dot-nav-container">${this.items.map(((e,t)=>D`<input class="dot-input" id="dot${t}" name="dot" type="radio" @click="${()=>this.moveToSlide(t)}">`))}</form>`;return D`<template>${Fi}<livelike-widget-root style="opacity:${this.scriptsLoaded&&this.finalLoad?1:0}">${Pi}<livelike-widget-body><div class="slider-wrapper">${e?t:null}<div class="slider">${this.items.length>0&&this.items.map(((e,t)=>D`<div id="embed${t}" class="slide ${0===t?"initial":""}"></div>`))}</div>${e?n:null}</div></livelike-widget-body></livelike-widget-root></template>`}};qi=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}([Kt("livelike-social-embed")],qi);var Ki=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 zi=class extends Jt{constructor(){super(...arguments),this.owner=this,this.kind="rich-post",this.isInteractable=!1}render(){return D`<template><livelike-widget-root>${Pi}<livelike-widget-body style="display:flex"><section>${En(this.content)}</section></livelike-widget-body></livelike-widget-root></template>`}};Ki([X({type:String})],zi.prototype,"content",void 0),zi=Ki([Kt("livelike-rich-post")],zi);const Hi=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 ${hi(e.sideAButton)}\n }\n .button1{\n ${hi(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`,Vi=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 ${hi(e.unselectedOption)}\n }\n :host([selected]) {\n ${hi(e.selectedOption)}\n }\n :host([disabled]) {\n cursor: default;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOption)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOption)}\n }\n `),t};var Gi=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 Wi=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Vi,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),at(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(st.emit("option-updated",e),at(this,"option-updated",e),"options"===t||"choices"===t||"items"===t){const e=this.items[this.optionIndex].vote_count;e!==this.voteCount&&(this.voteCount=e),at(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 D`<slot></slot>`}};Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"image",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"selected",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"correct",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"incorrect",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"disabled",void 0),Gi([X({type:Object})],Wi.prototype,"option",void 0),Gi([X({type:Object})],Wi.prototype,"choice",void 0),Gi([X({type:Object})],Wi.prototype,"item",void 0),Gi([X({type:String})],Wi.prototype,"value",void 0),Wi=Gi([Kt("livelike-option")],Wi);const Yi=e=>{let t=`\n :host {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: relative;\n ${hi(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 ${hi(e.selectedOptionImage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionImage)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionImage)}\n }\n `),t};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 Lt{constructor(){super(...arguments),this.defaultStyles=Yi}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 D`<slot></slot>`}};Ji([X({type:String,reflect:!0})],Xi.prototype,"src",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"alt",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"height",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"width",void 0),Xi=Ji([Kt("livelike-image")],Xi);var Zi=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 Jt{constructor(){super(...arguments),this.kind="cheer-meter",this.owner=this,this.defaultStyles=Hi,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 D`<template><livelike-widget-root>${Pi}<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 D`<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>`}};Zi([X({type:Object})],Qi.prototype,"cheerVote",void 0),Zi([X({type:Number})],Qi.prototype,"count",void 0),Qi=Zi([Kt("livelike-cheer-meter")],Qi);const er=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 ",tr=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 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 Mt{constructor(){super(...arguments),this.defaultStyles=tr,this.videoAttrs=["autoplay","controls","muted","loop","disablepictureinpicture"],this.preload="metadata",this.controlslist="nodownload",this.controls=!0,this.disablepictureinpicture=!0,this.onVideoPlay=e=>at(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 D`<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?D`<track src="${this.tracksrc}" label="${this.tracklabel}" kind="${this.trackkind}" default>`:null}</video>${this.error?D`<div class="video-playback-error">${hn} <span class="video-playback-error-text">${this.owner.localize("widget.video.playbackError")}</span></div>`:null}`}};nr([Z("video")],ir.prototype,"videoEl",void 0),nr([X({type:String,reflect:!0})],ir.prototype,"src",void 0),nr([X({type:String})],ir.prototype,"error",void 0),nr([X({type:String})],ir.prototype,"poster",void 0),nr([X({type:String})],ir.prototype,"preload",void 0),nr([X({type:String})],ir.prototype,"controlslist",void 0),nr([X({type:String})],ir.prototype,"tracksrc",void 0),nr([X({type:String})],ir.prototype,"tracklabel",void 0),nr([X({type:String})],ir.prototype,"trackkind",void 0),nr([X({type:Boolean})],ir.prototype,"autoplay",void 0),nr([X({type:Boolean})],ir.prototype,"controls",void 0),nr([X({type:Boolean})],ir.prototype,"muted",void 0),nr([X({type:Boolean})],ir.prototype,"loop",void 0),nr([X({type:Boolean})],ir.prototype,"disablepictureinpicture",void 0),ir=nr([Kt("livelike-video")],ir);var rr=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 Jt{constructor(){super(...arguments),this.kind="video-alert",this.owner=this,this.defaultStyles=er,this.trackLinkOpened=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,Nickname:ce&&ce.nickname,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ie(this.widgetPayload.kind),"Link URL":this.link_url};Pe("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":Ie(this.widgetPayload.kind),"Video URL":this.video_url};Pe("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 D`<template><livelike-widget-root>${this.title?Pi:null}<livelike-widget-body class="${this.title?"":"no-header"}">${this.text&&D`<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&&D`<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>`}};rr([X({type:String})],or.prototype,"title",void 0),rr([X({type:String})],or.prototype,"text",void 0),rr([X({type:String})],or.prototype,"video_url",void 0),rr([X({type:String})],or.prototype,"link_url",void 0),rr([X({type:String})],or.prototype,"link_label",void 0),rr([Z("video")],or.prototype,"videoEl",void 0),or=rr([Kt("livelike-video-alert")],or);const sr=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 ${hi(e.unselectedOptionDescription)}\n }\n :host([image]) {\n padding: 0.75rem 0.5rem 0.25rem 0.5rem;\n }\n :host([selected]) {\n ${hi(e.selectedOptionDescription)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionDescription)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionDescription)}\n }`),t};var 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};let cr=class extends Lt{constructor(){super(...arguments),this.defaultStyles=sr}defaultTemplate(){return D`<slot>${this.description||this.item&&this.item.description||this.owner.text}</slot>`}};ar([X({type:String})],cr.prototype,"description",void 0),cr=ar([Kt("livelike-description")],cr);const lr=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 ${hi(e.dismiss)}\n }\n .widget-dismiss:hover {\n cursor: pointer;\n }\n `;let ur=class extends Mt{constructor(){super(...arguments),this.defaultStyles=lr,this.dismissClicked=()=>at(this,"dismiss-clicked")}defaultTemplate(){return D`${this.owner.hide_dismiss_button?null:D`<button class="widget-dismiss" aria-label="Dismiss" @click="${this.dismissClicked}">${ln}</button>`}`}};ur=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}([Kt("livelike-dismiss-button")],ur);const dr=["text-quiz","image-quiz","text-prediction","image-prediction","text-poll","image-poll"],hr=e=>e.value=Ge(e.owner,e.item),pr=e=>{let t=e.owner.phase;e.owner.defaultVoteHide?dr.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"},fr=e=>class extends e{constructor(){super(...arguments),this.ownerUpdated=e=>("phase"===e.name||"selectedOption"===e.name)&&pr(this),this.optionUpdated=e=>{hr(this)}}static get properties(){return{value:{type:Number,reflect:!0}}}firstUpdated(){hr(this),pr(this)}},gr=e=>{let t=`\n :host {\n display: block;\n position: relative;\n padding: 0.5rem;\n z-index: 10;\n ${hi(e.unselectedOptionPercentage)}\n }\n :host([selected]) {\n ${hi(e.selectedOptionPercentage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionPercentage)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionPercentage)}\n }\n `),t};let mr=class extends(fr(Lt)){constructor(){super(...arguments),this.defaultStyles=gr}defaultTemplate(){return D`${this.value}%`}};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}([Kt("livelike-percentage")],mr);const vr=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 ${hi(e.unselectedOptionBar)}\n }\n :host([selected]) {\n ${hi(e.selectedOptionBar)}\n }\n :host([hidden]) {\n display: none;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionBar)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionBar)}\n }\n `),t};var yr=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 br=class extends(fr(Lt)){constructor(){super(...arguments),this.defaultStyles=vr,this.max=100,this.min=0}updated(e){super.updated(e),e.has("value")&&(this.style.width=this.value+"%")}defaultTemplate(){return D`<slot></slot>`}};yr([X({type:Number,reflect:!0})],br.prototype,"max",void 0),yr([X({type:Number,reflect:!0})],br.prototype,"min",void 0),br=yr([Kt("livelike-progress")],br);const wr=()=>"\n :host{\n display: block;\n }\n";var kr=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 _r=class extends Mt{constructor(){super(...arguments),this.defaultStyles=wr}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 D`<slot></slot>`}};kr([X({type:Array})],_r.prototype,"items",void 0),_r=kr([Kt("livelike-select")],_r);const Pr=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 ${hi(e.timer)}\n }\n `;var xr=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.started=!1,this.defaultStyles=Pr,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,st.on("pageVisibilityChange",(e=>this.pageVisible=e.pageVisible))}render(){return D`<slot></slot>`}};xr([X({type:Number,reflect:!0})],Sr.prototype,"time",void 0),xr([X({type:Boolean})],Sr.prototype,"pageVisible",void 0),Sr=xr([Kt("livelike-timer")],Sr);const Or=e=>`\n :host {\n padding: 0.5rem 1rem;\n flex-grow: 1;\n overflow-wrap: break-word;\n width: 85%;\n margin: 0;\n ${hi(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 ${hi(e.tag)}\n }\n `;var Tr=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 Cr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Or,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 D`<slot>${e.length>0?D`<div class="widget-tag">${e}</div>`:null}<div>${this.title||this.owner.question||this.owner.title||this.owner.comment}</div></slot>`}};Tr([X({type:String})],Cr.prototype,"title",void 0),Cr=Tr([Kt("livelike-title")],Cr);const Er=e=>"\n :host {\n\n }\n ";var Rr=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 Mr=class extends Lt{constructor(){super(...arguments),this.defaultStyles=Er,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 D`${this.count}`}};Rr([X({type:String,reflect:!0})],Mr.prototype,"count",void 0),Mr=Rr([Kt("livelike-vote-count")],Mr);const Ar=e=>`\n :host {\n display: block;\n border-radius: 0 0 6px 6px;\n background: rgba(0,0,0,6);\n ${hi(e.body)}\n }\n `;let jr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Ar}defaultTemplate(){return D`<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}([Kt("livelike-widget-body")],jr);const Lr=()=>"\n :host {\n display:flex;\n justify-content: center;\n margin: 0.5rem;\n }\n ";let Nr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Lr}firstUpdated(){let e="";const t=`\n <time datetime="${this.owner.published_at}">\n ${He(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 D`<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}([Kt("livelike-widget-bylines")],Nr);const Ur=e=>`\n :host {\n ${hi(e.footer)}\n }\n `;let Ir=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Ur}defaultTemplate(){return D`<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}([Kt("livelike-widget-footer")],Ir);const Dr=e=>`\n :host {\n display: flex;\n position: relative;\n border-radius: 6px 6px 0 0;\n ${hi(e.header)}\n }\n `;let $r=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Dr}defaultTemplate(){return D`<slot name="title"></slot><slot name="dismiss"></slot><slot></slot>`}};$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}([Kt("livelike-widget-header")],$r);const Br=e=>`\n :host {\n color: #fff;\n position: relative;\n display: block;\n ${hi(e.root)}\n }\n `;let Fr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Br}defaultTemplate(){return D`<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>`}};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}([Kt("livelike-widget-root")],Fr);const qr=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 ${hi(e.sideABar)}\n }\n .bar1{\n background: linear-gradient(to right, #9f041b, #f5515f);\n ${hi(e.sideBBar)}\n }\n `;var Kr=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 zr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=qr,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 D`${this.items.map(((t,n)=>{const i=`width:${Ge(this.owner,t,e)}%`;return D`<div class="bar-container bar${n}" style="${i}">${t.description?D`<div>${t.description}</div>`:null}</div>`}))}`}};Kr([X({type:Array})],zr.prototype,"items",void 0),zr=Kr([Kt("livelike-dueling-progress")],zr);const Hr=e=>`\n .text-ask-prompt-container {\n padding: 1rem;\n ${hi(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 ${hi(e.replyEnabled)}\n }\n .text-ask-input::placeholder {\n color: rgb(171,171,171);\n ${hi(e.replyPlaceholder)}\n } \n .text-ask-input:focus {\n outline: none;\n }\n .text-ask-input[disabled] {\n color: rgb(171,171,171);\n ${hi(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 ${hi(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 ${hi(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 ${hi(e.confirmation)}\n }\n .text-ask-footer {\n padding: 0 16px 16px 16px;\n display: flex;\n align-items: center;\n }\n `;var Vr=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 Gr=class extends Jt{constructor(){super(...arguments),this.kind="text-ask",this.owner=this,this.defaultStyles=Hr,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(),Ae.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 D`<template><livelike-widget-root>${Pi}<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:D`<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>`}};Vr([X({type:String})],Gr.prototype,"title",void 0),Vr([X({type:String})],Gr.prototype,"prompt",void 0),Vr([X({type:String})],Gr.prototype,"confirmation_message",void 0),Vr([X({type:Boolean})],Gr.prototype,"replyDisable",void 0),Vr([X({type:Boolean})],Gr.prototype,"showConfirmation",void 0),Gr=Vr([Kt("livelike-text-ask")],Gr);const Wr={_$$:se,_config:ae,userProfile:ce,applyTheme:pi,addMessageListener:(e,t)=>it(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:Ne[i.event||i.message.event]})};bt.add(n,e.roomId,t,{message:i,messageAction:i})})),removeMessageListener:(e,t)=>bt.remove(e.roomId,t),createUserProfile:vi,getUserProfile:mi,init:e=>new Promise((t=>{let n=se.ready&&se.clientId&&ce;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),se.pageVisible=!document.hidden,document.addEventListener("visibilitychange",(()=>{se.pageVisible=!document.hidden,st.emit("pageVisibilityChange",{pageVisible:!document.hidden})}),!1)),!e.accessToken&&console.warn(`LiveLike EngagementSDK has been initialized without an accessToken.\n ${lt()}`),e.endpoint&&(se.endpoint=e.endpoint),se.ready=!1,se.logger=e.logger||null,se.clientId=e.clientId,se.accessToken=e.accessToken||null,se.lsKey="livelike-user-auth-"+e.clientId,e.syncStrategy&&(se.syncStrategy=e.syncStrategy),se.storageStrategy=e.storageStrategy||gt,e.localizedStrings&&fi(e.localizedStrings),pi(e.theme||{}).then((()=>et().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),se.programUrlTemplate=i.program_detail_url_template,se.chatUrlTemplate=i.chat_room_detail_url_template,se.leaderboardUrlTemplate=i.leaderboard_detail_url_template,se.createChatUrlTemplate=i.create_chat_room_url,se.profileDetailUrlTemplate=i.profile_detail_url_template,se.profileUrl=i.profile_url,((e,t)=>{if(e)return mi({accessToken:e});{let e=se.storageStrategy.get();return e?mi({accessToken:e.access_token}):vi({nickname:t})}})(e.accessToken,e.nickName).then((r=>{se.storageStrategy.set(r),Object.assign(ce,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=()=>{se.ready=!0,ae.ready=!0,t(r)},c=-1!==Object.keys(o).findIndex((e=>se.pn&&se.pn._config[e]!==o[e]));!se.pn||c?(e=>(se.logger&&console.table(Object.assign(Object.assign({},e),{profileToken:ce.access_token})),Se=new _e(Object.assign(Object.assign({},e),{uuid:ce.id,restore:!0,ssl:!0})),se.pn=Se,Promise.resolve()))(o).then((()=>{!n&&zt.initialize(),a()})):a()}))}))))})),getMessageCount:(e,t)=>new Promise(((n,i)=>{e||ht("roomId","messagecount");let r=null;if(t&&t.since)if(Pt(t.since)){const e=new Date(t.since).getTime();r=String(e)+"0011"}else i(dt("messageCount","since","Date"));it(e).then((t=>((e,t)=>Se.history({channel:e,stringifiedTimeToken:!0,end:t,count:100}))(t,r).then((t=>{console.log("get history r.messages",t),n({roomId:e,count:Ye(e,t.messages).length})}))))})),getMessageList:Qt,sendMessage:tn,prepareOutgoingChatMessage:(e,t)=>en[e]=t,updateUserProfile:e=>e.accessToken?gi("patch",e.options,e.accessToken).then((t=>(t.access_token=e.accessToken,t.id===ce.id&&(se.storageStrategy.set(t),ce.nickname=t.nickname,Object.assign(ce,t)),t))):ht("accessToken","updateuserprofile"),registerWidgetMode:Bt,getWidget:$t,getPostedWidgets:({programId:e})=>Dt({programId:e}).then((e=>ot(["widgets","widget_interactions_url_template"],e))),addWidgetListener:(e,t)=>nt(e.programId).then((n=>bt.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)=>bt.remove(e.programId,t),createChatRoom:e=>e&&e.visibility&&"members"!==e.visibility&&"everyone"!==e.visibility?Promise.reject("Invalid value for visibility"):Ae.post({url:se.createChatUrlTemplate,data:e}).then(bi),updateChatRoom:(e,t)=>ki({roomId:e}).then((e=>Ae.patch({url:e.url,data:t}).then(bi))),getChatRoom:e=>ki(e).then(bi),joinChatRoom:e=>_i(e,"post"),leaveChatRoom:e=>_i(e,"delete").then(wi),getChatUserMutedStatus:e=>ki(e).then((e=>fetch(Je(ce.id,e.muted_status_url_template)).then((e=>e.json())))),getChatRoomMemberships:e=>_i(e,"get"),getProfileChatRoomMemberships:()=>Ae.get({url:ce.chat_room_memberships_url}),getLeaderboards:e=>e&&e.programId?Ze.program(e.programId).then((e=>e.leaderboards)):ht("programId","leaderbaord"),getLeaderboard:e=>e&&e.leaderboardId?Ze.leaderboard(e.leaderboardId):ht("leaderboardId","leaderboard"),getLeaderboardEntries:e=>(e=>e&&e.leaderboardId?Ze.leaderboard(e.leaderboardId).then((e=>rt(e.entries_url,(e=>Ae.get({url:e})),(e=>({count:e.count,entries:e.results}))))):ht("leaderboardId","leaderboard"))(e).then((e=>ot(["entries"],e))),getLeaderboardProfileRank:e=>e&&e.leaderboardId&&e.profileId?Ze.leaderboard(e.leaderboardId).then((t=>Ze.leaderboardEntryDetail(t.entry_detail_url_template,e.profileId))):e&&e.leaderboardId?ht("profileId","leaderboard"):ht("leaderboardId","leaderboard"),applyLocalization:fi,getWidgetInteractions:Ft,getSponsors:e=>e&&e.programId?Ze.program(e.programId).then((e=>e.sponsors)):ht("programId","sponsor"),getProfileBadges:e=>e&&e.profileId?(e=>mi(e).then(yi))(e).then((e=>ot(["results"],e))):ht("profileId","getProfileBadges"),getApplicationBadges:()=>et().then((e=>ot(["results"],yi(e)))),getBadgeProgress:e=>e&&e.profileId&&e.badgeIds&&e.badgeIds.length>0?mi(e).then((t=>Ae.get({url:t.badge_progress_url+"?badge_id="+e.badgeIds.join("&badge_id=")}))):e&&e.profileId?ht("badgeIds","getBadgeProgress"):ht("profileId","getBadgeProgress")};function Yr(e){try{return JSON.parse(e)}catch(e){return null}}window.LiveLike=Wr,window.ProgramDateTimeSyncStrategy=ni,window.HlsJsSyncStrategy=class extends ni{constructor(e,t){super(),this.hls=e,this.video=t,this.level=null,this.frag=null,this.hls.on(ei,((e,t)=>{this.level=this.hls.levels[t.level]})),this.hls.on(ti,((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=D,window.property=X,window.LiveLikeWidgetElement=class extends Lt{},window.LiveLikeWidget=Xt,window.LiveLikeWidgetMixin=e=>class extends e{connectedCallback(){super.connectedCallback(),this.setupWidget()}},window.LiveLikePoll=Oi,window.LiveLikeQuiz=Ci,window.LiveLikePrediction=Ri,window.LiveLikeFollowUp=Mi,window.LiveLikeAlert=Li,window.LiveLikeEmojiSlider=Ii,window.LiveLikeSocialEmbed=qi,window.LiveLikeRichPost=zi,window.LiveLikeCheerMeter=Qi,window.LiveLikeVideoAlert=or,window.LiveLikeDescription=cr,window.LiveLikeDismissButton=ur,window.LiveLikeImage=Xi,window.LiveLikeOption=Wi,window.LiveLikePercentage=mr,window.LiveLikeProgress=br,window.LiveLikeSelect=_r,window.LiveLikeTimer=Sr,window.LiveLikeTitle=Cr,window.LiveLikeVoteCount=Mr,window.LiveLikeWidgetBody=jr,window.LiveLikeWidgetBylines=Nr,window.LiveLikeWidgetFooter=Ir,window.LiveLikeWidgetHeader=$r,window.LiveLikeWidgetRoot=Fr,window.LiveLikeDuelingProgress=zr,window.LiveLikeTextAsk=Gr,window.LiveLikeVideo=ir;const Jr=Wr.applyTheme;Wr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),Jr(e));const Xr=Object.assign({},Wr.userProfile);var Zr=Object.freeze({__proto__:null,userProfile:Xr,init:e=>Wr.init(Object.assign({clientId:e.clientId},e)).then((e=>{Xr.custom_data=Yr(e.custom_data)})),LiveLike:Wr,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 Cn=new WeakMap,En=(Rn=e=>t=>{if(!(t instanceof T))throw new Error("unsafeHTML can only be used in text bindings");const n=Cn.get(t);if(void 0!==n&&P(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),Cn.set(t,{value:e,fragment:r})},(...e)=>{const t=Rn(...e);return g.set(t,!0),t});var Rn;var Mn=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 An=class extends kn{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=>D`<message-menu .menu="${this.owner.messageMenuFunc(e)}" .message="${e}" .animation="${this.animation}" .closeMenu="${()=>mn(this,"selectedMessage")}"></message-menu>`,this.renderMenuButton=(e,t)=>this.owner.messagemenus&&!this.isDeleted&&this.owner.messageMenuFunc(t)&&this.owner.messageMenuFunc(t).length?D`<div class="menu-button-container"><button aria-label="${this.owner.localize("chat.messageMenu.ariaLabel")}" class="more-icon ${e}" @click="${()=>yn(this,t.id,"selectedMessage")}">${cn}</button></div>`:null,this.renderTimestamp=e=>{const t=e.timetoken&&e.timetoken.slice(0,e.timetoken.length-4),n=He(Number(t),this.owner.timeformat,this.owner.lang);return D`<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===ce.id)),n=()=>mn(this,"selectedReactions"),i={value:e.id,uuid:ce.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)=>D`<div class="mini-reactions">${n.map((e=>t(e)>0?D`<img class="mini-reaction-image" src="${e.file}" alt="Reaction ${e.name}">`:null))} ${e>0?D`<span class="mini-reaction-count">${bn(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===ce.id));return((e,t,n,i,r,o,s)=>D`<div class="reaction-item-container" style="opacity:${t}"><div class="reaction-item-wrap">${e.map((e=>{const t=i(e);return D`<button aria-label="${o?vt(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?D`<span class="reaction-count">${bn(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=()=>D`<div class="avatar">${this.message.sender_image_url?D`<img src="${this.message.sender_image_url}" alt="Avatar" @error="${()=>{this.message=Object.assign(Object.assign({},this.message),{sender_image_url:null})}}">`:un}</div>`,this.trackClickEvent=e=>{if(e.target&&e.target.href){const t=this.message;t.messageLink=e.target.href,xe(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 D`<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})),En(t)}})(e,t,n,i)}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),xe(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===ce.id?"self":"",r=this.owner.showavatar?"has-avatar":"",o=this.isDeleted?"deleted":"";return e?null:D`${nn} ${pn}<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",D`<div class="reaction-button-container"><button class="reaction-button" aria-label="${c?s.owner.localize(c):"Open Reactions"}" @click="${()=>yn(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}};Mn([X({type:Object})],An.prototype,"message",void 0),Mn([X({type:Number})],An.prototype,"animation",void 0),Mn([X({type:String})],An.prototype,"selectedMessage",void 0),Mn([X({type:String})],An.prototype,"selectedReactions",void 0),Mn([X({type:Boolean})],An.prototype,"isDeleted",void 0),An=Mn([Kt("livelike-message-item")],An);let jn=class extends kn{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===ce.id||n)&&this.scrollToBottom()))}},this.softKeyboardHandler=ze((()=>this.scrollTop+this.clientHeight===this.scrollHeight&&this.scrollToBottom())),this.scrollListener=ze((()=>{st.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),st.on("scrollDown",this.scrollToBottomListener),window.addEventListener("resize",this.softKeyboardHandler),super.connectedCallback(),this.setAttribute("role","log"),this.owner.addEventListener("message-ready",this.appendMessage)}disconnectedCallback(){st.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 D`<style>:host{display:block;overflow:auto}</style><slot></slot>`}};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}([Kt("livelike-message-list")],jn);const Ln=()=>"\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",Nn=D`<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>`,Un=D`<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 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 kn{constructor(){super(...arguments),this.drawerOpen=!1,this.animation=0,this.keyedLocalize=(e,t)=>this.owner.localize(this.localizationKey+e,t),this.closeDrawer=()=>{at(this,"drawer-closed"),mn(this,"drawerOpen")},this.stickerBody=()=>this.stickers&&this.stickers.map((e=>D`<button tabindex="0" type="button" class="sticker-wrap" aria-label="${this.keyedLocalize(".stickerSelectionButton.ariaLabel",{stickerName:e.shortcode||e.title})}" @click="${()=>{at(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 D`<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}">${ln}</button></header><div class="sticker-body">${this.stickerBody()}</div>${this.navFooterTemplate?this.navFooterTemplate():null}</div>`}}createRenderRoot(){return this}render(){return D`${Un} <button tabindex="0" type="button" class="sticker-icon" aria-label="${this.keyedLocalize(".openButton.ariaLabel")}" @click="${()=>{yn(this,this.owner.dataId,"drawerOpen"),setTimeout((()=>{at(this,"drawer-opened")}),50)}}">${this.buttonIcon}</button> ${this.drawerOpen?this.renderStickerDrawer():null}`}};In([X({type:Array})],Dn.prototype,"stickers",void 0),In([X({type:String})],Dn.prototype,"buttonIcon",void 0),In([X({type:Function})],Dn.prototype,"onStickerClick",void 0),In([X({type:String,reflect:!0})],Dn.prototype,"title",void 0),In([X({type:Boolean})],Dn.prototype,"drawerOpen",void 0),In([X({type:String})],Dn.prototype,"animation",void 0),In([X({type:String})],Dn.prototype,"localizationKey",void 0),Dn=In([Kt("livelike-stickers")],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 kn{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 D`<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=()=>D`<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 D`${Nn} ${this.owner.stickerPacks&&this.owner.stickerPacks.length?D`<livelike-stickers .localizationKey="${"chat.stickerPicker"}" .stickers="${this.selectedStickers}" .buttonIcon="${an}" @drawer-opened="${()=>{}}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`:null}`}};$n([X({type:String})],Bn.prototype,"selectedPack",void 0),$n([X({type:Array})],Bn.prototype,"selectedStickers",void 0),Bn=$n([Kt("livelike-sticker-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 kn{constructor(){super(...arguments),this.message="",this.giphyList=[],this.offset=0,this.isDoneFetching=!0,this.loading=!1,this.scrollListenerAdded=!1,this.fetchNextPageIfBottom=ze((()=>{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=>tn({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=ze((()=>{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=()=>D`<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 D`${Nn}<livelike-stickers .localizationKey="${"chat.giphyPicker"}" .stickers="${this.giphyList}" .buttonIcon="${dn}" @sticker-selected="${this.onStickerClick}" @drawer-opened="${this.handleOpen}" @drawer-closed="${this.handleClose}" .navFooterTemplate="${this.stickerNavFooter}"></livelike-stickers>`}};Fn([X({type:String})],qn.prototype,"message",void 0),Fn([X({type:Array})],qn.prototype,"giphyList",void 0),Fn([X({type:Number})],qn.prototype,"offset",void 0),Fn([X({type:Boolean})],qn.prototype,"isDoneFetching",void 0),Fn([X({type:Boolean})],qn.prototype,"loading",void 0),Fn([X({type:Boolean})],qn.prototype,"scrollListenerAdded",void 0),qn=Fn([Kt("livelike-giphy-picker")],qn);var Kn=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 zn=class extends kn{constructor(){super(...arguments),this.defaultStyles=Ln,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&&(at(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 D`<slot name="body" @input="${this.handleMessage}" @keydown="${this.handleKeyDown}"></slot><slot @click="${this.sendClickHandler}" name="send"></slot><slot></slot>`}};Kn([X({type:String,reflect:!0})],zn.prototype,"placeholder",void 0),Kn([X({type:String})],zn.prototype,"message",void 0),zn=Kn([Kt("livelike-chat-composer")],zn);const Hn=()=>"\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 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 kn{constructor(){super(...arguments),this.defaultStyles=Hn,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=()=>st.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(),st.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 D`<slot></slot>`}};Vn([X({type:Boolean})],Gn.prototype,"userScrolled",void 0),Gn=Vn([Kt("livelike-scroll-down")],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 oe{constructor(){super(...arguments),this.dataId=Oe(),this.deletedMessages=[],this.hidecomposer=!1,this.loaded=!1,this.timestamps=!1,this.messagemenus=!1,this.blockList=ce.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=se.localizedStrings,this.updateLocalization=e=>this.translations=e.localizedStrings,this.sendChatMessage=e=>{const t=t=>at(this,t,{message:e.detail.message,roomId:this.roomid});e.detail.message&&e.detail.message.match(/([^\n]+\n)*[^\n]+/g)&&tn({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=()=>{se.ready&&ce&&ce.id?(this.loaded=!1,this.syncStrategy?this.queue=Zt(this.syncStrategy):this.syncStrategy=wt(se.syncStrategy),tt(this.roomid).then((e=>{var t;this.channel=e.channels.chat.pubnub,zt.subscribe(this.channel),(t=this.roomid,mt(t,"reactionPack","reaction_packs_url")).then((e=>this.reactionPack=e[0]&&e[0].emojis?e[0].emojis:e)),(e=>mt(e,"stickerPacks","sticker_packs_url"))(this.roomid).then((e=>this.stickerPacks=e)),this.loaded=!0,at(this,"roomentered",{room:this,roomId:this.roomid}),this.getMessages()}))):setTimeout(this.connectChat,1e3)},this.demultiplex=e=>{const t=Ne[e.event];"messagereceived"===t&&this.messageReceived(e,this.updateEl),("reactionremoved"===t||"reactionadded"===t)&&this.updateReaction(e.message,t),"messagedeleted"===t&&this.messageDeleted(e),at(this,t,{message:e.message,roomId:this.roomid})},this.getMessages=()=>{const e=this.querySelector("livelike-message-list");return e&&e.remove(),Qt(this.roomid).then((e=>{this.messageList=["No Messages"],this.appendElements((()=>{e.messages&&e.messages.length>0&&_t(this,(()=>{e.messages.forEach((e=>this.messageReceived({message:e}))),this.updateEl()}))})),at(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===ce.id,c=e=>e.actionTimetoken===r,l=e=>n[a].reactions[s].findIndex(e),u=()=>o===ce.id?l(i):l(c);if("reactionadded"===t){!e&&(n[a].reactions[s]=[]);let t=u();-1===t||o!==ce.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=>Re[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===ce.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))&&We(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=$e(this.deletedMessages,this.messageList[t]),at(this,Ne[e.event],{message:e.message,roomId:this.roomid}))},this.updateEl=()=>{kt(this,(()=>!0),(e=>{let t=e.payload;t&&!t.reactions&&(t.reactions={}),this.messageList&&"string"==typeof this.messageList[0]?this.messageList=[t]:this.messageList=$e(this.messageList,t),at(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 pt("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)=>vt(e,this.lang,t),this.reportUser=e=>this.sendReport(e).then((e=>this.displayModal("report",e))),this.sendReport=e=>Ae.post({url:se.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=se.storageStrategy.get()||{};n[e]=t,se.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!==ce.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(){st.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),zt.removeListener(this.channel,this.demultiplex),st.off("localizationUpdate",this.updateLocalization)}firstUpdated(){this.messageMenuFunc=this.defaultMessageMenuFunc,ft(this),Ve(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=Zt(this.syncStrategy)),"channel"===t&&this.channel&&(e&&(zt.removeListener(e,this.demultiplex),zt.unsubscribe(e)),zt.addListener(this.channel,this.demultiplex));"roomid"===t&&this.roomid&&(null!=e&&at(this,"roomexited",{roomId:this.roomid}),this.connectChat()),void 0!==this[t]&&null!==this[t]&&st.emit("chat-updated",{name:t,key:this.dataId,prop:this[t],owner:this})}))}render(){return D`<style>:host{display:flex;flex-direction:column;height:100%}</style>${this.loaded&&ce&&ce.id&&this.dataId&&this.roomid?D`${this.messageList&&this.messageList[0]&&"No Messages"===this.messageList[0]?D`<slot name="message-list-empty"></slot>`:null}<slot name="message-list">${this.messageList&&this.messageList[0]&&"Loading"===this.messageList[0]?D`<slot name="message-list-loading"></slot>`:null}</slot><slot name="composer"></slot><slot name="snap-to-live"></slot>`:D`<slot name="chat-element-loading"></slot>`}`}};Wn([X({type:Array})],Yn.prototype,"deletedMessages",void 0),Wn([X({type:String})],Yn.prototype,"channel",void 0),Wn([X({type:String,reflect:!0})],Yn.prototype,"roomid",void 0),Wn([X({type:String,reflect:!0})],Yn.prototype,"lang",void 0),Wn([X({type:String})],Yn.prototype,"placeholder",void 0),Wn([X({type:Boolean})],Yn.prototype,"hidecomposer",void 0),Wn([X({type:Boolean})],Yn.prototype,"loaded",void 0),Wn([X({type:Boolean})],Yn.prototype,"timestamps",void 0),Wn([X({type:Boolean})],Yn.prototype,"messagemenus",void 0),Wn([X({type:Function})],Yn.prototype,"messageMenuFunc",void 0),Wn([X({type:Array})],Yn.prototype,"blockList",void 0),Wn([X({type:Array})],Yn.prototype,"messageList",void 0),Wn([X({type:Object})],Yn.prototype,"syncStrategy",void 0),Wn([X({type:Object})],Yn.prototype,"queue",void 0),Wn([X({type:Array})],Yn.prototype,"stickerPacks",void 0),Wn([X({type:Array})],Yn.prototype,"reactionPack",void 0),Wn([X({type:Object})],Yn.prototype,"timeformat",void 0),Wn([X({type:String})],Yn.prototype,"avatarurl",void 0),Wn([X({type:Boolean})],Yn.prototype,"showavatar",void 0),Wn([X({type:Function})],Yn.prototype,"customMessageRenderer",void 0),Wn([X({type:Boolean})],Yn.prototype,"messageurls",void 0),Wn([X({type:Array})],Yn.prototype,"messageUrlPatterns",void 0),Wn([X({type:Object,hasChanged:()=>!0})],Yn.prototype,"translations",void 0),Yn=Wn([Kt("livelike-chat")],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 oe{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 D`<slot></slot>`}};Jn([X({type:Boolean})],Xn.prototype,"loaded",void 0),Xn=Jn([Kt("livelike-load-more-button")],Xn);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 Qn=class extends oe{constructor(){super(...arguments),this.dataId=Oe(),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=>{ye.some((t=>e.event===t))&&yt(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(se.ready)return this.loaded=!1,this.syncStrategy?this.queue=Zt(this.syncStrategy):this.syncStrategy=wt(se.syncStrategy),nt(this.programid).then((e=>{this.channel=e.subscribe_channel,zt.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=>Dt({programId:e}).then((e=>{this.widgetPaginator=e,this.widgetPaginator.next().then((e=>{_t(this,(()=>{let t=this.onInitialWidgetsLoaded({widgets:e.value.widgets});Ft({interactionUrl:e.value.widget_interactions_url_template}).then((e=>St({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 Ft({interactionUrl:e.value.widget_interactions_url_template}).then((e=>St({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=()=>{kt(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)=>Bt(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=>$t({id:e.id,kind:e.kind}).then((t=>this.showWidget({widgetPayload:t,mode:e.mode,interactions:e.interactions}))),this.createSyncWidget=e=>$t({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=>{at(this,"beforewidgetattached",{widget:e.widgetPayload});const t=Ut(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),at(this,"widgetattached",{element:e,widget:e.widgetPayload}),e.widgetPayload){const t={"Widget Type":Ie(e.widgetPayload.kind),"Widget ID":e.widgetPayload.id};e.widgetPayload.kind!==fe&&e.widgetPayload.kind!==ve||(t["Link URL"]=e.widgetPayload.link_url),Pe("Widget Displayed",t,this.programid)}return Promise.resolve()},this.detach=e=>{const t={element:e,widget:e.widgetPayload};return e&&this.contains(e)&&(at(this,"beforewidgetdetached",t),e.remove(),at(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:dt(this.localName,"customTemplateRenderer","Function"):null,s.theme=ae.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},nt(e.programId).then((e=>rt(Je(ce.id,e.unclaimed_widget_interactions_url_template),(e=>Ae.get({url:e})),(e=>({count:e.count,results:e.results}))))).catch((e=>Promise.reject(e)))).then((e=>ot(["results"],e)));var e}}firstUpdated(){ft(this),Ve(this),Bt("pop-up",Fe),Bt("timeline",qe),Bt("interactive-timeline",Ke)}onWidgetReceived(e){return e}disconnectedCallback(){super.disconnectedCallback(),zt.removeListener(this.channel,this.widgetListener)}updated(e){e.forEach(((e,t)=>{"syncStrategy"===t&&this.syncStrategy&&(this.queue=Zt(this.syncStrategy));("hasWidgetAttached"===t||"loaded"===t)&&(e=>{void 0!==this[e]&&at(this,e,{[e]:!0})})(t),"channel"===t&&this.channel&&(e&&(zt.removeListener(e,this.widgetListener),zt.unsubscribe(e)),zt.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 D`<style>:host{display:block}livelike-widgets{display:block}</style>${this.loaded?D`<slot></slot><slot name="load-more-button"></slot>`:D`<slot name="widgets-loading"></slot>`}`}};Zn([X({type:Object})],Qn.prototype,"widgetPaginator",void 0),Zn([X({type:String})],Qn.prototype,"channel",void 0),Zn([X({type:String,reflect:!0})],Qn.prototype,"programid",void 0),Zn([X({type:String,reflect:!0})],Qn.prototype,"lang",void 0),Zn([X({type:String})],Qn.prototype,"mode",void 0),Zn([X({type:Boolean})],Qn.prototype,"loaded",void 0),Zn([X({type:Boolean})],Qn.prototype,"authors",void 0),Zn([X({type:Boolean})],Qn.prototype,"timestamps",void 0),Zn([X({type:Boolean})],Qn.prototype,"reactions",void 0),Zn([X({type:Function})],Qn.prototype,"customWidgetRenderer",void 0),Zn([X({type:Function})],Qn.prototype,"customTemplateRenderer",void 0),Zn([X({type:Object})],Qn.prototype,"queue",void 0),Zn([X({type:Object})],Qn.prototype,"syncStrategy",void 0),Zn([X({type:Object})],Qn.prototype,"timeformat",void 0),Zn([X({type:Boolean})],Qn.prototype,"hide_dismiss_button",void 0),Qn=Zn([Kt("livelike-widgets")],Qn);const ei="hlsLevelSwitched",ti="hlsFragChanged";class ni{get currentTimecode(){return this.programDateTime}get programDateTime(){return null}}const ii={direction:0,format:"uniformGradient"},ri={background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})},oi={background:{format:"fill",color:"111111"}},si={correctOptionBar:{background:Object.assign(Object.assign({},ii),{colors:["81ca00","429321"]})},incorrectOptionBar:{background:Object.assign(Object.assign({},ii),{colors:["dc0028","d0021b"]})},correctOption:{borderWidth:2,borderColor:"81ca00"},incorrectOption:{borderWidth:2,borderColor:"dc0028"}},ai={widgets:{alert:{body:{},header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})}},imageSlider:{header:Object.assign({},oi),body:{},interactiveTrackRight:{background:{format:"fill",color:"888"}},interactiveTrackLeft:{background:{format:"fill",color:"ff6a13"}},resultsTrackRight:{},resultsTrackLeft:{}},prediction:{header:Object.assign({},ri),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"0096c8",background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})}},predictionFollowUp:Object.assign(Object.assign({},si),{header:Object.assign({},ri),selectedOption:{borderColor:"0096c8"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["003264","0096c8"]})}}),poll:{header:{background:Object.assign(Object.assign({},ii),{colors:["3123ae","c96dd7"]})},selectedOption:{borderColor:"c86dd7"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["3123ae","c86dd7"]})}},quiz:Object.assign(Object.assign({},si),{header:{background:Object.assign(Object.assign({},ii),{colors:["f76b1c","ffb400"]})},selectedOption:{borderColor:"ffb400"},selectedOptionBar:{borderColor:"c96dd7",background:Object.assign(Object.assign({},ii),{colors:["f76b1c","ffb400"]})}}),socialEmbed:{header:Object.assign({},oi),body:{}},richText:{header:Object.assign({},oi),body:{}},cheerMeter:{header:Object.assign({},oi),body:{}},videoAlert:{body:{},header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})}},textAsk:{header:{background:Object.assign(Object.assign({},ii),{colors:["9f041b","f5515f"]})},body:{}}},version:1};function ci(e){return parseInt(e.repeat(2/e.length),16)}const li=e=>/^([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function ui(e){if(li(e)){const t=Math.floor(e.length/3),n=e.match(new RegExp(`.{${t}}`,"g")).map(ci),i=n[3]||0===n[3]?(n[3]/255).toFixed(2):1;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${i})`}return e}function di(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]:ui(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]=li(n.color)?ui(n.color):n.color:"uniformGradient"===n.format&&(e[t]=`linear-gradient(90deg, ${ui(n.colors[0])}, ${ui(n.colors[1])})`)}(e,t):di(e[t])})),e}function hi(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 pi=e=>new Promise((t=>{const n=di(De(ai,e));ae.theme=n,st.emit("themeUpdate",{theme:n}),function e(){n&&n.version?t():setTimeout(e,1e3)}()})),fi=e=>(se.localizedStrings=De(se.localizedStrings,e),st.emit("localizationUpdate",{localizedStrings:se.localizedStrings}),Promise.resolve(!0)),gi=(e,t,n)=>Ae[e]({url:se.profileUrl,data:t,accessToken:n}),mi=e=>e.accessToken||e.profileId?e.accessToken?gi("get",null,e.accessToken).then((t=>(t.access_token=e.accessToken,t))):e.profileId&&Ae.get({url:Je(e.profileId,se.profileDetailUrlTemplate)}):ht("accessToken or profileId","fetchUserProfile"),vi=e=>gi("post",e&&e.nickname&&e,null).then((e=>(Pe("Unique Profile Created",{"Profile ID":e.id}),e))),yi=e=>rt(e.badges_url,(e=>Ae.get({url:e})),(e=>({count:e.count,results:e.results}))),bi=e=>({id:e.id,title:e.title,created_at:e.created_at,visibility:e.visibility,content_filter:e.content_filter}),wi=()=>Promise.resolve(!0),ki=e=>e.roomId?tt(e.roomId):ht("roomId","chatroom"),_i=(e,t)=>ki(e).then((e=>Ae[t]({url:e.memberships_url}))),Pi=D`<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>`,xi=D`<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>`,Si=(e,t)=>{qt(e,class extends t{constructor(){super(...arguments),this.waitForResponse=!0}render(){const t=D`<div style="position:relative;width:100%;display:flex"><livelike-progress></livelike-progress><livelike-description></livelike-description><livelike-percentage></livelike-percentage></div>`,n=D`<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 D`<template><livelike-widget-root>${xi} ${Pi}<livelike-widget-body><livelike-select><template><livelike-option>${-1!==e.indexOf("image")?n:t}</livelike-option></template></livelike-select>${-1!==e.indexOf("quiz")?D`<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?D`<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?D`<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 Oi extends Yt{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})}}Si("livelike-text-poll",Oi),Si("livelike-image-poll",Oi);const Ti=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"),at(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 Ci extends(Ti(Yt)){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)}}Si("livelike-text-quiz",Ci),Si("livelike-image-quiz",Ci);const Ei={};class Ri extends Oi{constructor(){super(...arguments),this.defaultVoteHide=!0,this.hideVoteInResults=!0}firstUpdated(){super.firstUpdated(),this.addEventListener("prediction",(e=>{Ei[e.detail.widget.id]={option_id:e.detail.prediction.option_id,claim_token:e.detail.prediction.claim_token}}))}}Si("livelike-text-prediction",Ri),Si("livelike-image-prediction",Ri);class Mi extends(Ti(Yt)){constructor(){super(...arguments),this.claimRewards=(e,t)=>{e.claim_token&&Ae.post({url:this.widgetPayload.claim_url,data:{claim_token:e.claim_token}}).then((e=>{Ei[t]&&(Ei[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=Ei[e]||this.interaction;n?(n&&(this.selectedOption={id:n.option_id}),this.claimRewards(n,e)):Ft({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))}))}}Si("livelike-image-prediction-follow-up",Mi),Si("livelike-text-prediction-follow-up",Mi);const Ai=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 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 Li=class extends Jt{constructor(){super(...arguments),this.kind="alert",this.owner=this,this.defaultStyles=Ai,this.trackLinkOpened=()=>{this.interactionEvent();let e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ie(this.widgetPayload.kind),"Link URL":this.link_url};Pe("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 D`<template><livelike-widget-root>${Pi}<livelike-widget-body>${e?D`<figure class="widget-captioned-media">${this.text&&D`<figcaption class="widget-caption media-caption">${this.text}</figcaption>`} ${this.image_url&&D`<img class="widget-media" src="${this.image_url}" alt="${this.text}">`}</figure>`:t?D`<div class="widget-media"><img src="${this.image_url}"></div>`:n?D`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`:null} ${this.link_url&&D`<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>`}};ji([X({type:String})],Li.prototype,"title",void 0),ji([X({type:String})],Li.prototype,"text",void 0),ji([X({type:String})],Li.prototype,"image_url",void 0),ji([X({type:String})],Li.prototype,"link_url",void 0),ji([X({type:String})],Li.prototype,"link_label",void 0),Li=ji([Kt("livelike-alert")],Li);const Ni=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 ${hi(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 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 extends Jt{constructor(){super(...arguments),this.owner=this,this.kind="emoji-slider",this.defaultStyles=Ni,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,at(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":Ie(this.widgetPayload.kind),"Widget ID":this.widgetPayload.id};Pe("Widget Became Interactive",n,this.programid);let i=e&&void 0!==e.timeout?e.timeout:this.widgetPayload.timeout&&Ue(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)?D`<div class="result-mark" style="left:calc(${Math.round(100*this.average_magnitude)}% - .5rem)"></div>`:null;return D`<template><livelike-widget-root>${Pi}<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?D`<span class="voted-text">${this.owner.localize("widget.slider.votedText")}</span>`:null} ${this.widgetPayload.sponsors&&this.widgetPayload.sponsors.length?D`<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>`}};Ui([X({type:Number})],Ii.prototype,"val",void 0),Ui([X({type:String})],Ii.prototype,"average_magnitude",void 0),Ui([X({type:Boolean})],Ii.prototype,"sliderVoteSubmitted",void 0),Ii=Ui([Kt("livelike-emoji-slider")],Ii);var Di=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 $i=[];class Bi extends Jt{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(!$i.includes(t)){$i.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)))}))}))}}Di([X({type:Array})],Bi.prototype,"items",void 0),Di([X({type:String})],Bi.prototype,"comment",void 0),Di([X({type:Boolean})],Bi.prototype,"moving",void 0),Di([X({type:Number})],Bi.prototype,"slide",void 0),Di([X({type:Array})],Bi.prototype,"slides",void 0),Di([X({type:Number})],Bi.prototype,"totalSlides",void 0),Di([X({type:Boolean})],Bi.prototype,"scriptsLoaded",void 0),Di([X({type:Boolean})],Bi.prototype,"finalLoad",void 0);const Fi=D`<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 qi=class extends Bi{constructor(){super(...arguments),this.kind="social-embed",this.isInteractable=!1}render(){const e=this.items.length>1,t=D`<div class="button-wrapper"><button class="left-button slide-button" @click="${this.movePrev}">${on}</button> <button class="right-button slide-button" @click="${this.moveNext}">${rn}</button></div>`,n=D`<form class="dot-nav-container">${this.items.map(((e,t)=>D`<input class="dot-input" id="dot${t}" name="dot" type="radio" @click="${()=>this.moveToSlide(t)}">`))}</form>`;return D`<template>${Fi}<livelike-widget-root style="opacity:${this.scriptsLoaded&&this.finalLoad?1:0}">${Pi}<livelike-widget-body><div class="slider-wrapper">${e?t:null}<div class="slider">${this.items.length>0&&this.items.map(((e,t)=>D`<div id="embed${t}" class="slide ${0===t?"initial":""}"></div>`))}</div>${e?n:null}</div></livelike-widget-body></livelike-widget-root></template>`}};qi=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}([Kt("livelike-social-embed")],qi);var Ki=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 zi=class extends Jt{constructor(){super(...arguments),this.owner=this,this.kind="rich-post",this.isInteractable=!1}render(){return D`<template><livelike-widget-root>${Pi}<livelike-widget-body style="display:flex"><section>${En(this.content)}</section></livelike-widget-body></livelike-widget-root></template>`}};Ki([X({type:String})],zi.prototype,"content",void 0),zi=Ki([Kt("livelike-rich-post")],zi);const Hi=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 ${hi(e.sideAButton)}\n }\n .button1{\n ${hi(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`,Vi=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 ${hi(e.unselectedOption)}\n }\n :host([selected]) {\n ${hi(e.selectedOption)}\n }\n :host([disabled]) {\n cursor: default;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOption)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOption)}\n }\n `),t};var Gi=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 Wi=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Vi,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),at(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(st.emit("option-updated",e),at(this,"option-updated",e),"options"===t||"choices"===t||"items"===t){const e=this.items[this.optionIndex].vote_count;e!==this.voteCount&&(this.voteCount=e),at(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 D`<slot></slot>`}};Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"image",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"selected",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"correct",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"incorrect",void 0),Gi([X({reflect:!0,type:Boolean})],Wi.prototype,"disabled",void 0),Gi([X({type:Object})],Wi.prototype,"option",void 0),Gi([X({type:Object})],Wi.prototype,"choice",void 0),Gi([X({type:Object})],Wi.prototype,"item",void 0),Gi([X({type:String})],Wi.prototype,"value",void 0),Wi=Gi([Kt("livelike-option")],Wi);const Yi=e=>{let t=`\n :host {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n position: relative;\n ${hi(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 ${hi(e.selectedOptionImage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionImage)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionImage)}\n }\n `),t};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 Lt{constructor(){super(...arguments),this.defaultStyles=Yi}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 D`<slot></slot>`}};Ji([X({type:String,reflect:!0})],Xi.prototype,"src",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"alt",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"height",void 0),Ji([X({type:String,reflect:!0})],Xi.prototype,"width",void 0),Xi=Ji([Kt("livelike-image")],Xi);var Zi=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 Jt{constructor(){super(...arguments),this.kind="cheer-meter",this.owner=this,this.defaultStyles=Hi,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 D`<template><livelike-widget-root>${Pi}<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 D`<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>`}};Zi([X({type:Object})],Qi.prototype,"cheerVote",void 0),Zi([X({type:Number})],Qi.prototype,"count",void 0),Qi=Zi([Kt("livelike-cheer-meter")],Qi);const er=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 ",tr=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 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 Mt{constructor(){super(...arguments),this.defaultStyles=tr,this.videoAttrs=["autoplay","controls","muted","loop","disablepictureinpicture"],this.preload="metadata",this.controlslist="nodownload",this.controls=!0,this.disablepictureinpicture=!0,this.onVideoPlay=e=>at(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 D`<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?D`<track src="${this.tracksrc}" label="${this.tracklabel}" kind="${this.trackkind}" default>`:null}</video>${this.error?D`<div class="video-playback-error">${hn} <span class="video-playback-error-text">${this.owner.localize("widget.video.playbackError")}</span></div>`:null}`}};nr([Z("video")],ir.prototype,"videoEl",void 0),nr([X({type:String,reflect:!0})],ir.prototype,"src",void 0),nr([X({type:String})],ir.prototype,"error",void 0),nr([X({type:String})],ir.prototype,"poster",void 0),nr([X({type:String})],ir.prototype,"preload",void 0),nr([X({type:String})],ir.prototype,"controlslist",void 0),nr([X({type:String})],ir.prototype,"tracksrc",void 0),nr([X({type:String})],ir.prototype,"tracklabel",void 0),nr([X({type:String})],ir.prototype,"trackkind",void 0),nr([X({type:Boolean})],ir.prototype,"autoplay",void 0),nr([X({type:Boolean})],ir.prototype,"controls",void 0),nr([X({type:Boolean})],ir.prototype,"muted",void 0),nr([X({type:Boolean})],ir.prototype,"loop",void 0),nr([X({type:Boolean})],ir.prototype,"disablepictureinpicture",void 0),ir=nr([Kt("livelike-video")],ir);var rr=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 Jt{constructor(){super(...arguments),this.kind="video-alert",this.owner=this,this.defaultStyles=er,this.trackLinkOpened=()=>{this.interactionEvent();const e={"Alert Id":this.widgetPayload&&this.widgetPayload.id,Nickname:ce&&ce.nickname,"Program ID":this.widgetPayload&&this.widgetPayload.program_id,"Widget Type":Ie(this.widgetPayload.kind),"Link URL":this.link_url};Pe("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":Ie(this.widgetPayload.kind),"Video URL":this.video_url};Pe("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 D`<template><livelike-widget-root>${this.title?Pi:null}<livelike-widget-body class="${this.title?"":"no-header"}">${this.text&&D`<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&&D`<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>`}};rr([X({type:String})],or.prototype,"title",void 0),rr([X({type:String})],or.prototype,"text",void 0),rr([X({type:String})],or.prototype,"video_url",void 0),rr([X({type:String})],or.prototype,"link_url",void 0),rr([X({type:String})],or.prototype,"link_label",void 0),rr([Z("video")],or.prototype,"videoEl",void 0),or=rr([Kt("livelike-video-alert")],or);const sr=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 ${hi(e.unselectedOptionDescription)}\n }\n :host([image]) {\n padding: 0.75rem 0.5rem 0.25rem 0.5rem;\n }\n :host([selected]) {\n ${hi(e.selectedOptionDescription)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionDescription)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionDescription)}\n }`),t};var 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};let cr=class extends Lt{constructor(){super(...arguments),this.defaultStyles=sr}defaultTemplate(){return D`<slot>${this.description||this.item&&this.item.description||this.owner.text}</slot>`}};ar([X({type:String})],cr.prototype,"description",void 0),cr=ar([Kt("livelike-description")],cr);const lr=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 ${hi(e.dismiss)}\n }\n .widget-dismiss:hover {\n cursor: pointer;\n }\n `;let ur=class extends Mt{constructor(){super(...arguments),this.defaultStyles=lr,this.dismissClicked=()=>at(this,"dismiss-clicked")}defaultTemplate(){return D`${this.owner.hide_dismiss_button?null:D`<button class="widget-dismiss" aria-label="Dismiss" @click="${this.dismissClicked}">${ln}</button>`}`}};ur=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}([Kt("livelike-dismiss-button")],ur);const dr=["text-quiz","image-quiz","text-prediction","image-prediction","text-poll","image-poll"],hr=e=>e.value=Ge(e.owner,e.item),pr=e=>{let t=e.owner.phase;e.owner.defaultVoteHide?dr.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"},fr=e=>class extends e{constructor(){super(...arguments),this.ownerUpdated=e=>("phase"===e.name||"selectedOption"===e.name)&&pr(this),this.optionUpdated=e=>{hr(this)}}static get properties(){return{value:{type:Number,reflect:!0}}}firstUpdated(){hr(this),pr(this)}},gr=e=>{let t=`\n :host {\n display: block;\n position: relative;\n padding: 0.5rem;\n z-index: 10;\n ${hi(e.unselectedOptionPercentage)}\n }\n :host([selected]) {\n ${hi(e.selectedOptionPercentage)}\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionPercentage)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionPercentage)}\n }\n `),t};let mr=class extends(fr(Lt)){constructor(){super(...arguments),this.defaultStyles=gr}defaultTemplate(){return D`${this.value}%`}};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}([Kt("livelike-percentage")],mr);const vr=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 ${hi(e.unselectedOptionBar)}\n }\n :host([selected]) {\n ${hi(e.selectedOptionBar)}\n }\n :host([hidden]) {\n display: none;\n }\n `;return e.correctOption&&(t+=`\n :host([correct]) {\n ${hi(e.correctOptionBar)}\n }\n :host([incorrect]) {\n ${hi(e.incorrectOptionBar)}\n }\n `),t};var yr=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 br=class extends(fr(Lt)){constructor(){super(...arguments),this.defaultStyles=vr,this.max=100,this.min=0}updated(e){super.updated(e),e.has("value")&&(this.style.width=this.value+"%")}defaultTemplate(){return D`<slot></slot>`}};yr([X({type:Number,reflect:!0})],br.prototype,"max",void 0),yr([X({type:Number,reflect:!0})],br.prototype,"min",void 0),br=yr([Kt("livelike-progress")],br);const wr=()=>"\n :host{\n display: block;\n }\n";var kr=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 _r=class extends Mt{constructor(){super(...arguments),this.defaultStyles=wr}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 D`<slot></slot>`}};kr([X({type:Array})],_r.prototype,"items",void 0),_r=kr([Kt("livelike-select")],_r);const Pr=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 ${hi(e.timer)}\n }\n `;var xr=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.started=!1,this.defaultStyles=Pr,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,st.on("pageVisibilityChange",(e=>this.pageVisible=e.pageVisible))}render(){return D`<slot></slot>`}};xr([X({type:Number,reflect:!0})],Sr.prototype,"time",void 0),xr([X({type:Boolean})],Sr.prototype,"pageVisible",void 0),Sr=xr([Kt("livelike-timer")],Sr);const Or=e=>`\n :host {\n padding: 0.5rem 1rem;\n flex-grow: 1;\n overflow-wrap: break-word;\n width: 85%;\n margin: 0;\n ${hi(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 ${hi(e.tag)}\n }\n `;var Tr=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 Cr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Or,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 D`<slot>${e.length>0?D`<div class="widget-tag">${e}</div>`:null}<div>${this.title||this.owner.question||this.owner.title||this.owner.comment}</div></slot>`}};Tr([X({type:String})],Cr.prototype,"title",void 0),Cr=Tr([Kt("livelike-title")],Cr);const Er=e=>"\n :host {\n\n }\n ";var Rr=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 Mr=class extends Lt{constructor(){super(...arguments),this.defaultStyles=Er,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 D`${this.count}`}};Rr([X({type:String,reflect:!0})],Mr.prototype,"count",void 0),Mr=Rr([Kt("livelike-vote-count")],Mr);const Ar=e=>`\n :host {\n display: block;\n border-radius: 0 0 6px 6px;\n background: rgba(0,0,0,6);\n ${hi(e.body)}\n }\n `;let jr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Ar}defaultTemplate(){return D`<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}([Kt("livelike-widget-body")],jr);const Lr=()=>"\n :host {\n display:flex;\n justify-content: center;\n margin: 0.5rem;\n }\n ";let Nr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Lr}firstUpdated(){let e="";const t=`\n <time datetime="${this.owner.published_at}">\n ${He(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 D`<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}([Kt("livelike-widget-bylines")],Nr);const Ur=e=>`\n :host {\n ${hi(e.footer)}\n }\n `;let Ir=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Ur}defaultTemplate(){return D`<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}([Kt("livelike-widget-footer")],Ir);const Dr=e=>`\n :host {\n display: flex;\n position: relative;\n border-radius: 6px 6px 0 0;\n ${hi(e.header)}\n }\n `;let $r=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Dr}defaultTemplate(){return D`<slot name="title"></slot><slot name="dismiss"></slot><slot></slot>`}};$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}([Kt("livelike-widget-header")],$r);const Br=e=>`\n :host {\n color: #fff;\n position: relative;\n display: block;\n ${hi(e.root)}\n }\n `;let Fr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=Br}defaultTemplate(){return D`<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>`}};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}([Kt("livelike-widget-root")],Fr);const qr=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 ${hi(e.sideABar)}\n }\n .bar1{\n background: linear-gradient(to right, #9f041b, #f5515f);\n ${hi(e.sideBBar)}\n }\n `;var Kr=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 zr=class extends Mt{constructor(){super(...arguments),this.defaultStyles=qr,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 D`${this.items.map(((t,n)=>{const i=`width:${Ge(this.owner,t,e)}%`;return D`<div class="bar-container bar${n}" style="${i}">${t.description?D`<div>${t.description}</div>`:null}</div>`}))}`}};Kr([X({type:Array})],zr.prototype,"items",void 0),zr=Kr([Kt("livelike-dueling-progress")],zr);const Hr=e=>`\n .text-ask-prompt-container {\n padding: 1rem;\n ${hi(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 ${hi(e.replyEnabled)}\n }\n .text-ask-input::placeholder {\n color: rgb(171,171,171);\n ${hi(e.replyPlaceholder)}\n } \n .text-ask-input:focus {\n outline: none;\n }\n .text-ask-input[disabled] {\n color: rgb(171,171,171);\n ${hi(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 ${hi(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 ${hi(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 ${hi(e.confirmation)}\n }\n .text-ask-footer {\n padding: 0 16px 16px 16px;\n display: flex;\n align-items: center;\n }\n `;var Vr=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 Gr=class extends Jt{constructor(){super(...arguments),this.kind="text-ask",this.owner=this,this.defaultStyles=Hr,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(),Ae.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 D`<template><livelike-widget-root>${Pi}<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:D`<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>`}};Vr([X({type:String})],Gr.prototype,"title",void 0),Vr([X({type:String})],Gr.prototype,"prompt",void 0),Vr([X({type:String})],Gr.prototype,"confirmation_message",void 0),Vr([X({type:Boolean})],Gr.prototype,"replyDisable",void 0),Vr([X({type:Boolean})],Gr.prototype,"showConfirmation",void 0),Gr=Vr([Kt("livelike-text-ask")],Gr);const Wr={_$$:se,_config:ae,userProfile:ce,applyTheme:pi,addMessageListener:(e,t)=>it(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:Ne[i.event||i.message.event]})};bt.add(n,e.roomId,t,{message:i,messageAction:i})})),removeMessageListener:(e,t)=>bt.remove(e.roomId,t),createUserProfile:vi,getUserProfile:mi,init:e=>new Promise((t=>{let n=se.ready&&se.clientId&&ce;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),se.pageVisible=!document.hidden,document.addEventListener("visibilitychange",(()=>{se.pageVisible=!document.hidden,st.emit("pageVisibilityChange",{pageVisible:!document.hidden})}),!1)),!e.accessToken&&console.warn(`LiveLike EngagementSDK has been initialized without an accessToken.\n ${lt()}`),e.endpoint&&(se.endpoint=e.endpoint),se.ready=!1,se.logger=e.logger||null,se.clientId=e.clientId,se.accessToken=e.accessToken||null,se.lsKey="livelike-user-auth-"+e.clientId,e.syncStrategy&&(se.syncStrategy=e.syncStrategy),se.storageStrategy=e.storageStrategy||gt,e.localizedStrings&&fi(e.localizedStrings),pi(e.theme||{}).then((()=>et().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),se.programUrlTemplate=i.program_detail_url_template,se.chatUrlTemplate=i.chat_room_detail_url_template,se.leaderboardUrlTemplate=i.leaderboard_detail_url_template,se.createChatUrlTemplate=i.create_chat_room_url,se.profileDetailUrlTemplate=i.profile_detail_url_template,se.profileUrl=i.profile_url,((e,t)=>{if(e)return mi({accessToken:e});{let e=se.storageStrategy.get();return e?mi({accessToken:e.access_token}):vi({nickname:t})}})(e.accessToken,e.nickName).then((r=>{se.storageStrategy.set(r),Object.assign(ce,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=()=>{se.ready=!0,ae.ready=!0,t(r)},c=-1!==Object.keys(o).findIndex((e=>se.pn&&se.pn._config[e]!==o[e]));!se.pn||c?(e=>(se.logger&&console.table(Object.assign(Object.assign({},e),{profileToken:ce.access_token})),Se=new _e(Object.assign(Object.assign({},e),{uuid:ce.id,restore:!0,ssl:!0})),se.pn=Se,Promise.resolve()))(o).then((()=>{!n&&zt.initialize(),a()})):a()}))}))))})),getMessageCount:(e,t)=>new Promise(((n,i)=>{e||ht("roomId","messagecount");let r=null;if(t&&t.since)if(Pt(t.since)){const e=new Date(t.since).getTime();r=String(e)+"0011"}else i(dt("messageCount","since","Date"));it(e).then((t=>((e,t)=>Se.history({channel:e,stringifiedTimeToken:!0,end:t,count:100}))(t,r).then((t=>{console.log("get history r.messages",t),n({roomId:e,count:Ye(e,t.messages).length})}))))})),getMessageList:Qt,sendMessage:tn,prepareOutgoingChatMessage:(e,t)=>en[e]=t,updateUserProfile:e=>e.accessToken?gi("patch",e.options,e.accessToken).then((t=>(t.access_token=e.accessToken,t.id===ce.id&&(se.storageStrategy.set(t),ce.nickname=t.nickname,Object.assign(ce,t)),t))):ht("accessToken","updateuserprofile"),registerWidgetMode:Bt,getWidget:$t,getPostedWidgets:({programId:e})=>Dt({programId:e}).then((e=>ot(["widgets","widget_interactions_url_template"],e))),addWidgetListener:(e,t)=>nt(e.programId).then((n=>bt.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)=>bt.remove(e.programId,t),createChatRoom:e=>e&&e.visibility&&"members"!==e.visibility&&"everyone"!==e.visibility?Promise.reject("Invalid value for visibility"):Ae.post({url:se.createChatUrlTemplate,data:e}).then(bi),updateChatRoom:(e,t)=>ki({roomId:e}).then((e=>Ae.patch({url:e.url,data:t}).then(bi))),getChatRoom:e=>ki(e).then(bi),joinChatRoom:e=>_i(e,"post"),leaveChatRoom:e=>_i(e,"delete").then(wi),getChatUserMutedStatus:e=>ki(e).then((e=>fetch(Je(ce.id,e.muted_status_url_template)).then((e=>e.json())))),getChatRoomMemberships:e=>_i(e,"get"),getProfileChatRoomMemberships:()=>Ae.get({url:ce.chat_room_memberships_url}),getLeaderboards:e=>e&&e.programId?Ze.program(e.programId).then((e=>e.leaderboards)):ht("programId","leaderbaord"),getLeaderboard:e=>e&&e.leaderboardId?Ze.leaderboard(e.leaderboardId):ht("leaderboardId","leaderboard"),getLeaderboardEntries:e=>(e=>e&&e.leaderboardId?Ze.leaderboard(e.leaderboardId).then((e=>rt(e.entries_url,(e=>Ae.get({url:e})),(e=>({count:e.count,entries:e.results}))))):ht("leaderboardId","leaderboard"))(e).then((e=>ot(["entries"],e))),getLeaderboardProfileRank:e=>e&&e.leaderboardId&&e.profileId?Ze.leaderboard(e.leaderboardId).then((t=>Ze.leaderboardEntryDetail(t.entry_detail_url_template,e.profileId))):e&&e.leaderboardId?ht("profileId","leaderboard"):ht("leaderboardId","leaderboard"),applyLocalization:fi,getWidgetInteractions:Ft,getSponsors:e=>e&&e.programId?Ze.program(e.programId).then((e=>e.sponsors)):ht("programId","sponsor"),getProfileBadges:e=>e&&e.profileId?(e=>mi(e).then(yi))(e).then((e=>ot(["results"],e))):ht("profileId","getProfileBadges"),getApplicationBadges:()=>et().then((e=>ot(["results"],yi(e)))),getBadgeProgress:e=>e&&e.profileId&&e.badgeIds&&e.badgeIds.length>0?mi(e).then((t=>Ae.get({url:t.badge_progress_url+"?badge_id="+e.badgeIds.join("&badge_id=")}))):e&&e.profileId?ht("badgeIds","getBadgeProgress"):ht("profileId","getBadgeProgress")};window.LiveLike=Wr,window.ProgramDateTimeSyncStrategy=ni,window.HlsJsSyncStrategy=class extends ni{constructor(e,t){super(),this.hls=e,this.video=t,this.level=null,this.frag=null,this.hls.on(ei,((e,t)=>{this.level=this.hls.levels[t.level]})),this.hls.on(ti,((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=D,window.property=X,window.LiveLikeWidgetElement=class extends Lt{},window.LiveLikeWidget=Xt,window.LiveLikeWidgetMixin=e=>class extends e{connectedCallback(){super.connectedCallback(),this.setupWidget()}},window.LiveLikePoll=Oi,window.LiveLikeQuiz=Ci,window.LiveLikePrediction=Ri,window.LiveLikeFollowUp=Mi,window.LiveLikeAlert=Li,window.LiveLikeEmojiSlider=Ii,window.LiveLikeSocialEmbed=qi,window.LiveLikeRichPost=zi,window.LiveLikeCheerMeter=Qi,window.LiveLikeVideoAlert=or,window.LiveLikeDescription=cr,window.LiveLikeDismissButton=ur,window.LiveLikeImage=Xi,window.LiveLikeOption=Wi,window.LiveLikePercentage=mr,window.LiveLikeProgress=br,window.LiveLikeSelect=_r,window.LiveLikeTimer=Sr,window.LiveLikeTitle=Cr,window.LiveLikeVoteCount=Mr,window.LiveLikeWidgetBody=jr,window.LiveLikeWidgetBylines=Nr,window.LiveLikeWidgetFooter=Ir,window.LiveLikeWidgetHeader=$r,window.LiveLikeWidgetRoot=Fr,window.LiveLikeDuelingProgress=zr,window.LiveLikeTextAsk=Gr,window.LiveLikeVideo=ir;const Yr=Wr.applyTheme;Wr.applyTheme=e=>(document.dispatchEvent(new CustomEvent("livelike-theme-updated",{detail:{theme:e}})),Yr(e));const Jr=Wr.userProfile;var Xr=Object.freeze({__proto__:null,userProfile:Jr,init:e=>Wr.init(Object.assign({clientId:e.clientId},e)),LiveLike:Wr,displayPreviewWidget:({widgetPayload:e,target:t})=>{const n=e.customData.type?e.customData.type.toLowerCase().split(" ").join("-"):e.customData.widgetType,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.
@@ -213,7 +213,7 @@ const Cn=new WeakMap,En=(Rn=e=>t=>{if(!(t instanceof T))throw new Error("unsafeH
213
213
  * Code distributed by Google as part of the polymer project is also
214
214
  * subject to an additional IP rights grant found at
215
215
  * http://polymer.github.io/PATENTS.txt
216
- */const Qr="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,eo=(e,t,n=null)=>{for(;t!==n;){const n=t.nextSibling;e.removeChild(t),t=n}},to=`{{lit-${String(Math.random()).slice(2)}}}`,no=`\x3c!--${to}--\x3e`,io=new RegExp(`${to}|${no}`),ro="$lit$";class oo{constructor(e,t){this.parts=[],this.element=t;const n=[],i=[],r=document.createTreeWalker(t.content,133,null,!1);let o=0,s=-1,a=0;const{strings:c,values:{length:l}}=e;for(;a<l;){const e=r.nextNode();if(null!==e){if(s++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:n}=t;let i=0;for(let e=0;e<n;e++)so(t[e].name,ro)&&i++;for(;i-- >0;){const t=c[a],n=lo.exec(t)[2],i=n.toLowerCase()+ro,r=e.getAttribute(i);e.removeAttribute(i);const o=r.split(io);this.parts.push({type:"attribute",index:s,name:n,strings:o}),a+=o.length-1}}"TEMPLATE"===e.tagName&&(i.push(e),r.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(to)>=0){const i=e.parentNode,r=t.split(io),o=r.length-1;for(let t=0;t<o;t++){let n,o=r[t];if(""===o)n=co();else{const e=lo.exec(o);null!==e&&so(e[2],ro)&&(o=o.slice(0,e.index)+e[1]+e[2].slice(0,-ro.length)+e[3]),n=document.createTextNode(o)}i.insertBefore(n,e),this.parts.push({type:"node",index:++s})}""===r[o]?(i.insertBefore(co(),e),n.push(e)):e.data=r[o],a+=o}}else if(8===e.nodeType)if(e.data===to){const t=e.parentNode;null!==e.previousSibling&&s!==o||(s++,t.insertBefore(co(),e)),o=s,this.parts.push({type:"node",index:s}),null===e.nextSibling?e.data="":(n.push(e),s--),a++}else{let t=-1;for(;-1!==(t=e.data.indexOf(to,t+1));)this.parts.push({type:"node",index:-1}),a++}}else r.currentNode=i.pop()}for(const e of n)e.parentNode.removeChild(e)}}const so=(e,t)=>{const n=e.length-t.length;return n>=0&&e.slice(n)===t},ao=e=>-1!==e.index,co=()=>document.createComment(""),lo=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function uo(e,t){const{element:{content:n},parts:i}=e,r=document.createTreeWalker(n,133,null,!1);let o=po(i),s=i[o],a=-1,c=0;const l=[];let u=null;for(;r.nextNode();){a++;const e=r.currentNode;for(e.previousSibling===u&&(u=null),t.has(e)&&(l.push(e),null===u&&(u=e)),null!==u&&c++;void 0!==s&&s.index===a;)s.index=null!==u?-1:s.index-c,o=po(i,o),s=i[o]}l.forEach((e=>e.parentNode.removeChild(e)))}const ho=e=>{let t=11===e.nodeType?0:1;const n=document.createTreeWalker(e,133,null,!1);for(;n.nextNode();)t++;return t},po=(e,t=-1)=>{for(let n=t+1;n<e.length;n++){const t=e[n];if(ao(t))return n}return-1};
216
+ */const Zr="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,Qr=(e,t,n=null)=>{for(;t!==n;){const n=t.nextSibling;e.removeChild(t),t=n}},eo=`{{lit-${String(Math.random()).slice(2)}}}`,to=`\x3c!--${eo}--\x3e`,no=new RegExp(`${eo}|${to}`),io="$lit$";class ro{constructor(e,t){this.parts=[],this.element=t;const n=[],i=[],r=document.createTreeWalker(t.content,133,null,!1);let o=0,s=-1,a=0;const{strings:c,values:{length:l}}=e;for(;a<l;){const e=r.nextNode();if(null!==e){if(s++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:n}=t;let i=0;for(let e=0;e<n;e++)oo(t[e].name,io)&&i++;for(;i-- >0;){const t=c[a],n=co.exec(t)[2],i=n.toLowerCase()+io,r=e.getAttribute(i);e.removeAttribute(i);const o=r.split(no);this.parts.push({type:"attribute",index:s,name:n,strings:o}),a+=o.length-1}}"TEMPLATE"===e.tagName&&(i.push(e),r.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(eo)>=0){const i=e.parentNode,r=t.split(no),o=r.length-1;for(let t=0;t<o;t++){let n,o=r[t];if(""===o)n=ao();else{const e=co.exec(o);null!==e&&oo(e[2],io)&&(o=o.slice(0,e.index)+e[1]+e[2].slice(0,-io.length)+e[3]),n=document.createTextNode(o)}i.insertBefore(n,e),this.parts.push({type:"node",index:++s})}""===r[o]?(i.insertBefore(ao(),e),n.push(e)):e.data=r[o],a+=o}}else if(8===e.nodeType)if(e.data===eo){const t=e.parentNode;null!==e.previousSibling&&s!==o||(s++,t.insertBefore(ao(),e)),o=s,this.parts.push({type:"node",index:s}),null===e.nextSibling?e.data="":(n.push(e),s--),a++}else{let t=-1;for(;-1!==(t=e.data.indexOf(eo,t+1));)this.parts.push({type:"node",index:-1}),a++}}else r.currentNode=i.pop()}for(const e of n)e.parentNode.removeChild(e)}}const oo=(e,t)=>{const n=e.length-t.length;return n>=0&&e.slice(n)===t},so=e=>-1!==e.index,ao=()=>document.createComment(""),co=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function lo(e,t){const{element:{content:n},parts:i}=e,r=document.createTreeWalker(n,133,null,!1);let o=ho(i),s=i[o],a=-1,c=0;const l=[];let u=null;for(;r.nextNode();){a++;const e=r.currentNode;for(e.previousSibling===u&&(u=null),t.has(e)&&(l.push(e),null===u&&(u=e)),null!==u&&c++;void 0!==s&&s.index===a;)s.index=null!==u?-1:s.index-c,o=ho(i,o),s=i[o]}l.forEach((e=>e.parentNode.removeChild(e)))}const uo=e=>{let t=11===e.nodeType?0:1;const n=document.createTreeWalker(e,133,null,!1);for(;n.nextNode();)t++;return t},ho=(e,t=-1)=>{for(let n=t+1;n<e.length;n++){const t=e[n];if(so(t))return n}return-1};
217
217
  /**
218
218
  * @license
219
219
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -227,7 +227,7 @@ const Cn=new WeakMap,En=(Rn=e=>t=>{if(!(t instanceof T))throw new Error("unsafeH
227
227
  * subject to an additional IP rights grant found at
228
228
  * http://polymer.github.io/PATENTS.txt
229
229
  */
230
- const fo=new WeakMap,go=e=>"function"==typeof e&&fo.has(e),mo={},vo={};
230
+ const po=new WeakMap,fo=e=>"function"==typeof e&&po.has(e),go={},mo={};
231
231
  /**
232
232
  * @license
233
233
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -241,7 +241,7 @@ const fo=new WeakMap,go=e=>"function"==typeof e&&fo.has(e),mo={},vo={};
241
241
  * subject to an additional IP rights grant found at
242
242
  * http://polymer.github.io/PATENTS.txt
243
243
  */
244
- class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,this.options=n}update(e){let t=0;for(const n of this.__parts)void 0!==n&&n.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const e=Qr?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],n=this.template.parts,i=document.createTreeWalker(e,133,null,!1);let r,o=0,s=0,a=i.nextNode();for(;o<n.length;)if(r=n[o],ao(r)){for(;s<r.index;)s++,"TEMPLATE"===a.nodeName&&(t.push(a),i.currentNode=a.content),null===(a=i.nextNode())&&(i.currentNode=t.pop(),a=i.nextNode());if("node"===r.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(a.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(a,r.name,r.strings,this.options));o++}else this.__parts.push(void 0),o++;return Qr&&(document.adoptNode(e),customElements.upgrade(e)),e}}
244
+ class vo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,this.options=n}update(e){let t=0;for(const n of this.__parts)void 0!==n&&n.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const e=Zr?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],n=this.template.parts,i=document.createTreeWalker(e,133,null,!1);let r,o=0,s=0,a=i.nextNode();for(;o<n.length;)if(r=n[o],so(r)){for(;s<r.index;)s++,"TEMPLATE"===a.nodeName&&(t.push(a),i.currentNode=a.content),null===(a=i.nextNode())&&(i.currentNode=t.pop(),a=i.nextNode());if("node"===r.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(a.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(a,r.name,r.strings,this.options));o++}else this.__parts.push(void 0),o++;return Zr&&(document.adoptNode(e),customElements.upgrade(e)),e}}
245
245
  /**
246
246
  * @license
247
247
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -254,7 +254,7 @@ class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,thi
254
254
  * Code distributed by Google as part of the polymer project is also
255
255
  * subject to an additional IP rights grant found at
256
256
  * http://polymer.github.io/PATENTS.txt
257
- */const bo=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),wo=` ${to} `;class ko{constructor(e,t,n,i){this.strings=e,this.values=t,this.type=n,this.processor=i}getHTML(){const e=this.strings.length-1;let t="",n=!1;for(let i=0;i<e;i++){const e=this.strings[i],r=e.lastIndexOf("\x3c!--");n=(r>-1||n)&&-1===e.indexOf("--\x3e",r+1);const o=lo.exec(e);t+=null===o?e+(n?wo:no):e.substr(0,o.index)+o[1]+o[2]+ro+o[3]+to}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==bo&&(t=bo.createHTML(t)),e.innerHTML=t,e}}
257
+ */const yo=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),bo=` ${eo} `;class wo{constructor(e,t,n,i){this.strings=e,this.values=t,this.type=n,this.processor=i}getHTML(){const e=this.strings.length-1;let t="",n=!1;for(let i=0;i<e;i++){const e=this.strings[i],r=e.lastIndexOf("\x3c!--");n=(r>-1||n)&&-1===e.indexOf("--\x3e",r+1);const o=co.exec(e);t+=null===o?e+(n?bo:to):e.substr(0,o.index)+o[1]+o[2]+io+o[3]+eo}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==yo&&(t=yo.createHTML(t)),e.innerHTML=t,e}}
258
258
  /**
259
259
  * @license
260
260
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -267,7 +267,7 @@ class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,thi
267
267
  * Code distributed by Google as part of the polymer project is also
268
268
  * subject to an additional IP rights grant found at
269
269
  * http://polymer.github.io/PATENTS.txt
270
- */const _o=e=>null===e||!("object"==typeof e||"function"==typeof e),Po=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class xo{constructor(e,t,n){this.dirty=!0,this.element=e,this.name=t,this.strings=n,this.parts=[];for(let e=0;e<n.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new So(this)}_getValue(){const e=this.strings,t=e.length-1,n=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=n[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!Po(e))return e}let i="";for(let r=0;r<t;r++){i+=e[r];const t=n[r];if(void 0!==t){const e=t.value;if(_o(e)||!Po(e))i+="string"==typeof e?e:String(e);else for(const t of e)i+="string"==typeof t?t:String(t)}}return i+=e[t],i}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class So{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===mo||_o(e)&&e===this.value||(this.value=e,go(e)||(this.committer.dirty=!0))}commit(){for(;go(this.value);){const e=this.value;this.value=mo,e(this)}this.value!==mo&&this.committer.commit()}}class Oo{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(co()),this.endNode=e.appendChild(co())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=co()),e.__insert(this.endNode=co())}insertAfterPart(e){e.__insert(this.startNode=co()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;go(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=mo,e(this)}const e=this.__pendingValue;e!==mo&&(_o(e)?e!==this.value&&this.__commitText(e):e instanceof ko?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):Po(e)?this.__commitIterable(e):e===vo?(this.value=vo,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,n="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=n:this.__commitNode(document.createTextNode(n)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof yo&&this.value.template===t)this.value.update(e.values);else{const n=new yo(t,e.processor,this.options),i=n._clone();n.update(e.values),this.__commitNode(i),this.value=n}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let n,i=0;for(const r of e)n=t[i],void 0===n&&(n=new Oo(this.options),t.push(n),0===i?n.appendIntoPart(this):n.insertAfterPart(t[i-1])),n.setValue(r),n.commit(),i++;i<t.length&&(t.length=i,this.clear(n&&n.endNode))}clear(e=this.startNode){eo(this.startNode.parentNode,e.nextSibling,this.endNode)}}class To{constructor(e,t,n){if(this.value=void 0,this.__pendingValue=void 0,2!==n.length||""!==n[0]||""!==n[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=n}setValue(e){this.__pendingValue=e}commit(){for(;go(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=mo,e(this)}if(this.__pendingValue===mo)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=mo}}class Co extends xo{constructor(e,t,n){super(e,t,n),this.single=2===n.length&&""===n[0]&&""===n[1]}_createPart(){return new Eo(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class Eo extends So{}let Ro=!1;(()=>{try{const e={get capture(){return Ro=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class Mo{constructor(e,t,n){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=n,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;go(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=mo,e(this)}if(this.__pendingValue===mo)return;const e=this.__pendingValue,t=this.value,n=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),i=null!=e&&(null==t||n);n&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=Ao(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=mo}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const Ao=e=>e&&(Ro?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)
270
+ */const ko=e=>null===e||!("object"==typeof e||"function"==typeof e),_o=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class Po{constructor(e,t,n){this.dirty=!0,this.element=e,this.name=t,this.strings=n,this.parts=[];for(let e=0;e<n.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new xo(this)}_getValue(){const e=this.strings,t=e.length-1,n=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=n[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!_o(e))return e}let i="";for(let r=0;r<t;r++){i+=e[r];const t=n[r];if(void 0!==t){const e=t.value;if(ko(e)||!_o(e))i+="string"==typeof e?e:String(e);else for(const t of e)i+="string"==typeof t?t:String(t)}}return i+=e[t],i}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class xo{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===go||ko(e)&&e===this.value||(this.value=e,fo(e)||(this.committer.dirty=!0))}commit(){for(;fo(this.value);){const e=this.value;this.value=go,e(this)}this.value!==go&&this.committer.commit()}}class So{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(ao()),this.endNode=e.appendChild(ao())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=ao()),e.__insert(this.endNode=ao())}insertAfterPart(e){e.__insert(this.startNode=ao()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;fo(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=go,e(this)}const e=this.__pendingValue;e!==go&&(ko(e)?e!==this.value&&this.__commitText(e):e instanceof wo?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):_o(e)?this.__commitIterable(e):e===mo?(this.value=mo,this.clear()):this.__commitText(e))}__insert(e){this.endNode.parentNode.insertBefore(e,this.endNode)}__commitNode(e){this.value!==e&&(this.clear(),this.__insert(e),this.value=e)}__commitText(e){const t=this.startNode.nextSibling,n="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=n:this.__commitNode(document.createTextNode(n)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof vo&&this.value.template===t)this.value.update(e.values);else{const n=new vo(t,e.processor,this.options),i=n._clone();n.update(e.values),this.__commitNode(i),this.value=n}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let n,i=0;for(const r of e)n=t[i],void 0===n&&(n=new So(this.options),t.push(n),0===i?n.appendIntoPart(this):n.insertAfterPart(t[i-1])),n.setValue(r),n.commit(),i++;i<t.length&&(t.length=i,this.clear(n&&n.endNode))}clear(e=this.startNode){Qr(this.startNode.parentNode,e.nextSibling,this.endNode)}}class Oo{constructor(e,t,n){if(this.value=void 0,this.__pendingValue=void 0,2!==n.length||""!==n[0]||""!==n[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=n}setValue(e){this.__pendingValue=e}commit(){for(;fo(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=go,e(this)}if(this.__pendingValue===go)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=go}}class To extends Po{constructor(e,t,n){super(e,t,n),this.single=2===n.length&&""===n[0]&&""===n[1]}_createPart(){return new Co(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class Co extends xo{}let Eo=!1;(()=>{try{const e={get capture(){return Eo=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class Ro{constructor(e,t,n){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=n,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;fo(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=go,e(this)}if(this.__pendingValue===go)return;const e=this.__pendingValue,t=this.value,n=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),i=null!=e&&(null==t||n);n&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),i&&(this.__options=Mo(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=go}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const Mo=e=>e&&(Eo?{capture:e.capture,passive:e.passive,once:e.once}:e.capture)
271
271
  /**
272
272
  * @license
273
273
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -280,7 +280,7 @@ class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,thi
280
280
  * Code distributed by Google as part of the polymer project is also
281
281
  * subject to an additional IP rights grant found at
282
282
  * http://polymer.github.io/PATENTS.txt
283
- */;function jo(e){let t=Lo.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},Lo.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const i=e.strings.join(to);return n=t.keyString.get(i),void 0===n&&(n=new oo(e,e.getTemplateElement()),t.keyString.set(i,n)),t.stringsArray.set(e.strings,n),n}const Lo=new Map,No=new WeakMap;
283
+ */;function Ao(e){let t=jo.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},jo.set(e.type,t));let n=t.stringsArray.get(e.strings);if(void 0!==n)return n;const i=e.strings.join(eo);return n=t.keyString.get(i),void 0===n&&(n=new ro(e,e.getTemplateElement()),t.keyString.set(i,n)),t.stringsArray.set(e.strings,n),n}const jo=new Map,Lo=new WeakMap;
284
284
  /**
285
285
  * @license
286
286
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -293,7 +293,7 @@ class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,thi
293
293
  * Code distributed by Google as part of the polymer project is also
294
294
  * subject to an additional IP rights grant found at
295
295
  * http://polymer.github.io/PATENTS.txt
296
- */const Uo=new
296
+ */const No=new
297
297
  /**
298
298
  * @license
299
299
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -307,7 +307,7 @@ class yo{constructor(e,t,n){this.__parts=[],this.template=e,this.processor=t,thi
307
307
  * subject to an additional IP rights grant found at
308
308
  * http://polymer.github.io/PATENTS.txt
309
309
  */
310
- class{handleAttributeExpressions(e,t,n,i){const r=t[0];if("."===r){return new Co(e,t.slice(1),n).parts}if("@"===r)return[new Mo(e,t.slice(1),i.eventContext)];if("?"===r)return[new To(e,t.slice(1),n)];return new xo(e,t,n).parts}handleTextExpression(e){return new Oo(e)}};
310
+ class{handleAttributeExpressions(e,t,n,i){const r=t[0];if("."===r){return new To(e,t.slice(1),n).parts}if("@"===r)return[new Ro(e,t.slice(1),i.eventContext)];if("?"===r)return[new Oo(e,t.slice(1),n)];return new Po(e,t,n).parts}handleTextExpression(e){return new So(e)}};
311
311
  /**
312
312
  * @license
313
313
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -320,7 +320,7 @@ class{handleAttributeExpressions(e,t,n,i){const r=t[0];if("."===r){return new Co
320
320
  * Code distributed by Google as part of the polymer project is also
321
321
  * subject to an additional IP rights grant found at
322
322
  * http://polymer.github.io/PATENTS.txt
323
- */"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const Io=(e,...t)=>new ko(e,t,"html",Uo)
323
+ */"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.4.1");const Uo=(e,...t)=>new wo(e,t,"html",No)
324
324
  /**
325
325
  * @license
326
326
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -333,7 +333,7 @@ class{handleAttributeExpressions(e,t,n,i){const r=t[0];if("."===r){return new Co
333
333
  * Code distributed by Google as part of the polymer project is also
334
334
  * subject to an additional IP rights grant found at
335
335
  * http://polymer.github.io/PATENTS.txt
336
- */,Do=(e,t)=>`${e}--${t}`;let $o=!0;void 0===window.ShadyCSS?$o=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),$o=!1);const Bo=e=>t=>{const n=Do(t.type,e);let i=Lo.get(n);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},Lo.set(n,i));let r=i.stringsArray.get(t.strings);if(void 0!==r)return r;const o=t.strings.join(to);if(r=i.keyString.get(o),void 0===r){const n=t.getTemplateElement();$o&&window.ShadyCSS.prepareTemplateDom(n,e),r=new oo(t,n),i.keyString.set(o,r)}return i.stringsArray.set(t.strings,r),r},Fo=["html","svg"],qo=new Set,Ko=(e,t,n)=>{qo.add(e);const i=n?n.element:document.createElement("template"),r=t.querySelectorAll("style"),{length:o}=r;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(i,e);const s=document.createElement("style");for(let e=0;e<o;e++){const t=r[e];t.parentNode.removeChild(t),s.textContent+=t.textContent}(e=>{Fo.forEach((t=>{const n=Lo.get(Do(t,e));void 0!==n&&n.keyString.forEach((e=>{const{element:{content:t}}=e,n=new Set;Array.from(t.querySelectorAll("style")).forEach((e=>{n.add(e)})),uo(e,n)}))}))})(e);const a=i.content;n?function(e,t,n=null){const{element:{content:i},parts:r}=e;if(null==n)return void i.appendChild(t);const o=document.createTreeWalker(i,133,null,!1);let s=po(r),a=0,c=-1;for(;o.nextNode();)for(c++,o.currentNode===n&&(a=ho(t),n.parentNode.insertBefore(t,n));-1!==s&&r[s].index===c;){if(a>0){for(;-1!==s;)r[s].index+=a,s=po(r,s);return}s=po(r,s)}}(n,s,a.firstChild):a.insertBefore(s,a.firstChild),window.ShadyCSS.prepareTemplateStyles(i,e);const c=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==c)t.insertBefore(c.cloneNode(!0),t.firstChild);else if(n){a.insertBefore(s,a.firstChild);const e=new Set;e.add(s),uo(n,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const zo={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},Ho=(e,t)=>t!==e&&(t==t||e==e),Vo={attribute:!0,type:String,converter:zo,reflect:!1,hasChanged:Ho},Go="finalized";class Wo extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach(((t,n)=>{const i=this._attributeNameForProperty(n,t);void 0!==i&&(this._attributeToPropertyMap.set(i,n),e.push(i))})),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach(((e,t)=>this._classProperties.set(t,e)))}}static createProperty(e,t=Vo){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const n="symbol"==typeof e?Symbol():`__${e}`,i=this.getPropertyDescriptor(e,n,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}static getPropertyDescriptor(e,t,n){return{get(){return this[t]},set(i){const r=this[e];this[t]=i,this.requestUpdateInternal(e,r,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||Vo}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty(Go)||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const n of t)this.createProperty(n,e[n])}}static _attributeNameForProperty(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,n=Ho){return n(e,t)}static _propertyValueFromAttribute(e,t){const n=t.type,i=t.converter||zo,r="function"==typeof i?i:i.fromAttribute;return r?r(e,n):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const n=t.type,i=t.converter;return(i&&i.toAttribute||zo.toAttribute)(e,n)}initialize(){this._updateState=0,this._updatePromise=new Promise((e=>this._enableUpdatingResolver=e)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((e,t)=>this[t]=e)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,n){t!==n&&this._attributeToProperty(e,n)}_propertyToAttribute(e,t,n=Vo){const i=this.constructor,r=i._attributeNameForProperty(e,n);if(void 0!==r){const e=i._propertyValueToAttribute(t,n);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(r):this.setAttribute(r,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const n=this.constructor,i=n._attributeToPropertyMap.get(e);if(void 0!==i){const e=n.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=n._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,n){let i=!0;if(void 0!==e){const r=this.constructor;n=n||r.getPropertyOptions(e),r._valueHasChanged(this[e],t,n.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,n))):i=!1}!this._hasRequestedUpdate&&i&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((e,t)=>this._propertyToAttribute(t,this[t],e))),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}Wo.finalized=!0;
336
+ */,Io=(e,t)=>`${e}--${t}`;let Do=!0;void 0===window.ShadyCSS?Do=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected. Please update to at least @webcomponents/webcomponentsjs@2.0.2 and @webcomponents/shadycss@1.3.1."),Do=!1);const $o=e=>t=>{const n=Io(t.type,e);let i=jo.get(n);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},jo.set(n,i));let r=i.stringsArray.get(t.strings);if(void 0!==r)return r;const o=t.strings.join(eo);if(r=i.keyString.get(o),void 0===r){const n=t.getTemplateElement();Do&&window.ShadyCSS.prepareTemplateDom(n,e),r=new ro(t,n),i.keyString.set(o,r)}return i.stringsArray.set(t.strings,r),r},Bo=["html","svg"],Fo=new Set,qo=(e,t,n)=>{Fo.add(e);const i=n?n.element:document.createElement("template"),r=t.querySelectorAll("style"),{length:o}=r;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(i,e);const s=document.createElement("style");for(let e=0;e<o;e++){const t=r[e];t.parentNode.removeChild(t),s.textContent+=t.textContent}(e=>{Bo.forEach((t=>{const n=jo.get(Io(t,e));void 0!==n&&n.keyString.forEach((e=>{const{element:{content:t}}=e,n=new Set;Array.from(t.querySelectorAll("style")).forEach((e=>{n.add(e)})),lo(e,n)}))}))})(e);const a=i.content;n?function(e,t,n=null){const{element:{content:i},parts:r}=e;if(null==n)return void i.appendChild(t);const o=document.createTreeWalker(i,133,null,!1);let s=ho(r),a=0,c=-1;for(;o.nextNode();)for(c++,o.currentNode===n&&(a=uo(t),n.parentNode.insertBefore(t,n));-1!==s&&r[s].index===c;){if(a>0){for(;-1!==s;)r[s].index+=a,s=ho(r,s);return}s=ho(r,s)}}(n,s,a.firstChild):a.insertBefore(s,a.firstChild),window.ShadyCSS.prepareTemplateStyles(i,e);const c=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==c)t.insertBefore(c.cloneNode(!0),t.firstChild);else if(n){a.insertBefore(s,a.firstChild);const e=new Set;e.add(s),lo(n,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const Ko={toAttribute(e,t){switch(t){case Boolean:return e?"":null;case Object:case Array:return null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){switch(t){case Boolean:return null!==e;case Number:return null===e?null:Number(e);case Object:case Array:return JSON.parse(e)}return e}},zo=(e,t)=>t!==e&&(t==t||e==e),Ho={attribute:!0,type:String,converter:Ko,reflect:!1,hasChanged:zo},Vo="finalized";class Go extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach(((t,n)=>{const i=this._attributeNameForProperty(n,t);void 0!==i&&(this._attributeToPropertyMap.set(i,n),e.push(i))})),e}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const e=Object.getPrototypeOf(this)._classProperties;void 0!==e&&e.forEach(((e,t)=>this._classProperties.set(t,e)))}}static createProperty(e,t=Ho){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const n="symbol"==typeof e?Symbol():`__${e}`,i=this.getPropertyDescriptor(e,n,t);void 0!==i&&Object.defineProperty(this.prototype,e,i)}static getPropertyDescriptor(e,t,n){return{get(){return this[t]},set(i){const r=this[e];this[t]=i,this.requestUpdateInternal(e,r,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||Ho}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty(Vo)||e.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const e=this.properties,t=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const n of t)this.createProperty(n,e[n])}}static _attributeNameForProperty(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,n=zo){return n(e,t)}static _propertyValueFromAttribute(e,t){const n=t.type,i=t.converter||Ko,r="function"==typeof i?i:i.fromAttribute;return r?r(e,n):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const n=t.type,i=t.converter;return(i&&i.toAttribute||Ko.toAttribute)(e,n)}initialize(){this._updateState=0,this._updatePromise=new Promise((e=>this._enableUpdatingResolver=e)),this._changedProperties=new Map,this._saveInstanceProperties(),this.requestUpdateInternal()}_saveInstanceProperties(){this.constructor._classProperties.forEach(((e,t)=>{if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}))}_applyInstanceProperties(){this._instanceProperties.forEach(((e,t)=>this[t]=e)),this._instanceProperties=void 0}connectedCallback(){this.enableUpdating()}enableUpdating(){void 0!==this._enableUpdatingResolver&&(this._enableUpdatingResolver(),this._enableUpdatingResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(e,t,n){t!==n&&this._attributeToProperty(e,n)}_propertyToAttribute(e,t,n=Ho){const i=this.constructor,r=i._attributeNameForProperty(e,n);if(void 0!==r){const e=i._propertyValueToAttribute(t,n);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(r):this.setAttribute(r,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const n=this.constructor,i=n._attributeToPropertyMap.get(e);if(void 0!==i){const e=n.getPropertyOptions(i);this._updateState=16|this._updateState,this[i]=n._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,n){let i=!0;if(void 0!==e){const r=this.constructor;n=n||r.getPropertyOptions(e),r._valueHasChanged(this[e],t,n.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==n.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,n))):i=!1}!this._hasRequestedUpdate&&i&&(this._updatePromise=this._enqueueUpdate())}requestUpdate(e,t){return this.requestUpdateInternal(e,t),this.updateComplete}async _enqueueUpdate(){this._updateState=4|this._updateState;try{await this._updatePromise}catch(e){}const e=this.performUpdate();return null!=e&&await e,!this._hasRequestedUpdate}get _hasRequestedUpdate(){return 4&this._updateState}get hasUpdated(){return 1&this._updateState}performUpdate(){if(!this._hasRequestedUpdate)return;this._instanceProperties&&this._applyInstanceProperties();let e=!1;const t=this._changedProperties;try{e=this.shouldUpdate(t),e?this.update(t):this._markUpdated()}catch(t){throw e=!1,this._markUpdated(),t}e&&(1&this._updateState||(this._updateState=1|this._updateState,this.firstUpdated(t)),this.updated(t))}_markUpdated(){this._changedProperties=new Map,this._updateState=-5&this._updateState}get updateComplete(){return this._getUpdateComplete()}_getUpdateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._updatePromise}shouldUpdate(e){return!0}update(e){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach(((e,t)=>this._propertyToAttribute(t,this[t],e))),this._reflectingProperties=void 0),this._markUpdated()}updated(e){}firstUpdated(e){}}Go.finalized=!0;
337
337
  /**
338
338
  * @license
339
339
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -347,7 +347,7 @@ class{handleAttributeExpressions(e,t,n,i){const r=t[0];if("."===r){return new Co
347
347
  * subject to an additional IP rights grant found at
348
348
  * http://polymer.github.io/PATENTS.txt
349
349
  */
350
- const Yo=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Object.assign(Object.assign({},t),{finisher(n){n.createProperty(t.key,e)}}):{kind:"field",key:Symbol(),placement:"own",descriptor:{},initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(n){n.createProperty(t.key,e)}};function Jo(e){return(t,n)=>void 0!==n?((e,t,n)=>{t.constructor.createProperty(n,e)})(e,t,n):Yo(e,t)}const Xo=(e,t,n)=>{Object.defineProperty(t,n,e)},Zo=(e,t)=>({kind:"method",placement:"prototype",key:t.key,descriptor:e})
350
+ const Wo=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Object.assign(Object.assign({},t),{finisher(n){n.createProperty(t.key,e)}}):{kind:"field",key:Symbol(),placement:"own",descriptor:{},initializer(){"function"==typeof t.initializer&&(this[t.key]=t.initializer.call(this))},finisher(n){n.createProperty(t.key,e)}};function Yo(e){return(t,n)=>void 0!==n?((e,t,n)=>{t.constructor.createProperty(n,e)})(e,t,n):Wo(e,t)}const Jo=(e,t,n)=>{Object.defineProperty(t,n,e)},Xo=(e,t)=>({kind:"method",placement:"prototype",key:t.key,descriptor:e})
351
351
  /**
352
352
  @license
353
353
  Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
@@ -357,7 +357,7 @@ const Yo=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Objec
357
357
  found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
358
358
  part of the polymer project is also subject to an additional IP rights grant
359
359
  found at http://polymer.github.io/PATENTS.txt
360
- */,Qo=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,es=Symbol();class ts{constructor(e,t){if(t!==es)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(Qo?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}
360
+ */,Zo=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Qo=Symbol();class es{constructor(e,t){if(t!==Qo)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(Zo?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}
361
361
  /**
362
362
  * @license
363
363
  * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
@@ -371,7 +371,7 @@ const Yo=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Objec
371
371
  * subject to an additional IP rights grant found at
372
372
  * http://polymer.github.io/PATENTS.txt
373
373
  */
374
- (window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const ns={};class is extends Wo{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,n)=>e.reduceRight(((e,n)=>Array.isArray(n)?t(n,e):(e.add(n),e)),n),n=t(e,new Set),i=[];n.forEach((e=>i.unshift(e))),this._styles=i}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map((e=>{if(e instanceof CSSStyleSheet&&!Qo){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new ts(String(t),es)}return e}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?Qo?this.renderRoot.adoptedStyleSheets=e.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map((e=>e.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==ns&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)})))}render(){return ns}}is.finalized=!0,is.render=(e,t,n)=>{if(!n||"object"!=typeof n||!n.scopeName)throw new Error("The `scopeName` option is required.");const i=n.scopeName,r=No.has(t),o=$o&&11===t.nodeType&&!!t.host,s=o&&!qo.has(i),a=s?document.createDocumentFragment():t;if(((e,t,n)=>{let i=No.get(t);void 0===i&&(eo(t,t.firstChild),No.set(t,i=new Oo(Object.assign({templateFactory:jo},n))),i.appendInto(t)),i.setValue(e),i.commit()})(e,a,Object.assign({templateFactory:Bo(i)},n)),s){const e=No.get(a);No.delete(a);const n=e.value instanceof yo?e.value.template:void 0;Ko(i,a,n),eo(t,t.firstChild),t.appendChild(a),No.set(t,e)}!r&&o&&window.ShadyCSS.styleElement(t.host)},is.shadowRootOptions={mode:"open"};
374
+ (window.litElementVersions||(window.litElementVersions=[])).push("2.5.1");const ts={};class ns extends Go{static getStyles(){return this.styles}static _getUniqueStyles(){if(this.hasOwnProperty(JSCompiler_renameProperty("_styles",this)))return;const e=this.getStyles();if(Array.isArray(e)){const t=(e,n)=>e.reduceRight(((e,n)=>Array.isArray(n)?t(n,e):(e.add(n),e)),n),n=t(e,new Set),i=[];n.forEach((e=>i.unshift(e))),this._styles=i}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map((e=>{if(e instanceof CSSStyleSheet&&!Zo){const t=Array.prototype.slice.call(e.cssRules).reduce(((e,t)=>e+t.cssText),"");return new es(String(t),Qo)}return e}))}initialize(){super.initialize(),this.constructor._getUniqueStyles(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow(this.constructor.shadowRootOptions)}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?Zo?this.renderRoot.adoptedStyleSheets=e.map((e=>e instanceof CSSStyleSheet?e:e.styleSheet)):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(e.map((e=>e.cssText)),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(e){const t=this.render();super.update(e),t!==ts&&this.constructor.render(t,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach((e=>{const t=document.createElement("style");t.textContent=e.cssText,this.renderRoot.appendChild(t)})))}render(){return ts}}ns.finalized=!0,ns.render=(e,t,n)=>{if(!n||"object"!=typeof n||!n.scopeName)throw new Error("The `scopeName` option is required.");const i=n.scopeName,r=Lo.has(t),o=Do&&11===t.nodeType&&!!t.host,s=o&&!Fo.has(i),a=s?document.createDocumentFragment():t;if(((e,t,n)=>{let i=Lo.get(t);void 0===i&&(Qr(t,t.firstChild),Lo.set(t,i=new So(Object.assign({templateFactory:Ao},n))),i.appendInto(t)),i.setValue(e),i.commit()})(e,a,Object.assign({templateFactory:$o(i)},n)),s){const e=Lo.get(a);Lo.delete(a);const n=e.value instanceof vo?e.value.template:void 0;qo(i,a,n),Qr(t,t.firstChild),t.appendChild(a),Lo.set(t,e)}!r&&o&&window.ShadyCSS.styleElement(t.host)},ns.shadowRootOptions={mode:"open"};
375
375
  /**
376
376
  * @license
377
377
  * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.
@@ -385,14 +385,14 @@ const Yo=(e,t)=>"method"===t.kind&&t.descriptor&&!("value"in t.descriptor)?Objec
385
385
  * subject to an additional IP rights grant found at
386
386
  * http://polymer.github.io/PATENTS.txt
387
387
  */
388
- const rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.set(n,!0),n})((e=>t=>{const n=rs.get(t);if(void 0===e&&t instanceof So){if(void 0!==n||!rs.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);rs.set(t,e)})),ss=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),as=e=>t=>{ss(e,t)};const cs=(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 ls=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],us={".widget-tagline":ls,"livelike-title":ls,"livelike-description":ls,".bet-details":ls,".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 ds=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};let hs=class extends is{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 Io`<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>`}};ds([Jo({type:Number})],hs.prototype,"timeout",void 0),ds([Jo({type:Number})],hs.prototype,"timeLeft",void 0),ds([Jo({type:Number})],hs.prototype,"newTime",void 0),ds([Jo({type:Number})],hs.prototype,"percent",void 0),ds([Jo({type:Number})],hs.prototype,"value",void 0),ds([Jo({type:Object})],hs.prototype,"owner",void 0),ds([Jo({type:Object})],hs.prototype,"themeStyles",void 0),hs=ds([as("round-timer")],hs);const ps=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){Wr.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(us).forEach((e=>{us[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?D`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return D`<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=cs("dismiss",e.themeStyles),i=e.allowDismiss?e.widgetDismissClick:()=>null;return D`<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=cs("footer",n),c=cs("betButton",n),l=cs("sponsor",n);return D`<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)?D`<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?D`<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?D`<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?D`<livelike-timer class="custom-timer"></livelike-timer>`:null;return D`${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 fs=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 gs=class extends(ps(Li)){render(){const e=this.text&&this.image_url&&D`<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&&D`<div class="widget-media"><img src="${this.image_url}"></div>`,n=this.text&&!this.image_url&&D`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`;return this.link_url&&D`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank">${this.link_label}</a></livelike-footer>`,D`<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>`}};fs([Jo({type:String})],gs.prototype,"title",void 0),fs([Jo({type:String})],gs.prototype,"text",void 0),fs([Jo({type:String})],gs.prototype,"image_url",void 0),fs([Jo({type:String})],gs.prototype,"link_url",void 0),fs([Jo({type:String})],gs.prototype,"link_label",void 0),gs=fs([as("embet-alert")],gs);const ms=D`<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>`,vs=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},ys=(e,t)=>{if(e){const n=e.find((e=>e.description===t.description));if(n)return D`<div class="bet-details">${n.bet}</div>`}},bs=(e,t,n)=>D`
388
+ const is=new WeakMap,rs=(e=>(...t)=>{const n=e(...t);return po.set(n,!0),n})((e=>t=>{const n=is.get(t);if(void 0===e&&t instanceof xo){if(void 0!==n||!is.has(t)){const e=t.committer.name;t.committer.element.removeAttribute(e)}}else e!==n&&t.setValue(e);is.set(t,e)}));function os(e){try{return JSON.parse(e)}catch(e){return null}}const ss=(()=>{let e=!1;return(t,n)=>{e||(customElements.get(t)?(e=!0,console.warn(`${t} has already been registered.`)):customElements.define(t,n))}})(),as=e=>t=>{ss(e,t)};function cs(e){return parseInt(e.repeat(2/e.length),16)}const ls=e=>/^([A-Fa-f0-9]{3,4}){1,2}$/.test(e);function us(e){if(ls(e)){const t=Math.floor(e.length/3),n=e.match(new RegExp(`.{${t}}`,"g")).map(cs),i=n[3]||0===n[3]?(n[3]/255).toFixed(2):1;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${i})`}return e}function ds(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]:us(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]=ls(n.color)?us(n.color):n.color:"uniformGradient"===n.format&&(e[t]=`linear-gradient(90deg, ${us(n.colors[0])}, ${us(n.colors[1])})`)}(e,t):ds(e[t])})),e}const hs=(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 ps=["fontSize","lineHeight","paddingLeft","paddingRight","paddingTop","paddingBottom"],fs={".widget-tagline":ps,"livelike-title":ps,"livelike-description":ps,".bet-details":ps,".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 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};let ms=class extends ns{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 Uo`<style>round-timer{position:absolute;margin:12px}.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")||"16px"};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>`}};gs([Yo({type:Number})],ms.prototype,"timeout",void 0),gs([Yo({type:Number})],ms.prototype,"timeLeft",void 0),gs([Yo({type:Number})],ms.prototype,"newTime",void 0),gs([Yo({type:Number})],ms.prototype,"percent",void 0),gs([Yo({type:Number})],ms.prototype,"value",void 0),gs([Yo({type:Object})],ms.prototype,"owner",void 0),gs([Yo({type:Object})],ms.prototype,"themeStyles",void 0),ms=gs([as("round-timer")],ms);const vs=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=()=>{this.requestUpdate()},this.parseCustomData=e=>{if(this.customDataParsed&&this.customDataParsed(e),!this.type&&e.widgetType?this.type=e.widgetType.toUpperCase().split("-").join(" "):!this.type&&e.type&&(this.type=e.type),!this.timeout&&e.timeout&&(this.timeout=e.timeout),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){const t=this.kind||this.widgetPayload.kind;!this.widgetPayload.kind&&(this.widgetPayload.kind=t);const n=ds(JSON.parse(JSON.stringify(e.theme)));Wr.applyTheme(e.theme),this.themeStyles=n.widgets[t.split("-")[1]||t]}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(fs).forEach((e=>{fs[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?D`<round-timer .timeout="${this.customData.timeout||this.timeout}" .themeStyles="${this.themeStyles}" .owner="${this}"></round-timer>`:null;return D`<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=hs("dismiss",e.themeStyles),i=e.allowDismiss?e.widgetDismissClick:()=>null;return D`<style>.dismiss-button{background:0 0;border:none;position:absolute;top:14px;right:12px;${n}}.dismiss-button:hover{cursor:pointer}${e.customStyles}</style><button class="dismiss-button" @click="${i}"><svg height="21px" width="21px" 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=e=>hs(e,n);return D`<style>.embet-widget livelike-widget-footer{display:flex;flex-direction:column;border-radius:0;padding:0 16px 8px 16px;${a("footer")}}.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:4px}.embet-widget .footer-text{height:12px;text-align:center;font-size:12px;color:#999;white-space:nowrap;margin-bottom:6px}.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;${a("sponsor")}}.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;${a("betButton")}}.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)?D`<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?D`<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?D`<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?D`<livelike-timer class="custom-timer"></livelike-timer>`:null;return D`${e}${t}`}}static get properties(){return{custom_data:{type:String},customData:{type:Object},voted:{type:Boolean},type:{type:String},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=os(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 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};let bs=class extends(vs(Li)){render(){const e=this.text&&this.image_url&&D`<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&&D`<div class="widget-media"><img src="${this.image_url}"></div>`,n=this.text&&!this.image_url&&D`<div class="widget-caption-container"><span class="widget-caption">${this.text}</span></div>`;return this.link_url&&D`<livelike-footer><a class="widget-link" href="${this.link_url}" target="_blank">${this.link_label}</a></livelike-footer>`,D`<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>`}};ys([Yo({type:String})],bs.prototype,"title",void 0),ys([Yo({type:String})],bs.prototype,"text",void 0),ys([Yo({type:String})],bs.prototype,"image_url",void 0),ys([Yo({type:String})],bs.prototype,"link_url",void 0),ys([Yo({type:String})],bs.prototype,"link_label",void 0),bs=ys([as("embet-alert")],bs);const ws=(e,t)=>{const n=e.reduce(((e,t)=>e+t.vote_count),0);return n>0?Math.round(t.vote_count/n*100):0},ks=(e,t)=>{if(e){const n=e.find((e=>e.description===t.description));if(n)return D`<div class="bet-details">${n.bet}</div>`}},_s=(e,t,n)=>D`
389
389
  <div class="option-container" ?interacted=${n}>
390
- ${e&&e.map(((i,r)=>{const o=vs(e,i),s=i.image_url?D`<livelike-image src=${i.image_url} height="40px"></livelike-image>`:null;return D`
390
+ ${e&&e.map(((i,r)=>{const o=ws(e,i),s=i.image_url?D`<livelike-image src=${i.image_url} height="40px"></livelike-image>`:null;return D`
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
- ${ys(t,i)}
395
+ ${ks(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 rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.set(n,!0),n})((e=
402
402
  </livelike-option>
403
403
  `}))}
404
404
  </div>
405
- `,ws=(e,t,n)=>D`
405
+ `,Ps=(e,t,n)=>D`
406
406
  <style>
407
407
  [variation='square'] .image-grid {
408
408
  grid-template-columns: repeat(${e.length}, 1fr);
@@ -414,7 +414,7 @@ const rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.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=vs(e,i),s=i.image_url?D`<livelike-image src=${i.image_url} height="50px"></livelike-image>`:null;return D`
417
+ ${e&&e.map(((i,r)=>{const o=ws(e,i),s=i.image_url?D`<livelike-image src=${i.image_url} height="40px"></livelike-image>`:null;return D`
418
418
  <style>
419
419
  [variation='square'] .image-grid[interacted] .square-option-${r}:after {
420
420
  background: linear-gradient(
@@ -434,11 +434,11 @@ const rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.set(n,!0),n})((e=
434
434
  }
435
435
  </style>
436
436
  <livelike-option index=${r} .option=${i} class="square-option-${r}">
437
- <div class="image-bet-container ${i.image_url?"":"no-image"}">
437
+ <div class="image-bet-container ${s?"":"no-image"}">
438
438
  ${s}
439
439
  <livelike-description .description=${i.description}></livelike-description>
440
440
  </div>
441
- ${ys(t,i)}
441
+ ${ks(t,i)}
442
442
  <div class="percentage-container">
443
443
  <livelike-percentage .value=${o}></livelike-percentage>
444
444
  ${n?D` <span class="percentage-text">of votes</span> `:null}
@@ -446,20 +446,20 @@ const rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.set(n,!0),n})((e=
446
446
  </livelike-option>
447
447
  `}))}
448
448
  </div>
449
- `,ks=(e,t,n)=>D`
449
+ `,xs=(e,t,n)=>D`
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)=>D`
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
- ${ys(t,i)}
456
+ ${ks(t,i)}
457
457
  <livelike-progress
458
- .value=${vs(e,i)}
458
+ .value=${ws(e,i)}
459
459
  ></livelike-progress>
460
460
  <div class="percentage-container">
461
461
  <livelike-percentage
462
- .value=${vs(e,i)}
462
+ .value=${ws(e,i)}
463
463
  ></livelike-percentage>
464
464
  ${n?D` <span class="percentage-text">of votes</span> `:null}
465
465
  </div>
@@ -467,8 +467,8 @@ const rs=new WeakMap,os=(e=>(...t)=>{const n=e(...t);return fo.set(n,!0),n})((e=
467
467
  </livelike-option>
468
468
  `))}</div>
469
469
  <livelike-image
470
- src=${e[1].image_url||e[2].image_url}
470
+ src=${e[2].image_url||e[1].image_url}
471
471
  height="60px"
472
472
  ></livelike-image>
473
473
  </div>
474
- `;var _s=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 Ps extends(ps(Ri)){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?D`<div class="widget-tagline">${this.customData.type}</div>`:null,o=this.customData&&this.customData.bodyText?D`<div class="widget-body-text">${this.customData.bodyText}</div>`:null,s=this.insightsRenderer?D`<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 D`<template>${ms}<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:bs,square:ws,inline:ks}[p])(u,d,h))} ${this.widgetFooter()}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`;var u,d,h,p}}_s([Jo({type:Boolean})],Ps.prototype,"voted",void 0),_s([Jo({type:Object})],Ps.prototype,"customData",void 0),_s([Jo({type:Object})],Ps.prototype,"custom_data",void 0),_s([Jo({type:Array})],Ps.prototype,"sponsors",void 0),_s([Jo({type:String})],Ps.prototype,"place_bet_url",void 0),_s([Jo({type:String})],Ps.prototype,"placeBetUrl",void 0),_s([Jo({type:Boolean})],Ps.prototype,"allowDismiss",void 0),_s([Jo({type:Object})],Ps.prototype,"themeStyles",void 0),_s([Jo({type:String})],Ps.prototype,"customStyles",void 0),_s([Jo({type:Array})],Ps.prototype,"options",void 0),_s([Jo({type:Array})],Ps.prototype,"betDetails",void 0),_s([Jo({type:String,reflect:!0})],Ps.prototype,"variation",void 0),_s([Jo({type:String,reflect:!0})],Ps.prototype,"timer",void 0),_s([Jo({type:Number,reflect:!0})],Ps.prototype,"timeout",void 0);var xs=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};const Ss=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=>D`<td class="${e.isHighlighted?"highlighted":""}">${e.value}</td>`;return D`<table class="insight-table">${t.length?t.map(((e,t)=>{var i;return D`<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,D`<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 D`<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 Os=class extends Ps{};Os=xs([as("live-total")],Os);let Ts=class extends Ps{};Ts=xs([as("live-spread")],Ts);let Cs=class extends Ps{};Cs=xs([as("live-moneyline")],Cs);let Es=class extends Ps{constructor(){super(...arguments),this.insightsRenderer=Ss}};Es=xs([as("live-at-bat")],Es);let Rs=class extends Ps{constructor(){super(...arguments),this.insightsRenderer=Ss}};Rs=xs([as("live-stats-odds")],Rs);var Ms=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 As=class extends is{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=Yr(e.custom_data);if(t){if((e=>{const t=Xr.custom_data&&Xr.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 Io`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${os(this.mode)}"></livelike-widgets>`}};var js,Ls;Ms([(js="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(js)},enumerable:!0,configurable:!0};if(Ls){const i=void 0!==t?t:e.key,r="symbol"==typeof i?Symbol():`__${i}`;n.get=function(){return void 0===this[r]&&(this[r]=this.renderRoot.querySelector(js)),this[r]}}return void 0!==t?Xo(n,e,t):Zo(n,e)})],As.prototype,"widgetContainer",void 0),Ms([Jo({type:String})],As.prototype,"customid",void 0),Ms([Jo({type:String})],As.prototype,"programid",void 0),Ms([Jo({type:String})],As.prototype,"mode",void 0),As=Ms([as("embet-widgets")],As);const{LiveLike:Ns,userProfile:Us,init:Is,displayPreviewWidget:Ds}=Zr;var $s=Object.assign(Object.assign({},Ns._config),{version:"0.0.32"}),Bs=Ns._$$,Fs=Is,qs=Us,Ks=Ds,zs=Ns.applyTheme,Hs=Ns.addMessageListener,Vs=Ns.removeMessageListener,Gs=Ns.createUserProfile,Ws=Ns.getUserProfile,Ys=Ns.getMessageCount,Js=Ns.getMessageList,Xs=Ns.sendMessage,Zs=Ns.prepareOutgoingChatMessage,Qs=Ns.updateUserProfile,ea=Ns.registerWidgetMode,ta=Ns.getWidget,na=Ns.getPostedWidgets,ia=Ns.addWidgetListener,ra=Ns.removeWidgetListener,oa=Ns.updateChatRoom,sa=Ns.getChatRoom,aa=Ns.createChatRoom,ca=Ns.joinChatRoom,la=Ns.leaveChatRoom,ua=Ns.getChatUserMutedStatus,da=Ns.getChatRoomMemberships,ha=Ns.getProfileChatRoomMemberships,pa=Ns.getLeaderboards,fa=Ns.getLeaderboard,ga=Ns.getLeaderboardEntries,ma=Ns.getLeaderboardProfileRank,va=Ns.applyLocalization,ya=Ns.getWidgetInteractions,ba=Ns.getSponsors,wa=Ns.getProfileBadges,ka=Ns.getApplicationBadges,_a=Ns.getBadgeProgress,Pa={_config:$s,_$$:Bs,init:Fs,userProfile:qs,displayPreviewWidget:Ks,applyTheme:zs,addMessageListener:Hs,removeMessageListener:Vs,createUserProfile:Gs,getUserProfile:Ws,getMessageCount:Ys,getMessageList:Js,sendMessage:Xs,prepareOutgoingChatMessage:Zs,updateUserProfile:Qs,registerWidgetMode:ea,getWidget:ta,getPostedWidgets:na,addWidgetListener:ia,removeWidgetListener:ra,updateChatRoom:oa,getChatRoom:sa,createChatRoom:aa,joinChatRoom:ca,leaveChatRoom:la,getChatUserMutedStatus:ua,getChatRoomMemberships:da,getProfileChatRoomMemberships:ha,getLeaderboards:pa,getLeaderboard:fa,getLeaderboardEntries:ga,getLeaderboardProfileRank:ma,applyLocalization:va,getWidgetInteractions:ya,getSponsors:ba,getProfileBadges:wa,getApplicationBadges:ka,getBadgeProgress:_a};e._$$=Bs,e._config=$s,e.addMessageListener=Hs,e.addWidgetListener=ia,e.applyLocalization=va,e.applyTheme=zs,e.createChatRoom=aa,e.createUserProfile=Gs,e.default=Pa,e.displayPreviewWidget=Ks,e.getApplicationBadges=ka,e.getBadgeProgress=_a,e.getChatRoom=sa,e.getChatRoomMemberships=da,e.getChatUserMutedStatus=ua,e.getLeaderboard=fa,e.getLeaderboardEntries=ga,e.getLeaderboardProfileRank=ma,e.getLeaderboards=pa,e.getMessageCount=Ys,e.getMessageList=Js,e.getPostedWidgets=na,e.getProfileBadges=wa,e.getProfileChatRoomMemberships=ha,e.getSponsors=ba,e.getUserProfile=Ws,e.getWidget=ta,e.getWidgetInteractions=ya,e.init=Fs,e.joinChatRoom=ca,e.leaveChatRoom=la,e.prepareOutgoingChatMessage=Zs,e.registerWidgetMode=ea,e.removeMessageListener=Vs,e.removeWidgetListener=ra,e.sendMessage=Xs,e.updateChatRoom=oa,e.updateUserProfile=Qs,e.userProfile=qs,Object.defineProperty(e,"__esModule",{value:!0})}));
474
+ `;var Ss=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};class Os extends(vs(Ri)){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,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(){const e=this.type?D`<div class="widget-tagline">${this.type}</div>`:null,t=this.customData&&this.customData.bodyText?D`<div class="insight-body-text">${this.customData.bodyText}</div>`:null,n=this.insightsRenderer?D`<div class="insights">${t} ${this.insightsRenderer(this.customData)}</div>`:null,i="LIVE AT BAT"===this.type||"LIVE STATS ODDS"===this.type;return D`<template>${(e=>{const t=t=>hs(t,e);return D`<style>livelike-widget-root.embet-widget{font-family:sans-serif;${t("root")}}.embet-widget livelike-widget-header{border-radius:0}.embet-widget livelike-widget-header .center{width:100%;text-align:center;padding:16px 16px 8px 16px;font-size:22px;${t("header")}}.embet-widget .widget-tagline{font-weight:700;padding-bottom:10px;text-transform:uppercase}.embet-widget livelike-widget-body{border-radius:0}.embet-widget livelike-title{text-align:center;text-transform:uppercase;font-weight:700;display:block;width:100%;padding:0;${t("title")}}.embet-widget .option-container{padding:12px 16px 16px 16px;height:100%;align-items:stretch;display:flex;flex-direction:column}.embet-widget livelike-option{padding:0;box-shadow:5px 5px 10px 1px rgba(0,0,0,.2);align-items:unset;box-sizing:border-box;border:2px solid #bebEBEB2;font-size:16px;${t("unselectedOption")}}.embet-widget .option-container[interacted] livelike-option,[variation=square] .embet-widget .image-grid[interacted] livelike-option{background:#323232B2;border:2px solid #bebEBEB2}.embet-widget .option-container[interacted] livelike-option[selected],[variation=square] .embet-widget .image-grid[interacted] livelike-option[selected]{border:2px solid #00fa00B2;${t("selectedOption")}}.embet-widget livelike-option:not(:last-of-type){margin-bottom:12px}.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:8px}.embet-widget livelike-percentage{padding:0 5px 0 0}.embet-widget livelike-progress{height:calc(100% + 1px);background:#a0a0A0B2;border-radius:0;box-sizing:border-box}.embet-widget livelike-progress[selected]{background:#00e100B2}.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 .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 8px}[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:12px;grid-row-gap:12px}[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-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:4px;transition:all .2s ease}[variation=square] .image-bet-container{display:flex;flex-direction:column;width:100%;justify-content:center}[variation=square] .percentage-container{z-index:5}[variation=square] livelike-description{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;${t("animatedBet")}}.animated-container.show .animated-drawer{height:100%}.animated-content{opacity:0;height:100%;transition-property:opacity;transition-duration:.5s;transition-delay:.5s;transition-timing-function:ease}.animated-container.show .animated-content{opacity:1}.insights{padding:0 16px 12px 16px;background:#000;color:#fff;${t("insights")}}.insight-body-text{text-align:center;overflow-wrap:break-word;padding-bottom:8px;${t("insightBodyText")}}.insight-table{border-collapse:collapse;width:100%;padding-bottom:8px;${t("insightTable")}}.insight-table tr[idx='0']{border-bottom:1px solid #ddd}.insight-table td{text-align:center}.insight-table tr:not([idx='0']) td{padding:2px 0 2px 0;${t("insightTableCell")}}.insight-table .highlighted{background-color:#ffffff30;${t("insightTableCellHighlighted")}}.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>`})(this.themeStyles)}<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%"}}</style><livelike-widget-root class="embet-widget">${this.widgetHeader({title:e})} ${n}<div class="animated-container ${i?"":"show"}"><div class="animated-wrapper"><div class="animated-drawer"><div class="animated-content"><livelike-widget-body><livelike-title></livelike-title>${this.variation&&(r=this.options,o=this.betDetails,s=this.voted,a=this.variation,(0,{bar:_s,square:Ps,inline:xs}[a])(r,o,s))} ${this.widgetFooter()}</livelike-widget-body></div></div></div></div></livelike-widget-root></template>`;var r,o,s,a}}Ss([Yo({type:Boolean})],Os.prototype,"voted",void 0),Ss([Yo({type:Object})],Os.prototype,"custom_data",void 0),Ss([Yo({type:Object})],Os.prototype,"customData",void 0),Ss([Yo({type:String})],Os.prototype,"type",void 0),Ss([Yo({type:Array})],Os.prototype,"sponsors",void 0),Ss([Yo({type:String})],Os.prototype,"placeBetUrl",void 0),Ss([Yo({type:Boolean})],Os.prototype,"allowDismiss",void 0),Ss([Yo({type:Object})],Os.prototype,"themeStyles",void 0),Ss([Yo({type:String})],Os.prototype,"customStyles",void 0),Ss([Yo({type:Array})],Os.prototype,"options",void 0),Ss([Yo({type:Array})],Os.prototype,"betDetails",void 0),Ss([Yo({type:String,reflect:!0})],Os.prototype,"variation",void 0),Ss([Yo({type:String,reflect:!0})],Os.prototype,"timer",void 0),Ss([Yo({type:Number,reflect:!0})],Os.prototype,"timeout",void 0);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};const Cs=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=>D`<td class="${e.isHighlighted?"highlighted":""}">${e.value}</td>`;return D`<table class="insight-table">${t.length?t.map(((e,t)=>D`<tr idx="${t}">${e.map(n)}</tr>`)):null}</table>`})(e.table):e.stats?(t=e.stats,D`<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 D`<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 Es=class extends Os{};Es=Ts([as("live-total")],Es);let Rs=class extends Os{};Rs=Ts([as("live-spread")],Rs);let Ms=class extends Os{};Ms=Ts([as("live-moneyline")],Ms);let As=class extends Os{constructor(){super(...arguments),this.insightsRenderer=Cs}};As=Ts([as("live-at-bat")],As);let js=class extends Os{constructor(){super(...arguments),this.insightsRenderer=Cs}};js=Ts([as("live-stats-odds")],js);var Ls=function(e,t,n,i){var r,o=arguments.length,s=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,i);else for(var a=e.length-1;a>=0;a--)(r=e[a])&&(s=(o<3?r(s):o>3?r(t,n,s):r(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s};let Ns=class extends ns{constructor(){super(...arguments),this.predictionRenderer=e=>{const t=e.type?e.type.toLowerCase().split(" ").join("-"):e.widgetType,n=document.createElement(t);return n.customData=e,n},this.alertRenderer=e=>{const t=document.createElement("embet-alert");return 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=os(e.custom_data);if(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 Uo`<style>embet-widgets{display:block}</style><livelike-widgets .mode="${rs(this.mode)}"></livelike-widgets>`}};var Us,Is;Ls([(Us="livelike-widgets",(e,t)=>{const n={get(){return this.renderRoot.querySelector(Us)},enumerable:!0,configurable:!0};if(Is){const i=void 0!==t?t:e.key,r="symbol"==typeof i?Symbol():`__${i}`;n.get=function(){return void 0===this[r]&&(this[r]=this.renderRoot.querySelector(Us)),this[r]}}return void 0!==t?Jo(n,e,t):Xo(n,e)})],Ns.prototype,"widgetContainer",void 0),Ls([Yo({type:String})],Ns.prototype,"customid",void 0),Ls([Yo({type:String})],Ns.prototype,"programid",void 0),Ls([Yo({type:String})],Ns.prototype,"mode",void 0),Ns=Ls([as("embet-widgets")],Ns);const{LiveLike:Ds,userProfile:$s,init:Bs,displayPreviewWidget:Fs}=Xr;var qs=Object.assign(Object.assign({},Ds._config),{version:"0.0.34"}),Ks=Ds._$$,zs=Bs,Hs=$s,Vs=Fs,Gs=Ds.applyTheme,Ws=Ds.addMessageListener,Ys=Ds.removeMessageListener,Js=Ds.createUserProfile,Xs=Ds.getUserProfile,Zs=Ds.getMessageCount,Qs=Ds.getMessageList,ea=Ds.sendMessage,ta=Ds.prepareOutgoingChatMessage,na=Ds.updateUserProfile,ia=Ds.registerWidgetMode,ra=Ds.getWidget,oa=Ds.getPostedWidgets,sa=Ds.addWidgetListener,aa=Ds.removeWidgetListener,ca=Ds.updateChatRoom,la=Ds.getChatRoom,ua=Ds.createChatRoom,da=Ds.joinChatRoom,ha=Ds.leaveChatRoom,pa=Ds.getChatUserMutedStatus,fa=Ds.getChatRoomMemberships,ga=Ds.getProfileChatRoomMemberships,ma=Ds.getLeaderboards,va=Ds.getLeaderboard,ya=Ds.getLeaderboardEntries,ba=Ds.getLeaderboardProfileRank,wa=Ds.applyLocalization,ka=Ds.getWidgetInteractions,_a=Ds.getSponsors,Pa=Ds.getProfileBadges,xa=Ds.getApplicationBadges,Sa=Ds.getBadgeProgress,Oa={_config:qs,_$$:Ks,init:zs,userProfile:Hs,displayPreviewWidget:Vs,applyTheme:Gs,addMessageListener:Ws,removeMessageListener:Ys,createUserProfile:Js,getUserProfile:Xs,getMessageCount:Zs,getMessageList:Qs,sendMessage:ea,prepareOutgoingChatMessage:ta,updateUserProfile:na,registerWidgetMode:ia,getWidget:ra,getPostedWidgets:oa,addWidgetListener:sa,removeWidgetListener:aa,updateChatRoom:ca,getChatRoom:la,createChatRoom:ua,joinChatRoom:da,leaveChatRoom:ha,getChatUserMutedStatus:pa,getChatRoomMemberships:fa,getProfileChatRoomMemberships:ga,getLeaderboards:ma,getLeaderboard:va,getLeaderboardEntries:ya,getLeaderboardProfileRank:ba,applyLocalization:wa,getWidgetInteractions:ka,getSponsors:_a,getProfileBadges:Pa,getApplicationBadges:xa,getBadgeProgress:Sa};e._$$=Ks,e._config=qs,e.addMessageListener=Ws,e.addWidgetListener=sa,e.applyLocalization=wa,e.applyTheme=Gs,e.createChatRoom=ua,e.createUserProfile=Js,e.default=Oa,e.displayPreviewWidget=Vs,e.getApplicationBadges=xa,e.getBadgeProgress=Sa,e.getChatRoom=la,e.getChatRoomMemberships=fa,e.getChatUserMutedStatus=pa,e.getLeaderboard=va,e.getLeaderboardEntries=ya,e.getLeaderboardProfileRank=ba,e.getLeaderboards=ma,e.getMessageCount=Zs,e.getMessageList=Qs,e.getPostedWidgets=oa,e.getProfileBadges=Pa,e.getProfileChatRoomMemberships=ga,e.getSponsors=_a,e.getUserProfile=Xs,e.getWidget=ra,e.getWidgetInteractions=ka,e.init=zs,e.joinChatRoom=da,e.leaveChatRoom=ha,e.prepareOutgoingChatMessage=ta,e.registerWidgetMode=ia,e.removeMessageListener=Ys,e.removeWidgetListener=aa,e.sendMessage=ea,e.updateChatRoom=ca,e.updateUserProfile=na,e.userProfile=Hs,Object.defineProperty(e,"__esModule",{value:!0})}));