629 lines
46 KiB
JavaScript
629 lines
46 KiB
JavaScript
function t(t,e,i,r){var n,s=arguments.length,o=s<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)o=Reflect.decorate(t,e,i,r);else for(var a=t.length-1;a>=0;a--)(n=t[a])&&(o=(s<3?n(o):s>3?n(e,i,o):n(e,i))||o);return s>3&&o&&Object.defineProperty(e,i,o),o}"function"==typeof SuppressedError&&SuppressedError;const e=globalThis,i=e.ShadowRoot&&(void 0===e.ShadyCSS||e.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,r=Symbol(),n=new WeakMap;let s=class{constructor(t,e,i){if(this._$cssResult$=!0,i!==r)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(i&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=n.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&n.set(e,t))}return t}toString(){return this.cssText}};const o=t=>new s("string"==typeof t?t:t+"",void 0,r),a=(t,...e)=>{const i=1===t.length?t[0]:e.reduce((e,i,r)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[r+1],t[0]);return new s(i,t,r)},l=i?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return o(e)})(t):t,{is:c,defineProperty:d,getOwnPropertyDescriptor:h,getOwnPropertyNames:p,getOwnPropertySymbols:u,getPrototypeOf:m}=Object,f=globalThis,g=f.trustedTypes,_=g?g.emptyScript:"",b=f.reactiveElementPolyfillSupport,v=(t,e)=>t,$={toAttribute(t,e){switch(e){case Boolean:t=t?_:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},x=(t,e)=>!c(t,e),y={attribute:!0,type:String,converter:$,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),f.litPropertyMetadata??=new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=y){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);void 0!==r&&d(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:n}=h(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:r,set(e){const s=r?.call(this);n?.call(this,e),this.requestUpdate(t,s,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(v("elementProperties")))return;const t=m(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(v("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(v("properties"))){const t=this.properties,e=[...p(t),...u(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(l(t))}else void 0!==t&&e.push(l(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(t=>this.enableUpdating=t),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(t=>t(this))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,r)=>{if(i)t.adoptedStyleSheets=r.map(t=>t instanceof CSSStyleSheet?t:t.styleSheet);else for(const i of r){const r=document.createElement("style"),n=e.litNonce;void 0!==n&&r.setAttribute("nonce",n),r.textContent=i.cssText,t.appendChild(r)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(t=>t.hostConnected?.())}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach(t=>t.hostDisconnected?.())}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$ET(t,e){const i=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,i);if(void 0!==r&&!0===i.reflect){const n=(void 0!==i.converter?.toAttribute?i.converter:$).toAttribute(e,i.type);this._$Em=t,null==n?this.removeAttribute(r):this.setAttribute(r,n),this._$Em=null}}_$AK(t,e){const i=this.constructor,r=i._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=i.getPropertyOptions(r),n="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:$;this._$Em=r;const s=n.fromAttribute(e,t.type);this[r]=s??this._$Ej?.get(r)??s,this._$Em=null}}requestUpdate(t,e,i,r=!1,n){if(void 0!==t){const s=this.constructor;if(!1===r&&(n=this[t]),i??=s.getPropertyOptions(t),!((i.hasChanged??x)(n,e)||i.useDefault&&i.reflect&&n===this._$Ej?.get(t)&&!this.hasAttribute(s._$Eu(t,i))))return;this.C(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:i,reflect:r,wrapped:n},s){i&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,s??e??this[t]),!0!==n||void 0!==s)||(this._$AL.has(t)||(this.hasUpdated||i||(e=void 0),this._$AL.set(t,e)),!0===r&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t){const{wrapped:t}=i,r=this[e];!0!==t||this._$AL.has(e)||void 0===r||this.C(e,void 0,i,r)}}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach(t=>t.hostUpdate?.()),this.update(e)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach(t=>t.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[v("elementProperties")]=new Map,w[v("finalized")]=new Map,b?.({ReactiveElement:w}),(f.reactiveElementVersions??=[]).push("2.1.2");const A=globalThis,k=t=>t,C=A.trustedTypes,S=C?C.createPolicy("lit-html",{createHTML:t=>t}):void 0,E="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,P="?"+M,R=`<${P}>`,U=document,O=()=>U.createComment(""),z=t=>null===t||"object"!=typeof t&&"function"!=typeof t,N=Array.isArray,L="[ \t\n\f\r]",T=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,j=/>/g,D=RegExp(`>|${L}(?:([^\\s"'>=/]+)(${L}*=${L}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),F=/'/g,I=/"/g,W=/^(?:script|style|textarea|title)$/i,B=t=>(e,...i)=>({_$litType$:t,strings:e,values:i}),q=B(1),G=B(2),V=Symbol.for("lit-noChange"),J=Symbol.for("lit-nothing"),Y=new WeakMap,Z=U.createTreeWalker(U,129);function K(t,e){if(!N(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==S?S.createHTML(e):e}const Q=(t,e)=>{const i=t.length-1,r=[];let n,s=2===e?"<svg>":3===e?"<math>":"",o=T;for(let e=0;e<i;e++){const i=t[e];let a,l,c=-1,d=0;for(;d<i.length&&(o.lastIndex=d,l=o.exec(i),null!==l);)d=o.lastIndex,o===T?"!--"===l[1]?o=H:void 0!==l[1]?o=j:void 0!==l[2]?(W.test(l[2])&&(n=RegExp("</"+l[2],"g")),o=D):void 0!==l[3]&&(o=D):o===D?">"===l[0]?(o=n??T,c=-1):void 0===l[1]?c=-2:(c=o.lastIndex-l[2].length,a=l[1],o=void 0===l[3]?D:'"'===l[3]?I:F):o===I||o===F?o=D:o===H||o===j?o=T:(o=D,n=void 0);const h=o===D&&t[e+1].startsWith("/>")?" ":"";s+=o===T?i+R:c>=0?(r.push(a),i.slice(0,c)+E+i.slice(c)+M+h):i+M+(-2===c?e:h)}return[K(t,s+(t[i]||"<?>")+(2===e?"</svg>":3===e?"</math>":"")),r]};class X{constructor({strings:t,_$litType$:e},i){let r;this.parts=[];let n=0,s=0;const o=t.length-1,a=this.parts,[l,c]=Q(t,e);if(this.el=X.createElement(l,i),Z.currentNode=this.el.content,2===e||3===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(r=Z.nextNode())&&a.length<o;){if(1===r.nodeType){if(r.hasAttributes())for(const t of r.getAttributeNames())if(t.endsWith(E)){const e=c[s++],i=r.getAttribute(t).split(M),o=/([.?@])?(.*)/.exec(e);a.push({type:1,index:n,name:o[2],strings:i,ctor:"."===o[1]?nt:"?"===o[1]?st:"@"===o[1]?ot:rt}),r.removeAttribute(t)}else t.startsWith(M)&&(a.push({type:6,index:n}),r.removeAttribute(t));if(W.test(r.tagName)){const t=r.textContent.split(M),e=t.length-1;if(e>0){r.textContent=C?C.emptyScript:"";for(let i=0;i<e;i++)r.append(t[i],O()),Z.nextNode(),a.push({type:2,index:++n});r.append(t[e],O())}}}else if(8===r.nodeType)if(r.data===P)a.push({type:2,index:n});else{let t=-1;for(;-1!==(t=r.data.indexOf(M,t+1));)a.push({type:7,index:n}),t+=M.length-1}n++}}static createElement(t,e){const i=U.createElement("template");return i.innerHTML=t,i}}function tt(t,e,i=t,r){if(e===V)return e;let n=void 0!==r?i._$Co?.[r]:i._$Cl;const s=z(e)?void 0:e._$litDirective$;return n?.constructor!==s&&(n?._$AO?.(!1),void 0===s?n=void 0:(n=new s(t),n._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=n:i._$Cl=n),void 0!==n&&(e=tt(t,n._$AS(t,e.values),n,r)),e}let et=class{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,r=(t?.creationScope??U).importNode(e,!0);Z.currentNode=r;let n=Z.nextNode(),s=0,o=0,a=i[0];for(;void 0!==a;){if(s===a.index){let e;2===a.type?e=new it(n,n.nextSibling,this,t):1===a.type?e=new a.ctor(n,a.name,a.strings,this,t):6===a.type&&(e=new at(n,this,t)),this._$AV.push(e),a=i[++o]}s!==a?.index&&(n=Z.nextNode(),s++)}return Z.currentNode=U,r}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}};class it{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,r){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=tt(this,t,e),z(t)?t===J||null==t||""===t?(this._$AH!==J&&this._$AR(),this._$AH=J):t!==this._$AH&&t!==V&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>N(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==J&&z(this._$AH)?this._$AA.nextSibling.data=t:this.T(U.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=X.createElement(K(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new et(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=Y.get(t.strings);return void 0===e&&Y.set(t.strings,e=new X(t)),e}k(t){N(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const n of t)r===e.length?e.push(i=new it(this.O(O()),this.O(O()),this,this.options)):i=e[r],i._$AI(n),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t!==this._$AB;){const e=k(t).nextSibling;k(t).remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class rt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,r,n){this.type=1,this._$AH=J,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=n,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=J}_$AI(t,e=this,i,r){const n=this.strings;let s=!1;if(void 0===n)t=tt(this,t,e,0),s=!z(t)||t!==this._$AH&&t!==V,s&&(this._$AH=t);else{const r=t;let o,a;for(t=n[0],o=0;o<n.length-1;o++)a=tt(this,r[i+o],e,o),a===V&&(a=this._$AH[o]),s||=!z(a)||a!==this._$AH[o],a===J?t=J:t!==J&&(t+=(a??"")+n[o+1]),this._$AH[o]=a}s&&!r&&this.j(t)}j(t){t===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class nt extends rt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===J?void 0:t}}class st extends rt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==J)}}class ot extends rt{constructor(t,e,i,r,n){super(t,e,i,r,n),this.type=5}_$AI(t,e=this){if((t=tt(this,t,e,0)??J)===V)return;const i=this._$AH,r=t===J&&i!==J||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==J&&(i===J||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class at{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){tt(this,t)}}const lt=A.litHtmlPolyfillSupport;lt?.(X,it),(A.litHtmlVersions??=[]).push("3.3.2");const ct=globalThis;let dt=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const r=i?.renderBefore??e;let n=r._$litPart$;if(void 0===n){const t=i?.renderBefore??null;r._$litPart$=n=new it(e.insertBefore(O(),t),t,void 0,i??{})}return n._$AI(t),n})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return V}};dt._$litElement$=!0,dt.finalized=!0,ct.litElementHydrateSupport?.({LitElement:dt});const ht=ct.litElementPolyfillSupport;ht?.({LitElement:dt}),(ct.litElementVersions??=[]).push("4.2.2");const pt=t=>(e,i)=>{void 0!==i?i.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)},ut={attribute:!0,type:String,converter:$,reflect:!1,hasChanged:x},mt=(t=ut,e,i)=>{const{kind:r,metadata:n}=i;let s=globalThis.litPropertyMetadata.get(n);if(void 0===s&&globalThis.litPropertyMetadata.set(n,s=new Map),"setter"===r&&((t=Object.create(t)).wrapped=!0),s.set(i.name,t),"accessor"===r){const{name:r}=i;return{set(i){const n=e.get.call(this);e.set.call(this,i),this.requestUpdate(r,n,t,!0,i)},init(e){return void 0!==e&&this.C(r,void 0,t,e),e}}}if("setter"===r){const{name:r}=i;return function(i){const n=this[r];e.call(this,i),this.requestUpdate(r,n,t,!0,i)}}throw Error("Unsupported decorator location: "+r)};function ft(t){return(e,i)=>"object"==typeof i?mt(t,e,i):((t,e,i)=>{const r=e.hasOwnProperty(i);return e.constructor.createProperty(i,t),r?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}function gt(t){return ft({...t,state:!0,attribute:!1})}const _t=1;let bt=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,i){this._$Ct=t,this._$AM=e,this._$Ci=i}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};const vt="important",$t=" !"+vt,xt=(t=>(...e)=>({_$litDirective$:t,values:e}))(class extends bt{constructor(t){if(super(t),t.type!==_t||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}render(t){return Object.keys(t).reduce((e,i)=>{const r=t[i];return null==r?e:e+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${r};`},"")}update(t,[e]){const{style:i}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?i.removeProperty(t):i[t]=null);for(const t in e){const r=e[t];if(null!=r){this.ft.add(t);const e="string"==typeof r&&r.endsWith($t);t.includes("-")||e?i.setProperty(t,e?r.slice(0,-11):r,e?vt:""):i[t]=r}}return V}}),yt="power-gauge-card",wt="power-gauge-card-editor",At="power-gauge-bar-card",kt="power-gauge-bar-card-editor",Ct=(t,e,i)=>Math.max(e,Math.min(i,t)),St=(t,e,i)=>t+(e-t)*i;function Et(t){const e=t.replace("#","").trim(),i=3===e.length?e.split("").map(t=>t+t).join(""):e;return[parseInt(i.slice(0,2),16),parseInt(i.slice(2,4),16),parseInt(i.slice(4,6),16)]}function Mt(t,e,i){const r=Et(t),n=Et(e),s=Math.round(St(r[0],n[0],i)),o=Math.round(St(r[1],n[1],i)),a=Math.round(St(r[2],n[2],i));return`#${s.toString(16).padStart(2,"0")}${o.toString(16).padStart(2,"0")}${a.toString(16).padStart(2,"0")}`}function Pt(t,e){if(0===e.length)return{c1:"#1ee0ff",c2:"#2a7bff",c3:"#0a3aa0",mood:"NORMAL"};const i=[...e].sort((t,e)=>t.t-e.t),r=Ct(t,0,1);if(r<=i[0].t){const t=i[0];return{c1:t.c1,c2:t.c2,c3:t.c3,mood:t.mood}}for(let t=0;t<i.length-1;t++){const e=i[t],n=i[t+1];if(r<=n.t){const t=n.t-e.t,i=t>0?(r-e.t)/t:0;return{c1:Mt(e.c1,n.c1,i),c2:Mt(e.c2,n.c2,i),c3:Mt(e.c3,n.c3,i),mood:i<.5?e.mood:n.mood}}}const n=i[i.length-1];return{c1:n.c1,c2:n.c2,c3:n.c3,mood:n.mood}}function Rt(t,e,i,r){const n=(r-90)*Math.PI/180;return[t+i*Math.cos(n),e+i*Math.sin(n)]}function Ut(t,e,i,r,n){const[s,o]=Rt(t,e,i,r),[a,l]=Rt(t,e,i,n);return`M ${s} ${o} A ${i} ${i} 0 ${n-r>180?1:0} 1 ${a} ${l}`}const Ot=t=>1-Math.pow(1-t,3),zt="radial-gradient(120% 80% at 50% 0%, rgba(40, 90, 200, 0.25), transparent 60%), linear-gradient(180deg, #0b1326, #060a14)",Nt="linear-gradient(180deg, #0b1326, #060a14)";function Lt(t,e){const i=(t??"").trim(),r=0===i.length?e:i,n="transparent"===r.toLowerCase();return{"--pg-bg":r,"--pg-text":n?"var(--primary-text-color, #eef3ff)":"#eef3ff","--pg-muted":n?"var(--secondary-text-color, #6b7894)":"#6b7894"}}const Tt="#1ee0ff",Ht="#ff7a2b",jt="#ff1a3c";function Dt(t,e,i,r,n){let s=e,o=i??r;return"number"==typeof t?s=t:t&&"object"==typeof t&&("number"==typeof t.value&&(s=t.value),"string"==typeof t.color&&t.color.trim().length>0&&(o=t.color)),{value:s,color:o,mood:n}}function Ft(t){const e=t.min??0,i=t.max??5e3,r=Math.max(1,i-e),n=Dt(t.normal,e+.2*r,t.normal_color,Tt,"NORMAL"),s=Dt(t.warning,e+.6*r,t.warning_color,Ht,"WARNING"),o=Dt(t.critical,i,t.critical_color,jt,"CRITICAL"),a=t=>{return{t:Ct((t.value-e)/r,0,1),...(i=t.color,{c1:i,c2:Mt(i,"#000000",.35),c3:Mt(i,"#000000",.7)}),mood:t.mood};var i};return[a(n),a(s),a(o)]}(window.customCards=window.customCards||[]).push({type:yt,name:"Power Gauge Card",description:"A glowing, animated power consumption gauge that shifts colors with load.",preview:!0,documentationURL:"https://github.com/lirum/ha-power-gauge"});const It=200,Wt=200,Bt=150,qt=130;let Gt=class extends dt{constructor(){super(...arguments),this._animated=0,this._live=0,this._stops=[],this._target=0,this._initialized=!1,this._animFrom=0,this._animTo=0,this._animStart=0,this._ambientStart=0}static async getConfigElement(){return await Promise.resolve().then(function(){return Qt}),document.createElement(wt)}static getStubConfig(){return{type:`custom:${yt}`,entity:"",max:5e3}}setConfig(t){if(!t)throw new Error("Invalid configuration");if(!t.entity)throw new Error("You need to define an entity");this._config={min:0,max:5e3,precision:0,rolling_numbers:!0,...t},this._stops=Ft(this._config)}getCardSize(){return 5}connectedCallback(){super.connectedCallback(),this._ambientStart=performance.now(),this._startAmbient()}disconnectedCallback(){super.disconnectedCallback(),this._animRaf&&cancelAnimationFrame(this._animRaf),this._ambientRaf&&cancelAnimationFrame(this._ambientRaf)}willUpdate(t){if(!this.hass||!this._config)return;const e=this._readEntityValue();return null===e?(this._initialized=!1,this._animRaf&&cancelAnimationFrame(this._animRaf),void(this._animRaf=void 0)):this._initialized?void(e!==this._target&&(this._target=e,this._startAnim(e))):(this._initialized=!0,this._target=e,this._animated=e,void(this._live=e))}_readEntityValue(){if(!this.hass||!this._config)return null;const t=this.hass.states[this._config.entity];if(!t)return null;const e=t.state.trim();if(""===e||"unavailable"===e||"unknown"===e)return null;const i=Number(e);return Number.isFinite(i)?i:null}_startAnim(t){this._animRaf&&cancelAnimationFrame(this._animRaf),this._animFrom=this._animated,this._animTo=t,this._animStart=performance.now();const e=t=>{const i=Ct((t-this._animStart)/700,0,1);this._animated=St(this._animFrom,this._animTo,Ot(i)),this._animRaf=i<1?requestAnimationFrame(e):void 0};this._animRaf=requestAnimationFrame(e)}_startAmbient(){const t=e=>{if(this._initialized&&(this._config?.rolling_numbers??1)){const t=(e-this._ambientStart)/1e3,i=.012*Math.sin(t*Math.PI*2/2.6);this._live=this._animated+i*this._animated}else this._initialized&&(this._live=this._animated);this._ambientRaf=requestAnimationFrame(t)};this._ambientRaf=requestAnimationFrame(t)}render(){if(!this._config||!this.hass)return J;const t=this.hass.states[this._config.entity];if(!t)return q`
|
|
<ha-card>
|
|
<div class="error">Entity not found: ${this._config.entity}</div>
|
|
</ha-card>
|
|
`;const e=this._config.min??0,i=this._config.max??5e3,r=Math.max(1,i-e),n=this._initialized&&null!==this._readEntityValue(),s=n?this._live:e,o=n?Ct((s-e)/r,0,1):0,a=Pt(o,this._stops),l=this._config.unit??t.attributes.unit_of_measurement??"W",c=this._config.name??t.attributes.friendly_name??this._config.entity,d=this._config.precision??0,h=n?this._format(s,d):"—",p=n?this._secondaryLine(s,l,a):"NO DATA",u={"--c1":a.c1,"--c2":a.c2,"--c3":a.c3,...Lt(this._config.background,zt)},m=qt+280*o,[f,g]=Rt(It,Wt,Bt,m);return q`
|
|
<ha-card style=${xt(u)}>
|
|
<div class="panel">
|
|
<div class="header">
|
|
<div>
|
|
<div class="title">${c}</div>
|
|
<div class="subtitle">
|
|
${n?q`Live · ${(i/1e3).toFixed(1)} ${"W"===l?"kW":l} max`:"Awaiting a valid source value"}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="stage">
|
|
<div class="gauge ${n?"":"no-data"}">
|
|
${this._renderSvg(a,m)}
|
|
<div class="center">
|
|
<div class="core">
|
|
<div class="reading">
|
|
<div class="label-now">${n?"Live draw":"Source unavailable"}</div>
|
|
<div class="value">
|
|
${h}${n?q`<span class="unit-inline">${l}</span>`:J}
|
|
</div>
|
|
<div class="unit">${p}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="knob"
|
|
style=${xt({left:f/400*100+"%",top:g/400*100+"%"})}
|
|
></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="status">
|
|
<span
|
|
><span class="pulse-dot ${n?"":"inactive"}"></span
|
|
>${n?"Streaming":"No data"}</span
|
|
>
|
|
<span>Now <b>${n?`${h} ${l}`:"—"}</b></span>
|
|
<span>Limit <b>${n?this._formatLimit(i,l):"—"}</b></span>
|
|
</div>
|
|
</div>
|
|
</ha-card>
|
|
`}_format(t,e){return e<=0?Math.round(t).toLocaleString():t.toLocaleString(void 0,{minimumFractionDigits:e,maximumFractionDigits:e})}_formatLimit(t,e){return"W"===e&&t>=1e3?`${(t/1e3).toFixed(1)} kW`:`${t.toLocaleString()} ${e}`}_secondaryLine(t,e,i){return"W"===e?`${(t/1e3).toFixed(2)} kW · ${i.mood}`:i.mood}_renderSvg(t,e){const i=[],r=(e-qt)/280;for(let e=0;e<=80;e++){const n=e/80,s=qt+280*n,o=e%8==0,a=128,l=Bt-(o?8:14),[c,d]=Rt(It,Wt,a,s),[h,p]=Rt(It,Wt,l,s),u=n<=r;i.push(G`
|
|
<line
|
|
x1=${c} y1=${d} x2=${h} y2=${p}
|
|
stroke=${u?t.c1:"rgba(255,255,255,0.08)"}
|
|
stroke-width=${o?1.6:1}
|
|
stroke-linecap="round"
|
|
opacity=${u?1:.55}
|
|
style=${u?`filter: drop-shadow(0 0 4px ${t.c1})`:""}
|
|
/>
|
|
`)}return q`
|
|
<svg viewBox="0 0 400 400" preserveAspectRatio="xMidYMid meet">
|
|
<defs>
|
|
<linearGradient id="pg-stroke" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0%" stop-color=${t.c1} />
|
|
<stop offset="60%" stop-color=${t.c2} />
|
|
<stop offset="100%" stop-color=${t.c3} />
|
|
</linearGradient>
|
|
<radialGradient id="pg-halo" cx="50%" cy="50%" r="50%">
|
|
<stop offset="60%" stop-color="transparent" />
|
|
<stop offset="80%" stop-color=${t.c2} stop-opacity="0.5" />
|
|
<stop offset="100%" stop-color="transparent" />
|
|
</radialGradient>
|
|
<radialGradient id="pg-aura" cx="50%" cy="50%" r="50%">
|
|
<stop offset="55%" stop-color="transparent" />
|
|
<stop offset="72%" stop-color=${t.c1} stop-opacity="0.18" />
|
|
<stop offset="86%" stop-color=${t.c2} stop-opacity="0.32" />
|
|
<stop offset="100%" stop-color="transparent" />
|
|
</radialGradient>
|
|
<filter id="pg-blur-lg" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="6" />
|
|
</filter>
|
|
<filter id="pg-blur-xl" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="14" />
|
|
</filter>
|
|
</defs>
|
|
|
|
<g class="spin-slow" style="transform-origin: 200px 200px;">
|
|
<circle cx=${It} cy=${Wt} r=${174} fill="url(#pg-aura)" opacity="0.9" />
|
|
</g>
|
|
|
|
<path
|
|
d=${Ut(It,Wt,Bt,qt,410)}
|
|
stroke="rgba(255,255,255,0.06)"
|
|
stroke-width="3"
|
|
fill="none"
|
|
stroke-linecap="round"
|
|
/>
|
|
|
|
<g>${i}</g>
|
|
|
|
<path
|
|
d=${Ut(It,Wt,Bt,qt,e)}
|
|
stroke=${t.c1}
|
|
stroke-width="26"
|
|
fill="none"
|
|
stroke-linecap="round"
|
|
opacity="0.35"
|
|
filter="url(#pg-blur-xl)"
|
|
/>
|
|
<path
|
|
d=${Ut(It,Wt,Bt,qt,e)}
|
|
stroke="url(#pg-stroke)"
|
|
stroke-width="14"
|
|
fill="none"
|
|
stroke-linecap="round"
|
|
opacity="0.6"
|
|
filter="url(#pg-blur-lg)"
|
|
/>
|
|
<path
|
|
d=${Ut(It,Wt,Bt,qt,e)}
|
|
stroke="url(#pg-stroke)"
|
|
stroke-width="3"
|
|
fill="none"
|
|
stroke-linecap="round"
|
|
/>
|
|
|
|
<g class="spin-fast" style="transform-origin: 200px 200px;">
|
|
<circle
|
|
cx=${It} cy=${Wt} r=${120}
|
|
fill="none"
|
|
stroke=${t.c2}
|
|
stroke-opacity="0.18"
|
|
stroke-width="1"
|
|
stroke-dasharray="2 8"
|
|
/>
|
|
</g>
|
|
|
|
<circle
|
|
cx=${It} cy=${Wt} r=${114}
|
|
fill="url(#pg-halo)"
|
|
opacity="0.7"
|
|
class="shimmer"
|
|
/>
|
|
</svg>
|
|
`}};Gt.styles=a`
|
|
:host {
|
|
--pg-bg: ${o(zt)};
|
|
--pg-text: #eef3ff;
|
|
--pg-muted: #6b7894;
|
|
--c1: #1ee0ff;
|
|
--c2: #2a7bff;
|
|
--c3: #0a3aa0;
|
|
|
|
display: block;
|
|
}
|
|
|
|
ha-card {
|
|
background: var(--pg-bg);
|
|
color: var(--pg-text);
|
|
border: 1px solid color-mix(in oklab, currentColor 12%, transparent);
|
|
border-radius: var(--ha-card-border-radius, 16px);
|
|
box-shadow:
|
|
0 20px 40px rgba(0, 0, 0, 0.45),
|
|
0 0 0 1px color-mix(in oklab, currentColor 2%, transparent) inset;
|
|
overflow: hidden;
|
|
font-family: 'Inter', var(--primary-font-family, system-ui, sans-serif);
|
|
}
|
|
|
|
.panel {
|
|
position: relative;
|
|
padding: 22px 20px 18px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.panel::before {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
pointer-events: none;
|
|
background:
|
|
radial-gradient(1px 1px at 20% 30%, color-mix(in oklab, currentColor 60%, transparent), transparent),
|
|
radial-gradient(1px 1px at 70% 60%, color-mix(in oklab, currentColor 40%, transparent), transparent),
|
|
radial-gradient(1px 1px at 40% 80%, color-mix(in oklab, currentColor 50%, transparent), transparent),
|
|
radial-gradient(1px 1px at 85% 20%, color-mix(in oklab, currentColor 30%, transparent), transparent),
|
|
radial-gradient(1px 1px at 15% 70%, color-mix(in oklab, currentColor 40%, transparent), transparent);
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.title {
|
|
font-size: 20px;
|
|
font-weight: 600;
|
|
line-height: 1.1;
|
|
letter-spacing: -0.4px;
|
|
}
|
|
|
|
.subtitle {
|
|
font-size: 11px;
|
|
color: var(--pg-muted);
|
|
margin-top: 4px;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
|
|
.stage {
|
|
flex: 1;
|
|
display: grid;
|
|
place-items: center;
|
|
position: relative;
|
|
margin: 8px 0;
|
|
z-index: 1;
|
|
}
|
|
|
|
.gauge {
|
|
position: relative;
|
|
width: 100%;
|
|
max-width: 320px;
|
|
aspect-ratio: 1 / 1;
|
|
}
|
|
|
|
.gauge svg {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.center {
|
|
position: absolute;
|
|
inset: 0;
|
|
display: grid;
|
|
place-items: center;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.core {
|
|
width: 56%;
|
|
height: 56%;
|
|
border-radius: 50%;
|
|
background:
|
|
radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.06), transparent 60%),
|
|
radial-gradient(
|
|
circle at 50% 100%,
|
|
color-mix(in oklab, var(--c2) 35%, transparent),
|
|
transparent 70%
|
|
),
|
|
#050912;
|
|
border: 1px solid rgba(255, 255, 255, 0.06);
|
|
box-shadow:
|
|
inset 0 0 40px color-mix(in oklab, var(--c2) 30%, transparent),
|
|
inset 0 0 0 1px rgba(255, 255, 255, 0.04),
|
|
0 0 60px color-mix(in oklab, var(--c1) 20%, transparent);
|
|
display: grid;
|
|
place-items: center;
|
|
transition: box-shadow 0.6s;
|
|
}
|
|
|
|
.reading {
|
|
text-align: center;
|
|
padding: 0 8px;
|
|
}
|
|
|
|
.label-now {
|
|
font-size: 9px;
|
|
letter-spacing: 2.5px;
|
|
color: var(--pg-muted);
|
|
text-transform: uppercase;
|
|
font-weight: 600;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.value {
|
|
font-size: 36px;
|
|
font-weight: 300;
|
|
letter-spacing: -1.2px;
|
|
font-variant-numeric: tabular-nums;
|
|
/* Always white inside the dark gauge core regardless of card theme. */
|
|
color: #fff;
|
|
text-shadow: 0 0 20px color-mix(in oklab, var(--c1) 60%, transparent);
|
|
line-height: 1;
|
|
}
|
|
|
|
.unit-inline {
|
|
font-size: 16px;
|
|
color: color-mix(in oklab, #fff 55%, transparent);
|
|
margin-left: 4px;
|
|
}
|
|
|
|
.unit {
|
|
font-size: 11px;
|
|
color: color-mix(in oklab, #fff 55%, transparent);
|
|
margin-top: 6px;
|
|
letter-spacing: 1.5px;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.knob {
|
|
position: absolute;
|
|
width: 22px;
|
|
height: 22px;
|
|
border-radius: 50%;
|
|
background: #0a1020;
|
|
border: 1.5px solid rgba(255, 255, 255, 0.6);
|
|
transform: translate(-50%, -50%);
|
|
pointer-events: none;
|
|
box-shadow:
|
|
0 0 0 4px rgba(0, 0, 0, 0.4),
|
|
0 0 20px color-mix(in oklab, var(--c1) 80%, transparent);
|
|
display: grid;
|
|
place-items: center;
|
|
}
|
|
|
|
.knob::after {
|
|
content: '';
|
|
width: 7px;
|
|
height: 7px;
|
|
border-radius: 50%;
|
|
background: var(--c1);
|
|
box-shadow: 0 0 8px var(--c1);
|
|
}
|
|
|
|
.status {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
gap: 8px;
|
|
padding: 6px 4px 0;
|
|
font-size: 11px;
|
|
color: var(--pg-muted);
|
|
font-variant-numeric: tabular-nums;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
|
|
.status b {
|
|
color: var(--pg-text);
|
|
font-weight: 600;
|
|
font-family: 'SF Mono', 'JetBrains Mono', 'Menlo', 'Consolas', ui-monospace, monospace;
|
|
letter-spacing: 0;
|
|
}
|
|
|
|
.pulse-dot {
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 50%;
|
|
background: var(--c1);
|
|
margin-right: 6px;
|
|
animation: pg-pulse 1.4s ease-in-out infinite;
|
|
box-shadow: 0 0 8px var(--c1);
|
|
}
|
|
|
|
.pulse-dot.inactive {
|
|
background: var(--pg-muted);
|
|
animation: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.gauge.no-data .spin-slow,
|
|
.gauge.no-data .spin-fast,
|
|
.gauge.no-data .shimmer {
|
|
animation: none;
|
|
}
|
|
|
|
@keyframes pg-pulse {
|
|
0%,
|
|
100% {
|
|
opacity: 1;
|
|
transform: scale(1);
|
|
}
|
|
50% {
|
|
opacity: 0.4;
|
|
transform: scale(0.7);
|
|
}
|
|
}
|
|
|
|
@keyframes pg-spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
.spin-slow {
|
|
animation: pg-spin 24s linear infinite;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
|
|
.spin-fast {
|
|
animation: pg-spin 9s linear infinite reverse;
|
|
transform-origin: 50% 50%;
|
|
}
|
|
|
|
@keyframes pg-shimmer {
|
|
0%,
|
|
100% {
|
|
opacity: 0.85;
|
|
}
|
|
50% {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.shimmer {
|
|
animation: pg-shimmer 2.4s ease-in-out infinite;
|
|
}
|
|
|
|
.error {
|
|
padding: 16px;
|
|
color: var(--error-color, #db4437);
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.spin-slow,
|
|
.spin-fast,
|
|
.shimmer,
|
|
.pulse-dot {
|
|
animation: none;
|
|
}
|
|
}
|
|
`,t([ft({attribute:!1})],Gt.prototype,"hass",void 0),t([gt()],Gt.prototype,"_config",void 0),t([gt()],Gt.prototype,"_animated",void 0),t([gt()],Gt.prototype,"_live",void 0),t([gt()],Gt.prototype,"_stops",void 0),Gt=t([pt(yt)],Gt),(window.customCards=window.customCards||[]).push({type:At,name:"Power Gauge Bar Card",description:"A compact linear power gauge — stack one row per device, sharing color levels.",preview:!0,documentationURL:"https://github.com/Lirum-Labs/ha-power-gauge"});let Vt=class extends dt{constructor(){super(...arguments),this._live={},this._animated={},this._targets={},this._ramps={},this._initialized=new Set,this._ambientStart=0,this._loop=()=>{const t=performance.now(),e=this._config?.rolling_numbers??!0,i=(t-this._ambientStart)/1e3,r=e?.012*Math.sin(i*Math.PI*2/2.6):0,n={};for(const i of Object.keys(this._animated)){const s=this._ramps[i];if(s){const e=Ct((t-s.start)/500,0,1);this._animated[i]=St(s.from,s.to,Ot(e)),e>=1&&delete this._ramps[i]}const o=this._animated[i];n[i]=e?o+r*o:o}this._live=n,this._raf=requestAnimationFrame(this._loop)}}static async getConfigElement(){return await Promise.resolve().then(function(){return re}),document.createElement(kt)}static getStubConfig(){return{type:`custom:${At}`,entities:[],max:5e3}}setConfig(t){if(!t)throw new Error("Invalid configuration");if(!Array.isArray(t.entities)||0===t.entities.length)throw new Error("You need to define at least one entity");this._config={min:0,max:5e3,precision:0,rolling_numbers:!0,...t}}getCardSize(){return Math.max(1,this._config?.entities.length??1)}connectedCallback(){super.connectedCallback(),this._ambientStart=performance.now(),this._loop()}disconnectedCallback(){super.disconnectedCallback(),this._raf&&cancelAnimationFrame(this._raf)}willUpdate(t){if(this.hass&&this._config)for(const t of this._config.entities){const e="string"==typeof t?t:t.entity;if(!e)continue;const i=this._readValue(e);null!==i?this._initialized.has(e)?this._targets[e]!==i&&(this._targets[e]=i,this._ramps[e]={from:this._animated[e]??i,to:i,start:performance.now()}):(this._initialized.add(e),this._targets[e]=i,this._animated[e]=i,this._live[e]=i):(this._initialized.delete(e),delete this._targets[e],delete this._animated[e],delete this._live[e],delete this._ramps[e])}}_readValue(t){if(!this.hass)return null;const e=this.hass.states[t];if(!e)return null;const i=e.state.trim();if(""===i||"unavailable"===i||"unknown"===i)return null;const r=Number(i);return Number.isFinite(r)?r:null}_resolveRow(t){if(!this.hass||!this._config)return null;const e="object"==typeof t&&null!==t,i=e?t.entity:t;if(!i)return null;const r=this.hass.states[i],n={...this._config,...e?t:{}},s=n.min??0,o=n.max??5e3,a=n.unit??r?.attributes.unit_of_measurement??"W",l=n.precision??0;return{entity:i,name:e&&t.name||r?.attributes.friendly_name||i,unit:a,precision:l,min:s,max:o,stops:Ft(n)}}render(){if(!this._config||!this.hass)return J;const t=this._config.entities.map(t=>this._resolveRow(t)).filter(t=>null!==t),e=Lt(this._config.background,Nt);return q`
|
|
<ha-card style=${xt(e)}>
|
|
<div class="wrap">
|
|
${this._config.title?q`<div class="card-title">${this._config.title}</div>`:J}
|
|
<div class="stack">${t.map(t=>this._renderRow(t))}</div>
|
|
</div>
|
|
</ha-card>
|
|
`}_renderRow(t){const e=this._initialized.has(t.entity)&&null!==this._readValue(t.entity),i=this._live[t.entity]??this._animated[t.entity]??0,r=Math.max(1,t.max-t.min),n=e?Ct((i-t.min)/r,0,1):0,s=Pt(n,t.stops),o=e?this._format(i,t.precision):"—";return q`
|
|
<div
|
|
class="row ${e?"":"no-data"}"
|
|
style=${xt({"--c1":s.c1,"--c2":s.c2,"--w":100*n+"%"})}
|
|
>
|
|
<div class="label">${t.name}</div>
|
|
<div class="value">
|
|
${o}${e?q`<span class="unit">${t.unit}</span>`:J}
|
|
</div>
|
|
<div class="track" aria-hidden="true">
|
|
<div class="fill"></div>
|
|
<div class="cap"></div>
|
|
</div>
|
|
</div>
|
|
`}_format(t,e){return e<=0?Math.round(t).toLocaleString():t.toLocaleString(void 0,{minimumFractionDigits:e,maximumFractionDigits:e})}};Vt.styles=a`
|
|
:host {
|
|
--pg-bg: ${o(Nt)};
|
|
--pg-text: #eef3ff;
|
|
--pg-muted: #6b7894;
|
|
display: block;
|
|
}
|
|
|
|
ha-card {
|
|
background: var(--pg-bg);
|
|
color: var(--pg-text);
|
|
border: 1px solid color-mix(in oklab, currentColor 12%, transparent);
|
|
border-radius: var(--ha-card-border-radius, 14px);
|
|
box-shadow:
|
|
0 12px 28px rgba(0, 0, 0, 0.35),
|
|
0 0 0 1px color-mix(in oklab, currentColor 2%, transparent) inset;
|
|
overflow: hidden;
|
|
font-family: 'Inter', var(--primary-font-family, system-ui, sans-serif);
|
|
}
|
|
|
|
.wrap {
|
|
padding: 14px 14px 16px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
}
|
|
|
|
.card-title {
|
|
font-size: 13px;
|
|
font-weight: 600;
|
|
letter-spacing: 0.4px;
|
|
text-transform: uppercase;
|
|
color: color-mix(in oklab, currentColor 70%, transparent);
|
|
padding: 2px 2px 0;
|
|
}
|
|
|
|
.stack {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 10px;
|
|
}
|
|
|
|
.row {
|
|
--c1: #1ee0ff;
|
|
--c2: #2a7bff;
|
|
position: relative;
|
|
padding: 10px 14px 12px;
|
|
border-radius: 12px;
|
|
background: linear-gradient(
|
|
180deg,
|
|
color-mix(in oklab, currentColor 3%, transparent),
|
|
color-mix(in oklab, currentColor 0.5%, transparent)
|
|
);
|
|
border: 1px solid color-mix(in oklab, currentColor 10%, transparent);
|
|
box-shadow: inset 0 1px 0 color-mix(in oklab, currentColor 3%, transparent);
|
|
display: grid;
|
|
grid-template-columns: 1fr auto;
|
|
grid-template-rows: auto auto;
|
|
column-gap: 14px;
|
|
row-gap: 8px;
|
|
align-items: center;
|
|
}
|
|
|
|
.label {
|
|
grid-column: 1;
|
|
grid-row: 1;
|
|
font-size: 12px;
|
|
color: color-mix(in oklab, currentColor 78%, transparent);
|
|
letter-spacing: 0.2px;
|
|
font-weight: 500;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.value {
|
|
grid-column: 2;
|
|
grid-row: 1;
|
|
font-family: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
color: var(--pg-text);
|
|
font-variant-numeric: tabular-nums;
|
|
letter-spacing: -0.2px;
|
|
}
|
|
|
|
.value .unit {
|
|
font-size: 11px;
|
|
color: color-mix(in oklab, currentColor 55%, transparent);
|
|
margin-left: 4px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
.track {
|
|
grid-column: 1 / -1;
|
|
grid-row: 2;
|
|
position: relative;
|
|
height: 6px;
|
|
border-radius: 999px;
|
|
background: color-mix(in oklab, currentColor 8%, transparent);
|
|
overflow: hidden;
|
|
}
|
|
|
|
.fill {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: var(--w);
|
|
border-radius: 999px;
|
|
background: linear-gradient(90deg, var(--c1), var(--c2));
|
|
box-shadow:
|
|
0 0 8px color-mix(in oklab, var(--c1) 50%, transparent),
|
|
0 0 14px color-mix(in oklab, var(--c2) 30%, transparent);
|
|
transition: background 0.4s;
|
|
}
|
|
|
|
.cap {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: var(--w);
|
|
width: 10px;
|
|
height: 10px;
|
|
border-radius: 50%;
|
|
background: var(--c1);
|
|
transform: translate(-50%, -50%);
|
|
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5), 0 0 8px var(--c1);
|
|
}
|
|
|
|
.row.no-data .fill,
|
|
.row.no-data .cap {
|
|
opacity: 0;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.fill {
|
|
transition: none;
|
|
}
|
|
}
|
|
`,t([ft({attribute:!1})],Vt.prototype,"hass",void 0),t([gt()],Vt.prototype,"_config",void 0),t([gt()],Vt.prototype,"_live",void 0),Vt=t([pt(At)],Vt),console.info("%c POWER-GAUGE %c v0.2.3 ","color:#fff; background:#1ee0ff; font-weight:600; padding:2px 6px; border-radius:3px 0 0 3px;","color:#1ee0ff; background:#0a0f1c; font-weight:600; padding:2px 6px; border-radius:0 3px 3px 0;");const Jt={number:{mode:"box",step:1}},Yt=[{name:"entity",required:!0,selector:{entity:{domain:["sensor","input_number"]}}},{name:"",type:"grid",schema:[{name:"name",selector:{text:{}}},{name:"unit",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"min",selector:Jt},{name:"max",selector:Jt},{name:"precision",selector:{number:{mode:"box",min:0,max:4,step:1}}}]},{name:"rolling_numbers",selector:{boolean:{}}},{name:"background",selector:{text:{}}},{name:"",type:"expandable",title:"Color levels",schema:[{name:"",type:"grid",schema:[{name:"normal",selector:Jt},{name:"normal_color",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"warning",selector:Jt},{name:"warning_color",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"critical",selector:Jt},{name:"critical_color",selector:{text:{}}}]}]}],Zt={entity:"Entity (required)",name:"Name (optional)",unit:"Unit override (optional)",min:"Minimum value",max:"Maximum value",precision:"Decimal places",rolling_numbers:"Rolling numbers (rapid fluctuation around the live value)",background:'Background (CSS color/gradient, "transparent" for HA theme)',normal:"Normal threshold",normal_color:`Normal color (default ${Tt})`,warning:"Warning threshold",warning_color:`Warning color (default ${Ht})`,critical:"Critical threshold",critical_color:`Critical color (default ${jt})`};let Kt=class extends dt{constructor(){super(...arguments),this._computeLabel=t=>Zt[t.name]??t.name}setConfig(t){this._config=t}render(){return this.hass&&this._config?q`
|
|
<ha-form
|
|
.hass=${this.hass}
|
|
.data=${this._config}
|
|
.schema=${Yt}
|
|
.computeLabel=${this._computeLabel}
|
|
@value-changed=${this._valueChanged}
|
|
></ha-form>
|
|
`:J}_valueChanged(t){const e=t.detail;this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:e.value},bubbles:!0,composed:!0}))}};Kt.styles=a`
|
|
:host {
|
|
display: block;
|
|
}
|
|
ha-form {
|
|
display: block;
|
|
}
|
|
`,t([ft({attribute:!1})],Kt.prototype,"hass",void 0),t([gt()],Kt.prototype,"_config",void 0),Kt=t([pt(wt)],Kt);var Qt=Object.freeze({__proto__:null,get PowerGaugeCardEditor(){return Kt}});const Xt={number:{mode:"box",step:1}},te=[{name:"title",selector:{text:{}}},{name:"entities",required:!0,selector:{entity:{multiple:!0,domain:["sensor","input_number"]}}},{name:"",type:"grid",schema:[{name:"min",selector:Xt},{name:"max",selector:Xt},{name:"precision",selector:{number:{mode:"box",min:0,max:4,step:1}}},{name:"unit",selector:{text:{}}}]},{name:"rolling_numbers",selector:{boolean:{}}},{name:"background",selector:{text:{}}},{name:"",type:"expandable",title:"Color levels",schema:[{name:"",type:"grid",schema:[{name:"normal",selector:Xt},{name:"normal_color",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"warning",selector:Xt},{name:"warning_color",selector:{text:{}}}]},{name:"",type:"grid",schema:[{name:"critical",selector:Xt},{name:"critical_color",selector:{text:{}}}]}]}],ee={title:"Card title (optional)",entities:"Entities (one bar per entity)",min:"Minimum value",max:"Maximum value",precision:"Decimal places",unit:"Unit override (optional)",rolling_numbers:"Rolling numbers (rapid fluctuation around the live value)",background:'Background (CSS color/gradient, "transparent" for HA theme)',normal:"Normal threshold",normal_color:`Normal color (default ${Tt})`,warning:"Warning threshold",warning_color:`Warning color (default ${Ht})`,critical:"Critical threshold",critical_color:`Critical color (default ${jt})`};let ie=class extends dt{constructor(){super(...arguments),this._computeLabel=t=>ee[t.name]??t.name}setConfig(t){this._config=t}render(){return this.hass&&this._config?q`
|
|
<ha-form
|
|
.hass=${this.hass}
|
|
.data=${this._config}
|
|
.schema=${te}
|
|
.computeLabel=${this._computeLabel}
|
|
@value-changed=${this._valueChanged}
|
|
></ha-form>
|
|
<p class="hint">
|
|
For per-row overrides (custom name, max, or color per device), edit the
|
|
card YAML — each entry under <code>entities</code> can be
|
|
<code>{ entity, name, max, normal, warning, critical, ... }</code>.
|
|
</p>
|
|
`:J}_valueChanged(t){const e=t.detail;this.dispatchEvent(new CustomEvent("config-changed",{detail:{config:e.value},bubbles:!0,composed:!0}))}};ie.styles=a`
|
|
:host {
|
|
display: block;
|
|
}
|
|
ha-form {
|
|
display: block;
|
|
}
|
|
.hint {
|
|
margin: 12px 4px 0;
|
|
font-size: 12px;
|
|
color: var(--secondary-text-color, #6b7894);
|
|
}
|
|
code {
|
|
font-family: ui-monospace, 'SF Mono', Menlo, monospace;
|
|
font-size: 11px;
|
|
background: rgba(127, 127, 127, 0.12);
|
|
padding: 1px 5px;
|
|
border-radius: 4px;
|
|
}
|
|
`,t([ft({attribute:!1})],ie.prototype,"hass",void 0),t([gt()],ie.prototype,"_config",void 0),ie=t([pt(kt)],ie);var re=Object.freeze({__proto__:null,get PowerGaugeBarCardEditor(){return ie}});
|