!function(e){var t={};function i(s){if(t[s])return t[s].exports;var n=t[s]={i:s,l:!1,exports:{}};return e[s].call(n.exports,n,n.exports,i),n.l=!0,n.exports}i.m=e,i.c=t,i.d=function(e,t,s){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:s})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(i.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(s,n,function(t){return e[t]}.bind(null,n));return s},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=0)}([function(e,t,i){e.exports=i(1)},function(e,t,i){"use strict";i.r(t);const s="undefined"!=typeof window&&null!=window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,n=(e,t,i=null)=>{for(;t!==i;){const i=t.nextSibling;e.removeChild(t),t=i}},o=`{{lit-${String(Math.random()).slice(2)}}}`,r=`\x3c!--${o}--\x3e`,a=new RegExp(`${o}|${r}`);class c{constructor(e,t){this.parts=[],this.element=t;const i=[],s=[],n=document.createTreeWalker(t.content,133,null,!1);let r=0,c=-1,d=0;const{strings:p,values:{length:m}}=e;for(;d<m;){const e=n.nextNode();if(null!==e){if(c++,1===e.nodeType){if(e.hasAttributes()){const t=e.attributes,{length:i}=t;let s=0;for(let e=0;e<i;e++)l(t[e].name,"$lit$")&&s++;for(;s-- >0;){const t=p[d],i=h.exec(t)[2],s=i.toLowerCase()+"$lit$",n=e.getAttribute(s);e.removeAttribute(s);const o=n.split(a);this.parts.push({type:"attribute",index:c,name:i,strings:o}),d+=o.length-1}}"TEMPLATE"===e.tagName&&(s.push(e),n.currentNode=e.content)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(o)>=0){const s=e.parentNode,n=t.split(a),o=n.length-1;for(let t=0;t<o;t++){let i,o=n[t];if(""===o)i=u();else{const e=h.exec(o);null!==e&&l(e[2],"$lit$")&&(o=o.slice(0,e.index)+e[1]+e[2].slice(0,-"$lit$".length)+e[3]),i=document.createTextNode(o)}s.insertBefore(i,e),this.parts.push({type:"node",index:++c})}""===n[o]?(s.insertBefore(u(),e),i.push(e)):e.data=n[o],d+=o}}else if(8===e.nodeType)if(e.data===o){const t=e.parentNode;null!==e.previousSibling&&c!==r||(c++,t.insertBefore(u(),e)),r=c,this.parts.push({type:"node",index:c}),null===e.nextSibling?e.data="":(i.push(e),c--),d++}else{let t=-1;for(;-1!==(t=e.data.indexOf(o,t+1));)this.parts.push({type:"node",index:-1}),d++}}else n.currentNode=s.pop()}for(const e of i)e.parentNode.removeChild(e)}}const l=(e,t)=>{const i=e.length-t.length;return i>=0&&e.slice(i)===t},d=e=>-1!==e.index,u=()=>document.createComment(""),h=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;function p(e,t){const{element:{content:i},parts:s}=e,n=document.createTreeWalker(i,133,null,!1);let o=x(s),r=s[o],a=-1,c=0;const l=[];let d=null;for(;n.nextNode();){a++;const e=n.currentNode;for(e.previousSibling===d&&(d=null),t.has(e)&&(l.push(e),null===d&&(d=e)),null!==d&&c++;void 0!==r&&r.index===a;)r.index=null!==d?-1:r.index-c,o=x(s,o),r=s[o]}l.forEach(e=>e.parentNode.removeChild(e))}const m=e=>{let t=11===e.nodeType?0:1;const i=document.createTreeWalker(e,133,null,!1);for(;i.nextNode();)t++;return t},x=(e,t=-1)=>{for(let i=t+1;i<e.length;i++){const t=e[i];if(d(t))return i}return-1};const _=new WeakMap,g=e=>"function"==typeof e&&_.has(e),f={},b={};class v{constructor(e,t,i){this.__parts=[],this.template=e,this.processor=t,this.options=i}update(e){let t=0;for(const i of this.__parts)void 0!==i&&i.setValue(e[t]),t++;for(const e of this.__parts)void 0!==e&&e.commit()}_clone(){const e=s?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),t=[],i=this.template.parts,n=document.createTreeWalker(e,133,null,!1);let o,r=0,a=0,c=n.nextNode();for(;r<i.length;)if(o=i[r],d(o)){for(;a<o.index;)a++,"TEMPLATE"===c.nodeName&&(t.push(c),n.currentNode=c.content),null===(c=n.nextNode())&&(n.currentNode=t.pop(),c=n.nextNode());if("node"===o.type){const e=this.processor.handleTextExpression(this.options);e.insertAfterNode(c.previousSibling),this.__parts.push(e)}else this.__parts.push(...this.processor.handleAttributeExpressions(c,o.name,o.strings,this.options));r++}else this.__parts.push(void 0),r++;return s&&(document.adoptNode(e),customElements.upgrade(e)),e}}const w=window.trustedTypes&&trustedTypes.createPolicy("lit-html",{createHTML:e=>e}),y=` ${o} `;class S{constructor(e,t,i,s){this.strings=e,this.values=t,this.type=i,this.processor=s}getHTML(){const e=this.strings.length-1;let t="",i=!1;for(let s=0;s<e;s++){const e=this.strings[s],n=e.lastIndexOf("\x3c!--");i=(n>-1||i)&&-1===e.indexOf("--\x3e",n+1);const a=h.exec(e);t+=null===a?e+(i?y:r):e.substr(0,a.index)+a[1]+a[2]+"$lit$"+a[3]+o}return t+=this.strings[e],t}getTemplateElement(){const e=document.createElement("template");let t=this.getHTML();return void 0!==w&&(t=w.createHTML(t)),e.innerHTML=t,e}}const k=e=>null===e||!("object"==typeof e||"function"==typeof e),A=e=>Array.isArray(e)||!(!e||!e[Symbol.iterator]);class E{constructor(e,t,i){this.dirty=!0,this.element=e,this.name=t,this.strings=i,this.parts=[];for(let e=0;e<i.length-1;e++)this.parts[e]=this._createPart()}_createPart(){return new C(this)}_getValue(){const e=this.strings,t=e.length-1,i=this.parts;if(1===t&&""===e[0]&&""===e[1]){const e=i[0].value;if("symbol"==typeof e)return String(e);if("string"==typeof e||!A(e))return e}let s="";for(let n=0;n<t;n++){s+=e[n];const t=i[n];if(void 0!==t){const e=t.value;if(k(e)||!A(e))s+="string"==typeof e?e:String(e);else for(const t of e)s+="string"==typeof t?t:String(t)}}return s+=e[t],s}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class C{constructor(e){this.value=void 0,this.committer=e}setValue(e){e===f||k(e)&&e===this.value||(this.value=e,g(e)||(this.committer.dirty=!0))}commit(){for(;g(this.value);){const e=this.value;this.value=f,e(this)}this.value!==f&&this.committer.commit()}}class N{constructor(e){this.value=void 0,this.__pendingValue=void 0,this.options=e}appendInto(e){this.startNode=e.appendChild(u()),this.endNode=e.appendChild(u())}insertAfterNode(e){this.startNode=e,this.endNode=e.nextSibling}appendIntoPart(e){e.__insert(this.startNode=u()),e.__insert(this.endNode=u())}insertAfterPart(e){e.__insert(this.startNode=u()),this.endNode=e.endNode,e.endNode=this.startNode}setValue(e){this.__pendingValue=e}commit(){if(null===this.startNode.parentNode)return;for(;g(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}const e=this.__pendingValue;e!==f&&(k(e)?e!==this.value&&this.__commitText(e):e instanceof S?this.__commitTemplateResult(e):e instanceof Node?this.__commitNode(e):A(e)?this.__commitIterable(e):e===b?(this.value=b,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,i="string"==typeof(e=null==e?"":e)?e:String(e);t===this.endNode.previousSibling&&3===t.nodeType?t.data=i:this.__commitNode(document.createTextNode(i)),this.value=e}__commitTemplateResult(e){const t=this.options.templateFactory(e);if(this.value instanceof v&&this.value.template===t)this.value.update(e.values);else{const i=new v(t,e.processor,this.options),s=i._clone();i.update(e.values),this.__commitNode(s),this.value=i}}__commitIterable(e){Array.isArray(this.value)||(this.value=[],this.clear());const t=this.value;let i,s=0;for(const n of e)i=t[s],void 0===i&&(i=new N(this.options),t.push(i),0===s?i.appendIntoPart(this):i.insertAfterPart(t[s-1])),i.setValue(n),i.commit(),s++;s<t.length&&(t.length=s,this.clear(i&&i.endNode))}clear(e=this.startNode){n(this.startNode.parentNode,e.nextSibling,this.endNode)}}class P{constructor(e,t,i){if(this.value=void 0,this.__pendingValue=void 0,2!==i.length||""!==i[0]||""!==i[1])throw new Error("Boolean attributes can only contain a single expression");this.element=e,this.name=t,this.strings=i}setValue(e){this.__pendingValue=e}commit(){for(;g(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=!!this.__pendingValue;this.value!==e&&(e?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name),this.value=e),this.__pendingValue=f}}class T extends E{constructor(e,t,i){super(e,t,i),this.single=2===i.length&&""===i[0]&&""===i[1]}_createPart(){return new I(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class I extends C{}let $=!1;(()=>{try{const e={get capture(){return $=!0,!1}};window.addEventListener("test",e,e),window.removeEventListener("test",e,e)}catch(e){}})();class R{constructor(e,t,i){this.value=void 0,this.__pendingValue=void 0,this.element=e,this.eventName=t,this.eventContext=i,this.__boundHandleEvent=e=>this.handleEvent(e)}setValue(e){this.__pendingValue=e}commit(){for(;g(this.__pendingValue);){const e=this.__pendingValue;this.__pendingValue=f,e(this)}if(this.__pendingValue===f)return;const e=this.__pendingValue,t=this.value,i=null==e||null!=t&&(e.capture!==t.capture||e.once!==t.once||e.passive!==t.passive),s=null!=e&&(null==t||i);i&&this.element.removeEventListener(this.eventName,this.__boundHandleEvent,this.__options),s&&(this.__options=V(e),this.element.addEventListener(this.eventName,this.__boundHandleEvent,this.__options)),this.value=e,this.__pendingValue=f}handleEvent(e){"function"==typeof this.value?this.value.call(this.eventContext||this.element,e):this.value.handleEvent(e)}}const V=e=>e&&($?{capture:e.capture,passive:e.passive,once:e.once}:e.capture);function z(e){let t=L.get(e.type);void 0===t&&(t={stringsArray:new WeakMap,keyString:new Map},L.set(e.type,t));let i=t.stringsArray.get(e.strings);if(void 0!==i)return i;const s=e.strings.join(o);return i=t.keyString.get(s),void 0===i&&(i=new c(e,e.getTemplateElement()),t.keyString.set(s,i)),t.stringsArray.set(e.strings,i),i}const L=new Map,O=new WeakMap;const M=new class{handleAttributeExpressions(e,t,i,s){const n=t[0];if("."===n){return new T(e,t.slice(1),i).parts}if("@"===n)return[new R(e,t.slice(1),s.eventContext)];if("?"===n)return[new P(e,t.slice(1),i)];return new E(e,t,i).parts}handleTextExpression(e){return new N(e)}};"undefined"!=typeof window&&(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.3.0");const H=(e,...t)=>new S(e,t,"html",M),U=(e,t)=>`${e}--${t}`;let F=!0;void 0===window.ShadyCSS?F=!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."),F=!1);const j=e=>t=>{const i=U(t.type,e);let s=L.get(i);void 0===s&&(s={stringsArray:new WeakMap,keyString:new Map},L.set(i,s));let n=s.stringsArray.get(t.strings);if(void 0!==n)return n;const r=t.strings.join(o);if(n=s.keyString.get(r),void 0===n){const i=t.getTemplateElement();F&&window.ShadyCSS.prepareTemplateDom(i,e),n=new c(t,i),s.keyString.set(r,n)}return s.stringsArray.set(t.strings,n),n},D=["html","svg"],q=new Set,J=(e,t,i)=>{q.add(e);const s=i?i.element:document.createElement("template"),n=t.querySelectorAll("style"),{length:o}=n;if(0===o)return void window.ShadyCSS.prepareTemplateStyles(s,e);const r=document.createElement("style");for(let e=0;e<o;e++){const t=n[e];t.parentNode.removeChild(t),r.textContent+=t.textContent}(e=>{D.forEach(t=>{const i=L.get(U(t,e));void 0!==i&&i.keyString.forEach(e=>{const{element:{content:t}}=e,i=new Set;Array.from(t.querySelectorAll("style")).forEach(e=>{i.add(e)}),p(e,i)})})})(e);const a=s.content;i?function(e,t,i=null){const{element:{content:s},parts:n}=e;if(null==i)return void s.appendChild(t);const o=document.createTreeWalker(s,133,null,!1);let r=x(n),a=0,c=-1;for(;o.nextNode();){c++;for(o.currentNode===i&&(a=m(t),i.parentNode.insertBefore(t,i));-1!==r&&n[r].index===c;){if(a>0){for(;-1!==r;)n[r].index+=a,r=x(n,r);return}r=x(n,r)}}}(i,r,a.firstChild):a.insertBefore(r,a.firstChild),window.ShadyCSS.prepareTemplateStyles(s,e);const c=a.querySelector("style");if(window.ShadyCSS.nativeShadow&&null!==c)t.insertBefore(c.cloneNode(!0),t.firstChild);else if(i){a.insertBefore(r,a.firstChild);const e=new Set;e.add(r),p(i,e)}};window.JSCompiler_renameProperty=(e,t)=>e;const B={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}},W=(e,t)=>t!==e&&(t==t||e==e),K={attribute:!0,type:String,converter:B,reflect:!1,hasChanged:W};class X extends HTMLElement{constructor(){super(),this.initialize()}static get observedAttributes(){this.finalize();const e=[];return this._classProperties.forEach((t,i)=>{const s=this._attributeNameForProperty(i,t);void 0!==s&&(this._attributeToPropertyMap.set(s,i),e.push(s))}),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=K){if(this._ensureClassProperties(),this._classProperties.set(e,t),t.noAccessor||this.prototype.hasOwnProperty(e))return;const i="symbol"==typeof e?Symbol():"__"+e,s=this.getPropertyDescriptor(e,i,t);void 0!==s&&Object.defineProperty(this.prototype,e,s)}static getPropertyDescriptor(e,t,i){return{get(){return this[t]},set(s){const n=this[e];this[t]=s,this.requestUpdateInternal(e,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this._classProperties&&this._classProperties.get(e)||K}static finalize(){const e=Object.getPrototypeOf(this);if(e.hasOwnProperty("finalized")||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 i of t)this.createProperty(i,e[i])}}static _attributeNameForProperty(e,t){const i=t.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof e?e.toLowerCase():void 0}static _valueHasChanged(e,t,i=W){return i(e,t)}static _propertyValueFromAttribute(e,t){const i=t.type,s=t.converter||B,n="function"==typeof s?s:s.fromAttribute;return n?n(e,i):e}static _propertyValueToAttribute(e,t){if(void 0===t.reflect)return;const i=t.type,s=t.converter;return(s&&s.toAttribute||B.toAttribute)(e,i)}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,i){t!==i&&this._attributeToProperty(e,i)}_propertyToAttribute(e,t,i=K){const s=this.constructor,n=s._attributeNameForProperty(e,i);if(void 0!==n){const e=s._propertyValueToAttribute(t,i);if(void 0===e)return;this._updateState=8|this._updateState,null==e?this.removeAttribute(n):this.setAttribute(n,e),this._updateState=-9&this._updateState}}_attributeToProperty(e,t){if(8&this._updateState)return;const i=this.constructor,s=i._attributeToPropertyMap.get(e);if(void 0!==s){const e=i.getPropertyOptions(s);this._updateState=16|this._updateState,this[s]=i._propertyValueFromAttribute(t,e),this._updateState=-17&this._updateState}}requestUpdateInternal(e,t,i){let s=!0;if(void 0!==e){const n=this.constructor;i=i||n.getPropertyOptions(e),n._valueHasChanged(this[e],t,i.hasChanged)?(this._changedProperties.has(e)||this._changedProperties.set(e,t),!0!==i.reflect||16&this._updateState||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(e,i))):s=!1}!this._hasRequestedUpdate&&s&&(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._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){}}X.finalized=!0;const Z=Element.prototype;Z.msMatchesSelector||Z.webkitMatchesSelector;const G=window.ShadowRoot&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,Q=Symbol();class Y{constructor(e,t){if(t!==Q)throw new Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e}get styleSheet(){return void 0===this._styleSheet&&(G?(this._styleSheet=new CSSStyleSheet,this._styleSheet.replaceSync(this.cssText)):this._styleSheet=null),this._styleSheet}toString(){return this.cssText}}const ee=(e,...t)=>{const i=t.reduce((t,i,s)=>t+(e=>{if(e instanceof Y)return e.cssText;if("number"==typeof e)return e;throw new Error(`Value passed to 'css' function must be a 'css' function result: ${e}. Use 'unsafeCSS' to pass non-literal values, but\n            take care to ensure page security.`)})(i)+e[s+1],e[0]);return new Y(i,Q)};(window.litElementVersions||(window.litElementVersions=[])).push("2.4.0");const te={};class ie extends X{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,i)=>e.reduceRight((e,i)=>Array.isArray(i)?t(i,e):(e.add(i),e),i),i=t(e,new Set),s=[];i.forEach(e=>s.unshift(e)),this._styles=s}else this._styles=void 0===e?[]:[e];this._styles=this._styles.map(e=>{if(e instanceof CSSStyleSheet&&!G){const t=Array.prototype.slice.call(e.cssRules).reduce((e,t)=>e+t.cssText,"");return new Y(String(t),Q)}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({mode:"open"})}adoptStyles(){const e=this.constructor._styles;0!==e.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?G?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!==te&&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 te}}ie.finalized=!0,ie.render=(e,t,i)=>{if(!i||"object"!=typeof i||!i.scopeName)throw new Error("The `scopeName` option is required.");const s=i.scopeName,o=O.has(t),r=F&&11===t.nodeType&&!!t.host,a=r&&!q.has(s),c=a?document.createDocumentFragment():t;if(((e,t,i)=>{let s=O.get(t);void 0===s&&(n(t,t.firstChild),O.set(t,s=new N(Object.assign({templateFactory:z},i))),s.appendInto(t)),s.setValue(e),s.commit()})(e,c,Object.assign({templateFactory:j(s)},i)),a){const e=O.get(c);O.delete(c);const i=e.value instanceof v?e.value.template:void 0;J(s,c,i),n(t,t.firstChild),t.appendChild(c),O.set(t,e)}!o&&r&&window.ShadyCSS.styleElement(t.host)};H`<svg role="img" aria-label="Inbox" xmlns="http://www.w3.org/2000/svg" width="18" height="14"><path d="M17.964 6.312c-.008-.115-.044-.229-.107-.335L14.49.363c-.047-.079-.128-.2-.243-.363H3.732c-.126.168-.212.289-.256.363L.108 5.977c-.064.106-.1.22-.107.335C0 6.324 0 8.711.001 13.474h17.963V6.312zm-3.742-.324c-.826 0-1.497.672-1.497 1.497 0 .413-.336.749-.749.749H5.99c-.413 0-.749-.336-.749-.749 0-.825-.672-1.497-1.497-1.497H1.847l2.694-4.49h8.882l2.695 4.49h-1.896z" fill="#FFF" fill-rule="nonzero"/></svg>`;const se=H`<svg role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><g stroke="#333" stroke-width="1.5" fill="none" fill-rule="evenodd"><path d="M5 5l15 13.569M20 5L5 18.569"/></g></svg>`,ne=H`<svg role="img" aria-label="Eliminar" xmlns="http://www.w3.org/2000/svg" width="13" height="16"><path d="M10.757 5.242c.248 0 .444.212.423.46l-.758 9.372c-.042.523-.478.926-1.002.926H3.028c-.525 0-.961-.403-1.003-.926l-.758-9.372c-.02-.248.175-.46.424-.46zm-7.406 1.1c-.266.017-.468.246-.452.512l.475 7.694c.016.256.228.453.482.453h.03c.266-.017.468-.246.452-.512l-.475-7.694c-.016-.267-.246-.469-.512-.453zm2.878 0c-.267 0-.483.216-.483.482v7.694c0 .267.216.483.483.483s.483-.216.483-.483V6.824c0-.266-.216-.483-.483-.483zm2.865 0c-.267-.015-.494.188-.51.454l-.453 7.694c-.016.266.187.495.453.51l.029.001c.254 0 .467-.198.482-.454l.453-7.694c.016-.266-.187-.495-.454-.51zm2.433-3.96c.264 0 .499.169.582.42l.318.95c.06.183-.019.37-.167.463-.06.039-.133.061-.211.061H.399c-.08 0-.15-.022-.211-.06-.149-.094-.228-.28-.167-.464l.317-.95c.083-.251.318-.42.582-.42zM7.624 0c.498 0 .902.405.902.903v.513h-.965v-.45H4.887v.45H3.92V.903c0-.498.405-.903.902-.903z" fill="#828282" fill-rule="nonzero"/></svg>`,oe=(H`<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="71px" height="71px" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(1 0 0 1 -8 -188 )"><path d="M 8.5 188.5  L 78.5 188.5  L 78.5 258.5  L 8.5 258.5  L 8.5 188.5  Z " fill-rule="nonzero" fill="#f2f2f2" stroke="none" /><path d="M 8.5 188.5  L 78.5 188.5  L 78.5 258.5  L 8.5 258.5  L 8.5 188.5  Z " stroke-width="1" stroke="#797979" fill="none" /><path d="M 8.35355339059327 188.353553390593  L 78.6464466094067 258.646446609407  M 78.6464466094067 188.353553390593  L 8.35355339059327 258.646446609407  " stroke-width="1" stroke="#797979" fill="none" /></g></svg>`,H`<svg role="img" aria-label="Contenido Premium" class="ue-c-retux-inbox__item-icon" xmlns="http://www.w3.org/2000/svg" width="10" height="10"><path d="M9.521 7.073c.285-.567.458-1.198.488-1.863H5.366v1.9h4.135l.02-.037M4.846 2.688H.747c-.346.606-.56 1.292-.602 2.02h4.7v-2.02zm.52 0v2.02h4.64c-.043-.728-.257-1.414-.601-2.02H5.366zm-.52 2.522H.141c.032.681.212 1.324.507 1.9h4.198v-1.9zm0 2.401h-3.9c.846 1.239 2.27 2.075 3.9 2.147V7.612zm.52-5.425h3.708C8.228 1.064 6.891.31 5.366.226v1.96zm0 5.425v2.143c1.605-.09 3.005-.92 3.838-2.143H5.366zm-.52-5.425V.222c-1.55.068-2.911.827-3.769 1.964h3.769z" fill="#A88938" fill-rule="evenodd"/></svg>`),re=H`<svg role="img" aria-label="Contenido Usuario Registrado" class="ue-c-retux-inbox__item-icon" xmlns="http://www.w3.org/2000/svg" width="10" height="10"><path d="M9.521 7.073c.285-.567.458-1.198.488-1.863H5.366v1.9h4.135l.02-.037M4.846 2.688H.747c-.346.606-.56 1.292-.602 2.02h4.7v-2.02zm.52 0v2.02h4.64c-.043-.728-.257-1.414-.601-2.02H5.366zm-.52 2.522H.141c.032.681.212 1.324.507 1.9h4.198v-1.9zm0 2.401h-3.9c.846 1.239 2.27 2.075 3.9 2.147V7.612zm.52-5.425h3.708C8.228 1.064 6.891.31 5.366.226v1.96zm0 5.425v2.143c1.605-.09 3.005-.92 3.838-2.143H5.366zm-.52-5.425V.222c-1.55.068-2.911.827-3.769 1.964h3.769z" fill="#738082" fill-rule="evenodd"/></svg>`;customElements.define("retux-inbox",class extends ie{static get styles(){return ee`
        @keyframes fadeIn {
            from {
                opacity: 0;
            }

            to {
                opacity: 1;
            }
        }

        .hidden-content {
            position: absolute !important;
            height: 1px;
            width: 1px;
            overflow: hidden;
            clip: rect(1px, 1px, 1px, 1px);
            -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
            clip-path: polygon(0 0, 0 0, 0 0, 0 0);
            background-color: #fff;
            color: #000;
        }

        .ue-c-retux-inbox {
            width: 100%;
            z-index: 999999999999999;
            position: fixed;
            top: 0;
            left: 0;
            background: #ffffff;
            display: block;
            height: 100vh;
            animation: fadeIn 0.2s ease;
        }


        .ue-c-retux-inbox__container {
            width: 100%;
            display: flex;
            align-items: center;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__container {
                max-width: 50.5rem;
                margin: 0 auto;
            }
        }

        .ue-c-retux-inbox__header {
            padding: 1rem;
            border-bottom: 1px solid #d7d7d7;
            box-sizing: border-box;
            background: #ffffff;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__header {
                border-bottom: 0;
                background: #216087;
            }
        }

        .ue-c-retux-inbox__header-title {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 0.9375rem;
            color: #000;
            text-transform: uppercase;
            flex: 1;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__header-title {
                color: #fff;
                flex: 0 1 auto;
                margin-right: 4.6875rem;
            }
        }

        .ue-c-retux-inbox__switch {
            margin-right: 24px;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__switch {
                flex: 1;
                margin-right: 0;
            }
        }

        .ue-c-retux-inbox__switch input:checked+label {
            background-color: #68b9c9;
        }

        .ue-c-retux-inbox__switch input:checked+label:before {
            transform: translate(18px, -50%);
            background-color: #216087;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__switch input:checked+label:before {
                background-color: #e0e9f2;
            }
        }

        .ue-c-retux-inbox__switch input:focus+label:before {
            background-color: #68b9c9;
            box-shadow: 0 0 0.25rem 0 rgba(64, 64, 64, 0.5);
        }

        .ue-c-retux-inbox__switch label {
            background-color: #bdc1c6;
            width: 32px;
            height: 12px;
            border-radius: 0.375rem;
            display: inline-block;
            position: relative;
            cursor: pointer;
        }

        .ue-c-retux-inbox__switch label:before {
            content: '';
            transition: .2s;
            display: block;
            position: absolute;
            width: 16px;
            height: 16px;
            background-color: #ffffff;
            border-radius: 50%;
            box-shadow: 0 0 0.25rem 0 rgba(64, 64, 64, 0.5);
            top: 50%;
            transform: translate(-2px, -50%);
        }

        .ue-c-retux-inbox__close {
            border: 0;
            margin: 0;
            padding: 0;
            background: transparent;
            cursor: pointer;
        }

        .ue-c-retux-inbox__close svg g {
            stroke: #333;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__close svg g {
                stroke: #fff;
            }
        }

        .ue-c-retux-inbox__counter {
            border-bottom: 1px solid #d7d7d7;
            margin: 0;
            padding: 8px 16px;
            font-family: Arial;
            font-size: 0.9375rem;
            color: #000;
        }

        .ue-c-retux-inbox__counter p {
            margin: 0;
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 0.9375rem;
        }

        .ue-c-retux-inbox__counter strong {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-weight: bold;
        }

        .ue-c-retux-inbox__status {
            padding: 24px 16px;
        }

        .ue-c-retux-inbox__status .ue-c-retux-inbox__container {
            flex-direction: column;
            align-items: flex-start;
        }

        .ue-c-retux-inbox__status-title {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 1.125rem;
            line-height: 1.25rem;
            color: #000000;
            display: block;
            margin: 0 0 1.25rem;
        }

        .ue-c-retux-inbox__status-msg {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 1rem;
            line-height: 1.375rem;
            color: #000000;
            margin: 0;
        }

        .ue-c-retux-inbox__articles {
            background: #e2e2e2;
            height: calc(100vh - 90px);
            overflow-y: auto;
        }

        .ue-c-retux-inbox__articles-list {
            margin: 0;
            padding: 0;
            background: #ffffff;
            width: 100%;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__articles-list {
                box-shadow: 0 2px 4px 0 rgba(108, 108, 108, 0.5);
                padding: 1.25rem;
            }
        }

        .ue-c-retux-inbox__item {
            position: relative;
            display: flex;
            background-color: #e1eaf2;
            padding: 1rem;
            border-bottom: 1px solid #fff;
            box-sizing: border-box;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__item {
                min-height: 90px;
            }
        }

        .ue-c-retux-inbox__item:before {
            content: '';
            width: auto;
            height: 100%;
            border-left: 3px solid #7692a8;
            position: absolute;
            top: 0;
            left: 0;
        }

        .ue-c-retux-inbox__item-container {
            display: flex;
            width: 100%;
        }

        .ue-c-retux-inbox__item-media {
            margin-right: 1rem;
            display: flex;
            align-items: center;
        }

        .ue-c-retux-inbox__item-media-img {
            width: 3.125rem;
            height: 3.125rem;
            justify-content: center;
            overflow: hidden;
            background-position: center;
            background-size: cover;
        }

        .ue-c-retux-inbox__item-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding-right: 1.125rem;
        }

        .ue-c-retux-inbox__item-kicker {
            font-family: 'Roboto_condensed', Tahoma, Geneva, sans-serif;
            font-weight: bold;
            font-size: 0.8125rem;
            line-height: 0.8125rem;
            text-transform: uppercase;
            color: #666666;
            margin: 0 0 0.5rem;
        }

        .ue-c-retux-inbox__item-link {
            text-decoration: none;
            color: #000;
        }

        .ue-c-retux-inbox__item-link:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 2;
        }

        .ue-c-retux-inbox__item-headline {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-weight: bold;
            font-size: 0.875rem;
            line-height: 1rem;
            color: #000000;
            margin: 0 0 0.3125rem;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .ue-c-retux-inbox__item-icon {
            margin-right: 0.313rem;
            position: relative;
            top: -1px;
        }

        .ue-c-retux-inbox__item-byline {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

        .ue-c-retux-inbox__item-byline-list {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            display: contents;
            align-items: center;
            flex-wrap: wrap;
        }

        .ue-c-retux-inbox__item-byline-item {
            display: flex;
            align-items: center;
            margin-top: 0;
        }

        .ue-c-retux-inbox__item-byline-item {
            margin-right: 0.3125rem;
        }

        .ue-c-retux-inbox__item-byline-item:after {
            content: '';
            width: 1px;
            height: 8px;
            background: #000000;
            margin-left: 0.375rem;
            position: relative;
            top: -1px;
        }

        .ue-c-retux-inbox__item-byline-name {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 0.625rem;
            line-height: 0.625rem;
            letter-spacing: 0.6px;
            text-transform: uppercase;
            color: #000000;
        }

        .ue-c-retux-inbox__item-timeago {
            font-family: 'Roboto', Arial, Helvetica, sans-serif;
            font-size: 0.625rem;
            line-height: 0.625rem;
            color: #000000;
            display: flex;
        }

        .ue-c-retux-inbox__item-delete {
            border: 0;
            margin: 0 -0.625rem 0 0;
            padding: 0.625rem;
            background: transparent;
            cursor: pointer;
            position: relative;
            z-index: 1000;
            display: flex;
            align-items: center;
        }

        .ue-c-retux-inbox__item--isOpinion .ue-c-retux-inbox__item-headline {
            font-style: italic;
        }

        @media (max-width: 46.24em) {
            .ue-c-retux-inbox__item--isSpecial {
                padding-top: 1rem;
            }
        }

        .ue-c-retux-inbox__item--isSpecial .ue-c-retux-inbox__item-container {
            flex-wrap: wrap;
        }

        @media (max-width: 46.24em) {
            .ue-c-retux-inbox__item--isSpecial .ue-c-retux-inbox__item-media {
                margin-right: 0;
                margin-bottom: 0.625rem;
            }
        }

        .ue-c-retux-inbox__item--isSpecial .ue-c-retux-inbox__item-media img {
            width: 100%;
            height: auto;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__item--isSpecial .ue-c-retux-inbox__item-media img {
                max-width: 200px;
            }
        }

        .ue-c-retux-inbox__item--isSpecial .ue-c-retux-inbox__item-content {
            justify-content: flex-start;
        }

        .ue-c-retux-inbox__item--isRead {
        background-color: #ffffff;
        border-bottom: 1px solid #f1f1f1;
        }

        @media (min-width: 46.25em) {
            .ue-c-retux-inbox__item--isRead {
                border: 1px solid #f1f1f1;
            }
        }

        .ue-c-retux-inbox__item--isRead:before {
            content: none;
        }

        .ue-c-retux-inbox__item--isRead .ue-c-retux-inbox__item-headline {
            font-weight: normal;
        }


        /* ICON RETUX INBOX */
        .ue-c-main-header__retux-inbox {
            background: transparent;
            padding: 7px 6px;
            border: none;
            margin: 0;
            cursor: pointer;
            margin-right: 10px;
            position: relative;
        }

        .ue-c-main-header__retux-inbox svg path {
            fill: #216088;
        }

        .ue-c-main-header__retux-inbox--rounded {
            background: white;
            border-radius: 100%;
        }

        .ue-c-main-header__retux-inbox--inverted svg path {
            fill: white;
        }

        .ue-c-main-header__retux-inbox--inverted.ue-c-main-header__retux-inbox--rounded {
            background: #216088;
        }

        .ue-c-main-header__retux-inbox--inverted.ue-c-main-header__retux-inbox--new:after {
            border: none;
            top: 5px;
            right: 6px;
        }

        .ue-c-main-header__retux-inbox--new:after {
            content: "";
            position: absolute;
            background: #d63b27;
            border-radius: 100%;
            width: 6px;
            height: 6px;
            top: 4px;
            right: 5px;
            border: 1px solid white;
            pointer-events: none;
        }

        .ue-c-main-header__retux-inbox+.ue-c-main-header__nav {
            width: px-rem(45px);
        }
    `}static get properties(){return{storageChecked:{type:Object},inactive:{type:Boolean},articles:{type:Array},unreadArticles:{type:Number},event:{type:String},connectEvent:{type:String},disconnectEvent:{type:String},hasNewsEvent:{type:String},noNewsEvent:{type:String},toogleInboxEvent:{type:String},isVisible:{type:Boolean},articlesLimit:{type:Number},timeLimit:{type:Number}}}constructor(){super(),this.storageChecked={},this.isStorageAvailable("localStorage")?this.inactive=this.parseJson(localStorage.getItem("retux_inbox_inactive"))||!1:this.inactive=!1,this.isStorageAvailable("sessionStorage")?this.articles=this.parseJson(sessionStorage.getItem("retux_inbox_articles"))||[]:this.articles=[],this.unreadArticles=this.articles.filter(e=>!e.isRead).length,this.event="em-retux-inbox-msg-event",this.connectEvent="em-retux-inbox-connected-event",this.disconnectEvent="em-retux-inbox-disconnected-event",this.hasNewsEvent="inbox-has-news-event",this.noNewsEvent="inbox-has-zero-news-event",this.toogleInboxEvent="toogle-inbox-event",this.isVisible=!1,this.articlesLimit=50,this.timeLimit=12,this.nodesToFocus=[],this.focusIndex=0,this.keyListener=e=>{"Escape"===e.code&&(this.closeInbox(),e.preventDefault()),"Space"===e.code&&(this.nodesToFocus[this.focusIndex].classList.contains("ue-c-retux-inbox__item-link")&&(this.markAsRead(this.nodesToFocus[this.focusIndex].id),window.location.href=this.nodesToFocus[this.focusIndex].href,e.preventDefault()),this.nodesToFocus[this.focusIndex].classList.contains("ue-c-retux-inbox__item-delete")&&(this.removeArticle(null,this.nodesToFocus[this.focusIndex].id),e.preventDefault()),"ue-c-retux-inbox__switch-input"===this.nodesToFocus[this.focusIndex].name&&this.startAccessibilityLogic()),"Tab"!==e.code||e.shiftKey?"Tab"===e.code&&e.shiftKey&&(this.focusIndex>0?this.focusIndex-=1:this.focusIndex=this.nodesToFocus.length-1,this.nodesToFocus[this.focusIndex]&&this.nodesToFocus[this.focusIndex].focus(),e.preventDefault()):(this.focusIndex<this.nodesToFocus.length-1?this.focusIndex+=1:this.focusIndex=0,this.nodesToFocus[this.focusIndex]&&this.nodesToFocus[this.focusIndex].focus(),e.preventDefault())}}firstUpdated(){const e={componentName:"retuxInbox",internalCustomEvent:this.event,internalDisconnectCustomEvent:this.disconnectEvent},t=new CustomEvent("discoveryRetuxComponent",{detail:e});if(window.document.dispatchEvent(t),window.retuxDiscoverComponents||(window.retuxDiscoverComponents=[]),window.retuxDiscoverComponents.push(e),this.unreadArticles>0){let e=new CustomEvent(this.hasNewsEvent);window.document.dispatchEvent(e)}let i=window.document.URL.split(".");if("html"===i[i.length-1]){let e=i[i.length-2].split("/"),t=e[e.length-1],s=this.articles.find(e=>e.id===t);t&&s&&(s.isRead=!0,this.articles=[...this.articles],this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify(this.articles)))}}updated(e){if(e.has("isVisible")&&!1===e.get("isVisible")?(this.articles=this.articles.filter(e=>{const t=new Date-new Date(e.timestamp);if(Math.floor(t/1e3/60/60)<=this.timeLimit)return e}),this.articles=[...this.articles],this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify(this.articles)),this.startAccessibilityLogic(),this.sendAnalyticsString("retux: Abrir buzón de entrada"),document.body.classList.add("no-scroll")):e.has("isVisible")&&!0===e.get("isVisible")&&document.body.classList.remove("no-scroll"),e.has("articles")&&void 0!==e.get("articles")){if(this.unreadArticles=this.articles.filter(e=>!e.isRead).length,this.unreadArticles>0){let e=new CustomEvent(this.hasNewsEvent);window.document.dispatchEvent(e)}else{let e=new CustomEvent(this.noNewsEvent);window.document.dispatchEvent(e)}this.startAccessibilityLogic()}}connectedCallback(){super.connectedCallback(),window.document.addEventListener(this.event,this.receiveNews.bind(this)),window.document.addEventListener(this.toogleInboxEvent,this.toogleInbox.bind(this))}disconnectedCallback(){super.disconnectedCallback(),window.document.removeEventListener(this.event,this.receiveNews.bind(this)),window.document.removeEventListener(this.toogleInboxEvent,this.toogleInbox.bind(this));const e=new CustomEvent(this.disconnectEvent);window.document.dispatchEvent(e)}render(){return this.isVisible?H`
        <div class="ue-c-retux-inbox" aria-label="Noticias de tu interés" id="ID_panel_desplegable" role="dialog" aria-modal="true">
            <div class="ue-c-retux-inbox__header">
                <div class="ue-c-retux-inbox__container">
                    <span class="ue-c-retux-inbox__header-title" aria-hidden="true">Noticias de tu interés</span>
                    <div class="ue-c-retux-inbox__switch">
                        ${this.getInputNode()}
                        <label for="ue-c-retux-inbox__switch-input">                        
                            <span class="hidden-content">Noticias de tu interés</span>
                        </label>
                    </div>
                    <button @click="${this.closeInbox}" class="ue-c-retux-inbox__close">
                        <span class="hidden-content">Cerrar</span>
                        ${se}
                    </button>
                </div>
            </div>
            <div class="ue-c-retux-inbox__counter ${this.inactive?"hidden-content":""}" aria-live="polite" aria-atomic="true" id="ID_retux_msg_sin_leer">
                <div class="ue-c-retux-inbox__container">
                    <p><strong>${this.unreadArticles}</strong> noticias sin leer</p>
                </div>
            </div>
            <div class="ue-c-retux-inbox__status ${this.articles.length>0?"hidden-content":""}">
                <div class="ue-c-retux-inbox__container">
                    <span class="ue-c-retux-inbox__status-title" aria-live="polite">${this.inactive?"Avisos desactivados":"Avisos activados"}</span>
                    <p class="ue-c-retux-inbox__status-msg">${this.inactive?"Activa esta opción si deseas recibir avisos con nuevas noticias de tu interés":"Aquí te mostraremos las nuevas noticias sobre temas de tu interés durante tu visita en EL MUNDO."}</p>
                </div>
            </div>
            <div class="ue-c-retux-inbox__articles ${this.articles.length>0?"":"hidden-content"}">
                <div class="ue-c-retux-inbox__container" role="region" aria-labelledby="ID_retux_msg_sin_leer">
                    <ul class="ue-c-retux-inbox__articles-list">
                        ${this.generateListItems()}
                    </ul>
                </div>
            </div>
        </div>
    `:""}getInputNode(){return this.inactive?H`<input type="checkbox" name="ue-c-retux-inbox__switch-input" class="hidden-content" id="ue-c-retux-inbox__switch-input" @click="${this.handleSwitch}">`:H`<input type="checkbox" name="ue-c-retux-inbox__switch-input" class="hidden-content" id="ue-c-retux-inbox__switch-input" @click="${this.handleSwitch}" checked>`}closeInbox(){const e=new CustomEvent("close-inbox-event");window.document.dispatchEvent(e),this.isVisible=!1,document.getElementById("inbox-button").focus(),document.removeEventListener("keydown",this.keyListener,!0),this.focusIndex=0,this.nodesToFocus=[],this.sendAnalyticsString("retux: Cerrar buzón de entrada")}toogleInbox(){this.isVisible=!this.isVisible}generateListItems(){return this.articles.map(e=>e.isSpecial?H`
            <li class="ue-c-retux-inbox__item
                    ${"opinion"===e.type?"ue-c-retux-inbox__item--isOpinion":""}
                    ue-c-retux-inbox__item--isSpecial
                    ${e.isRead?"ue-c-retux-inbox__item--isRead":""}"
                @click="${()=>this.markAsRead(e.id)}"
                role="group">
                <div class="ue-c-retux-inbox__item-container" role="group" aria-labelledby="${e.id}">
                    ${e.multimedia&&e.multimedia.length>0&&e.multimedia[0].url&&e.multimedia[0].url.length>0?H`
                        <div class="ue-c-retux-inbox__item-media">
                            <img src="${e.multimedia[0].url}" onerror="this.parentNode.style='display: none';"/>
                        </div>
                    `:""}
                    <div class="ue-c-retux-inbox__item-content">
                        <span class="ue-c-retux-inbox__item-kicker">${e.seccion}</span>
                        <a href="${e.url?e.url:"#"}" class="ue-c-retux-inbox__item-link" id="${e.id}">
                            <span class="ue-c-retux-inbox__item-headline">
                                ${e.cintillo}${e.cintillo.length>0?". ":""}${e.titulo}
                            </span>
                        </a>
                        <div class="ue-c-retux-inbox__item-byline">
                            ${this.getIsPremiumIcon(e)}
                            ${e.firmas?H`
                                <ul class="ue-c-retux-inbox__item-byline-list">
                                    ${this.generateSignatures(e)}
                                </ul>`:""}
                            <span class="ue-c-retux-inbox__item-timeago">${this.getTimeString(e)}</span>
                        </div>
                    </div>
                    <button class="ue-c-retux-inbox__item-delete" @click="${t=>this.removeArticle(t,e.id)}">${ne}</button>
                </div>
            </li>
          `:H`
            <li class="ue-c-retux-inbox__item
                    ${"opinion"===e.type?"ue-c-retux-inbox__item--isOpinion":""}
                    ${e.isRead?"ue-c-retux-inbox__item--isRead":""}"
                @click="${()=>this.markAsRead(e.id)}"
                role="group">
                <div class="ue-c-retux-inbox__item-container" role="group" aria-labelledby="${e.id}">
                    ${e.multimedia&&e.multimedia.length>0&&e.multimedia[0].url&&e.multimedia[0].url.length>0?H`
                        <div class="ue-c-retux-inbox__item-media">
                            <div class="ue-c-retux-inbox__item-media-img" style="background-image: url('${e.multimedia[0].url}')"></div>
                        </div>
                    `:""}
                    <div class="ue-c-retux-inbox__item-content">
                        <span class="ue-c-retux-inbox__item-kicker">${e.seccion}</span>
                        <a href="${e.url?e.url:"#"}" class="ue-c-retux-inbox__item-link" id="${e.id}">
                            <span class="ue-c-retux-inbox__item-headline">
                                ${e.cintillo}${e.cintillo.length>0?". ":""}${e.titulo}
                            </span>
                        </a>
                        <div class="ue-c-retux-inbox__item-byline">
                            ${this.getIsPremiumIcon(e)}
                            <span class="hidden-content">Redacción: </span>
                            ${e.firmas?H`
                                <ul class="ue-c-retux-inbox__item-byline-list">
                                    ${this.generateSignatures(e)}
                                </ul>`:""}
                            <span class="ue-c-retux-inbox__item-timeago">${this.getTimeString(e)}</span>
                        </div>
                    </div>
                    <button class="ue-c-retux-inbox__item-delete" @click="${t=>this.removeArticle(t,e.id)}">${ne}</button>
                </div>
            </li>
          `)}handleSwitch(e){if(this.inactive=e.path?!e.path[0].checked:!e.target.checked,this.isStorageAvailable("localStorage")&&localStorage.setItem("retux_inbox_inactive",this.inactive),this.inactive){this.articles.length=0,this.articles=[...this.articles],this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify([]));const e=new CustomEvent(this.disconnectEvent);window.document.dispatchEvent(e);const t=new CustomEvent(this.noNews);window.document.dispatchEvent(t),this.sendAnalyticsString("retux: Desactivar notificaciones")}else{const e=new CustomEvent(this.connectEvent);window.document.dispatchEvent(e),this.sendAnalyticsString("retux: Activar notificaciones")}}generateSignatures(e){return e.firmas.map(e=>e.name?H`
            <li class="ue-c-retux-inbox__item-byline-item">
                <span class="hidden-content">Redacción: </span>
                <span class="ue-c-retux-inbox__item-byline-name">
                    ${e.name}
                </span>
            </li>
        `:"")}markAsRead(e){this.articles.find(t=>t.id===e).isRead||(this.articles.find(t=>t.id===e).isRead=!0,this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify(this.articles)),this.articles=[...this.articles]),this.sendAnalyticsString("retux: Buzón Abrir noticia")}removeArticle(e,t){e&&e.stopPropagation();const i=this.articles.length;if(this.articles.splice(this.articles.indexOf(this.articles.find(e=>e.id===t)),1),this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify(this.articles)),this.articles=[...this.articles],i>0&&0===this.articles.length){const e=new CustomEvent(this.noNews);window.document.dispatchEvent(e)}}receiveNews(e){e&&e.detail&&!this.inactive&&(e.detail.forEach(e=>{let t;e.multimedia&&e.multimedia.length>1&&(e.multimedia=e.multimedia.sort((e,t)=>e.width>t.width?1:t.width>e.width?-1:0)),t=this.isStorageAvailable("sessionStorage")?this.parseJson(sessionStorage.getItem("retux_inbox_articles"))||[]:this.articles;let i=!1,s=this.unreadArticles;if(t.forEach(t=>{t.id===e.id&&(i=!0)}),i||(t.length===this.articlesLimit&&t.pop(),e.timestamp=new Date,t.unshift(e),t=[...t],this.isStorageAvailable("sessionStorage")&&sessionStorage.setItem("retux_inbox_articles",JSON.stringify(t)),this.articles=[...t]),0===s&&this.unreadArticles>0){let e=new CustomEvent(this.hasNewsEvent);window.document.dispatchEvent(e)}}),this.startAccessibilityLogic())}getTimeString(e){let t="";const i=parseInt((new Date-new Date(e.timestamp))/6e4);return t=0===i?H`Justo ahora`:1===i?H`Hace ${i} minuto`:i<60?H`Hace ${i} minutos`:Math.floor(i/60)<=1?i%60!=0?H`Hace ${Math.floor(i/60)} hora y ${i%60} minutos`:H`Hace ${Math.floor(i/60)} hora`:i%60!=0?H`Hace ${Math.floor(i/60)} horas y ${i%60} minutos`:H`Hace ${Math.floor(i/60)} horas`,t}getIsPremiumIcon(e){let t="";return"signwall"===e.tipoAcceso&&(t=H`${re}`),e.isPremium&&(t=H`${oe}`),t}isStorageAvailable(e){try{if(this.storageChecked.hasOwnProperty(e))return this.storageChecked[e];let t="o.O",i=window[e];return i.setItem(t,t),i.removeItem(t),this.storageChecked[e]=!0,!0}catch(t){return this.storageChecked[e]=!1,!1}}parseJson(e){let t=null;try{t=JSON.parse(e)}catch(e){e instanceof SyntaxError?console.log(`${e.name}: ${e.message}`):console.log(e)}return t}sendAnalyticsString(e){"function"==typeof envioSC&&envioSC(e)}startAccessibilityLogic(){this.focusIndex=0,this.nodesToFocus=[];const e=this.shadowRoot.querySelectorAll("\n            #ue-c-retux-inbox__switch-input,\n            .ue-c-retux-inbox__close"),t=this.shadowRoot.querySelectorAll(".ue-c-retux-inbox__item-container > *:not(.ue-c-retux-inbox__item-media)");for(let t of e)this.nodesToFocus.push(t);for(let e of t)e.classList.contains("ue-c-retux-inbox__item-content")?this.nodesToFocus.push(e.querySelector(".ue-c-retux-inbox__item-link")):this.nodesToFocus.push(e);this.nodesToFocus[this.focusIndex]&&this.nodesToFocus[this.focusIndex].focus(),document.addEventListener("keydown",this.keyListener,!0)}})}]);