@SylvainGa wrote:
Hi, whenever I go into the Integrations page, I get the following error twice in a row in home-assistant.log. It’s all in one line with %dd replacing the non alphabet/digit characters as such:
2020-02-10 19:34:42 ERROR (MainThread) [frontend.js.latest.202001301] data:text/javascript;charset=utf-8,%2F*!%20For%20license%20information%20please%20see%20scripts.js.LICENSE%20*%2F%0A!function....But I exploded it to make it easier to see and hopefully someone can/will pinpoint the problem:
2020-02-10 19:34:42 ERROR (MainThread) [frontend.js.latest.202001301] data:text/javascript;charset=utf-8,/*! For license information please see scripts.js.LICENSE */ !function(t){var e={};function s(i){if(e[i])return e[i].exports;var n=e[i]={i:i,l:!1,exports:{}};return t[i].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.m=t,s.c=e,s.d=function(t,e,i){s.o(t,e)||Object.defineProperty(t,e,{configurable:!1,enumerable:!0,get:i})},s.r=function(t){Object.defineProperty(t,"__esModule",{value:!0})},s.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return s.d(e,"a",e),e},s.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},s.p="",s(s.s=0)}([function(t,e,s){"use strict";function i(t,e,s,i=!1){t._themes||(t._themes={});let n=e.default_theme;("default"===s||s&&e.themes[s])&&(n=s);const a={...t._themes};if("default"!==n){const s=e.themes[n];Object.keys(s).forEach(e=>{const i="--"+e;t._themes[i]="",a[i]=s[e]})}if(t.updateStyles?t.updateStyles(a):window.ShadyCSS&&window.ShadyCSS.styleSubtree(t,a),!i)return;const o=document.querySelector("meta[name=theme-color]");if(o){o.hasAttribute("default-content")||o.setAttribute("default-content",o.getAttribute("content"));const t=a["--primary-color"]||o.getAttribute("default-content");o.setAttribute("content",t)}}function n(t){return t.substr(0,t.indexOf("."))}function a(t){return n(t.entity_id)}function o(t,e,s){const i=t;let n;i.lastChild&&i.lastChild.tagName===e?n=i.lastChild:(i.lastChild&&i.removeChild(i.lastChild),n=document.createElement(e.toLowerCase())),n.setProperties?n.setProperties(s):Object.keys(s).forEach(t=>{n[t]=s[t]}),null===n.parentNode&&i.appendChild(n)}s.r(e);const r=(t,e)=>0!=(t.attributes.supported_features&e),l=["climate","cover","configurator","input_select","input_number","input_text","lock","media_player","scene","script","timer","vacuum","water_heater","weblink"];new Set(["fan","input_boolean","light","switch","group","automation"]);const c=new WeakMap,d=t=>"function"==typeof t&&c.has(t),u=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,h=(t,e,s=null)=>{let i=e;for(;i!==s;){const e=i.nextSibling;t.removeChild(i),i=e}},p={},m={},g=`{{lit-${String(Math.random()).slice(2)}}}`,y=`\x3c!--${g}--\x3e`,b=new RegExp(`${g}|${y}`),_="$lit$";class f{constructor(t,e){this.parts=[],this.element=e;let s=-1,i=0;const n=[],a=e=>{const o=e.content,r=document.createTreeWalker(o,133,null,!1);let l=0;for(;r.nextNode();){s++;const e=r.currentNode;if(1===e.nodeType){if(e.hasAttributes()){const n=e.attributes;let a=0;for(let t=0;t<n.length;t++)n[t].value.indexOf(g)>=0&&a++;for(;a-- >0;){const n=t.strings[i],a=S.exec(n)[2],o=a.toLowerCase()+_,r=e.getAttribute(o).split(b);this.parts.push({type:"attribute",index:s,name:a,strings:r}),e.removeAttribute(o),i+=r.length-1}}"TEMPLATE"===e.tagName&&a(e)}else if(3===e.nodeType){const t=e.data;if(t.indexOf(g)>=0){const a=e.parentNode,o=t.split(b),r=o.length-1;for(let t=0;t<r;t++)a.insertBefore(""===o[t]?v():document.createTextNode(o[t]),e),this.parts.push({type:"node",index:++s});""===o[r]?(a.insertBefore(v(),e),n.push(e)):e.data=o[r],i+=r}}else if(8===e.nodeType)if(e.data===g){const t=e.parentNode;null!==e.previousSibling&&s!==l||(s++,t.insertBefore(v(),e)),l=s,this.parts.push({type:"node",index:s}),null===e.nextSibling?e.data="":(n.push(e),s--),i++}else{let t=-1;for(;-1!==(t=e.data.indexOf(g,t+1));)this.parts.push({type:"node",index:-1})}}};a(e);for(const t of n)t.parentNode.removeChild(t)}}const w=t=>-1!==t.index,v=()=>document.createComment(""),S=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F \x09\x0a\x0c\x0d"'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;class C{constructor(t,e,s){this._parts=[],this.template=t,this.processor=e,this.options=s}update(t){let e=0;for(const s of this._parts)void 0!==s&&s.setValue(t[e]),e++;for(const t of this._parts)void 0!==t&&t.commit()}_clone(){const t=u?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=this.template.parts;let s=0,i=0;const n=t=>{const a=document.createTreeWalker(t,133,null,!1);let o=a.nextNode();for(;s<e.length&&null!==o;){const t=e[s];if(w(t))if(i===t.index){if("node"===t.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(o.previousSibling),this._parts.push(t)}else this._parts.push(...this.processor.handleAttributeExpressions(o,t.name,t.strings,this.options));s++}else i++,"TEMPLATE"===o.nodeName&&n(o.content),o=a.nextNode();else this._parts.push(void 0),s++}};return n(t),u&&(document.adoptNode(t),customElements.upgrade(t)),t}}class x{constructor(t,e,s,i){this.strings=t,this.values=e,this.type=s,this.processor=i}getHTML(){const t=this.strings.length-1;let e="";for(let s=0;s<t;s++){const t=this.strings[s],i=S.exec(t);e+=i?t.substr(0,i.index)+i[1]+i[2]+_+i[3]+g:t+y}return e+this.strings[t]}getTemplateElement(){const t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}const E=t=>null===t||!("object"==typeof t||"function"==typeof t);class O{constructor(t,e,s){this.dirty=!0,this.element=t,this.name=e,this.strings=s,this.parts=[];for(let t=0;t<s.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new T(this)}_getValue(){const t=this.strings,e=t.length-1;let s="";for(let i=0;i<e;i++){s+=t[i];const e=this.parts[i];if(void 0!==e){const t=e.value;if(null!=t&&(Array.isArray(t)||"string"!=typeof t&&t[Symbol.iterator]))for(const e of t)s+="string"==typeof e?e:String(e);else s+="string"==typeof t?t:String(t)}}return s+t[e]}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class T{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===p||E(t)&&t===this.value||(this.value=t,d(t)||(this.committer.dirty=!0))}commit(){for(;d(this.value);){const t=this.value;this.value=p,t(this)}this.value!==p&&this.committer.commit()}}class A{constructor(t){this.value=void 0,this._pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(v()),this.endNode=t.appendChild(v())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t._insert(this.startNode=v()),t._insert(this.endNode=v())}insertAfterPart(t){t._insert(this.startNode=v()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this._pendingValue=t}commit(){for(;d(this._pendingValue);){const t=this._pendingValue;this._pendingValue=p,t(this)}const t=this._pendingValue;t!==p&&(E(t)?t!==this.value&&this._commitText(t):t instanceof x?this._commitTemplateResult(t):t instanceof Node?this._commitNode(t):Array.isArray(t)||t[Symbol.iterator]?this._commitIterable(t):t===m?(this.value=m,this.clear()):this._commitText(t))}_insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}_commitNode(t){this.value!==t&&(this.clear(),this._insert(t),this.value=t)}_commitText(t){const e=this.startNode.nextSibling;t=null==t?"":t,e===this.endNode.previousSibling&&3===e.nodeType?e.data=t:this._commitNode(document.createTextNode("string"==typeof t?t:String(t))),this.value=t}_commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value instanceof C&&this.value.template===e)this.value.update(t.values);else{const s=new C(e,t.processor,this.options),i=s._clone();s.update(t.values),this._commitNode(i),this.value=s}}_commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let s,i=0;for(const n of t)void 0===(s=e[i])&&(s=new A(this.options),e.push(s),0===i?s.appendIntoPart(this):s.insertAfterPart(e[i-1])),s.setValue(n),s.commit(),i++;i<e.length&&(e.length=i,this.clear(s&&s.endNode))}clear(t=this.startNode){h(this.startNode.parentNode,t.nextSibling,this.endNode)}}class I extends T{}let U=!1;try{const t={get capture(){return U=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}const N=t=>t&&(U?{capture:t.capture,passive:t.passive,once:t.once}:t.capture),k=new class{handleAttributeExpressions(t,e,s,i){const n=e[0];return"."===n?new class extends O{constructor(t,e,s){super(t,e,s),this.single=2===s.length&&""===s[0]&&""===s[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())}}(t,e.slice(1),s).parts:"@"===n?[new class{constructor(t,e,s){this.value=void 0,this._pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=s,this._boundHandleEvent=(t=>this.handleEvent(t))}setValue(t){this._pendingValue=t}commit(){for(;d(this._pendingValue);){const t=this._pendingValue;this._pendingValue=p,t(this)}if(this._pendingValue===p)return;const t=this._pendingValue,e=this.value,s=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),i=null!=t&&(null==e||s);s&&this.element.removeEventListener(this.eventName,this._boundHandleEvent,this._options),i&&(this._options=N(t),this.element.addEventListener(this.eventName,this._boundHandleEvent,this._options)),this.value=t,this._pendingValue=p}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}(t,e.slice(1),i.eventContext)]:"?"===n?[new class{constructor(t,e,s){if(this.value=void 0,this._pendingValue=void 0,2!==s.length||""!==s[0]||""!==s[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=s}setValue(t){this._pendingValue=t}commit(){for(;d(this._pendingValue);){const t=this._pendingValue;this._pendingValue=p,t(this)}if(this._pendingValue===p)return;const t=!!this._pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)),this.value=t,this._pendingValue=p}}(t,e.slice(1),s)]:new O(t,e,s).parts}handleTextExpression(t){return new A(t)}};function P(t){let e=j.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},j.set(t.type,e));let s=e.stringsArray.get(t.strings);if(void 0!==s)return s;const i=t.strings.join(g);return void 0===(s=e.keyString.get(i))&&(s=new f(t,t.getTemplateElement()),e.keyString.set(i,s)),e.stringsArray.set(t.strings,s),s}const j=new Map,D=new WeakMap;(window.litHtmlVersions||(window.litHtmlVersions=[])).push("1.0.0");const L=(t,...e)=>new x(t,e,"html",k),M=133;function R(t,e){const{element:{content:s},parts:i}=t,n=document.createTreeWalker(s,M,null,!1);let a=V(i),o=i[a],r=-1,l=0;const c=[];let d=null;for(;n.nextNode();){r++;const t=n.currentNode;for(t.previousSibling===d&&(d=null),e.has(t)&&(c.push(t),null===d&&(d=t)),null!==d&&l++;void 0!==o&&o.index===r;)o.index=null!==d?-1:o.index-l,o=i[a=V(i,a)]}c.forEach(t=>t.parentNode.removeChild(t))}const B=t=>{let e=11===t.nodeType?0:1;const s=document.createTreeWalker(t,M,null,!1);for(;s.nextNode();)e++;return e},V=(t,e=-1)=>{for(let s=e+1;s<t.length;s++){const e=t[s];if(w(e))return s}return-1},H=(t,e)=>`${t}--${e}`;let z=!0;void 0===window.ShadyCSS?z=!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."),z=!1);const W=["html","svg"],F=new Set;window.JSCompiler_renameProperty=((t,e)=>t);const $={toAttribute(t,e){switch(e){case Boolean:return t?"":null;case Object:case Array:return null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){switch(e){case Boolean:return null!==t;case Number:return null===t?null:Number(t);case Object:case Array:return JSON.parse(t)}return t}},q=(t,e)=>e!==t&&(e==e||t==t),G={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:q},J=Promise.resolve(!0),K=1,Y=4,Q=8,X=16,Z=32;class tt extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=J,this._hasConnectedResolver=void 0,this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this.finalize();const t=[];return this._classProperties.forEach((e,s)=>{const i=this._attributeNameForProperty(s,e);void 0!==i&&(this._attributeToPropertyMap.set(i,s),t.push(i))}),t}static _ensureClassProperties(){if(!this.hasOwnProperty(JSCompiler_renameProperty("_classProperties",this))){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach((t,e)=>this._classProperties.set(e,t))}}static createProperty(t,e=G){if(this._ensureClassProperties(),this._classProperties.set(t,e),e.noAccessor||this.prototype.hasOwnProperty(t))return;const s="symbol"==typeof t?Symbol():`__${t}`;Object.defineProperty(this.prototype,t,{get(){return this[s]},set(e){const i=this[t];this[s]=e,this._requestUpdate(t,i)},configurable:!0,enumerable:!0})}static finalize(){if(this.hasOwnProperty(JSCompiler_renameProperty("finalized",this))&&this.finalized)return;const t=Object.getPrototypeOf(this);if("function"==typeof t.finalize&&t.finalize(),this.finalized=!0,this._ensureClassProperties(),this._attributeToPropertyMap=new Map,this.hasOwnProperty(JSCompiler_renameProperty("properties",this))){const t=this.properties,e=[...Object.getOwnPropertyNames(t),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t):[]];for(const s of e)this.createProperty(s,t[s])}}static _attributeNameForProperty(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,s=q){return s(t,e)}static _propertyValueFromAttribute(t,e){const s=e.type,i=e.converter||$,n="function"==typeof i?i:i.fromAttribute;return n?n(t,s):t}static _propertyValueToAttribute(t,e){if(void 0===e.reflect)return;const s=e.type,i=e.converter;return(i&&i.toAttribute||$.toAttribute)(t,s)}initialize(){this._saveInstanceProperties(),this._requestUpdate()}_saveInstanceProperties(){this.constructor._classProperties.forEach((t,e)=>{if(this.hasOwnProperty(e)){const t=this[e];delete this[e],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(e,t)}})}_applyInstanceProperties(){this._instanceProperties.forEach((t,e)=>this[e]=t),this._instanceProperties=void 0}connectedCallback(){this._updateState=this._updateState|Z,this._hasConnectedResolver&&(this._hasConnectedResolver(),this._hasConnectedResolver=void 0)}disconnectedCallback(){}attributeChangedCallback(t,e,s){e!==s&&this._attributeToProperty(t,s)}_propertyToAttribute(t,e,s=G){const i=this.constructor,n=i._attributeNameForProperty(t,s);if(void 0!==n){const t=i._propertyValueToAttribute(e,s);if(void 0===t)return;this._updateState=this._updateState|Q,null==t?this.removeAttribute(n):this.setAttribute(n,t),this._updateState=this._updateState&~Q}}_attributeToProperty(t,e){if(this._updateState&Q)return;const s=this.constructor,i=s._attributeToPropertyMap.get(t);if(void 0!==i){const t=s._classProperties.get(i)||G;this._updateState=this._updateState|X,this[i]=s._propertyValueFromAttribute(e,t),this._updateState=this._updateState&~X}}_requestUpdate(t,e){let s=!0;if(void 0!==t){const i=this.constructor,n=i._classProperties.get(t)||G;i._valueHasChanged(this[t],e,n.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0!==n.reflect||this._updateState&X||(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,n))):s=!1}!this._hasRequestedUpdate&&s&&this._enqueueUpdate()}requestUpdate(t,e){return this._requestUpdate(t,e),this.updateComplete}async _enqueueUpdate(){let t,e;this._updateState=this._updateState|Y;const s=this._updatePromise;this._updatePromise=new Promise((s,i)=>{t=s,e=i});try{await s}catch(t){}this._hasConnected||await new Promise(t=>this._hasConnectedResolver=t);try{const t=this.performUpdate();null!=t&&await t}catch(t){e(t)}t(!this._hasRequestedUpdate)}get _hasConnected(){return this._updateState&Z}get _hasRequestedUpdate(){return this._updateState&Y}get hasUpdated(){return this._updateState&K}performUpdate(){this._instanceProperties&&this._applyInstanceProperties();let t=!1;const e=this._changedProperties;try{(t=this.shouldUpdate(e))&&this.update(e)}catch(e){throw t=!1,e}finally{this._markUpdated()}t&&(this._updateState&K||(this._updateState=this._updateState|K,this.firstUpdated(e)),this.updated(e))}_markUpdated(){this._changedProperties=new Map,this._updateState=this._updateState&~Y}get updateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){void 0!==this._reflectingProperties&&this._reflectingProperties.size>0&&(this._reflectingProperties.forEach((t,e)=>this._propertyToAttribute(e,this[e],t)),this._reflectingProperties=void 0)}updated(t){}firstUpdated(t){}}tt.finalized=!0;const et="adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype;Symbol(),(window.litElementVersions||(window.litElementVersions=[])).push("2.0.1");const st=t=>t.flat?t.flat(1/0):function t(e,s=[]){for(let i=0,n=e.length;i<n;i++){const n=e[i];Array.isArray(n)?t(n,s):s.push(n)}return s}(t);class it extends tt{static finalize(){super.finalize(),this._styles=this.hasOwnProperty(JSCompiler_renameProperty("styles",this))?this._getUniqueStyles():this._styles||[]}static _getUniqueStyles(){const t=this.styles,e=[];return Array.isArray(t)?st(t).reduceRight((t,e)=>(t.add(e),t),new Set).forEach(t=>e.unshift(t)):t&&e.push(t),e}initialize(){super.initialize(),this.renderRoot=this.createRenderRoot(),window.ShadowRoot&&this.renderRoot instanceof window.ShadowRoot&&this.adoptStyles()}createRenderRoot(){return this.attachShadow({mode:"open"})}adoptStyles(){const t=this.constructor._styles;0!==t.length&&(void 0===window.ShadyCSS||window.ShadyCSS.nativeShadow?et?this.renderRoot.adoptedStyleSheets=t.map(t=>t.styleSheet):this._needsShimAdoptedStyleSheets=!0:window.ShadyCSS.ScopingShim.prepareAdoptedCssText(t.map(t=>t.cssText),this.localName))}connectedCallback(){super.connectedCallback(),this.hasUpdated&&void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this)}update(t){super.update(t);const e=this.render();e instanceof x&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this}),this._needsShimAdoptedStyleSheets&&(this._needsShimAdoptedStyleSheets=!1,this.constructor._styles.forEach(t=>{const e=document.createElement("style");e.textContent=t.cssText,this.renderRoot.appendChild(e)}))}render(){}}it.finalized=!0,it.render=((t,e,s)=>{const i=s.scopeName,n=D.has(e),a=e instanceof ShadowRoot&&z&&t instanceof x,o=a&&!F.has(i),r=o?document.createDocumentFragment():e;if(((t,e,s)=>{let i=D.get(e);void 0===i&&(h(e,e.firstChild),D.set(e,i=new A(Object.assign({templateFactory:P},s))),i.appendInto(e)),i.setValue(t),i.commit()})(t,r,Object.assign({templateFactory:(t=>e=>{const s=H(e.type,t);let i=j.get(s);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},j.set(s,i));let n=i.stringsArray.get(e.strings);if(void 0!==n)return n;const a=e.strings.join(g);if(void 0===(n=i.keyString.get(a))){const s=e.getTemplateElement();z&&window.ShadyCSS.prepareTemplateDom(s,t),n=new f(e,s),i.keyString.set(a,n)}return i.stringsArray.set(e.strings,n),n})(i)},s)),o){const t=D.get(r);D.delete(r),t.value instanceof C&&((t,e,s)=>{F.add(s);const i=t.querySelectorAll("style");if(0===i.length)return void window.ShadyCSS.prepareTemplateStyles(e.element,s);const n=document.createElement("style");for(let t=0;t<i.length;t++){const e=i[t];e.parentNode.removeChild(e),n.textContent+=e.textContent}if(s=s,W.forEach(t=>{const e=j.get(H(t,s));void 0!==e&&e.keyString.forEach(t=>{const{element:{content:e}}=t,s=new Set;Array.from(e.querySelectorAll("style")).forEach(t=>{s.add(t)}),R(t,s)})}),function(t,e,s=null){const{element:{content:i},parts:n}=t;if(null===s||void 0===s)return void i.appendChild(e);const a=document.createTreeWalker(i,M,null,!1);let o=V(n),r=0,l=-1;for(;a.nextNode();)for(l++,a.currentNode===s&&(r=B(e),s.parentNode.insertBefore(e,s));-1!==o&&n[o].index===l;){if(r>0){for(;-1!==o;)n[o].index+=r,o=V(n,o);return}o=V(n,o)}}(e,n,e.element.content.firstChild),window.ShadyCSS.prepareTemplateStyles(e.element,s),window.ShadyCSS.nativeShadow){const s=e.element.content.querySelector("style");t.insertBefore(s.cloneNode(!0),t.firstChild)}else{e.element.content.insertBefore(n,e.element.content.first: : : : **** HAD TO CUT PART OF IT BECAUSE BODY IS LIMITED TO 32767 CHARACTERS **** : : <div id='container' class='horizontal layout justified'> <state-info hass='[[hass]]' class='state-info' state-obj='[[stateObj]]' in-dialog='[[showLastChanged(stateObj, inDialog, extra)]]' secondary-line$='[[hasExtra(extra)]]'> <template is='dom-repeat' items='[[extra]]'> <div>[[item]]</div> </template> </state-info> <dynamic-with-extra hass='[[hass]]' state-obj='[[stateObj]]' control-element='[[controlElement]]' in-dialog='[[inDialog]]'> </dynamic-with-extra> </div> `}})}function gt(){const t=["configurator"],e={light:1,cover:4,climate:1},s={toggle:"ha-entity-toggle",display:"",cover:"ha-cover-controls"};customElements.define("state-card-custom-ui",class extends Polymer.Element{static get properties(){return{hass:Object,inDialog:{type:Boolean,value:!1},stateObj:Object}}static get observers(){return["inputChanged(hass, inDialog, stateObj)"]}connectedCallback(){super.connectedCallback();const t=this.parentNode.parentNode;"DIV"===t.tagName&&(t.classList.contains("state")||t.classList.contains("child-card"))&&(this._container=t,t.style.setProperty("background-color","var(--paper-card-background-color, inherit)"),t.updateStyles||(t.updateStyles=(e=>{Object.keys(e).forEach(s=>{t.style.setProperty(s,e[s])})}))),this._isAttached=!0,this.inputChanged(this.hass,this.inDialog,this.stateObj)}disconnectedCallback(){this._isAttached=!1,this._container&&(this._container.updateStyles({display:"",margin:"",padding:""}),i(this._container,this.hass.themes||{default_theme:"default",themes:{}},"default"),this._container=null),super.disconnectedCallback()}badgeMode(t,e,s){const i=[];if("group"===s)e.attributes.entity_id.forEach(s=>{const n=t.states[s];n?e.attributes.badges_list&&!e.attributes.badges_list.includes(n.entity_id)||i.push(window.customUI.maybeChangeObject(this,n,!1,!1)):console.warn(`Unknown ID ${s} in group ${e.entity_id}`)});else if(i.push(e),this._container){this._container.style.display="inline-block";const t={display:"inline-block"};this._container.classList.contains("state")&&(t.margin="var(--ha-badges-card-margin, 0)"),this.updateStyles(t)}o(this,"HA-BADGES-CARD",{hass:t,states:i}),this._container&&this._container.updateStyles({width:"var(--ha-badges-card-width, initial)","text-align":"var(--ha-badges-card-text-align, initial)"}),this.lastChild.style.fontSize="85%",this.style.setProperty("--ha-state-label-badge-margin-bottom","0")}cleanBadgeStyle(){this._container&&this._container.updateStyles({display:"",width:"","text-align":""}),this.updateStyles({display:"",margin:""})}applyThemes(t,e){let s=this,n="default";this._container&&(s=this._container),e.attributes.theme&&(n=e.attributes.theme),i(s,t.themes||{default_theme:"default",themes:{}},n)}maybeHideEntity(t){return t?(this._container&&this._container.updateStyles({margin:"",padding:""}),!1):(this.lastChild&&this.removeChild(this.lastChild),this._container&&this._container.updateStyles({margin:"0",padding:"0"}),!0)}sliderEligible_(t,s,i){return!i&&e[t]&&e[t]&s.attributes.supported_features&&s.attributes.state_card_mode&&"no-slider"!==s.attributes.state_card_mode}inputChanged(t,e,s){if(!s||!t||!this._isAttached)return;const i=a(s),n=window.customUI.maybeChangeObject(this,s,e,!0);this.maybeHideEntity(n)||(this.applyThemes(t,n),e||"badges"!==n.attributes.state_card_mode?this.regularMode_(t,e,n,i):this.badgeMode(t,n,i))}regularMode_(e,i,n,c){this.cleanBadgeStyle();const d={hass:e,stateObj:n,inDialog:i},u=function(t,e){if("unavailable"===e.state)return"display";const s=a(e);return l.includes(s)?s:function(t,e){const s=a(e);return"group"===s?"on"===e.state||"off"===e.state:"climate"===s?r(e,4096):function(t,e){const s=t.services[e];return!!s&&("lock"===e?"lock"in s:"cover"===e?"open_cover"in s:"turn_on"in s)}(t,s)}(t,e)&&"hidden"!==e.attributes.control?"toggle":"display"}(e,n);let h;const p=n.attributes.state_card_custom_ui_secondary;"light"===c&&this.sliderEligible_(c,n,i)?(Object.assign(d,{controlElement:"ha-entity-toggle",serviceMin:"turn_off",serviceMax:"turn_on",valueName:"brightness",domain:c}),h="state-card-with-slider"):"cover"===c&&this.sliderEligible_(c,n,i)?(Object.assign(d,{controlElement:"ha-cover-controls",max:100,serviceMin:"close_cover",serviceMax:"set_cover_position",setValueName:"position",valueName:"current_position",nameOn:"open",domain:c}),h="state-card-with-slider"):"climate"===c&&this.sliderEligible_(c,n,i)?(Object.assign(d,{controlElement:"ha-climate-state",min:n.attributes.min_temp||-100,max:n.attributes.max_temp||200,serviceMin:"set_temperature",serviceMax:"set_temperature",valueName:"temperature",nameOn:"",domain:c}),h="state-card-with-slider"):void 0!==s[u]?(d.controlElement=s[u],h="state-card-without-slider"):n.attributes.show_last_changed&&!t.includes(u)&&(d.inDialog=!0),"unavailable"===n.state&&(d.controlElement=""),void 0!==n.attributes.control_element&&(d.controlElement=n.attributes.control_element),o(this,(p||h||`STATE-CARD-${u}`).toUpperCase(),d)}})}Polymer&&Polymer.Element&&customElements.get("home-assistant")?ut():customElements.whenDefined("home-assistant").then(()=>ut()),customElements.whenDefined("state-card-display").then(()=>{customElements.define("dynamic-with-extra",class extends(customElements.get("state-card-display")){static get template(){return ct` <style is="custom-style" include="iron-flex iron-flex-alignment iron-flex-factors"></style> <style> :host { display: inline-block; } .control-wrapper { margin: -4px -16px -4px 0; padding: 4px 16px; } ha-state-label-badge { margin-left: 8px; } dynamic-element { display: block; text-align: right; } #overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: right; z-index: 1; } #lock { margin-top: 8px; opacity: 0.3; margin-right: 7px; } #lock.ha-cover-controls { margin-right: 52px; background-color: white; } .extra { margin-bottom: -16px; --ha-label-badge-size: 36px; --ha-label-badge-font-size: 1.2em; } .state { @apply --paper-font-body1; color: var(--primary-text-color); margin-left: 16px; text-align: right; line-height: 40px; } </style> <div class$='[[extraClass(extraObjVisible)]] horizontal layout'> <template is='dom-if' if='[[extraObjVisible]]'> <template is='dom-repeat' items='[[extraObj]]' on-dom-change='extraDomChanged'> <ha-state-label-badge hass='[[hass]]' state='[[item]]'></ha-state-label-badge> </template> </template> <template is='dom-if' if='[[_showControl(inDialog, stateObj)]]'> <template is='dom-if' if='[[controlElement]]'> <div class="control-wrapper"> <dynamic-element class='flex' state-obj="[[stateObj]]" hass='[[hass]]' element-name='[[controlElement]]'> </dynamic-element> <template is='dom-if' if='[[isConfirmControls(stateObj)]]'> <div id="overlay" on-click='clickHandler'> <template is='dom-if' if='[[stateObj.attributes.confirm_controls_show_lock]]'> <iron-icon id="lock" class$="[[controlElement]]" icon="mdi:lock-outline"></iron-icon> </template> </div> </template> </div> </template> <template is='dom-if' if='[[!controlElement]]'> <div class='state'>[[computeStateDisplay(stateObj)]]</div> </template> </template> </div> `}static get properties(){return{hass:Object,inDialog:{type:Boolean,value:!1},stateObj:Object,controlElement:String,extraObj:{type:Array,computed:"computeExtra(hass, stateObj, _attached)"},_attached:Boolean,extraObjVisible:{type:Boolean,computed:"computeExtraVisible(extraObj, inDialog)"}}}connectedCallback(){super.connectedCallback(),this._attached=!0}disconnectedCallback(){this._isAttached=!1,super.disconnectedCallback()}computeExtra(t,e,s){if(!e.attributes.extra_badge||!s)return[];let i=e.attributes.extra_badge;return Array.isArray(i)||(i=[i]),i.map(s=>{let i=null;if(s.entity_id&&t.states[s.entity_id]?i=Object.assign({},window.customUI.maybeChangeObject(this,t.states[s.entity_id],this.inDialog,!1)):s.attribute&&void 0!==e.attributes[s.attribute]&&(i={state:String(e.attributes[s.attribute]),entity_id:"none.none",attributes:{unit_of_measurement:s.unit}}),!i)return null;let n=s.blacklist_states;return void 0!==n&&(Array.isArray(n)||(n=[n]),n.some(t=>RegExp(t).test(i.state.toString())))?null:(i._entityDisplay="",i.attributes=Object.assign({},{friendly_name:""}),i)}).filter(t=>null!=t)}computeExtraVisible(t,e){return!(e||!t)&&0!==t.length}extraClass(t){return t?"extra":""}_showControl(t,e){return!!t||!e.attributes.hide_control}computeStateDisplay(t){return super.computeStateDisplay(this.haLocalize||this.localize,t)}isConfirmControls(t){return t.attributes.confirm_controls||t.attributes.confirm_controls_show_lock}clickHandler(t){this.root.querySelector("#overlay").style.pointerEvents="none";const e=this.root.querySelector("#lock");e&&(e.icon="mdi:lock-open-outline",e.style.opacity="0.1"),window.setTimeout(()=>{this.root.querySelector("#overlay").style.pointerEvents="",e&&(e.icon="mdi:lock-outline",e.style.opacity="")},5e3),t.stopPropagation()}applyThemes(t,e,s){const n=s.attributes.theme||"default";i(e,t.themes||{default_theme:"default",themes:{}},n)}extraDomChanged(){this.root.querySelectorAll("ha-state-label-badge").forEach(t=>{this.applyThemes(this.hass,t,t.state)})}})}),Polymer&&Polymer.Element&&customElements.get("home-assistant")?ht():customElements.whenDefined("home-assistant").then(()=>ht()),Polymer&&Polymer.Element&&customElements.get("home-assistant")?pt():customElements.whenDefined("home-assistant").then(()=>pt()),Polymer&&Polymer.Element&&customElements.get("home-assistant")?mt():customElements.whenDefined("home-assistant").then(()=>mt()),Polymer&&Polymer.Element&&customElements.get("home-assistant")?gt():customElements.whenDefined("home-assistant").then(()=>gt())},function(t,e){window.JSCompiler_renameProperty=function(t){return t}}]); //# sourceMappingURL=scripts.js.map //# sourceURL=https://***.***.***.***:8123/local/custom_ui/state-card-custom-ui.html.js :0:0 Script error.I don’t recall when it started to happen but it wasn’t with 105.
Posts: 10
Participants: 2