4192 lines
794 KiB
JavaScript
4192 lines
794 KiB
JavaScript
/*! For license information please see bubble-card.js.LICENSE.txt */
|
||
(()=>{"use strict";var e={382(e,t,n){function o(e){return null==e}n.d(t,{Ay:()=>gt,Hh:()=>ct,ZU:()=>ot,my:()=>lt});var i={isNothing:o,isObject:function(e){return"object"==typeof e&&null!==e},toArray:function(e){return Array.isArray(e)?e:o(e)?[]:[e]},repeat:function(e,t){var n,o="";for(n=0;n<t;n+=1)o+=e;return o},isNegativeZero:function(e){return 0===e&&Number.NEGATIVE_INFINITY===1/e},extend:function(e,t){var n,o,i,a;if(t)for(n=0,o=(a=Object.keys(t)).length;n<o;n+=1)e[i=a[n]]=t[i];return e}};function a(e,t){var n="",o=e.reason||"(unknown reason)";return e.mark?(e.mark.name&&(n+='in "'+e.mark.name+'" '),n+="("+(e.mark.line+1)+":"+(e.mark.column+1)+")",!t&&e.mark.snippet&&(n+="\n\n"+e.mark.snippet),o+" "+n):o}function r(e,t){Error.call(this),this.name="YAMLException",this.reason=e,this.mark=t,this.message=a(this,!1),Error.captureStackTrace?Error.captureStackTrace(this,this.constructor):this.stack=(new Error).stack||""}r.prototype=Object.create(Error.prototype),r.prototype.constructor=r,r.prototype.toString=function(e){return this.name+": "+a(this,e)};var s=r;function l(e,t,n,o,i){var a="",r="",s=Math.floor(i/2)-1;return o-t>s&&(t=o-s+(a=" ... ").length),n-o>s&&(n=o+s-(r=" ...").length),{str:a+e.slice(t,n).replace(/\t/g,"→")+r,pos:o-t+a.length}}function c(e,t){return i.repeat(" ",t-e.length)+e}var d=["kind","multi","resolve","construct","instanceOf","predicate","represent","representName","defaultStyle","styleAliases"],u=["scalar","sequence","mapping"],p=function(e,t){if(t=t||{},Object.keys(t).forEach(function(t){if(-1===d.indexOf(t))throw new s('Unknown option "'+t+'" is met in definition of "'+e+'" YAML type.')}),this.options=t,this.tag=e,this.kind=t.kind||null,this.resolve=t.resolve||function(){return!0},this.construct=t.construct||function(e){return e},this.instanceOf=t.instanceOf||null,this.predicate=t.predicate||null,this.represent=t.represent||null,this.representName=t.representName||null,this.defaultStyle=t.defaultStyle||null,this.multi=t.multi||!1,this.styleAliases=function(e){var t={};return null!==e&&Object.keys(e).forEach(function(n){e[n].forEach(function(e){t[String(e)]=n})}),t}(t.styleAliases||null),-1===u.indexOf(this.kind))throw new s('Unknown kind "'+this.kind+'" is specified for "'+e+'" YAML type.')};function b(e,t){var n=[];return e[t].forEach(function(e){var t=n.length;n.forEach(function(n,o){n.tag===e.tag&&n.kind===e.kind&&n.multi===e.multi&&(t=o)}),n[t]=e}),n}function h(e){return this.extend(e)}h.prototype.extend=function(e){var t=[],n=[];if(e instanceof p)n.push(e);else if(Array.isArray(e))n=n.concat(e);else{if(!e||!Array.isArray(e.implicit)&&!Array.isArray(e.explicit))throw new s("Schema.extend argument should be a Type, [ Type ], or a schema definition ({ implicit: [...], explicit: [...] })");e.implicit&&(t=t.concat(e.implicit)),e.explicit&&(n=n.concat(e.explicit))}t.forEach(function(e){if(!(e instanceof p))throw new s("Specified list of YAML types (or a single Type object) contains a non-Type object.");if(e.loadKind&&"scalar"!==e.loadKind)throw new s("There is a non-scalar type in the implicit list of a schema. Implicit resolving of such types is not supported.");if(e.multi)throw new s("There is a multi type in the implicit list of a schema. Multi tags can only be listed as explicit.")}),n.forEach(function(e){if(!(e instanceof p))throw new s("Specified list of YAML types (or a single Type object) contains a non-Type object.")});var o=Object.create(h.prototype);return o.implicit=(this.implicit||[]).concat(t),o.explicit=(this.explicit||[]).concat(n),o.compiledImplicit=b(o,"implicit"),o.compiledExplicit=b(o,"explicit"),o.compiledTypeMap=function(){var e,t,n={scalar:{},sequence:{},mapping:{},fallback:{},multi:{scalar:[],sequence:[],mapping:[],fallback:[]}};function o(e){e.multi?(n.multi[e.kind].push(e),n.multi.fallback.push(e)):n[e.kind][e.tag]=n.fallback[e.tag]=e}for(e=0,t=arguments.length;e<t;e+=1)arguments[e].forEach(o);return n}(o.compiledImplicit,o.compiledExplicit),o};var m=h,f=new p("tag:yaml.org,2002:str",{kind:"scalar",construct:function(e){return null!==e?e:""}}),g=new p("tag:yaml.org,2002:seq",{kind:"sequence",construct:function(e){return null!==e?e:[]}}),y=new p("tag:yaml.org,2002:map",{kind:"mapping",construct:function(e){return null!==e?e:{}}}),v=new m({explicit:[f,g,y]}),_=new p("tag:yaml.org,2002:null",{kind:"scalar",resolve:function(e){if(null===e)return!0;var t=e.length;return 1===t&&"~"===e||4===t&&("null"===e||"Null"===e||"NULL"===e)},construct:function(){return null},predicate:function(e){return null===e},represent:{canonical:function(){return"~"},lowercase:function(){return"null"},uppercase:function(){return"NULL"},camelcase:function(){return"Null"},empty:function(){return""}},defaultStyle:"lowercase"}),w=new p("tag:yaml.org,2002:bool",{kind:"scalar",resolve:function(e){if(null===e)return!1;var t=e.length;return 4===t&&("true"===e||"True"===e||"TRUE"===e)||5===t&&("false"===e||"False"===e||"FALSE"===e)},construct:function(e){return"true"===e||"True"===e||"TRUE"===e},predicate:function(e){return"[object Boolean]"===Object.prototype.toString.call(e)},represent:{lowercase:function(e){return e?"true":"false"},uppercase:function(e){return e?"TRUE":"FALSE"},camelcase:function(e){return e?"True":"False"}},defaultStyle:"lowercase"});function x(e){return 48<=e&&e<=57||65<=e&&e<=70||97<=e&&e<=102}function C(e){return 48<=e&&e<=55}function k(e){return 48<=e&&e<=57}var $=new p("tag:yaml.org,2002:int",{kind:"scalar",resolve:function(e){if(null===e)return!1;var t,n=e.length,o=0,i=!1;if(!n)return!1;if("-"!==(t=e[o])&&"+"!==t||(t=e[++o]),"0"===t){if(o+1===n)return!0;if("b"===(t=e[++o])){for(o++;o<n;o++)if("_"!==(t=e[o])){if("0"!==t&&"1"!==t)return!1;i=!0}return i&&"_"!==t}if("x"===t){for(o++;o<n;o++)if("_"!==(t=e[o])){if(!x(e.charCodeAt(o)))return!1;i=!0}return i&&"_"!==t}if("o"===t){for(o++;o<n;o++)if("_"!==(t=e[o])){if(!C(e.charCodeAt(o)))return!1;i=!0}return i&&"_"!==t}}if("_"===t)return!1;for(;o<n;o++)if("_"!==(t=e[o])){if(!k(e.charCodeAt(o)))return!1;i=!0}return!(!i||"_"===t)},construct:function(e){var t,n=e,o=1;if(-1!==n.indexOf("_")&&(n=n.replace(/_/g,"")),"-"!==(t=n[0])&&"+"!==t||("-"===t&&(o=-1),t=(n=n.slice(1))[0]),"0"===n)return 0;if("0"===t){if("b"===n[1])return o*parseInt(n.slice(2),2);if("x"===n[1])return o*parseInt(n.slice(2),16);if("o"===n[1])return o*parseInt(n.slice(2),8)}return o*parseInt(n,10)},predicate:function(e){return"[object Number]"===Object.prototype.toString.call(e)&&e%1==0&&!i.isNegativeZero(e)},represent:{binary:function(e){return e>=0?"0b"+e.toString(2):"-0b"+e.toString(2).slice(1)},octal:function(e){return e>=0?"0o"+e.toString(8):"-0o"+e.toString(8).slice(1)},decimal:function(e){return e.toString(10)},hexadecimal:function(e){return e>=0?"0x"+e.toString(16).toUpperCase():"-0x"+e.toString(16).toUpperCase().slice(1)}},defaultStyle:"decimal",styleAliases:{binary:[2,"bin"],octal:[8,"oct"],decimal:[10,"dec"],hexadecimal:[16,"hex"]}}),S=new RegExp("^(?:[-+]?(?:[0-9][0-9_]*)(?:\\.[0-9_]*)?(?:[eE][-+]?[0-9]+)?|\\.[0-9_]+(?:[eE][-+]?[0-9]+)?|[-+]?\\.(?:inf|Inf|INF)|\\.(?:nan|NaN|NAN))$"),A=/^[-+]?[0-9]+e/,L=new p("tag:yaml.org,2002:float",{kind:"scalar",resolve:function(e){return null!==e&&!(!S.test(e)||"_"===e[e.length-1])},construct:function(e){var t,n;return n="-"===(t=e.replace(/_/g,"").toLowerCase())[0]?-1:1,"+-".indexOf(t[0])>=0&&(t=t.slice(1)),".inf"===t?1===n?Number.POSITIVE_INFINITY:Number.NEGATIVE_INFINITY:".nan"===t?NaN:n*parseFloat(t,10)},predicate:function(e){return"[object Number]"===Object.prototype.toString.call(e)&&(e%1!=0||i.isNegativeZero(e))},represent:function(e,t){var n;if(isNaN(e))switch(t){case"lowercase":return".nan";case"uppercase":return".NAN";case"camelcase":return".NaN"}else if(Number.POSITIVE_INFINITY===e)switch(t){case"lowercase":return".inf";case"uppercase":return".INF";case"camelcase":return".Inf"}else if(Number.NEGATIVE_INFINITY===e)switch(t){case"lowercase":return"-.inf";case"uppercase":return"-.INF";case"camelcase":return"-.Inf"}else if(i.isNegativeZero(e))return"-0.0";return n=e.toString(10),A.test(n)?n.replace("e",".e"):n},defaultStyle:"lowercase"}),E=v.extend({implicit:[_,w,$,L]}),T=E,M=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])$"),P=new RegExp("^([0-9][0-9][0-9][0-9])-([0-9][0-9]?)-([0-9][0-9]?)(?:[Tt]|[ \\t]+)([0-9][0-9]?):([0-9][0-9]):([0-9][0-9])(?:\\.([0-9]*))?(?:[ \\t]*(Z|([-+])([0-9][0-9]?)(?::([0-9][0-9]))?))?$"),B=new p("tag:yaml.org,2002:timestamp",{kind:"scalar",resolve:function(e){return null!==e&&(null!==M.exec(e)||null!==P.exec(e))},construct:function(e){var t,n,o,i,a,r,s,l,c=0,d=null;if(null===(t=M.exec(e))&&(t=P.exec(e)),null===t)throw new Error("Date resolve error");if(n=+t[1],o=+t[2]-1,i=+t[3],!t[4])return new Date(Date.UTC(n,o,i));if(a=+t[4],r=+t[5],s=+t[6],t[7]){for(c=t[7].slice(0,3);c.length<3;)c+="0";c=+c}return t[9]&&(d=6e4*(60*+t[10]+ +(t[11]||0)),"-"===t[9]&&(d=-d)),l=new Date(Date.UTC(n,o,i,a,r,s,c)),d&&l.setTime(l.getTime()-d),l},instanceOf:Date,represent:function(e){return e.toISOString()}}),I=new p("tag:yaml.org,2002:merge",{kind:"scalar",resolve:function(e){return"<<"===e||null===e}}),q="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=\n\r",O=new p("tag:yaml.org,2002:binary",{kind:"scalar",resolve:function(e){if(null===e)return!1;var t,n,o=0,i=e.length,a=q;for(n=0;n<i;n++)if(!((t=a.indexOf(e.charAt(n)))>64)){if(t<0)return!1;o+=6}return o%8==0},construct:function(e){var t,n,o=e.replace(/[\r\n=]/g,""),i=o.length,a=q,r=0,s=[];for(t=0;t<i;t++)t%4==0&&t&&(s.push(r>>16&255),s.push(r>>8&255),s.push(255&r)),r=r<<6|a.indexOf(o.charAt(t));return 0==(n=i%4*6)?(s.push(r>>16&255),s.push(r>>8&255),s.push(255&r)):18===n?(s.push(r>>10&255),s.push(r>>2&255)):12===n&&s.push(r>>4&255),new Uint8Array(s)},predicate:function(e){return"[object Uint8Array]"===Object.prototype.toString.call(e)},represent:function(e){var t,n,o="",i=0,a=e.length,r=q;for(t=0;t<a;t++)t%3==0&&t&&(o+=r[i>>18&63],o+=r[i>>12&63],o+=r[i>>6&63],o+=r[63&i]),i=(i<<8)+e[t];return 0==(n=a%3)?(o+=r[i>>18&63],o+=r[i>>12&63],o+=r[i>>6&63],o+=r[63&i]):2===n?(o+=r[i>>10&63],o+=r[i>>4&63],o+=r[i<<2&63],o+=r[64]):1===n&&(o+=r[i>>2&63],o+=r[i<<4&63],o+=r[64],o+=r[64]),o}}),U=Object.prototype.hasOwnProperty,z=Object.prototype.toString,H=new p("tag:yaml.org,2002:omap",{kind:"sequence",resolve:function(e){if(null===e)return!0;var t,n,o,i,a,r=[],s=e;for(t=0,n=s.length;t<n;t+=1){if(o=s[t],a=!1,"[object Object]"!==z.call(o))return!1;for(i in o)if(U.call(o,i)){if(a)return!1;a=!0}if(!a)return!1;if(-1!==r.indexOf(i))return!1;r.push(i)}return!0},construct:function(e){return null!==e?e:[]}}),N=Object.prototype.toString,D=new p("tag:yaml.org,2002:pairs",{kind:"sequence",resolve:function(e){if(null===e)return!0;var t,n,o,i,a,r=e;for(a=new Array(r.length),t=0,n=r.length;t<n;t+=1){if(o=r[t],"[object Object]"!==N.call(o))return!1;if(1!==(i=Object.keys(o)).length)return!1;a[t]=[i[0],o[i[0]]]}return!0},construct:function(e){if(null===e)return[];var t,n,o,i,a,r=e;for(a=new Array(r.length),t=0,n=r.length;t<n;t+=1)o=r[t],i=Object.keys(o),a[t]=[i[0],o[i[0]]];return a}}),j=Object.prototype.hasOwnProperty,R=new p("tag:yaml.org,2002:set",{kind:"mapping",resolve:function(e){if(null===e)return!0;var t,n=e;for(t in n)if(j.call(n,t)&&null!==n[t])return!1;return!0},construct:function(e){return null!==e?e:{}}}),F=T.extend({implicit:[B,I],explicit:[O,H,D,R]}),V=Object.prototype.hasOwnProperty,W=/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F-\x84\x86-\x9F\uFFFE\uFFFF]|[\uD800-\uDBFF](?![\uDC00-\uDFFF])|(?:[^\uD800-\uDBFF]|^)[\uDC00-\uDFFF]/,Y=/[\x85\u2028\u2029]/,K=/[,\[\]\{\}]/,J=/^(?:!|!!|![a-z\-]+!)$/i,X=/^(?:!|[^,\[\]\{\}])(?:%[0-9a-f]{2}|[0-9a-z\-#;\/\?:@&=\+\$,_\.!~\*'\(\)\[\]])*$/i;function G(e){return Object.prototype.toString.call(e)}function Q(e){return 10===e||13===e}function Z(e){return 9===e||32===e}function ee(e){return 9===e||32===e||10===e||13===e}function te(e){return 44===e||91===e||93===e||123===e||125===e}function ne(e){var t;return 48<=e&&e<=57?e-48:97<=(t=32|e)&&t<=102?t-97+10:-1}function oe(e){return 120===e?2:117===e?4:85===e?8:0}function ie(e){return 48<=e&&e<=57?e-48:-1}function ae(e){return 48===e?"\0":97===e?"":98===e?"\b":116===e||9===e?"\t":110===e?"\n":118===e?"\v":102===e?"\f":114===e?"\r":101===e?"":32===e?" ":34===e?'"':47===e?"/":92===e?"\\":78===e?"
":95===e?" ":76===e?"\u2028":80===e?"\u2029":""}function re(e){return e<=65535?String.fromCharCode(e):String.fromCharCode(55296+(e-65536>>10),56320+(e-65536&1023))}function se(e,t,n){"__proto__"===t?Object.defineProperty(e,t,{configurable:!0,enumerable:!0,writable:!0,value:n}):e[t]=n}for(var le=new Array(256),ce=new Array(256),de=0;de<256;de++)le[de]=ae(de)?1:0,ce[de]=ae(de);function ue(e,t){this.input=e,this.filename=t.filename||null,this.schema=t.schema||F,this.onWarning=t.onWarning||null,this.legacy=t.legacy||!1,this.json=t.json||!1,this.listener=t.listener||null,this.implicitTypes=this.schema.compiledImplicit,this.typeMap=this.schema.compiledTypeMap,this.length=e.length,this.position=0,this.line=0,this.lineStart=0,this.lineIndent=0,this.firstTabInLine=-1,this.documents=[]}function pe(e,t){var n={name:e.filename,buffer:e.input.slice(0,-1),position:e.position,line:e.line,column:e.position-e.lineStart};return n.snippet=function(e,t){if(t=Object.create(t||null),!e.buffer)return null;t.maxLength||(t.maxLength=79),"number"!=typeof t.indent&&(t.indent=1),"number"!=typeof t.linesBefore&&(t.linesBefore=3),"number"!=typeof t.linesAfter&&(t.linesAfter=2);for(var n,o=/\r?\n|\r|\0/g,a=[0],r=[],s=-1;n=o.exec(e.buffer);)r.push(n.index),a.push(n.index+n[0].length),e.position<=n.index&&s<0&&(s=a.length-2);s<0&&(s=a.length-1);var d,u,p="",b=Math.min(e.line+t.linesAfter,r.length).toString().length,h=t.maxLength-(t.indent+b+3);for(d=1;d<=t.linesBefore&&!(s-d<0);d++)u=l(e.buffer,a[s-d],r[s-d],e.position-(a[s]-a[s-d]),h),p=i.repeat(" ",t.indent)+c((e.line-d+1).toString(),b)+" | "+u.str+"\n"+p;for(u=l(e.buffer,a[s],r[s],e.position,h),p+=i.repeat(" ",t.indent)+c((e.line+1).toString(),b)+" | "+u.str+"\n",p+=i.repeat("-",t.indent+b+3+u.pos)+"^\n",d=1;d<=t.linesAfter&&!(s+d>=r.length);d++)u=l(e.buffer,a[s+d],r[s+d],e.position-(a[s]-a[s+d]),h),p+=i.repeat(" ",t.indent)+c((e.line+d+1).toString(),b)+" | "+u.str+"\n";return p.replace(/\n$/,"")}(n),new s(t,n)}function be(e,t){throw pe(e,t)}function he(e,t){e.onWarning&&e.onWarning.call(null,pe(e,t))}var me={YAML:function(e,t,n){var o,i,a;null!==e.version&&be(e,"duplication of %YAML directive"),1!==n.length&&be(e,"YAML directive accepts exactly one argument"),null===(o=/^([0-9]+)\.([0-9]+)$/.exec(n[0]))&&be(e,"ill-formed argument of the YAML directive"),i=parseInt(o[1],10),a=parseInt(o[2],10),1!==i&&be(e,"unacceptable YAML version of the document"),e.version=n[0],e.checkLineBreaks=a<2,1!==a&&2!==a&&he(e,"unsupported YAML version of the document")},TAG:function(e,t,n){var o,i;2!==n.length&&be(e,"TAG directive accepts exactly two arguments"),o=n[0],i=n[1],J.test(o)||be(e,"ill-formed tag handle (first argument) of the TAG directive"),V.call(e.tagMap,o)&&be(e,'there is a previously declared suffix for "'+o+'" tag handle'),X.test(i)||be(e,"ill-formed tag prefix (second argument) of the TAG directive");try{i=decodeURIComponent(i)}catch(t){be(e,"tag prefix is malformed: "+i)}e.tagMap[o]=i}};function fe(e,t,n,o){var i,a,r,s;if(t<n){if(s=e.input.slice(t,n),o)for(i=0,a=s.length;i<a;i+=1)9===(r=s.charCodeAt(i))||32<=r&&r<=1114111||be(e,"expected valid JSON character");else W.test(s)&&be(e,"the stream contains non-printable characters");e.result+=s}}function ge(e,t,n,o){var a,r,s,l;for(i.isObject(n)||be(e,"cannot merge mappings; the provided source object is unacceptable"),s=0,l=(a=Object.keys(n)).length;s<l;s+=1)r=a[s],V.call(t,r)||(se(t,r,n[r]),o[r]=!0)}function ye(e,t,n,o,i,a,r,s,l){var c,d;if(Array.isArray(i))for(c=0,d=(i=Array.prototype.slice.call(i)).length;c<d;c+=1)Array.isArray(i[c])&&be(e,"nested arrays are not supported inside keys"),"object"==typeof i&&"[object Object]"===G(i[c])&&(i[c]="[object Object]");if("object"==typeof i&&"[object Object]"===G(i)&&(i="[object Object]"),i=String(i),null===t&&(t={}),"tag:yaml.org,2002:merge"===o)if(Array.isArray(a))for(c=0,d=a.length;c<d;c+=1)ge(e,t,a[c],n);else ge(e,t,a,n);else e.json||V.call(n,i)||!V.call(t,i)||(e.line=r||e.line,e.lineStart=s||e.lineStart,e.position=l||e.position,be(e,"duplicated mapping key")),se(t,i,a),delete n[i];return t}function ve(e){var t;10===(t=e.input.charCodeAt(e.position))?e.position++:13===t?(e.position++,10===e.input.charCodeAt(e.position)&&e.position++):be(e,"a line break is expected"),e.line+=1,e.lineStart=e.position,e.firstTabInLine=-1}function _e(e,t,n){for(var o=0,i=e.input.charCodeAt(e.position);0!==i;){for(;Z(i);)9===i&&-1===e.firstTabInLine&&(e.firstTabInLine=e.position),i=e.input.charCodeAt(++e.position);if(t&&35===i)do{i=e.input.charCodeAt(++e.position)}while(10!==i&&13!==i&&0!==i);if(!Q(i))break;for(ve(e),i=e.input.charCodeAt(e.position),o++,e.lineIndent=0;32===i;)e.lineIndent++,i=e.input.charCodeAt(++e.position)}return-1!==n&&0!==o&&e.lineIndent<n&&he(e,"deficient indentation"),o}function we(e){var t,n=e.position;return!(45!==(t=e.input.charCodeAt(n))&&46!==t||t!==e.input.charCodeAt(n+1)||t!==e.input.charCodeAt(n+2)||(n+=3,0!==(t=e.input.charCodeAt(n))&&!ee(t)))}function xe(e,t){1===t?e.result+=" ":t>1&&(e.result+=i.repeat("\n",t-1))}function Ce(e,t){var n,o,i=e.tag,a=e.anchor,r=[],s=!1;if(-1!==e.firstTabInLine)return!1;for(null!==e.anchor&&(e.anchorMap[e.anchor]=r),o=e.input.charCodeAt(e.position);0!==o&&(-1!==e.firstTabInLine&&(e.position=e.firstTabInLine,be(e,"tab characters must not be used in indentation")),45===o)&&ee(e.input.charCodeAt(e.position+1));)if(s=!0,e.position++,_e(e,!0,-1)&&e.lineIndent<=t)r.push(null),o=e.input.charCodeAt(e.position);else if(n=e.line,Se(e,t,3,!1,!0),r.push(e.result),_e(e,!0,-1),o=e.input.charCodeAt(e.position),(e.line===n||e.lineIndent>t)&&0!==o)be(e,"bad indentation of a sequence entry");else if(e.lineIndent<t)break;return!!s&&(e.tag=i,e.anchor=a,e.kind="sequence",e.result=r,!0)}function ke(e){var t,n,o,i,a=!1,r=!1;if(33!==(i=e.input.charCodeAt(e.position)))return!1;if(null!==e.tag&&be(e,"duplication of a tag property"),60===(i=e.input.charCodeAt(++e.position))?(a=!0,i=e.input.charCodeAt(++e.position)):33===i?(r=!0,n="!!",i=e.input.charCodeAt(++e.position)):n="!",t=e.position,a){do{i=e.input.charCodeAt(++e.position)}while(0!==i&&62!==i);e.position<e.length?(o=e.input.slice(t,e.position),i=e.input.charCodeAt(++e.position)):be(e,"unexpected end of the stream within a verbatim tag")}else{for(;0!==i&&!ee(i);)33===i&&(r?be(e,"tag suffix cannot contain exclamation marks"):(n=e.input.slice(t-1,e.position+1),J.test(n)||be(e,"named tag handle cannot contain such characters"),r=!0,t=e.position+1)),i=e.input.charCodeAt(++e.position);o=e.input.slice(t,e.position),K.test(o)&&be(e,"tag suffix cannot contain flow indicator characters")}o&&!X.test(o)&&be(e,"tag name cannot contain such characters: "+o);try{o=decodeURIComponent(o)}catch(t){be(e,"tag name is malformed: "+o)}return a?e.tag=o:V.call(e.tagMap,n)?e.tag=e.tagMap[n]+o:"!"===n?e.tag="!"+o:"!!"===n?e.tag="tag:yaml.org,2002:"+o:be(e,'undeclared tag handle "'+n+'"'),!0}function $e(e){var t,n;if(38!==(n=e.input.charCodeAt(e.position)))return!1;for(null!==e.anchor&&be(e,"duplication of an anchor property"),n=e.input.charCodeAt(++e.position),t=e.position;0!==n&&!ee(n)&&!te(n);)n=e.input.charCodeAt(++e.position);return e.position===t&&be(e,"name of an anchor node must contain at least one character"),e.anchor=e.input.slice(t,e.position),!0}function Se(e,t,n,o,a){var r,s,l,c,d,u,p,b,h,m=1,f=!1,g=!1;if(null!==e.listener&&e.listener("open",e),e.tag=null,e.anchor=null,e.kind=null,e.result=null,r=s=l=4===n||3===n,o&&_e(e,!0,-1)&&(f=!0,e.lineIndent>t?m=1:e.lineIndent===t?m=0:e.lineIndent<t&&(m=-1)),1===m)for(;ke(e)||$e(e);)_e(e,!0,-1)?(f=!0,l=r,e.lineIndent>t?m=1:e.lineIndent===t?m=0:e.lineIndent<t&&(m=-1)):l=!1;if(l&&(l=f||a),1!==m&&4!==n||(b=1===n||2===n?t:t+1,h=e.position-e.lineStart,1===m?l&&(Ce(e,h)||function(e,t,n){var o,i,a,r,s,l,c,d=e.tag,u=e.anchor,p={},b=Object.create(null),h=null,m=null,f=null,g=!1,y=!1;if(-1!==e.firstTabInLine)return!1;for(null!==e.anchor&&(e.anchorMap[e.anchor]=p),c=e.input.charCodeAt(e.position);0!==c;){if(g||-1===e.firstTabInLine||(e.position=e.firstTabInLine,be(e,"tab characters must not be used in indentation")),o=e.input.charCodeAt(e.position+1),a=e.line,63!==c&&58!==c||!ee(o)){if(r=e.line,s=e.lineStart,l=e.position,!Se(e,n,2,!1,!0))break;if(e.line===a){for(c=e.input.charCodeAt(e.position);Z(c);)c=e.input.charCodeAt(++e.position);if(58===c)ee(c=e.input.charCodeAt(++e.position))||be(e,"a whitespace character is expected after the key-value separator within a block mapping"),g&&(ye(e,p,b,h,m,null,r,s,l),h=m=f=null),y=!0,g=!1,i=!1,h=e.tag,m=e.result;else{if(!y)return e.tag=d,e.anchor=u,!0;be(e,"can not read an implicit mapping pair; a colon is missed")}}else{if(!y)return e.tag=d,e.anchor=u,!0;be(e,"can not read a block mapping entry; a multiline key may not be an implicit key")}}else 63===c?(g&&(ye(e,p,b,h,m,null,r,s,l),h=m=f=null),y=!0,g=!0,i=!0):g?(g=!1,i=!0):be(e,"incomplete explicit mapping pair; a key node is missed; or followed by a non-tabulated empty line"),e.position+=1,c=o;if((e.line===a||e.lineIndent>t)&&(g&&(r=e.line,s=e.lineStart,l=e.position),Se(e,t,4,!0,i)&&(g?m=e.result:f=e.result),g||(ye(e,p,b,h,m,f,r,s,l),h=m=f=null),_e(e,!0,-1),c=e.input.charCodeAt(e.position)),(e.line===a||e.lineIndent>t)&&0!==c)be(e,"bad indentation of a mapping entry");else if(e.lineIndent<t)break}return g&&ye(e,p,b,h,m,null,r,s,l),y&&(e.tag=d,e.anchor=u,e.kind="mapping",e.result=p),y}(e,h,b))||function(e,t){var n,o,i,a,r,s,l,c,d,u,p,b,h=!0,m=e.tag,f=e.anchor,g=Object.create(null);if(91===(b=e.input.charCodeAt(e.position)))r=93,c=!1,a=[];else{if(123!==b)return!1;r=125,c=!0,a={}}for(null!==e.anchor&&(e.anchorMap[e.anchor]=a),b=e.input.charCodeAt(++e.position);0!==b;){if(_e(e,!0,t),(b=e.input.charCodeAt(e.position))===r)return e.position++,e.tag=m,e.anchor=f,e.kind=c?"mapping":"sequence",e.result=a,!0;h?44===b&&be(e,"expected the node content, but found ','"):be(e,"missed comma between flow collection entries"),p=null,s=l=!1,63===b&&ee(e.input.charCodeAt(e.position+1))&&(s=l=!0,e.position++,_e(e,!0,t)),n=e.line,o=e.lineStart,i=e.position,Se(e,t,1,!1,!0),u=e.tag,d=e.result,_e(e,!0,t),b=e.input.charCodeAt(e.position),!l&&e.line!==n||58!==b||(s=!0,b=e.input.charCodeAt(++e.position),_e(e,!0,t),Se(e,t,1,!1,!0),p=e.result),c?ye(e,a,g,u,d,p,n,o,i):s?a.push(ye(e,null,g,u,d,p,n,o,i)):a.push(d),_e(e,!0,t),44===(b=e.input.charCodeAt(e.position))?(h=!0,b=e.input.charCodeAt(++e.position)):h=!1}be(e,"unexpected end of the stream within a flow collection")}(e,b)?g=!0:(s&&function(e,t){var n,o,a,r,s=1,l=!1,c=!1,d=t,u=0,p=!1;if(124===(r=e.input.charCodeAt(e.position)))o=!1;else{if(62!==r)return!1;o=!0}for(e.kind="scalar",e.result="";0!==r;)if(43===(r=e.input.charCodeAt(++e.position))||45===r)1===s?s=43===r?3:2:be(e,"repeat of a chomping mode identifier");else{if(!((a=ie(r))>=0))break;0===a?be(e,"bad explicit indentation width of a block scalar; it cannot be less than one"):c?be(e,"repeat of an indentation width identifier"):(d=t+a-1,c=!0)}if(Z(r)){do{r=e.input.charCodeAt(++e.position)}while(Z(r));if(35===r)do{r=e.input.charCodeAt(++e.position)}while(!Q(r)&&0!==r)}for(;0!==r;){for(ve(e),e.lineIndent=0,r=e.input.charCodeAt(e.position);(!c||e.lineIndent<d)&&32===r;)e.lineIndent++,r=e.input.charCodeAt(++e.position);if(!c&&e.lineIndent>d&&(d=e.lineIndent),Q(r))u++;else{if(e.lineIndent<d){3===s?e.result+=i.repeat("\n",l?1+u:u):1===s&&l&&(e.result+="\n");break}for(o?Z(r)?(p=!0,e.result+=i.repeat("\n",l?1+u:u)):p?(p=!1,e.result+=i.repeat("\n",u+1)):0===u?l&&(e.result+=" "):e.result+=i.repeat("\n",u):e.result+=i.repeat("\n",l?1+u:u),l=!0,c=!0,u=0,n=e.position;!Q(r)&&0!==r;)r=e.input.charCodeAt(++e.position);fe(e,n,e.position,!1)}}return!0}(e,b)||function(e,t){var n,o,i;if(39!==(n=e.input.charCodeAt(e.position)))return!1;for(e.kind="scalar",e.result="",e.position++,o=i=e.position;0!==(n=e.input.charCodeAt(e.position));)if(39===n){if(fe(e,o,e.position,!0),39!==(n=e.input.charCodeAt(++e.position)))return!0;o=e.position,e.position++,i=e.position}else Q(n)?(fe(e,o,i,!0),xe(e,_e(e,!1,t)),o=i=e.position):e.position===e.lineStart&&we(e)?be(e,"unexpected end of the document within a single quoted scalar"):(e.position++,i=e.position);be(e,"unexpected end of the stream within a single quoted scalar")}(e,b)||function(e,t){var n,o,i,a,r,s;if(34!==(s=e.input.charCodeAt(e.position)))return!1;for(e.kind="scalar",e.result="",e.position++,n=o=e.position;0!==(s=e.input.charCodeAt(e.position));){if(34===s)return fe(e,n,e.position,!0),e.position++,!0;if(92===s){if(fe(e,n,e.position,!0),Q(s=e.input.charCodeAt(++e.position)))_e(e,!1,t);else if(s<256&&le[s])e.result+=ce[s],e.position++;else if((r=oe(s))>0){for(i=r,a=0;i>0;i--)(r=ne(s=e.input.charCodeAt(++e.position)))>=0?a=(a<<4)+r:be(e,"expected hexadecimal character");e.result+=re(a),e.position++}else be(e,"unknown escape sequence");n=o=e.position}else Q(s)?(fe(e,n,o,!0),xe(e,_e(e,!1,t)),n=o=e.position):e.position===e.lineStart&&we(e)?be(e,"unexpected end of the document within a double quoted scalar"):(e.position++,o=e.position)}be(e,"unexpected end of the stream within a double quoted scalar")}(e,b)?g=!0:function(e){var t,n,o;if(42!==(o=e.input.charCodeAt(e.position)))return!1;for(o=e.input.charCodeAt(++e.position),t=e.position;0!==o&&!ee(o)&&!te(o);)o=e.input.charCodeAt(++e.position);return e.position===t&&be(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),V.call(e.anchorMap,n)||be(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],_e(e,!0,-1),!0}(e)?(g=!0,null===e.tag&&null===e.anchor||be(e,"alias node should not have any properties")):function(e,t,n){var o,i,a,r,s,l,c,d,u=e.kind,p=e.result;if(ee(d=e.input.charCodeAt(e.position))||te(d)||35===d||38===d||42===d||33===d||124===d||62===d||39===d||34===d||37===d||64===d||96===d)return!1;if((63===d||45===d)&&(ee(o=e.input.charCodeAt(e.position+1))||n&&te(o)))return!1;for(e.kind="scalar",e.result="",i=a=e.position,r=!1;0!==d;){if(58===d){if(ee(o=e.input.charCodeAt(e.position+1))||n&&te(o))break}else if(35===d){if(ee(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&we(e)||n&&te(d))break;if(Q(d)){if(s=e.line,l=e.lineStart,c=e.lineIndent,_e(e,!1,-1),e.lineIndent>=t){r=!0,d=e.input.charCodeAt(e.position);continue}e.position=a,e.line=s,e.lineStart=l,e.lineIndent=c;break}}r&&(fe(e,i,a,!1),xe(e,e.line-s),i=a=e.position,r=!1),Z(d)||(a=e.position+1),d=e.input.charCodeAt(++e.position)}return fe(e,i,a,!1),!!e.result||(e.kind=u,e.result=p,!1)}(e,b,1===n)&&(g=!0,null===e.tag&&(e.tag="?")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===m&&(g=l&&Ce(e,h))),null===e.tag)null!==e.anchor&&(e.anchorMap[e.anchor]=e.result);else if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&be(e,'unacceptable node kind for !<?> tag; it should be "scalar", not "'+e.kind+'"'),c=0,d=e.implicitTypes.length;c<d;c+=1)if((p=e.implicitTypes[c]).resolve(e.result)){e.result=p.construct(e.result),e.tag=p.tag,null!==e.anchor&&(e.anchorMap[e.anchor]=e.result);break}}else if("!"!==e.tag){if(V.call(e.typeMap[e.kind||"fallback"],e.tag))p=e.typeMap[e.kind||"fallback"][e.tag];else for(p=null,c=0,d=(u=e.typeMap.multi[e.kind||"fallback"]).length;c<d;c+=1)if(e.tag.slice(0,u[c].tag.length)===u[c].tag){p=u[c];break}p||be(e,"unknown tag !<"+e.tag+">"),null!==e.result&&p.kind!==e.kind&&be(e,"unacceptable node kind for !<"+e.tag+'> tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result,e.tag)?(e.result=p.construct(e.result,e.tag),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):be(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")}return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||g}function Ae(e){var t,n,o,i,a=e.position,r=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap=Object.create(null),e.anchorMap=Object.create(null);0!==(i=e.input.charCodeAt(e.position))&&(_e(e,!0,-1),i=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==i));){for(r=!0,i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!ee(i);)i=e.input.charCodeAt(++e.position);for(o=[],(n=e.input.slice(t,e.position)).length<1&&be(e,"directive name must not be less than one character in length");0!==i;){for(;Z(i);)i=e.input.charCodeAt(++e.position);if(35===i){do{i=e.input.charCodeAt(++e.position)}while(0!==i&&!Q(i));break}if(Q(i))break;for(t=e.position;0!==i&&!ee(i);)i=e.input.charCodeAt(++e.position);o.push(e.input.slice(t,e.position))}0!==i&&ve(e),V.call(me,n)?me[n](e,n,o):he(e,'unknown document directive "'+n+'"')}_e(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,_e(e,!0,-1)):r&&be(e,"directives end mark is expected"),Se(e,e.lineIndent-1,4,!1,!0),_e(e,!0,-1),e.checkLineBreaks&&Y.test(e.input.slice(a,e.position))&&he(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&we(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,_e(e,!0,-1)):e.position<e.length-1&&be(e,"end of the stream or a document separator is expected")}function Le(e,t){t=t||{},0!==(e=String(e)).length&&(10!==e.charCodeAt(e.length-1)&&13!==e.charCodeAt(e.length-1)&&(e+="\n"),65279===e.charCodeAt(0)&&(e=e.slice(1)));var n=new ue(e,t),o=e.indexOf("\0");for(-1!==o&&(n.position=o,be(n,"null byte is not allowed in input")),n.input+="\0";32===n.input.charCodeAt(n.position);)n.lineIndent+=1,n.position+=1;for(;n.position<n.length-1;)Ae(n);return n.documents}var Ee=function(e,t,n){null!==t&&"object"==typeof t&&void 0===n&&(n=t,t=null);var o=Le(e,n);if("function"!=typeof t)return o;for(var i=0,a=o.length;i<a;i+=1)t(o[i])},Te=function(e,t){var n=Le(e,t);if(0!==n.length){if(1===n.length)return n[0];throw new s("expected a single document in the stream, but found more")}},Me=Object.prototype.toString,Pe=Object.prototype.hasOwnProperty,Be=65279,Ie={0:"\\0",7:"\\a",8:"\\b",9:"\\t",10:"\\n",11:"\\v",12:"\\f",13:"\\r",27:"\\e",34:'\\"',92:"\\\\",133:"\\N",160:"\\_",8232:"\\L",8233:"\\P"},qe=["y","Y","yes","Yes","YES","on","On","ON","n","N","no","No","NO","off","Off","OFF"],Oe=/^[-+]?[0-9_]+(?::[0-9_]+)+(?:\.[0-9_]*)?$/;function Ue(e){var t,n,o;if(t=e.toString(16).toUpperCase(),e<=255)n="x",o=2;else if(e<=65535)n="u",o=4;else{if(!(e<=4294967295))throw new s("code point within a string may not be greater than 0xFFFFFFFF");n="U",o=8}return"\\"+n+i.repeat("0",o-t.length)+t}function ze(e){this.schema=e.schema||F,this.indent=Math.max(1,e.indent||2),this.noArrayIndent=e.noArrayIndent||!1,this.skipInvalid=e.skipInvalid||!1,this.flowLevel=i.isNothing(e.flowLevel)?-1:e.flowLevel,this.styleMap=function(e,t){var n,o,i,a,r,s,l;if(null===t)return{};for(n={},i=0,a=(o=Object.keys(t)).length;i<a;i+=1)r=o[i],s=String(t[r]),"!!"===r.slice(0,2)&&(r="tag:yaml.org,2002:"+r.slice(2)),(l=e.compiledTypeMap.fallback[r])&&Pe.call(l.styleAliases,s)&&(s=l.styleAliases[s]),n[r]=s;return n}(this.schema,e.styles||null),this.sortKeys=e.sortKeys||!1,this.lineWidth=e.lineWidth||80,this.noRefs=e.noRefs||!1,this.noCompatMode=e.noCompatMode||!1,this.condenseFlow=e.condenseFlow||!1,this.quotingType='"'===e.quotingType?2:1,this.forceQuotes=e.forceQuotes||!1,this.replacer="function"==typeof e.replacer?e.replacer:null,this.implicitTypes=this.schema.compiledImplicit,this.explicitTypes=this.schema.compiledExplicit,this.tag=null,this.result="",this.duplicates=[],this.usedDuplicates=null}function He(e,t){for(var n,o=i.repeat(" ",t),a=0,r=-1,s="",l=e.length;a<l;)-1===(r=e.indexOf("\n",a))?(n=e.slice(a),a=l):(n=e.slice(a,r+1),a=r+1),n.length&&"\n"!==n&&(s+=o),s+=n;return s}function Ne(e,t){return"\n"+i.repeat(" ",e.indent*t)}function De(e){return 32===e||9===e}function je(e){return 32<=e&&e<=126||161<=e&&e<=55295&&8232!==e&&8233!==e||57344<=e&&e<=65533&&e!==Be||65536<=e&&e<=1114111}function Re(e){return je(e)&&e!==Be&&13!==e&&10!==e}function Fe(e,t,n){var o=Re(e),i=o&&!De(e);return(n?o:o&&44!==e&&91!==e&&93!==e&&123!==e&&125!==e)&&35!==e&&!(58===t&&!i)||Re(t)&&!De(t)&&35===e||58===t&&i}function Ve(e,t){var n,o=e.charCodeAt(t);return o>=55296&&o<=56319&&t+1<e.length&&(n=e.charCodeAt(t+1))>=56320&&n<=57343?1024*(o-55296)+n-56320+65536:o}function We(e){return/^\n* /.test(e)}function Ye(e,t,n,o,i){e.dump=function(){if(0===t.length)return 2===e.quotingType?'""':"''";if(!e.noCompatMode&&(-1!==qe.indexOf(t)||Oe.test(t)))return 2===e.quotingType?'"'+t+'"':"'"+t+"'";var a=e.indent*Math.max(1,n),r=-1===e.lineWidth?-1:Math.max(Math.min(e.lineWidth,40),e.lineWidth-a),l=o||e.flowLevel>-1&&n>=e.flowLevel;switch(function(e,t,n,o,i,a,r,s){var l,c,d=0,u=null,p=!1,b=!1,h=-1!==o,m=-1,f=je(c=Ve(e,0))&&c!==Be&&!De(c)&&45!==c&&63!==c&&58!==c&&44!==c&&91!==c&&93!==c&&123!==c&&125!==c&&35!==c&&38!==c&&42!==c&&33!==c&&124!==c&&61!==c&&62!==c&&39!==c&&34!==c&&37!==c&&64!==c&&96!==c&&function(e){return!De(e)&&58!==e}(Ve(e,e.length-1));if(t||r)for(l=0;l<e.length;d>=65536?l+=2:l++){if(!je(d=Ve(e,l)))return 5;f=f&&Fe(d,u,s),u=d}else{for(l=0;l<e.length;d>=65536?l+=2:l++){if(10===(d=Ve(e,l)))p=!0,h&&(b=b||l-m-1>o&&" "!==e[m+1],m=l);else if(!je(d))return 5;f=f&&Fe(d,u,s),u=d}b=b||h&&l-m-1>o&&" "!==e[m+1]}return p||b?n>9&&We(e)?5:r?2===a?5:2:b?4:3:!f||r||i(e)?2===a?5:2:1}(t,l,e.indent,r,function(t){return function(e,t){var n,o;for(n=0,o=e.implicitTypes.length;n<o;n+=1)if(e.implicitTypes[n].resolve(t))return!0;return!1}(e,t)},e.quotingType,e.forceQuotes&&!o,i)){case 1:return t;case 2:return"'"+t.replace(/'/g,"''")+"'";case 3:return"|"+Ke(t,e.indent)+Je(He(t,a));case 4:return">"+Ke(t,e.indent)+Je(He(function(e,t){for(var n,o,i,a=/(\n+)([^\n]*)/g,r=(i=-1!==(i=e.indexOf("\n"))?i:e.length,a.lastIndex=i,Xe(e.slice(0,i),t)),s="\n"===e[0]||" "===e[0];o=a.exec(e);){var l=o[1],c=o[2];n=" "===c[0],r+=l+(s||n||""===c?"":"\n")+Xe(c,t),s=n}return r}(t,r),a));case 5:return'"'+function(e){for(var t,n="",o=0,i=0;i<e.length;o>=65536?i+=2:i++)o=Ve(e,i),!(t=Ie[o])&&je(o)?(n+=e[i],o>=65536&&(n+=e[i+1])):n+=t||Ue(o);return n}(t)+'"';default:throw new s("impossible error: invalid scalar style")}}()}function Ke(e,t){var n=We(e)?String(t):"",o="\n"===e[e.length-1];return n+(!o||"\n"!==e[e.length-2]&&"\n"!==e?o?"":"-":"+")+"\n"}function Je(e){return"\n"===e[e.length-1]?e.slice(0,-1):e}function Xe(e,t){if(""===e||" "===e[0])return e;for(var n,o,i=/ [^ ]/g,a=0,r=0,s=0,l="";n=i.exec(e);)(s=n.index)-a>t&&(o=r>a?r:s,l+="\n"+e.slice(a,o),a=o+1),r=s;return l+="\n",e.length-a>t&&r>a?l+=e.slice(a,r)+"\n"+e.slice(r+1):l+=e.slice(a),l.slice(1)}function Ge(e,t,n,o){var i,a,r,s="",l=e.tag;for(i=0,a=n.length;i<a;i+=1)r=n[i],e.replacer&&(r=e.replacer.call(n,String(i),r)),(Ze(e,t+1,r,!0,!0,!1,!0)||void 0===r&&Ze(e,t+1,null,!0,!0,!1,!0))&&(o&&""===s||(s+=Ne(e,t)),e.dump&&10===e.dump.charCodeAt(0)?s+="-":s+="- ",s+=e.dump);e.tag=l,e.dump=s||"[]"}function Qe(e,t,n){var o,i,a,r,l,c;for(a=0,r=(i=n?e.explicitTypes:e.implicitTypes).length;a<r;a+=1)if(((l=i[a]).instanceOf||l.predicate)&&(!l.instanceOf||"object"==typeof t&&t instanceof l.instanceOf)&&(!l.predicate||l.predicate(t))){if(n?l.multi&&l.representName?e.tag=l.representName(t):e.tag=l.tag:e.tag="?",l.represent){if(c=e.styleMap[l.tag]||l.defaultStyle,"[object Function]"===Me.call(l.represent))o=l.represent(t,c);else{if(!Pe.call(l.represent,c))throw new s("!<"+l.tag+'> tag resolver accepts not "'+c+'" style');o=l.represent[c](t,c)}e.dump=o}return!0}return!1}function Ze(e,t,n,o,i,a,r){e.tag=null,e.dump=n,Qe(e,n,!1)||Qe(e,n,!0);var l,c=Me.call(e.dump),d=o;o&&(o=e.flowLevel<0||e.flowLevel>t);var u,p,b="[object Object]"===c||"[object Array]"===c;if(b&&(p=-1!==(u=e.duplicates.indexOf(n))),(null!==e.tag&&"?"!==e.tag||p||2!==e.indent&&t>0)&&(i=!1),p&&e.usedDuplicates[u])e.dump="*ref_"+u;else{if(b&&p&&!e.usedDuplicates[u]&&(e.usedDuplicates[u]=!0),"[object Object]"===c)o&&0!==Object.keys(e.dump).length?(function(e,t,n,o){var i,a,r,l,c,d,u="",p=e.tag,b=Object.keys(n);if(!0===e.sortKeys)b.sort();else if("function"==typeof e.sortKeys)b.sort(e.sortKeys);else if(e.sortKeys)throw new s("sortKeys must be a boolean or a function");for(i=0,a=b.length;i<a;i+=1)d="",o&&""===u||(d+=Ne(e,t)),l=n[r=b[i]],e.replacer&&(l=e.replacer.call(n,r,l)),Ze(e,t+1,r,!0,!0,!0)&&((c=null!==e.tag&&"?"!==e.tag||e.dump&&e.dump.length>1024)&&(e.dump&&10===e.dump.charCodeAt(0)?d+="?":d+="? "),d+=e.dump,c&&(d+=Ne(e,t)),Ze(e,t+1,l,!0,c)&&(e.dump&&10===e.dump.charCodeAt(0)?d+=":":d+=": ",u+=d+=e.dump));e.tag=p,e.dump=u||"{}"}(e,t,e.dump,i),p&&(e.dump="&ref_"+u+e.dump)):(function(e,t,n){var o,i,a,r,s,l="",c=e.tag,d=Object.keys(n);for(o=0,i=d.length;o<i;o+=1)s="",""!==l&&(s+=", "),e.condenseFlow&&(s+='"'),r=n[a=d[o]],e.replacer&&(r=e.replacer.call(n,a,r)),Ze(e,t,a,!1,!1)&&(e.dump.length>1024&&(s+="? "),s+=e.dump+(e.condenseFlow?'"':"")+":"+(e.condenseFlow?"":" "),Ze(e,t,r,!1,!1)&&(l+=s+=e.dump));e.tag=c,e.dump="{"+l+"}"}(e,t,e.dump),p&&(e.dump="&ref_"+u+" "+e.dump));else if("[object Array]"===c)o&&0!==e.dump.length?(e.noArrayIndent&&!r&&t>0?Ge(e,t-1,e.dump,i):Ge(e,t,e.dump,i),p&&(e.dump="&ref_"+u+e.dump)):(function(e,t,n){var o,i,a,r="",s=e.tag;for(o=0,i=n.length;o<i;o+=1)a=n[o],e.replacer&&(a=e.replacer.call(n,String(o),a)),(Ze(e,t,a,!1,!1)||void 0===a&&Ze(e,t,null,!1,!1))&&(""!==r&&(r+=","+(e.condenseFlow?"":" ")),r+=e.dump);e.tag=s,e.dump="["+r+"]"}(e,t,e.dump),p&&(e.dump="&ref_"+u+" "+e.dump));else{if("[object String]"!==c){if("[object Undefined]"===c)return!1;if(e.skipInvalid)return!1;throw new s("unacceptable kind of an object to dump "+c)}"?"!==e.tag&&Ye(e,e.dump,t,a,d)}null!==e.tag&&"?"!==e.tag&&(l=encodeURI("!"===e.tag[0]?e.tag.slice(1):e.tag).replace(/!/g,"%21"),l="!"===e.tag[0]?"!"+l:"tag:yaml.org,2002:"===l.slice(0,18)?"!!"+l.slice(18):"!<"+l+">",e.dump=l+" "+e.dump)}return!0}function et(e,t){var n,o,i=[],a=[];for(tt(e,i,a),n=0,o=a.length;n<o;n+=1)t.duplicates.push(i[a[n]]);t.usedDuplicates=new Array(o)}function tt(e,t,n){var o,i,a;if(null!==e&&"object"==typeof e)if(-1!==(i=t.indexOf(e)))-1===n.indexOf(i)&&n.push(i);else if(t.push(e),Array.isArray(e))for(i=0,a=e.length;i<a;i+=1)tt(e[i],t,n);else for(i=0,a=(o=Object.keys(e)).length;i<a;i+=1)tt(e[o[i]],t,n)}function nt(e,t){return function(){throw new Error("Function yaml."+e+" is removed in js-yaml 4. Use yaml."+t+" instead, which is now safe by default.")}}var ot=p,it=m,at=v,rt=E,st=T,lt=F,ct=Te,dt=Ee,ut=function(e,t){var n=new ze(t=t||{});n.noRefs||et(e,n);var o=e;return n.replacer&&(o=n.replacer.call({"":o},"",o)),Ze(n,0,o,!0,!0)?n.dump+"\n":""},pt=s,bt={binary:O,float:L,map:y,null:_,pairs:D,set:R,timestamp:B,bool:w,int:$,merge:I,omap:H,seq:g,str:f},ht=nt("safeLoad","load"),mt=nt("safeLoadAll","loadAll"),ft=nt("safeDump","dump"),gt={Type:ot,Schema:it,FAILSAFE_SCHEMA:at,JSON_SCHEMA:rt,CORE_SCHEMA:st,DEFAULT_SCHEMA:lt,load:ct,loadAll:dt,dump:ut,YAMLException:pt,types:bt,safeLoad:ht,safeLoadAll:mt,safeDump:ft}},957(e,t,n){n.d(t,{WF:()=>ue,AH:()=>c,qy:()=>Y,s6:()=>J,XX:()=>de,iz:()=>l});const o=globalThis,i=o.ShadowRoot&&(void 0===o.ShadyCSS||o.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,a=Symbol(),r=new WeakMap;class s{constructor(e,t,n){if(this._$cssResult$=!0,n!==a)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=e,this.t=t}get styleSheet(){let e=this.o;const t=this.t;if(i&&void 0===e){const n=void 0!==t&&1===t.length;n&&(e=r.get(t)),void 0===e&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&r.set(t,e))}return e}toString(){return this.cssText}}const l=e=>new s("string"==typeof e?e:e+"",void 0,a),c=(e,...t)=>{const n=1===e.length?e[0]:t.reduce((t,n,o)=>t+(e=>{if(!0===e._$cssResult$)return e.cssText;if("number"==typeof e)return e;throw Error("Value passed to 'css' function must be a 'css' function result: "+e+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(n)+e[o+1],e[0]);return new s(n,e,a)},d=(e,t)=>{if(i)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(const n of t){const t=document.createElement("style"),i=o.litNonce;void 0!==i&&t.setAttribute("nonce",i),t.textContent=n.cssText,e.appendChild(t)}},u=i?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t="";for(const n of e.cssRules)t+=n.cssText;return l(t)})(e):e,{is:p,defineProperty:b,getOwnPropertyDescriptor:h,getOwnPropertyNames:m,getOwnPropertySymbols:f,getPrototypeOf:g}=Object,y=globalThis,v=y.trustedTypes,_=v?v.emptyScript:"",w=y.reactiveElementPolyfillSupport,x=(e,t)=>e,C={toAttribute(e,t){switch(t){case Boolean:e=e?_:null;break;case Object:case Array:e=null==e?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=null!==e;break;case Number:n=null===e?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch(e){n=null}}return n}},k=(e,t)=>!p(e,t),$={attribute:!0,type:String,converter:C,reflect:!1,hasChanged:k};Symbol.metadata??=Symbol("metadata"),y.litPropertyMetadata??=new WeakMap;class S extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=$){if(t.state&&(t.attribute=!1),this._$Ei(),this.elementProperties.set(e,t),!t.noAccessor){const n=Symbol(),o=this.getPropertyDescriptor(e,n,t);void 0!==o&&b(this.prototype,e,o)}}static getPropertyDescriptor(e,t,n){const{get:o,set:i}=h(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get(){return o?.call(this)},set(t){const a=o?.call(this);i.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??$}static _$Ei(){if(this.hasOwnProperty(x("elementProperties")))return;const e=g(this);e.finalize(),void 0!==e.l&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(x("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(x("properties"))){const e=this.properties,t=[...m(e),...f(e)];for(const n of t)this.createProperty(n,e[n])}const e=this[Symbol.metadata];if(null!==e){const t=litPropertyMetadata.get(e);if(void 0!==t)for(const[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(const[e,t]of this.elementProperties){const n=this._$Eu(e,t);void 0!==n&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const t=[];if(Array.isArray(e)){const n=new Set(e.flat(1/0).reverse());for(const e of n)t.unshift(u(e))}else void 0!==e&&t.push(u(e));return t}static _$Eu(e,t){const n=t.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof e?e.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(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),void 0!==this.renderRoot&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){const e=new Map,t=this.constructor.elementProperties;for(const n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return d(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$EC(e,t){const n=this.constructor.elementProperties.get(e),o=this.constructor._$Eu(e,n);if(void 0!==o&&!0===n.reflect){const i=(void 0!==n.converter?.toAttribute?n.converter:C).toAttribute(t,n.type);this._$Em=e,null==i?this.removeAttribute(o):this.setAttribute(o,i),this._$Em=null}}_$AK(e,t){const n=this.constructor,o=n._$Eh.get(e);if(void 0!==o&&this._$Em!==o){const e=n.getPropertyOptions(o),i="function"==typeof e.converter?{fromAttribute:e.converter}:void 0!==e.converter?.fromAttribute?e.converter:C;this._$Em=o,this[o]=i.fromAttribute(t,e.type),this._$Em=null}}requestUpdate(e,t,n){if(void 0!==e){if(n??=this.constructor.getPropertyOptions(e),!(n.hasChanged??k)(this[e],t))return;this.P(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(e,t,n){this._$AL.has(e)||this._$AL.set(e,t),!0===n.reflect&&this._$Em!==e&&(this._$Ej??=new Set).add(e)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}const e=this.scheduleUpdate();return null!=e&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}const e=this.constructor.elementProperties;if(e.size>0)for(const[t,n]of e)!0!==n.wrapped||this._$AL.has(t)||void 0===this[t]||this.P(t,this[t],n)}let e=!1;const t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EU()}catch(t){throw e=!1,this._$EU(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Ej&&=this._$Ej.forEach(e=>this._$EC(e,this[e])),this._$EU()}updated(e){}firstUpdated(e){}}S.elementStyles=[],S.shadowRootOptions={mode:"open"},S[x("elementProperties")]=new Map,S[x("finalized")]=new Map,w?.({ReactiveElement:S}),(y.reactiveElementVersions??=[]).push("2.0.4");const A=globalThis,L=A.trustedTypes,E=L?L.createPolicy("lit-html",{createHTML:e=>e}):void 0,T="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,P="?"+M,B=`<${P}>`,I=document,q=()=>I.createComment(""),O=e=>null===e||"object"!=typeof e&&"function"!=typeof e,U=Array.isArray,z="[ \t\n\f\r]",H=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,D=/>/g,j=RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),R=/'/g,F=/"/g,V=/^(?:script|style|textarea|title)$/i,W=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),Y=W(1),K=(W(2),W(3),Symbol.for("lit-noChange")),J=Symbol.for("lit-nothing"),X=new WeakMap,G=I.createTreeWalker(I,129);function Q(e,t){if(!U(e)||!e.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==E?E.createHTML(t):t}const Z=(e,t)=>{const n=e.length-1,o=[];let i,a=2===t?"<svg>":3===t?"<math>":"",r=H;for(let t=0;t<n;t++){const n=e[t];let s,l,c=-1,d=0;for(;d<n.length&&(r.lastIndex=d,l=r.exec(n),null!==l);)d=r.lastIndex,r===H?"!--"===l[1]?r=N:void 0!==l[1]?r=D:void 0!==l[2]?(V.test(l[2])&&(i=RegExp("</"+l[2],"g")),r=j):void 0!==l[3]&&(r=j):r===j?">"===l[0]?(r=i??H,c=-1):void 0===l[1]?c=-2:(c=r.lastIndex-l[2].length,s=l[1],r=void 0===l[3]?j:'"'===l[3]?F:R):r===F||r===R?r=j:r===N||r===D?r=H:(r=j,i=void 0);const u=r===j&&e[t+1].startsWith("/>")?" ":"";a+=r===H?n+B:c>=0?(o.push(s),n.slice(0,c)+T+n.slice(c)+M+u):n+M+(-2===c?t:u)}return[Q(e,a+(e[n]||"<?>")+(2===t?"</svg>":3===t?"</math>":"")),o]};class ee{constructor({strings:e,_$litType$:t},n){let o;this.parts=[];let i=0,a=0;const r=e.length-1,s=this.parts,[l,c]=Z(e,t);if(this.el=ee.createElement(l,n),G.currentNode=this.el.content,2===t||3===t){const e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;null!==(o=G.nextNode())&&s.length<r;){if(1===o.nodeType){if(o.hasAttributes())for(const e of o.getAttributeNames())if(e.endsWith(T)){const t=c[a++],n=o.getAttribute(e).split(M),r=/([.?@])?(.*)/.exec(t);s.push({type:1,index:i,name:r[2],strings:n,ctor:"."===r[1]?ae:"?"===r[1]?re:"@"===r[1]?se:ie}),o.removeAttribute(e)}else e.startsWith(M)&&(s.push({type:6,index:i}),o.removeAttribute(e));if(V.test(o.tagName)){const e=o.textContent.split(M),t=e.length-1;if(t>0){o.textContent=L?L.emptyScript:"";for(let n=0;n<t;n++)o.append(e[n],q()),G.nextNode(),s.push({type:2,index:++i});o.append(e[t],q())}}}else if(8===o.nodeType)if(o.data===P)s.push({type:2,index:i});else{let e=-1;for(;-1!==(e=o.data.indexOf(M,e+1));)s.push({type:7,index:i}),e+=M.length-1}i++}}static createElement(e,t){const n=I.createElement("template");return n.innerHTML=e,n}}function te(e,t,n=e,o){if(t===K)return t;let i=void 0!==o?n._$Co?.[o]:n._$Cl;const a=O(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),void 0===a?i=void 0:(i=new a(e),i._$AT(e,n,o)),void 0!==o?(n._$Co??=[])[o]=i:n._$Cl=i),void 0!==i&&(t=te(e,i._$AS(e,t.values),i,o)),t}class ne{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){const{el:{content:t},parts:n}=this._$AD,o=(e?.creationScope??I).importNode(t,!0);G.currentNode=o;let i=G.nextNode(),a=0,r=0,s=n[0];for(;void 0!==s;){if(a===s.index){let t;2===s.type?t=new oe(i,i.nextSibling,this,e):1===s.type?t=new s.ctor(i,s.name,s.strings,this,e):6===s.type&&(t=new le(i,this,e)),this._$AV.push(t),s=n[++r]}a!==s?.index&&(i=G.nextNode(),a++)}return G.currentNode=I,o}p(e){let t=0;for(const n of this._$AV)void 0!==n&&(void 0!==n.strings?(n._$AI(e,n,t),t+=n.strings.length-2):n._$AI(e[t])),t++}}class oe{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,o){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode;const t=this._$AM;return void 0!==t&&11===e?.nodeType&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=te(this,e,t),O(e)?e===J||null==e||""===e?(this._$AH!==J&&this._$AR(),this._$AH=J):e!==this._$AH&&e!==K&&this._(e):void 0!==e._$litType$?this.$(e):void 0!==e.nodeType?this.T(e):(e=>U(e)||"function"==typeof e?.[Symbol.iterator])(e)?this.k(e):this._(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==J&&O(this._$AH)?this._$AA.nextSibling.data=e:this.T(I.createTextNode(e)),this._$AH=e}$(e){const{values:t,_$litType$:n}=e,o="number"==typeof n?this._$AC(e):(void 0===n.el&&(n.el=ee.createElement(Q(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===o)this._$AH.p(t);else{const e=new ne(o,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=X.get(e.strings);return void 0===t&&X.set(e.strings,t=new ee(e)),t}k(e){U(this._$AH)||(this._$AH=[],this._$AR());const t=this._$AH;let n,o=0;for(const i of e)o===t.length?t.push(n=new oe(this.O(q()),this.O(q()),this,this.options)):n=t[o],n._$AI(i),o++;o<t.length&&(this._$AR(n&&n._$AB.nextSibling,o),t.length=o)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e&&e!==this._$AB;){const t=e.nextSibling;e.remove(),e=t}}setConnected(e){void 0===this._$AM&&(this._$Cv=e,this._$AP?.(e))}}class ie{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,o,i){this.type=1,this._$AH=J,this._$AN=void 0,this.element=e,this.name=t,this._$AM=o,this.options=i,n.length>2||""!==n[0]||""!==n[1]?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=J}_$AI(e,t=this,n,o){const i=this.strings;let a=!1;if(void 0===i)e=te(this,e,t,0),a=!O(e)||e!==this._$AH&&e!==K,a&&(this._$AH=e);else{const o=e;let r,s;for(e=i[0],r=0;r<i.length-1;r++)s=te(this,o[n+r],t,r),s===K&&(s=this._$AH[r]),a||=!O(s)||s!==this._$AH[r],s===J?e=J:e!==J&&(e+=(s??"")+i[r+1]),this._$AH[r]=s}a&&!o&&this.j(e)}j(e){e===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??"")}}class ae extends ie{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===J?void 0:e}}class re extends ie{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==J)}}class se extends ie{constructor(e,t,n,o,i){super(e,t,n,o,i),this.type=5}_$AI(e,t=this){if((e=te(this,e,t,0)??J)===K)return;const n=this._$AH,o=e===J&&n!==J||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==J&&(n===J||o);o&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}}class le{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){te(this,e)}}const ce=A.litHtmlPolyfillSupport;ce?.(ee,oe),(A.litHtmlVersions??=[]).push("3.2.1");const de=(e,t,n)=>{const o=n?.renderBefore??t;let i=o._$litPart$;if(void 0===i){const e=n?.renderBefore??null;o._$litPart$=i=new oe(t.insertBefore(q(),e),e,void 0,n??{})}return i._$AI(e),i};class ue extends S{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){const t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=de(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return K}}ue._$litElement$=!0,ue.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:ue});const pe=globalThis.litElementPolyfillSupport;pe?.({LitElement:ue}),(globalThis.litElementVersions??=[]).push("4.1.1")},880(e,t,n){n.d(t,{N$:()=>a,R:()=>i,cH:()=>r});var o=n(716);function i(e){let t="";const n=e._hass.states[e.config.entity],o=n.attributes.hvac_action,i=n.state,a="heating"===o||"heat"===i&&e.config.state_color,r="cooling"===o||"cool"===i&&e.config.state_color,s="off"!==i&&"unknown"!==i;switch(i){case"fan_only":t="var(--bubble-state-climate-fan-only-color, var(--state-climate-fan-only-color, var(--state-climate-active-color, var(--state-active-color))))";break;case"dry":t="var(--bubble-state-climate-dry-color, var(--state-climate-dry-color, var(--state-climate-active-color, var(--state-active-color))))";break;default:t=r?"var(--bubble-state-climate-cool-color, var(--state-climate-cool-color, var(--state-climate-active-color, var(--state-active-color))))":a?"var(--bubble-state-climate-heat-color, var(--state-climate-heat-color, var(--state-climate-active-color, var(--state-active-color))))":s&&e.config.state_color?"auto"===i?"var(--bubble-state-climate-auto-color, var(--state-climate-auto-color, var(--state-climate-active-color, var(--state-active-color))))":"heat_cool"===i?"var(--bubble-state-climate-heat-cool-color, var(--state-climate-heat-cool-color, var(--state-climate-active-color, var(--state-active-color))))":"var(--bubble-climate-accent-color, var(--bubble-accent-color, var(--accent-color)))":""}return t}function a(e,t){const n=e._hass,o=n?.states?.[e.config.entity],i="°C"===n?.config?.unit_system?.temperature,a=t??e.config.step??o?.attributes?.target_temp_step??(i?.5:1);return Number.isInteger(Number(a))?0:1}function r(e,t,n){const i=a(t,n),r=(0,o.$z)(t._hass),s=t._hass?.locale?.language||"en-US";return(0,o.IU)(e,i,r,s)}},314(e,t,n){n.d(t,{Uk:()=>s,iJ:()=>u,m9:()=>c,wd:()=>l,zQ:()=>d});var o=n(716),i=n(216),a=n(388),r=n(880);function s(e){const t=e.config?.entity,n=e.card,a=e._hass.states[t],r=(0,o.D$)(e,e.config.attribute,t),l=a?.last_changed,c=a?.last_updated,d="state"===e.config.button_type,u=e.config.show_name??!0,p=e.config.show_icon??!0,b=e.config.show_state??d,h=e.config.show_attribute??d,m=e.config.show_last_changed??!1,f=e.config.show_last_updated??!1,g=e.config.scrolling_effect??!0,y=e.previousConfig||{};if(e.previousState===a&&e.previousAttribute===r&&e.previousLastChanged===l&&e.previousLastUpdated===c&&y.showName===u&&y.showIcon===p&&y.showState===b&&y.showAttribute===h&&y.showLastChanged===m&&y.showLastUpdated===f&&y.scrollingEffect===g)return;const v=(0,o.Vw)(t);let _="";if(a&&b)if(v){const n=(0,o.ls)(a);_=(0,o.PF)(e._hass,a,n)||"","active"===a.state?(0,o.HD)(e,t,()=>{const n=e._hass.states[t];n&&"active"===n.state?(e.previousState=null,s(e)):(0,o.bE)(e)}):(0,o.bE)(e)}else _=e._hass.formatEntityState(a),(0,o.bE)(e);else v&&(0,o.bE)(e);let w="",x="",C="",k="";function $(e){return e.charAt(0).toUpperCase()+e.slice(1)}function S(e,t,n,o=!0){if(null==e)return"";const i=parseFloat(e);if(isNaN(i))return e;let a=0===i?"0":i.toFixed(t);return o&&(a=a.replace(/\.0$/,"")),a+" "+n}if(h&&r)if(e.config.attribute.includes("forecast")){const t="°C"===e._hass.config.unit_system.temperature,n="km"===e._hass.config.unit_system.length;w=e.config.attribute.includes("temperature")?a?S(r,1,t?"°C":"°F"):"":e.config.attribute.includes("humidity")?a?S(r,0,"%",!1):"":e.config.attribute.includes("precipitation")?a?S(r,1,"mm"):"":e.config.attribute.includes("wind_speed")?a?S(r,1,n?"km/h":"mph"):"":a?r:""}else w=a?e.config.attribute.includes("[")?r:e._hass.formatEntityAttributeValue(a,e.config.attribute)??r:"";m&&a&&(x=a?$((0,o.r6)(l,e._hass.locale.language)):""),f&&a&&(C=a?$((0,o.r6)(c,e._hass.locale.language)):""),k=[_,w,x,C].filter(Boolean).join(" • "),e.elements.name.classList.toggle("hidden",!u),e.elements.iconContainer.classList.toggle("hidden",!p),e.elements.nameContainer.classList.toggle("name-without-icon",!p),e.elements.state.classList.toggle("state-without-name",(b||m||f||h)&&!u),e.elements.state.classList.toggle("display-state",b||m||f||h),e.elements.state.classList.toggle("hidden",!(b||m||f||h)),(0,i.N)(e,e.elements.state,k),t===e.config.entity&&!a?.attributes?.unit_of_measurement?.includes("°")&&a&&((0,o.$C)(e,t)?n.classList.contains("is-on")||(n.classList.remove("is-off"),n.classList.add("is-on")):n.classList.contains("is-off")||(n.classList.remove("is-on"),n.classList.add("is-off"))),e.previousState=a,e.previousAttribute=r,e.previousConfig={showName:u,showIcon:p,showState:b,showAttribute:h,showLastChanged:m,showLastUpdated:f,scrollingEffect:g}}function l(e){const t=e.config.card_type,n=e.config.button_type,i=(0,o.$C)(e),s=(0,o.md)(e,"climate"),l=(0,a.sW)(e),c=(0,a.Qp)(e),d=e.elements.iconContainer?.style.color,u=e.elements.image?.style.backgroundImage,p=e.elements.icon?.icon,b=e.elements.icon?.style.display,h=e.elements.image?.style.display;let m="inherit";if(i&&!("name"===n||"pop-up"===t&&!n)&&(m=s?(0,r.R)(e):`var(--bubble-icon-color, ${(0,a.VA)(e)})`),e.elements.iconContainer&&("inherit"!==m?d!==m&&(e.elements.iconContainer.style.color=m):""!==d&&(e.elements.iconContainer.style.color="")),""!==c){const t=`url(${c})`;u!==t&&(e.elements.image.style.backgroundImage=t),"none"!==b&&(e.elements.icon.style.display="none"),""!==h&&(e.elements.image.style.display="")}else""!==l?(p!==l&&(e.elements.icon.icon=l),e.elements.icon.style.color!==m&&(e.elements.icon.style.color=m),""!==b&&(e.elements.icon.style.display=""),"none"!==h&&(e.elements.image.style.display="none")):("none"!==b&&(e.elements.icon.style.display="none"),"none"!==h&&(e.elements.image.style.display="none"));e.elements.icon?.getAttribute("icon")!==e.elements.icon?.icon&&e.elements.icon.setAttribute("icon",e.elements.icon.icon)}function c(e,t=!0){const n="name"!==e.config.button_type?(0,o.mG)(e):e.config.name;e.elements.name&&(t?(0,i.N)(e,e.elements.name,n):n!==e.previousName&&(e.elements.name.innerText=n),e.previousName=n)}function d(e){"unavailable"===(0,o.Gu)(e)?e.card.classList.add("is-unavailable"):e.card.classList.remove("is-unavailable")}function u(e){const t=e?.elements?.cardWrapper,n=e?.elements?.subButtonContainer;if(!t&&!n)return;const o=e?.config?.sub_button,i=e?.config?.main_buttons_position||"default";let a=!1,r=!1;if(o)if(Array.isArray(o))for(const e of o){if(e&&Array.isArray(e.buttons)){const t=e.position||"top";"bottom"===t?a=!0:"top"===t&&(r=!0)}if(a&&r)break}else{const e=Array.isArray(o.main)?o.main:[],t=Array.isArray(o.bottom)?o.bottom:[];for(const t of e)if(t&&Array.isArray(t.group)){r=!0;break}for(const e of t)if(e){if(Array.isArray(e.group)){a=!0;break}a=!0;break}}const s="bottom"===i;a||s?(t&&t.classList.add("fixed-top"),n&&n.classList.add("fixed-top")):(t&&t.classList.remove("fixed-top"),n&&n.classList.remove("fixed-top"));const l=e?.elements?.bottomSubButtonContainer;if(l&&s){const t=e?.elements?.buttonsContainer;if(t){const e=!t.classList.contains("hidden")&&"none"!==t.style.display&&"none"!==(t._cachedDisplay||getComputedStyle(t).display);t._cachedDisplay||(t._cachedDisplay=getComputedStyle(t).display),e?l.classList.add("with-main-buttons-bottom"):l.classList.remove("with-main-buttons-bottom")}else l.classList.remove("with-main-buttons-bottom")}}},653(e,t,n){n.d(t,{N0:()=>c,KQ:()=>u,iJ:()=>d.iJ});var o=n(716),i=n(642),a=n(345),r=n(391);n(772);var s=n(175);const l={};function c(e,t={}){e.elements=e.elements||{};const n={...u,appendTo:e.content,iconDefaultActions:{tap_action:{action:"more-info"},double_tap_action:{action:"none"},hold_action:{action:"none"}},buttonDefaultActions:{tap_action:{action:"none"},double_tap_action:{action:"none"},hold_action:{action:"none"}},baseCardStyles:"/* 'card-type' in CSS variables is replaced with the real card type \n in card-structure.js for easier maintenance */\n\n* {\n -webkit-tap-highlight-color: transparent !important;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n\n -webkit-user-select: none; /* Safari */\n -ms-user-select: none; /* IE 10 and IE 11 */\n user-select: none; /* Standard syntax */\n}\n\n*::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n}\n\nha-card {\n background: none;\n opacity: 1;\n}\n\n.scrolling-container {\n width: 100%;\n white-space: nowrap;\n mask-image: linear-gradient(to right, transparent, black 8px, black calc(100% - 8px), transparent);\n -webkit-mask-image: linear-gradient(to right, transparent, black 8px, black calc(100% - 8px), transparent);\n overflow: hidden;\n contain: content;\n}\n\n.scrolling-container span {\n display: inline-block;\n animation-name: bubble-scroll;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-play-state: paused;\n will-change: transform;\n}\n\n.bubble-scroll-separator {\n opacity: .3;\n margin: 0 6px 0 8px;\n}\n\n@keyframes bubble-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n/* End of scrolling styles */\n\n.bubble-container {\n position: relative;\n width: 100%;\n height: 50px;\n background-color: var(--bubble-card-type-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));\n border-radius: var(--bubble-card-type-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n box-shadow: var(--bubble-card-type-box-shadow, var(--bubble-box-shadow, none));\n overflow: hidden;\n touch-action: auto;\n border: var(--bubble-card-type-border, var(--bubble-border, none));\n box-sizing: border-box;\n -webkit-transform: translateZ(0); /* Fix slider rendering issues on Safari on older devices */\n}\n\n.bubble-wrapper {\n display: flex;\n position: absolute;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n width: 100%;\n transition: all 1.5s;\n border-radius: var(--bubble-card-type-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: rgba(0,0,0,0);\n overflow: visible;\n}\n\n.bubble-wrapper.fixed-top {\n align-items: baseline;\n}\n\n.bubble-content-container {\n display: contents;\n}\n\n.bubble-wrapper.fixed-top .bubble-content-container {\n display: flex;\n align-items: center;\n align-self: flex-start;\n overflow: hidden;\n flex-grow: 1;\n margin-top: 1px;\n min-height: 54px;\n}\n\n.bubble-content-container.fixed-bottom {\n display: flex;\n align-self: flex-end;\n}\n\n.bubble-buttons-container {\n --icon-primary-color: var(--primary-text-color);\n display: flex;\n margin-right: 8px;\n gap: 4px;\n}\n\n.fixed-top .bubble-buttons-container {\n margin-top: 10px;\n}\n\n.bubble-buttons-container.bottom-fixed {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 8px;\n padding: 0 8px;\n box-sizing: border-box;\n width: 100%;\n}\n\n.full-width > .bubble-button,\n.full-width > .bubble-media-button {\n width: 100% !important;\n background-color: var(--bubble-main-buttons-background-color, var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))));\n}\n\n.bubble-buttons-container.bottom-fixed.align-start {\n justify-content: flex-start;\n}\n\n.bubble-buttons-container.bottom-fixed.align-center {\n justify-content: center;\n}\n\n.bubble-buttons-container.bottom-fixed.align-end {\n justify-content: flex-end;\n}\n\n.bubble-buttons-container.bottom-fixed.align-space-between {\n justify-content: space-between;\n}\n\n.bubble-background {\n display: flex;\n position: absolute;\n height: 100%;\n width: 100%;\n transition: background-color 1.5s;\n border-radius: var(--bubble-card-type-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n will-change: background-color;\n}\n\n.bubble-icon-container {\n display: flex;\n flex-wrap: wrap;\n align-content: center;\n justify-content: center;\n min-width: 38px;\n min-height: 38px;\n margin: 6px;\n border-radius: var(--bubble-card-type-icon-border-radius, var(--bubble-icon-border-radius, var(--bubble-border-radius, 50%)));\n background-color: var(--bubble-card-type-icon-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n overflow: hidden;\n position: relative;\n}\n\n.bubble-icon-feedback-container {\n border-radius: var(--bubble-card-type-icon-border-radius, var(--bubble-icon-border-radius, var(--bubble-border-radius, 50%)));\n overflow: hidden !important;\n}\n\n.bubble-main-icon {\n transition: opacity .3s ease-in-out, color .3s ease-in-out;\n}\n\n.is-off .bubble-main-icon {\n opacity: 0.6;\n}\n\n.is-on .bubble-main-icon {\n /* filter: brightness(1.1); */\n opacity: 1;\n}\n\n.bubble-entity-picture {\n background-size: cover;\n background-position: center;\n height: 100%;\n width: 100%;\n position: absolute;\n}\n\n.bubble-name,\n.bubble-state {\n display: flex;\n position: relative;\n white-space: nowrap;\n}\n\n.bubble-name-container {\n display: flex;\n line-height: 18px;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n margin: 0 16px 0 4px;\n pointer-events: none;\n position: relative;\n overflow: hidden;\n}\n\n.bubble-name {\n font-size: 13px;\n font-weight: 600;\n}\n\n.bubble-state {\n font-size: 12px;\n font-weight: normal;\n opacity: 0.7;\n}\n\n.is-unavailable .bubble-wrapper {\n cursor: not-allowed;\n}\n\n.is-unavailable .bubble-buttons-container {\n display: none;\n}\n\n.is-unavailable {\n opacity: 0.5;\n}\n\n.hidden {\n display: none !important;\n}\n\n.state-without-name {\n opacity: 1;\n font-size: 14px;\n}\n\n.name-without-icon {\n margin-left: 16px;\n}\n\n.display-state {\n display: flex;\n}\n\n.bubble-action-enabled {\n cursor: pointer;\n}\n\n.large .bubble-container {\n height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));\n border-radius: var(--bubble-card-type-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n}\n\n.large .bubble-icon-container {\n --mdc-icon-size: 24px;\n min-width: 42px;\n min-height: 42px;\n margin-left: 8px;\n} ",...t};if(n.withMainContainer&&(e.elements.mainContainer=(0,o.n)("div",`bubble-${n.type}-container bubble-container`)),n.withBaseElements&&(e.elements.cardWrapper=(0,o.n)("div",`bubble-${n.type} bubble-wrapper`),e.elements.contentContainer=(0,o.n)("div","bubble-content-container"),e.elements.buttonsContainer=(0,o.n)("div","bubble-buttons-container"),e.elements.iconContainer=(0,o.n)("div","bubble-main-icon-container bubble-icon-container icon-container"),e.elements.icon=(0,o.n)("ha-icon","bubble-main-icon bubble-icon icon"),e.elements.image=(0,o.n)("div","bubble-entity-picture entity-picture"),e.elements.nameContainer=(0,o.n)("div","bubble-name-container name-container"),e.elements.name=(0,o.n)("div","bubble-name name"),e.elements.state=(0,o.n)("div","bubble-state state"),e.elements.iconContainer.append(e.elements.icon,n.withImage?e.elements.image:null),e.elements.nameContainer.append(e.elements.name,n.withState?e.elements.state:null),e.elements.contentContainer.append(e.elements.iconContainer,e.elements.nameContainer),e.elements.cardWrapper.append(e.elements.contentContainer,e.elements.buttonsContainer),n.withBackground&&(e.elements.background=(0,o.n)("div","bubble-background"),e.elements.cardWrapper.prepend(e.elements.background)),e.elements.mainContainer.appendChild(e.elements.cardWrapper),n.withSlider&&(0,a.H)(e,{holdToSlide:n.holdToSlide,readOnlySlider:n.readOnlySlider})),n.styles&&(l[n.type]||(l[n.type]=n.baseCardStyles.replace(/card-type/g,n.type)),e.elements.style=(0,o.n)("style"),e.elements.style.innerText=l[n.type]+n.styles,e.elements.mainContainer.appendChild(e.elements.style)),n.withCustomStyle&&(e.elements.customStyle=(0,o.n)("style"),e.elements.mainContainer.appendChild(e.elements.customStyle)),n.withSubButtons&&((0,r.gS)(e,{container:n.appendTo,appendTo:e.elements.cardWrapper??e.elements.mainContainer,before:!1}),e.elements.buttonsContainer&&e.elements.cardWrapper.appendChild(e.elements.buttonsContainer)),e.elements.mainContainer){const t=(0,s.mg)(e.config),n=Array.isArray(t.bottom)&&t.bottom.length>0,o="bottom"===e.config?.main_buttons_position;(n||o)&&e.elements.mainContainer.classList.add("with-bottom-buttons")}let c,d;!0===n.iconActions?c=n.iconDefaultActions:"object"==typeof n.iconActions&&(c=n.iconActions),!0===n.buttonActions?d=n.buttonDefaultActions:"object"==typeof n.buttonActions&&(d=n.buttonActions);let p={has_action:!1};e.elements.iconContainer&&(p=(0,i.dN)(e.elements.iconContainer,e.config,e.config.entity,c));let b={has_action:!1};return!1!==n.buttonActions&&e.elements.background&&(b=(0,i.dN)(e.elements.background,e.config.button_action,e.config.entity,d)),p.has_action&&e.elements.iconContainer&&(e.elements.iconFeedbackContainer=(0,o.n)("div","bubble-icon-feedback-container bubble-feedback-container"),e.elements.iconContainer.appendChild(e.elements.iconFeedbackContainer),e.elements.iconFeedback=(0,o.n)("div","bubble-icon-feedback bubble-feedback-element feedback-element"),e.elements.iconFeedback.style.display="none",e.elements.iconFeedbackContainer.appendChild(e.elements.iconFeedback),(0,i.pd)(e.elements.iconContainer,e.elements.iconFeedback)),n.withFeedback&&b.has_action&&e.elements.background&&(e.elements.feedbackContainer=(0,o.n)("div","bubble-feedback-container feedback-container"),e.elements.feedback=(0,o.n)("div","bubble-feedback-element feedback-element"),e.elements.feedback.style.display="none",e.elements.feedbackContainer.append(e.elements.feedback),e.elements.cardWrapper.append(e.elements.feedbackContainer),(0,i.pd)(e.elements.background,e.elements.feedback)),n.appendTo===e.content?e.content.appendChild(e.elements.mainContainer):n.appendTo.appendChild(e.elements.mainContainer),e.elements}var d=n(314);const u={type:"base",appendTo:null,baseCardStyles:null,styles:"",withMainContainer:!0,withBaseElements:!0,withFeedback:!0,withImage:!0,withSlider:!1,holdToSlide:!1,readOnlySlider:!1,withCustomStyle:!0,withState:!0,withBackground:!0,withSubButtons:!1,iconActions:!0,buttonActions:!1}},752(e,t,n){n.d(t,{O:()=>i});var o=n(531);function i(e,t=e.elements,n=e.config.entity,i){if(t.currentState=e._hass.states[n]?.state,!t.currentState)return;t.currentList=n?.startsWith("input_select")||n?.startsWith("select")?e._hass.states[n].attributes.options:e._hass.states[n].attributes[i.select_attribute],t.currentSelectedAttribute=(0,o.aX)(e._hass.states[n],i.select_attribute);const a=function(e,t){if(!Array.isArray(e)||!Array.isArray(t))return!1;if(e.length!==t.length)return!1;for(let n=0;n<e.length;n++)if(e[n]!==t[n])return!1;return!0}(t.previousList,t.currentList);if(a&&t.previousState===t.currentState&&t.previousSelectedAttribute===t.currentSelectedAttribute)return;const r=(0,o.ax)(e?._hass),s=r?"ha-dropdown-item":"mwc-list-item";let l=t.currentList;if(a&&Array.isArray(t.currentList)){const e=t.dropdownSelect.querySelectorAll(s);if(e&&e.length===t.currentList.length)return e.forEach(e=>{(r?e.dataset.bubbleValue:e.value)===t.currentSelectedAttribute?e.setAttribute("selected",""):e.removeAttribute("selected")}),t.previousSelectedAttribute=t.currentSelectedAttribute,void(t.previousState=t.currentState)}for(;t.dropdownSelect.firstChild;)t.dropdownSelect.removeChild(t.dropdownSelect.firstChild);Array.isArray(l)&&l.forEach(a=>{const l=document.createElement(s);l.value=a,r&&(l.dataset.bubbleValue=a);const c=(0,o.z_)(e,e._hass.states[n],i.select_attribute,a);c&&(r?c.slot="icon":(l.graphic="icon",c.slot="graphic"),l.appendChild(c));const d=(0,o.PW)(e,e._hass.states[n],i.select_attribute,a);l.appendChild(document.createTextNode(d)),a===t.currentSelectedAttribute&&l.setAttribute("selected",""),t.dropdownSelect.appendChild(l)}),t.previousList=Array.isArray(t.currentList)?t.currentList.slice():t.currentList,t.previousState=t.currentState,t.previousSelectedAttribute=t.currentSelectedAttribute,t.dropdownSelect.isConnected||t.dropdownContainer.appendChild(t.dropdownSelect)}},531(e,t,n){n.d(t,{Ab:()=>l,PW:()=>a,aX:()=>r,ax:()=>i,z_:()=>s});var o=n(716);function i(e){return e?.config?.version?(0,o._0)(e,"2026.3.0"):!!customElements.get("ha-picker-field")}function a(e,t,n,o){function i(e){const t=e.replace(/_/g," ");return t.charAt(0).toUpperCase()+t.slice(1)}switch(n){case"fan_modes":return e._hass.formatEntityAttributeValue(t,"fan_mode",o);case"hvac_modes":return e._hass.formatEntityState(t,o);case"swing_modes":return e._hass.formatEntityAttributeValue(t,"swing_mode",o);case"swing_horizontal_modes":return e._hass.formatEntityAttributeValue(t,"swing_horizontal_mode",o);case"preset_modes":return e._hass.formatEntityAttributeValue(t,"preset_mode",o);default:return i(e._hass.formatEntityState(t,o))??i(o)}}function r(e,t){switch(t){case"fan_modes":return e.attributes.fan_mode||null;case"swing_modes":return e.attributes.swing_mode||null;case"swing_horizontal_modes":return e.attributes.swing_horizontal_mode||null;case"preset_modes":return e.attributes.preset_mode||null;case"effect_list":return e.attributes.effect||null;case"source_list":return e.attributes.source||null;case"sound_mode_list":return e.attributes.sound_mode||null;default:return e.state}}function s(e,t,n,o){let i;switch(n){case"hvac_modes":i=document.createElement("ha-icon"),i.slot="graphic",i.icon=function(e){switch(e){case"auto":return"mdi:thermostat-auto";case"cool":return"mdi:snowflake";case"heat":return"mdi:fire";case"heat_cool":return"mdi:sun-snowflake-variant";case"dry":return"mdi:water-percent";case"fan_only":default:return"mdi:fan";case"off":return"mdi:power"}}(o);break;case"fan_modes":if(!t.attributes.fan_modes)return null;i=document.createElement("ha-attribute-icon"),i.slot="graphic",i.attribute="fan_mode",i.attributeValue=o,i.hass=e._hass,i.stateObj=t;break;case"swing_modes":i=document.createElement("ha-attribute-icon"),i.slot="graphic",i.attribute="swing_mode",i.attributeValue=o,i.hass=e._hass,i.stateObj=t;break;case"swing_horizontal_modes":i=document.createElement("ha-attribute-icon"),i.slot="graphic",i.attribute="swing_horizontal_mode",i.attributeValue=o,i.hass=e._hass,i.stateObj=t;break;case"preset_modes":i=document.createElement("ha-attribute-icon"),i.slot="graphic",i.attribute="preset_mode",i.attributeValue=o,i.hass=e._hass,i.stateObj=t;break;default:i=!1}return i}function l(e,t,n,o){const i=t?.split(".")[0];switch(i){case"input_select":e._hass.callService("input_select","select_option",{entity_id:t,option:n});break;case"select":e._hass.callService("select","select_option",{entity_id:t,option:n});break;case"climate":switch(o.select_attribute){case"hvac_modes":e._hass.callService("climate","set_hvac_mode",{entity_id:t,hvac_mode:n});break;case"fan_modes":e._hass.callService("climate","set_fan_mode",{entity_id:t,fan_mode:n});break;case"swing_modes":e._hass.callService("climate","set_swing_mode",{entity_id:t,swing_mode:n});break;case"swing_horizontal_modes":e._hass.callService("climate","set_swing_horizontal_mode",{entity_id:t,swing_horizontal_mode:n});break;case"preset_modes":e._hass.callService("climate","set_preset_mode",{entity_id:t,preset_mode:n})}break;case"fan":"preset_modes"===o.select_attribute&&e._hass.callService("fan","set_preset_mode",{entity_id:t,preset_mode:n});break;case"light":"effect_list"===o.select_attribute&&e._hass.callService("light","turn_on",{entity_id:t,effect:n});break;case"media_player":switch(o.select_attribute){case"source_list":e._hass.callService("media_player","select_source",{entity_id:t,source:n});break;case"sound_mode_list":e._hass.callService("media_player","select_sound_mode",{entity_id:t,sound_mode:n})}break;default:console.warn(`Unsupported entity type: ${i}`)}}},361(e,t,n){n.d(t,{XO:()=>d,Fi:()=>c});var o=n(716),i=n(531);const a="/* =====================================================================\n OLD HA frontend (mwc/MDC-based ha-select)\n These styles are injected into ha-select's shadow DOM and the container.\n On new HA they are no-ops (target elements that no longer exist).\n ===================================================================== */\n\nmwc-list-item {\n border-radius: var(--bubble-select-list-border-radius, var(--bubble-border-radius, 24px));\n margin: 0 8px;\n}\n\nmwc-list-item[selected] {\n color: var(--primary-text-color) !important;\n background-color: var(--bubble-select-list-item-accent-color, var(--bubble-list-item-accent-color, var(--bubble-accent-color, var(--bubble-default-color)))); /* Added the missing 'select' in the first var without removing the previous one for compatibilty */ \n}\n\nha-select {\n --mdc-shape-medium: var(--bubble-select-list-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n --mdc-theme-surface: var(--bubble-select-list-background-color, var(--bubble-select-main-background-color, var(--bubble-main-background-color, var(--card-background-color, var(--secondary-background-color)))));\n --mdc-shape-large: 32px;\n --mdc-shape-small: 64px;\n --mdc-menu-max-width: min-content;\n --mdc-menu-min-width: var(--bubble-select-list-width, 200px);\n --mdc-select-max-width: min-content;\n --mdc-select-outlined-hover-border-color: transparent;\n --mdc-select-outlined-idle-border-color: transparent;\n --mdc-theme-primary: transparent;\n --right-value: calc(var(--mdc-menu-min-width) - 160px);\n}\n\n.bubble-sub-button ha-select {\n --right-value: calc(var(--mdc-menu-min-width) - 168px);\n}\n\n.mdc-select {\n color: transparent !important;\n width: 150px !important;\n position: absolute !important;\n pointer-events: none;\n right: var(--right-value, 46px);\n height: 0px !important;\n}\n\n.mdc-select.bubble-open-right {\n right: auto;\n left: calc(var(--right-value, 46px) - 58px);\n}\n\n.mdc-menu, mwc-list, .mdc-list-item {\n pointer-events: auto;\n}\n\n/* Hide old HA dropdown scrollbars while keeping scroll behavior */\n.mdc-menu,\nmwc-list {\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.mdc-menu::-webkit-scrollbar,\nmwc-list::-webkit-scrollbar {\n width: 0;\n height: 0;\n}\n\n.mdc-select__dropdown-icon {\n display: none !important;\n}\n\n.mdc-select__selected-text {\n color: transparent !important;\n}\n\n.mdc-select__anchor {\n width: 100%;\n pointer-events: none;\n top: -14px !important;\n height: 28px !important;\n}\n\n/* =====================================================================\n NEW HA frontend (webawesome-based ha-select with ha-dropdown)\n ha-picker-field styles are injected into ha-select's shadow DOM:\n - hide the native trigger button that would appear behind our arrow\n - configure ha-dropdown's menu appearance\n ha-dropdown-item styles are applied in the container's light DOM scope.\n On old HA these are no-ops (target elements that do not exist).\n ===================================================================== */\n\n/* Hide the ha-picker-field trigger but keep it for popup anchor positioning */\nha-picker-field {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 0 !important;\n pointer-events: none !important;\n}\n\n/* Constrain ha-select host so it matches our arrow button size */\n:host(.bubble-dropdown-select) {\n height: 36px !important;\n overflow: visible !important;\n}\n\n/* ha-dropdown: menu background color (via webawesome surface token) */\nha-dropdown {\n --wa-color-surface-raised: var(--bubble-select-list-background-color, var(--bubble-select-main-background-color, var(--bubble-main-background-color, var(--card-background-color, var(--secondary-background-color)))));\n}\n\n/* ha-dropdown menu panel: match old mwc-menu appearance */\nha-dropdown::part(menu) {\n border: none !important;\n border-radius: var(--bubble-select-list-border-radius, var(--bubble-border-radius, 32px)) !important;\n min-width: var(--bubble-select-list-width, 200px) !important;\n padding: 8px 0 !important;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\nha-dropdown::part(menu)::-webkit-scrollbar {\n width: 0;\n height: 0;\n}\n\n/* ha-dropdown-item: match old mwc-list-item dimensions and spacing (light DOM scope) */\nha-dropdown-item {\n /* Match old mwc-list-item min-height */\n min-height: 48px !important;\n border-radius: var(--bubble-select-list-border-radius, var(--bubble-border-radius, 24px)) !important;\n margin: 0 8px;\n overflow: hidden;\n /* Suppress any default webawesome border on items */\n border: none !important;\n outline: none !important;\n /* Explicitly re-enable pointer events: the container has pointer-events:none,\n but CSS spec allows descendants with an explicit value to still be targets */\n pointer-events: auto;\n}\n\n/* Keep the initial programmatic focus from looking like a stuck hover state. */\nha-dropdown-item:not([selected]):focus:not(:hover) {\n background-color: transparent !important;\n}\n\nha-dropdown-item[selected]:focus:not(:hover) {\n background-color: var(--bubble-select-list-item-accent-color, var(--bubble-list-item-accent-color, var(--bubble-accent-color, var(--bubble-default-color)))) !important;\n}\n\n/* ha-dropdown-item selected state: match old mwc-list-item[selected] appearance */\nha-dropdown-item[selected] {\n /* Override primary color (used for text/icons) to match HA primary text */\n --primary-color: var(--primary-text-color);\n /* Override background fill to use the Bubble Card accent color */\n --ha-color-fill-primary-quiet-resting: var(--bubble-select-list-item-accent-color, var(--bubble-list-item-accent-color, var(--bubble-accent-color, var(--bubble-default-color))));\n --ha-color-fill-primary-quiet-hover: var(--bubble-select-list-item-accent-color, var(--bubble-list-item-accent-color, var(--bubble-accent-color, var(--bubble-default-color))));\n}\n\n/* =====================================================================\n Shared styles (apply to both old and new HA)\n ===================================================================== */\n\n.bubble-dropdown-container {\n display: flex !important;\n position: relative;\n pointer-events: none;\n width: auto;\n align-self: center;\n align-items: center;\n justify-content: center;\n}\n\n.bubble-dropdown-arrow {\n display: flex;\n position: absolute;\n background: var(--bubble-select-arrow-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n height: 36px;\n width: 36px;\n pointer-events: none;\n border-radius: var(--bubble-select-button-border-radius, var(--bubble-border-radius, 20px));\n align-items: center;\n justify-content: center;\n transition: background 0.2s, transform 0.2s;\n pointer-events: none;\n}\n\n.bubble-dropdown-select {\n position: relative;\n width: 36px;\n}\n\n.bubble-dropdown-inner-border {\n display: none;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: var(--bubble-select-border, solid 2px var(--bubble-accent-color, var(--bubble-default-color)));\n border-radius: var(--bubble-border-radius, 28px);\n box-sizing: border-box;\n pointer-events: none;\n}\n\n.bubble-sub-button .bubble-dropdown-inner-border,\n.bubble-sub-button-group .bubble-dropdown-inner-border {\n border-radius: var(--bubble-border-radius, 18px);\n}\n",r=new WeakMap;let s=0;function l(e,t){if(!e?.shadowRoot||!t)return;const n=e.shadowRoot.querySelector(".mdc-select");!function(e){if(!e)return!1;const t=e.getBoundingClientRect().left,n=function(e){let t=e;for(;t;){const e=t.closest?.(".bubble-pop-up-container");if(e)return e;const n=t.getRootNode?.();if(!(n instanceof ShadowRoot))break;t=n.host}return null}(e);if(!n)return t<160;const o=n.getBoundingClientRect();let i;return n.classList.contains("is-opening")||n.classList.contains("is-closing")?i=parseFloat(getComputedStyle(n).paddingLeft)||0:r.has(n)&&r.get(n).version===s?i=r.get(n).paddingLeft:(i=parseFloat(getComputedStyle(n).paddingLeft)||0,r.set(n,{paddingLeft:i,version:s})),t-o.left-i<160}(t)?(n?.classList.remove("bubble-open-right"),t.classList.remove("bubble-open-right")):(n?.classList.add("bubble-open-right"),t.classList.add("bubble-open-right"))}function c(e,t=e.elements,n){t.dropdownContainer=t.dropdownContainer||(0,o.n)("div","bubble-dropdown-container"),t.dropdownSelect=t.dropdownSelect||(0,o.n)("ha-select","bubble-dropdown-select"),t.dropdownSelect.setAttribute("outlined",""),t.dropdownArrow=t.dropdownArrow||(0,o.n)("ha-icon","bubble-dropdown-arrow"),t.dropdownArrow.setAttribute("icon","mdi:chevron-down"),t.dropdownStyleElement=t.dropdownStyleElement||(0,o.n)("style"),t.dropdownCustomStyleElement=t.dropdownCustomStyleElement||(0,o.n)("style"),t._dropdownShadowStylesInitialized||(t.dropdownStyleElement.textContent=a,t._dropdownShadowStylesInitialized=!0),t.dropdownContainerStyle=t.dropdownContainerStyle||(0,o.n)("style"),t._dropdownContainerStyleInitialized||(t.dropdownContainerStyle.textContent=a,t._dropdownContainerStyleInitialized=!0),t.dropdownArrow.isConnected||t.dropdownContainer.appendChild(t.dropdownArrow),t.dropdownContainerStyle.isConnected||t.dropdownContainer.appendChild(t.dropdownContainerStyle),t.dropdownSelect.updateComplete.then(()=>{!function(){if(t.dropdownSelect.shadowRoot){const o=t.dropdownSelect.shadowRoot;t.dropdownStyleElement&&!t.dropdownStyleElement.isConnected&&o.appendChild(t.dropdownStyleElement),t.dropdownCustomStyleElement&&!t.dropdownCustomStyleElement.isConnected&&o.appendChild(t.dropdownCustomStyleElement),(0,i.ax)(e?._hass)||(n=o.querySelector("ha-menu.mdc-select__menu"))&&(n.addEventListener("opened",()=>{setTimeout(()=>{n.removeAttribute("open"),n.style.display=""},0)},{once:!0}),n.style.display="none",n.setAttribute("open",""))}var n}()}),t===e.elements?t.buttonsContainer.appendChild(t.dropdownContainer):t.appendChild(t.dropdownContainer)}function d(e,t=e.elements,n=e.config.entity,a=e.config){const{dropdownArrow:r,dropdownSelect:s,mainContainer:c,background:d}=t,u=t===e.elements?c:t,p=t===e.elements?d:t,b=(0,i.ax)(e?._hass);"function"==typeof t.dropdownCleanup&&t.dropdownCleanup(),t.innerBorderElement?t.innerBorderElement.isConnected||u.appendChild(t.innerBorderElement):(t.innerBorderElement=(0,o.n)("div"),t.innerBorderElement.classList.add("bubble-dropdown-inner-border"),u.appendChild(t.innerBorderElement)),u.haRipple||(u.haRipple=(0,o.n)("ha-ripple")),u.haRipple.isConnected||(t===e.elements?t.background.appendChild(u.haRipple):u.appendChild(u.haRipple));const h=e.elements.mainContainer;h&&void 0===h.openDropdowns&&(h.openDropdowns=0);let m=!1,f=null,g=0;const y=t===e.elements?!!(a&&a.button_action&&a.button_action.double_tap_action&&a.button_action.double_tap_action.action&&"none"!==a.button_action.double_tap_action.action):!!(a&&a.double_tap_action&&a.double_tap_action.action&&"none"!==a.double_tap_action.action),v=()=>{r.style.transform="rotate(180deg)",t.dropdownArrow.style.background="var(--bubble-accent-color, var(--bubble-default-color))",t.innerBorderElement&&(t.innerBorderElement.style.display="block"),b&&(s.style.pointerEvents="auto"),e.elements&&e.elements.mainContainer&&(m||(m=!0,h&&h.openDropdowns++),e.elements.mainContainer.style.overflow="visible")},_=()=>{if(b){const e=s.shadowRoot?.querySelector("ha-dropdown");e&&(e.open=!0)}else{const e=s.shadowRoot?.querySelector("ha-menu.mdc-select__menu");if(!e){const e=s.shadowRoot?.querySelector("mwc-menu");return void(e&&(l(s,t.dropdownContainer),e.setAttribute("open","")))}l(s,t.dropdownContainer),e.show()}},w=new AbortController,{signal:x}=w;b&&(s.style.pointerEvents="none"),u.addEventListener("hass-action",e=>{const t=e?.detail?.action;"double_tap"!==t&&"hold"!==t||("function"==typeof e.composedPath?e.composedPath():[]).includes(p)&&(f&&(clearTimeout(f),f=null),g=Date.now()+300)},{signal:x});const C=n=>{n.stopPropagation(),r.style.transform="rotate(0deg)",t.innerBorderElement&&(t.innerBorderElement.style.display="none"),t.dropdownArrow.style.background="",b&&(s.style.pointerEvents="none"),e.elements&&e.elements.mainContainer&&(m&&(m=!1,h&&h.openDropdowns--),h&&0===h.openDropdowns&&(e.elements.mainContainer.style.overflow=""))},k=t=>{const o=b?t.detail?.value:t.target?.value;void 0!==o&&(0,i.Ab)(e,n,o,a)};p.addEventListener("click",e=>{if(!e.target.closest?.("mwc-list-item, ha-dropdown-item"))return m?(f&&(clearTimeout(f),f=null),void(g=Date.now()+200)):void(Date.now()<g||(y?(f&&(clearTimeout(f),f=null),f=setTimeout(()=>{Date.now()<g||(_(),v()),f=null},220)):(_(),v())))},{signal:x}),b?s.addEventListener("selected",k,{signal:x}):(s.addEventListener("closed",C,{signal:x}),s.addEventListener("click",k,{signal:x}));let $=null,S=!1;if(b){const e=()=>{if(S)return;const e=s.shadowRoot?.querySelector("ha-dropdown");if(!e)return;$=new AbortController;const{signal:t}=$;e.addEventListener("wa-after-hide",C,{signal:t})};s.shadowRoot?.querySelector("ha-dropdown")?e():s.updateComplete?.then(e)}t.dropdownCleanup=()=>{S=!0,f&&(clearTimeout(f),f=null),w.abort(),$?.abort(),$=null,t.dropdownArrow&&(t.dropdownArrow.style.transform="rotate(0deg)",t.dropdownArrow.style.background=""),t.innerBorderElement&&(t.innerBorderElement.style.display="none"),b&&s&&(s.style.pointerEvents=""),h&&"number"==typeof h.openDropdowns&&m&&(h.openDropdowns=Math.max(0,h.openDropdowns-1),m=!1)}}"undefined"!=typeof MutationObserver&&new MutationObserver(()=>{s++}).observe(document.body,{childList:!0,subtree:!0,attributes:!0,characterData:!0})},459(e,t,n){n.d(t,{P9:()=>d,VM:()=>u,zU:()=>p});var o=n(716),i=n(388),a=n(371);function r(e,t){if(!e||!e.elements)return;if(e.dragging)return;const n=e.config.entity?.split?.(".")[0],o=e?.config?.light_slider_type||"brightness",i="light"===n&&["hue","saturation","white_temp"].includes(o),r=(0,a.QN)(Math.round(t)),s=function(e){try{if(Number.isFinite(e._lastVisualFillPercentage))return(0,a.el)(e,e._lastVisualFillPercentage);if(e.elements?.rangeFill){const t=function(e){const t=/translate([XY])\(([-\d.]+)%\)/.exec(e||"");if(!t)return null;const[,n,o]=t,i=parseFloat(o);return Number.isFinite(i)?{axis:n,value:i}:null}(e.elements.rangeFill.style.transform);if(t){const n=(0,a.oR)(e),o="top"===n||"bottom"===n?"Y":"X";if(t.axis===o)return(0,a.el)(e,Math.abs(t.value))}}}catch(e){}try{return Math.round((0,a.uo)(e,e.config.entity))}catch(e){return 0}}(e);if(!Number.isFinite(s)||Math.abs(s-r)<.5){if(d(r),u(r,!0),i&&("hue"===o||"saturation"===o)&&"function"==typeof e.updateColorTrackBackground)try{e.updateColorTrackBackground()}catch(e){}return}try{e._sliderAnimRaf&&cancelAnimationFrame(e._sliderAnimRaf)}catch(e){}const l=performance.now(),c=t=>{if(e.dragging)return;const n=Math.min(1,(t-l)/250),a=s+(r-s)*(e=>1-Math.pow(1-e,3))(n);if(d(a),u(a),n<1)e._sliderAnimRaf=requestAnimationFrame(c);else{if(d(r),u(r,!0),i&&("hue"===o||"saturation"===o)&&"function"==typeof e.updateColorTrackBackground)try{e.updateColorTrackBackground()}catch(e){}try{e._sliderAnimRaf=null}catch(e){}}};function d(t){const n=Math.round((0,a.QN)(t));try{if(i&&"function"==typeof e.setColorCursorPosition&&(e.setColorCursorPosition(n),"function"==typeof e.updateColorCursorIndicator))try{e.updateColorCursorIndicator(n)}catch(e){}(0,a.lt)(e,n)}catch(e){}}function u(t,n=!1){if(e.elements?.rangeValue)try{const o=n?(0,a.aJ)(e):(0,a.BG)(e,(0,a.QN)(t));e.elements.rangeValue.textContent!==o&&(e.elements.rangeValue.textContent=o)}catch(e){}}e._sliderAnimRaf=requestAnimationFrame(c)}let s=0,l=!1;function c(){s++,l=!1}function d(e,t,n=!1,o=null){let i=o;i||(e._sliderRectCache&&e._sliderRectCache.frameId===s?i=e._sliderRectCache.rect:(i=e.elements.rangeSlider.getBoundingClientRect(),e._sliderRectCache||(e._sliderRectCache={}),e._sliderRectCache.rect=i,e._sliderRectCache.frameId=s,l||(requestAnimationFrame(c),l=!0)));const r=(0,a.oR)(e),d="top"===r||"bottom"===r,u=d?i?.height??0:i?.width??0;if(u<=0)return(0,a.QN)((0,a.uo)(e,e.config.entity));let p=(t-(d?i.top:i.left))/u*100;p=(0,a.QN)(p),"right"!==r&&"bottom"!==r||(p=100-p);let b=(0,a.el)(e,p);const h=e.config.entity?.split(".")[0];return"light"!==h||!1!==e.config.tap_to_slide&&void 0!==e.config.tap_to_slide||!0===e.config.allow_light_slider_to_0||b<1&&(b=1),b=(0,a.QN)(b),(0,a.lt)(e,b),b}function u(e,t=e.elements.rangeFill,n=e.config.entity){if(e.dragging)return;const s=(0,a.uo)(e,n),l=e._lastSliderPercentage;if(function(e){if(!e.elements?.rangeFill)return;const t=e.config.entity?.split(".")[0],n="light"===t,a=(0,o.$C)(e,e.config.entity),r=n&&"brightness"===(e?.config?.light_slider_type||"brightness"),s=e.config.use_accent_color,l=e._hass?.states?.[e.config.entity],c=(0,i.S1)(l,e.config.entity);e._previousSliderColorSignature,e._previousSliderColorSignature=c;const d=e.elements.rangeFill,u=d.classList.contains("slider-use-light-color"),p=d.classList.contains("slider-use-accent-color"),b=Date.now();if(e._lastSliderStyleChange,e._lastSliderStyleChange=b,a)if(r&&!s){const t="button"===e.config.card_type?e.card?.style.getPropertyValue("--bubble-button-background-color"):e.popUp?.style.getPropertyValue("--bubble-button-background-color"),n=(0,o.C$)(e,e.config.entity,!0,t||null,null);u||(d.classList.remove("slider-use-accent-color"),d.classList.add("slider-use-light-color")),d.style.setProperty("--bubble-slider-fill-color",n)}else p||(d.classList.remove("slider-use-light-color"),d.style.removeProperty("--bubble-slider-fill-color"),d.classList.add("slider-use-accent-color"));else(u||p)&&(d.classList.remove("slider-use-light-color","slider-use-accent-color"),d.style.removeProperty("--bubble-slider-fill-color"));if("function"==typeof e.syncSliderValuePosition)try{e.syncSliderValuePosition()}catch(e){}}(e),void 0!==l&&Math.abs(l-s)<.01)return;e._lastSliderPercentage=s;const c=n?.split?.(".")[0];if("light"===c&&["hue","saturation","white_temp"].includes(e?.config?.light_slider_type||"brightness")&&e.elements?.colorCursor)return void r(e,s);const d=void 0===l,u=void 0!==l&&Math.abs(l-s)>5;if(d||u){const t=Math.round((0,a.QN)(s));try{if((0,a.lt)(e,t),e.elements?.rangeValue){const t=(0,a.aJ)(e);e.elements.rangeValue.textContent!==t&&(e.elements.rangeValue.textContent=t)}}catch(e){}}else r(e,s)}function p(e,t){const n=e._hass.states[e.config.entity];if(!n)return;const i=e.config.entity.split(".")[0],r=(0,a.nZ)(e,n),s=(0,a.BJ)(e,n),l=(0,a.et)(e,n);let c=(0,a.lY)(t,r,s),d=(0,a.y$)(c,l);d=Math.max(r,Math.min(s,d));const u=s-r,p=u>0?(0,a.QN)((d-r)/u*100):0;switch(i){case"light":{const n=e?.config?.light_slider_type||"brightness";if("hue"===n||"saturation"===n){const t=e._hass.states[e.config.entity]?.attributes?.hs_color||[],o=parseFloat(t[0])||0,i=parseFloat(t[1])||0,a="hue"===n?Math.round(p/100*360):o,r=10,s=!0===e.config?.hue_force_saturation,l=Number(e.config?.hue_force_saturation_value),c=Number.isFinite(l)?Math.max(0,Math.min(100,l)):100,d="saturation"===n?Math.round(p):s?c:i<r?100:i;e._hass.callService("light","turn_on",{entity_id:e.config.entity,hs_color:[a,d]});break}if("white_temp"===n){const t=e._hass.states[e.config.entity]?.attributes||{},n=Number(t.min_color_temp_kelvin),o=Number(t.max_color_temp_kelvin),i=Number.isFinite(n)?n:2e3,r=Number.isFinite(o)?o:6500,s=Math.min(i,r),l=Math.max(i,r),c=l-s,d=c>0?l-p/100*c:s,u=Math.round((0,a.y$)(d,1)),b=Math.max(s,Math.min(l,u));e._hass.callService("light","turn_on",{entity_id:e.config.entity,color_temp_kelvin:b});break}let o;if(void 0!==e.config.min_value||void 0!==e.config.max_value)o=Math.round(255*d/100);else{const e=Number.isFinite(p)?p:t;o=Math.round(255*e/100)}const i=e.config.light_transition,r=""===e.config.light_transition_time||isNaN(e.config.light_transition_time)?500:e.config.light_transition_time;e._hass.callService("light","turn_on",{entity_id:e.config.entity,brightness:o,...i&&{transition:r/1e3}});break}case"media_player":{let t;t=void 0!==e.config.min_value||void 0!==e.config.max_value||void 0!==e.config.min_volume||void 0!==e.config.max_volume?d/100:p/100,t=Math.max(0,Math.min(1,t)),e._hass.callService("media_player","volume_set",{entity_id:e.config.entity,volume_level:t.toFixed(2)});break}case"cover":{let t;t=void 0!==e.config.min_value||void 0!==e.config.max_value?Math.round(d):Math.round(p),e._hass.callService("cover","set_cover_position",{entity_id:e.config.entity,position:t});break}case"input_number":e._hass.callService("input_number","set_value",{entity_id:e.config.entity,value:d});break;case"fan":{let t;t=void 0!==e.config.min_value||void 0!==e.config.max_value?Math.round(d):Math.round(p),e._hass.callService("fan","set_percentage",{entity_id:e.config.entity,percentage:t});break}case"climate":{const t=parseFloat(d.toFixed(1));(0,o.$C)(e,e.config.entity)?e._hass.callService("climate","set_temperature",{entity_id:e.config.entity,temperature:t}):e._hass.callService("climate","turn_on",{entity_id:e.config.entity}).then(()=>{e._hass.callService("climate","set_temperature",{entity_id:e.config.entity,temperature:t})}).catch(n=>{console.error("Error turning on climate entity:",n),e._hass.callService("climate","set_temperature",{entity_id:e.config.entity,temperature:t})});break}case"number":e._hass.callService("number","set_value",{entity_id:e.config.entity,value:d})}}},371(e,t,n){n.d(t,{BG:()=>$,BJ:()=>w,BK:()=>a,QN:()=>d,YX:()=>p,_W:()=>m,aJ:()=>S,el:()=>b,et:()=>x,lY:()=>v,lt:()=>f,nZ:()=>_,oR:()=>h,uo:()=>k,y$:()=>g,zD:()=>C});var o=n(716);const i=["left","right","top","bottom"],a=["right","left","center"],r={"inline-end":"right","inline-start":"left"},s=new Set([...a,...Object.keys(r)]);function l(e){return e?.split(".")[0]}function c(e,t,n){return void 0===t||void 0===n?e:n<=t?t:Math.max(t,Math.min(n,e))}function d(e){return Math.max(0,Math.min(100,e))}function u(e){if(!e?.config?.invert_slider_value)return!1;if("light"===l(e?.config?.entity)){const t=e?.config?.light_slider_type;if(["hue","saturation","white_temp"].includes(t))return!1}return!0}function p(e,t){const n=d(Number(t)||0);return u(e)?100-n:n}function b(e,t){const n=d(Number(t)||0);return u(e)?100-n:n}function h(e){const t=e?.config?.slider_fill_orientation;return i.includes(t)?t:"left"}function m(e){const t=e?.config?.slider_value_position;return"hidden"===t?"hidden":t?r[t]?r[t]:s.has(t)?t:"right":"right"}function f(e,t){if(!e?.elements?.rangeFill)return;const n=p(e,t),o=h(e),i=function(e,t){switch(e){case"right":return`translateX(-${t}%)`;case"top":return`translateY(${t}%)`;case"bottom":return`translateY(-${t}%)`;default:return`translateX(${t}%)`}}(o,n);e.elements.rangeFill.style.transform!==i&&(e.elements.rangeFill.style.transform=i),e._lastVisualFillPercentage=n,e._lastFillOrientation=o}function g(e,t){return!isFinite(t)||t<=0?e:Math.round(e/t)*t}function y(e,t,n){return void 0===t||void 0===n||n<=t?0:100*(c(e,t,n)-t)/(n-t)}function v(e,t,n){return void 0===t||void 0===n||n<=t?0:t+e/100*(n-t)}function _(e,t){if(void 0!==e.config.min_value)return parseFloat(e.config.min_value);const n=t.entity_id.split(".")[0];return"media_player"===n&&void 0!==e.config.min_volume?parseFloat(e.config.min_volume):"climate"===n?t.attributes.min_temp??0:t.attributes.min??0}function w(e,t){if(void 0!==e.config.max_value)return parseFloat(e.config.max_value);const n=t.entity_id.split(".")[0];return"media_player"===n&&void 0!==e.config.max_volume?parseFloat(e.config.max_volume):"climate"===n?t.attributes.max_temp??100:t.attributes.max??100}function x(e,t){if(void 0!==e.config.step)return parseFloat(e.config.step);switch(t.entity_id.split(".")[0]){case"input_number":case"number":return t.attributes.step??1;case"fan":return t.attributes.percentage_step??1;case"climate":{const n="°C"===e._hass.config.unit_system.temperature;return t.attributes.target_temp_step??(n?.5:1)}case"media_player":return.01;default:return 1}}function C(e){if(!e)return!0;const t=l(e);return"sensor"===t||!["light","media_player","cover","input_number","number","fan","climate"].includes(t)}function k(e,t=e.config.entity){const n=l(t);if("sensor"===n&&"%"===(0,o.D$)(e,"unit_of_measurement",t))return d(parseFloat((0,o.Gu)(e,t))||0);const i=e._hass.states[t];if(!i)return 0;const a=_(e,i),r=w(e,i);switch(n){case"light":{const n=e?.config?.light_slider_type||"brightness";if("hue"===n){const n=(0,o.D$)(e,"hs_color",t)||[];return d(((Array.isArray(n)&&parseFloat(n[0])||0)%360+360)%360/360*100)}if("saturation"===n){const n=(0,o.D$)(e,"hs_color",t)||[];return d(Array.isArray(n)&&parseFloat(n[1])||0)}if("white_temp"===n){const n=parseFloat((0,o.D$)(e,"color_temp_kelvin",t)),i=parseFloat((0,o.D$)(e,"min_color_temp_kelvin",t)),a=parseFloat((0,o.D$)(e,"max_color_temp_kelvin",t)),r=Number.isFinite(i)?i:2e3,s=Number.isFinite(a)?a:6500;if(!Number.isFinite(n))return 0;const l=Math.min(r,s),u=Math.max(r,s),p=u-l;return p<=0?0:d((u-c(n,l,u))/p*100)}const i=100*((0,o.D$)(e,"brightness",t)??0)/255;return void 0!==e.config.min_value||void 0!==e.config.max_value?y(i,a,r):d(i)}case"media_player":{const n=(0,o.D$)(e,"volume_level",t),i=null!=n?100*n:0;return void 0!==e.config.min_value||void 0!==e.config.max_value||void 0!==e.config.min_volume||void 0!==e.config.max_volume?y(i,a,r):d(i)}case"cover":{const n=(0,o.D$)(e,"current_position",t),i=null!=n?n:0;return void 0!==e.config.min_value||void 0!==e.config.max_value?y(i,a,r):d(i)}case"input_number":case"number":{const n=parseFloat((0,o.Gu)(e,t));return isNaN(n)?0:y(c(n,a,r),a,r)}case"fan":if((0,o.$C)(e,t)){const n=(0,o.D$)(e,"percentage",t)??0;return void 0!==e.config.min_value||void 0!==e.config.max_value?y(c(parseFloat(n),a,r),a,r):d(n)}return 0;case"climate":if((0,o.$C)(e,t)){const n=parseFloat((0,o.D$)(e,"temperature",t));return isNaN(n)?0:y(c(n,a,r),a,r)}return 0;default:if(void 0!==e.config.min_value&&void 0!==e.config.max_value){const n=parseFloat((0,o.Gu)(e,t));return isNaN(n)?0:y(c(n,a,r),a,r)}return 0}}function $(e,t){const n=e.config.entity,o=l(n),i=e._hass,a=e.sliderMinValue??e.config?.min_value,r=e.sliderMaxValue??e.config?.max_value,s=e.sliderStep??e.config?.step??1;let u=Number(a),p=Number(r),b=Number(s);Number.isFinite(u)||(u=0),Number.isFinite(p)||(p="climate"===o?u+1:100),p<=u&&(p="climate"===o?u+1:u+100),(!Number.isFinite(b)||b<=0)&&(b=1);const h=d(Number(t)||0),m=p-u;return A(e,c(g(u+(m>0?h/100*m:0),b),u,p),o,n,i)}function S(e){const t=e.config.entity,n=l(t),i=e._hass,a=i?.states?.[t];if(!a)return i?.localize?.("state.default.unavailable")||"0%";let r=0;switch(n){case"climate":if(!(0,o.$C)(e,t))return i?.localize?.("state.default.off")||"0%";r=parseFloat((0,o.D$)(e,"temperature",t))||0;break;case"input_number":case"number":default:r=parseFloat((0,o.Gu)(e,t))||0;break;case"light":r=100*((0,o.D$)(e,"brightness",t)??0)/255;break;case"media_player":{const n=(0,o.D$)(e,"volume_level",t);r=null!=n?100*n:0;break}case"cover":{const n=(0,o.D$)(e,"current_position",t);r=null!=n?n:0;break}case"fan":r=(0,o.$C)(e,t)?(0,o.D$)(e,"percentage",t)??0:0}return A(e,r,n,t,i)}function A(e,t,n,i,a){const r=a?.locale?.language||"en-US",s=(e,t,n)=>(0,o.IU)(e,t,n,r);switch(n){case"climate":{if(!(0,o.$C)(e,i))return a?.localize?.("state.default.off")||"0%";const n=(0,o.$z)(a);return s(t,Number.isInteger(t)?0:1,n)}case"input_number":case"number":{const n=(0,o.D$)(e,"unit_of_measurement",i)||"";return s(t,a?.states?.[i]?.attributes?.precision??(Number.isInteger(t)?0:1),n)}case"light":case"media_player":case"cover":case"fan":return s(Math.round(t),0,"%");default:{const n=(0,o.D$)(e,"unit_of_measurement",i)||"";return n?s(t,a?.states?.[i]?.attributes?.precision??(Number.isInteger(t)?0:1),n):s(Math.round(t),0,"%")}}}},345(e,t,n){n.d(t,{H:()=>r,K:()=>s});var o=n(716),i=n(459),a=n(371);function r(e,t={}){const n={...s,targetElement:e.elements.mainContainer,insertBefore:e.elements.cardWrapper,sliderLiveUpdate:e.config.slider_live_update,relativeSlide:e.config.relative_slide,holdToSlide:!1,readOnlySlider:!1,styles:'.bubble-range-fill {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n width: 100%;\n left: -100%;\n transition: all .5s ease-in-out;\n z-index: 0;\n background-color: var(--bubble-accent-color, var(--bubble-default-color));\n}\n\n.bubble-range-fill.fill-orientation-left {\n left: -100%;\n right: auto;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n\n.bubble-range-fill.fill-orientation-right {\n left: auto;\n right: -100%;\n top: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n}\n\n.bubble-range-fill.fill-orientation-top {\n top: -100%;\n bottom: auto;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n}\n\n.bubble-range-fill.fill-orientation-bottom {\n top: auto;\n bottom: -100%;\n left: 0;\n right: 0;\n width: 100%;\n height: 100%;\n}\n\n.slider-use-light-color {\n background-color: var(--bubble-slider-fill-color, var(--bubble-light-color, rgb(225, 225, 210))) !important;\n opacity: 0.7;\n}\n\n.slider-use-accent-color {\n background-color: var(--bubble-button-accent-color, var(--bubble-accent-color, var(--bubble-default-color))) !important;\n opacity: 1;\n}\n\n.is-light .bubble-range-fill {\n background-color: var(--bubble-light-color, rgb(225, 225, 210));\n opacity: 0.7;\n}\n\n.is-dragging .bubble-range-fill {\n transition: none !important;\n}\n\n.bubble-range-value {\n position: absolute;\n display: none;\n top: 50%;\n right: 14px;\n left: auto;\n transform: translateY(-50%);\n padding: 0 6px;\n pointer-events: none;\n white-space: nowrap;\n align-items: center;\n z-index: 1;\n}\n\n.bubble-range-value.is-visible {\n display: flex;\n}\n\n.bubble-range-slider.value-position-left .bubble-range-value,\n.bubble-range-slider.value-position-inline-start .bubble-range-value {\n left: 14px;\n right: auto;\n justify-content: flex-start;\n}\n\n.bubble-range-slider.value-position-right .bubble-range-value,\n.bubble-range-slider.value-position-inline-end .bubble-range-value {\n right: 14px;\n left: auto;\n justify-content: flex-end;\n}\n\n.bubble-range-slider.value-position-center .bubble-range-value {\n left: 50%;\n right: auto;\n transform: translate(-50%, -50%);\n justify-content: center;\n text-align: center;\n}\n\n\n.is-unavailable .bubble-range-slider {\n cursor: not-allowed;\n}\n\n/* Ensure touch drag is recognized on mobile for slider track */\n.bubble-range-slider {\n touch-action: pan-y pinch-zoom;\n backface-visibility: hidden;\n height: 100%;\n}\n\n/* Vertical sliders: allow horizontal scroll, block vertical */\n.bubble-range-slider.fill-orientation-top,\n.bubble-range-slider.fill-orientation-bottom {\n touch-action: pan-x pinch-zoom;\n}\n\n/* Slider container styles */\n.slider-container {\n cursor: ew-resize;\n touch-action: pan-y pinch-zoom;\n}\n\n/* Vertical slider containers: allow horizontal scroll, block vertical */\n.slider-container:has(.fill-orientation-top),\n.slider-container:has(.fill-orientation-bottom) {\n cursor: ns-resize;\n touch-action: pan-x pinch-zoom;\n}\n\n/* When touching (pre-drag), allow pinch-zoom but block panning natively */\n.slider-container.is-touching,\n.slider-container.is-touching .bubble-range-slider,\n.bubble-range-slider.is-touching {\n touch-action: pinch-zoom;\n}\n\nhtml.bubble-slider-dragging,\nbody.bubble-slider-dragging {\n touch-action: none;\n overscroll-behavior: contain;\n overflow: hidden;\n}\n\n/* When dragging, disable all touch actions to prevent conflicts */\n.is-dragging .bubble-range-slider,\n.is-dragging.slider-container {\n touch-action: none;\n}\n\n.slider-container.slider-hold-focus > :not(.bubble-range-slider):not(style) {\n transition: opacity 0.3s ease-in-out;\n}\n\n.slider-container.slider-hold-focus.is-dragging > :not(.bubble-range-slider):not(style) {\n opacity: 0;\n pointer-events: none;\n}\n\n.slider-appear-animation {\n transition: none;\n animation: sliderAppear 0.2s ease-in-out;\n transform-origin: center;\n}\n\n@keyframes sliderAppear {\n 0% {\n transform: scale(0.96);\n opacity: 0.8;\n }\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n}\n\n/* Color slider specific */\n.is-color-slider .bubble-range-fill { \n background: transparent !important; \n opacity: 0 !important; \n}\n\n.bubble-color-track {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 0;\n}\n\n.bubble-color-cursor {\n position: absolute;\n top: 50%;\n left: 0;\n transform: translate(-50%, -50%);\n width: 8px;\n height: 90%;\n border-radius: 999px;\n background: var(--bubble-color-cursor-background, #fff);\n z-index: 1;\n transition: transform .15s ease, left .15s ease, top .15s ease;\n box-shadow: 0 2px 6px rgba(0,0,0,0.35);\n}\n\n.bubble-color-cursor::before {\n content: "";\n position: absolute;\n top: var(--bubble-color-cursor-indicator-top, 18%);\n bottom: var(--bubble-color-cursor-indicator-bottom, 18%);\n left: 50%;\n transform: translateX(-50%);\n width: 2px;\n background: var(--bubble-color-cursor-indicator-color, var(--primary-text-color));\n border-radius: 2px;\n opacity: var(--bubble-color-cursor-indicator-opacity, 0.7);\n transition: background-color .15s ease, top .15s ease, bottom .15s ease;\n}\n\n.is-dragging .bubble-color-cursor {\n transition: none !important;\n}\n\n.is-dragging .bubble-color-cursor::before {\n opacity: var(--bubble-color-cursor-indicator-active-opacity, 0.9);\n top: var(--bubble-color-cursor-indicator-active-top, 12%);\n bottom: var(--bubble-color-cursor-indicator-active-bottom, 12%);\n width: 4px;\n}\n\n.fill-orientation-right .bubble-color-track,\n.fill-orientation-left .bubble-color-track,\n.fill-orientation-top .bubble-color-track,\n.fill-orientation-bottom .bubble-color-track {\n pointer-events: none;\n}\n\n.fill-orientation-right .bubble-color-cursor,\n.fill-orientation-left .bubble-color-cursor {\n height: 90%;\n width: 8px;\n}\n\n.fill-orientation-top .bubble-color-cursor,\n.fill-orientation-bottom .bubble-color-cursor {\n width: 90%;\n height: 8px;\n}\n\n.fill-orientation-top .bubble-color-cursor::before,\n.fill-orientation-bottom .bubble-color-cursor::before {\n top: 50%;\n bottom: auto;\n left: 5%;\n right: 5%;\n height: 2px;\n width: auto;\n transform: translateY(-50%);\n}',...t},r=[...a.BK.map(e=>`value-position-${e}`),"value-position-inline-end","value-position-inline-start"],l=e._hass.states[e.config.entity],c=e.config.entity?.split(".")[0];if(l?(e.sliderMinValue=(0,a.nZ)(e,l),e.sliderMaxValue=(0,a.BJ)(e,l),e.sliderStep=(0,a.et)(e,l)):(e.sliderMinValue=e.config.min_value??0,e.sliderMaxValue=e.config.max_value??100,e.sliderStep=e.config.step??1),e.sliderMaxValue<=e.sliderMinValue&&(e.sliderMaxValue="climate"===c?e.sliderMinValue+1:e.sliderMinValue+100),e.elements.rangeFill=(0,o.n)("div","bubble-range-fill range-fill"),e.elements.rangeSlider=(0,o.n)("div","bubble-range-slider range-slider"),n.styles){const Q=(0,o.n)("style");Q.textContent=n.styles,e.elements.rangeSlider.appendChild(Q)}const d=e?.config?.light_slider_type,u="light"===c&&["hue","saturation","white_temp"].includes(d);e._isColorSlider=u,e._currentSliderValuePosition=null,e._shouldDisplaySliderValue=!1,e.syncSliderValuePosition=()=>{if(!e.elements?.rangeSlider)return;const t=e.elements.rangeSlider,n=(0,a._W)(e);if(e._isColorSlider||"hidden"===n)return r.forEach(e=>t.classList.remove(e)),e._currentSliderValuePosition=null,e._shouldDisplaySliderValue=!1,void(e.elements.rangeValue&&e.elements.rangeValue.classList.remove("is-visible"));e._shouldDisplaySliderValue=!0,e._currentSliderValuePosition!==n&&(e._currentSliderValuePosition&&t.classList.remove(`value-position-${e._currentSliderValuePosition}`),t.classList.add(`value-position-${n}`),e._currentSliderValuePosition=n),e.elements.rangeValue||(e.elements.rangeValue=(0,o.n)("div","bubble-range-value"),t.appendChild(e.elements.rangeValue),e.elements.rangeValue.textContent=(0,a.aJ)(e))};let p=null;if(u){e.elements.rangeSlider.classList.add("is-color-slider"),e.elements.rangeSlider.classList.add(`is-color-${d}`),e.elements.colorTrack=(0,o.n)("div","bubble-color-track"),e.elements.colorCursor=(0,o.n)("div","bubble-color-cursor"),e.elements.rangeSlider.appendChild(e.elements.colorTrack),e.elements.rangeSlider.appendChild(e.elements.colorCursor);const Z=["left","right","top","bottom"];function ee(t){e?.elements?.colorTrack&&e?.elements?.colorCursor&&(Z.forEach(t=>{e.elements.colorTrack.classList.remove(`fill-orientation-${t}`),e.elements.colorCursor.classList.remove(`fill-orientation-${t}`)}),e.elements.colorTrack.classList.add(`fill-orientation-${t}`),e.elements.colorCursor.classList.add(`fill-orientation-${t}`))}function te(){if(!e?.elements?.colorTrack)return;const t=(0,a.oR)(e),n="right"===t?"270deg":"left"===t?"90deg":"top"===t?"180deg":"0deg";if("hue"===d){const t=e._hass.states[e.config.entity]?.attributes?.hs_color||[],o=Number(t[1]??100),i=o<10?100:o;e.elements.colorTrack.style.background=`linear-gradient(${n}, hsl(0 ${i}% 50%), hsl(60 ${i}% 50%), hsl(120 ${i}% 50%), hsl(180 ${i}% 50%), hsl(240 ${i}% 50%), hsl(300 ${i}% 50%), hsl(360 ${i}% 50%))`}else if("saturation"===d){const t=e._hass.states[e.config.entity]?.attributes?.hs_color||[],o=Number(t[0]??180);e.elements.colorTrack.style.background=`linear-gradient(${n}, hsl(${o} 0% 50%), hsl(${o} 100% 50%))`}else"white_temp"===d&&(e.elements.colorTrack.style.background=`linear-gradient(${n}, #d2e7ff, #f3f7ff 35%, #fff1e0 65%, #ffb56b)`)}function ne(t){if(!e?.elements?.colorCursor)return;let n="#000000";if("hue"===d){const o=e._hass.states[e.config.entity]?.attributes?.hs_color||[],i=Number(o[1]??100);n=`hsl(${t/100*360}, ${i<10?100:i}%, 50%)`}else if("saturation"===d){const o=e._hass.states[e.config.entity]?.attributes?.hs_color||[];n=`hsl(${Number(o[0]??180)}, ${t}%, 50%)`}else if("white_temp"===d){const e=t/100;n=e<.35?"#d2e7ff":e<.65?"#fff1e0":"#ffb56b"}e.elements.colorCursor.style.setProperty("--bubble-color-cursor-indicator-color",n)}ee((0,a.oR)(e)),p=t=>{if(!e?.elements?.colorCursor)return;const n=(0,a.YX)(e,t);e._lastVisualFillPercentage=n;const o=(0,a.oR)(e),i="right"===o||"bottom"===o?100-n:n,r=e.elements.colorCursor;r.style.removeProperty("right"),r.style.removeProperty("bottom"),"left"===o||"right"===o?(r.style.left=`${i}%`,r.style.top="50%"):(r.style.top=`${i}%`,r.style.left="50%")},e.setColorCursorPosition=p,te(),e.updateColorTrackBackground=te,e.updateColorCursorIndicator=ne}function b(){return(0,a.uo)(e)}function h(t){return(0,a.YX)(e,t)}function m(t){e.elements.rangeValue&&(e.elements.rangeValue.textContent=(0,a.BG)(e,t))}const f=h(b());e.syncSliderValuePosition(),n.withValueDisplay&&e._shouldDisplaySliderValue&&e.elements.rangeValue&&(e.elements.rangeValue.classList.add("is-visible"),e.elements.rangeValue.textContent=(0,a.aJ)(e));const g=(0,a.oR)(e),y="top"===g||"bottom"===g;e.elements.rangeFill.classList.add(`fill-orientation-${g}`),e.elements.rangeSlider.classList.add(`fill-orientation-${g}`),u&&e.elements.colorCursor?(p?.(f),"function"==typeof e.updateColorCursorIndicator&&e.updateColorCursorIndicator(f)):(0,a.lt)(e,f),e.elements.rangeSlider.appendChild(e.elements.rangeFill),n.insertBefore&&n.targetElement.contains(n.insertBefore)?n.targetElement.insertBefore(e.elements.rangeSlider,n.insertBefore):n.targetElement.appendChild(e.elements.rangeSlider),n.targetElement&&(n.targetElement.classList.add("slider-container"),n.holdToSlide&&!e.config.tap_to_slide&&n.targetElement.classList.add("slider-hold-focus"));const v={passive:!1};let _=0,w=0,x=0,C=0,k=null,$=!1,S=null,A=!1,L=!1,E=0;function T(){return S||(S=e.elements.rangeSlider.getBoundingClientRect()),S}function M(){S=null}if("undefined"!=typeof MutationObserver&&e.elements?.rangeSlider){let oe=null;new MutationObserver(()=>{oe&&clearTimeout(oe),oe=setTimeout(M,100)}).observe(e.elements.rangeSlider,{attributes:!0,attributeFilter:["style","class"]})}function P(){$=!1,A=!1}function B(){L||(L=!0,n.targetElement.classList.add("is-touching"),e.elements.rangeSlider&&e.elements.rangeSlider.classList.add("is-touching"))}function I(){L&&(L=!1,n.targetElement.classList.remove("is-touching"),e.elements.rangeSlider&&e.elements.rangeSlider.classList.remove("is-touching"))}function q(e){return void 0!==e.pageX?e.pageX:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].pageX:e.touches&&e.touches[0]?e.touches[0].pageX:void 0!==e.clientX?e.clientX:0}function O(e){return void 0!==e.pageY?e.pageY:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].pageY:e.touches&&e.touches[0]?e.touches[0].pageY:void 0!==e.clientY?e.clientY:0}function U(e){return void 0!==e.clientX?e.clientX:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].clientX:e.touches&&e.touches[0]?e.touches[0].clientX:q(e)-(window.scrollX||window.pageXOffset||0)}function z(e){return void 0!==e.clientY?e.clientY:e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].clientY:e.touches&&e.touches[0]?e.touches[0].clientY:O(e)-(window.scrollY||window.pageYOffset||0)}function H(e){return y?O(e):q(e)}function N(e){return y?q(e):O(e)}function D(e){if("number"==typeof e?.pointerId)try{"function"==typeof n.targetElement.hasPointerCapture&&n.targetElement.hasPointerCapture(e.pointerId)&&n.targetElement.releasePointerCapture(e.pointerId)}catch(e){}}function j(){n.targetElement.removeEventListener("pointermove",W,v),n.targetElement.removeEventListener("touchmove",W,v),n.targetElement.removeEventListener("touchend",J,v),window.removeEventListener("pointermove",W,v),window.removeEventListener("pointerup",J,v),window.removeEventListener("pointercancel",K,v),window.removeEventListener("touchmove",W,v),window.removeEventListener("touchend",J,v),window.removeEventListener("touchcancel",K,v),window.removeEventListener("blur",K),document.removeEventListener("visibilitychange",R)}function R(){document.hidden&&e.dragging&&K()}function F(){n.targetElement.addEventListener("pointermove",W,v),n.targetElement.addEventListener("touchmove",W,v),n.targetElement.addEventListener("touchend",J,v),window.addEventListener("pointermove",W,v),window.addEventListener("pointerup",J,v),window.addEventListener("pointercancel",K,v),window.addEventListener("touchmove",W,v),window.addEventListener("touchend",J,v),window.addEventListener("touchcancel",K,v),window.addEventListener("blur",K),document.addEventListener("visibilitychange",R)}function V(e){try{const t="function"==typeof e.composedPath?e.composedPath():[];if(t&&t.some(e=>e?.tagName&&"ha-sidebar"===e.tagName.toLowerCase()))return!0}catch(e){}let t=e.clientX;return void 0===t&&(t=e.changedTouches&&e.changedTouches[0]?e.changedTouches[0].clientX:e.touches&&e.touches[0]?e.touches[0].clientX:0),("touch"===e.pointerType||!!e.touches||!!e.changedTouches)&&t<=30}function W(t){if(function(e){if(A)return!1;const t=H(e),n=N(e),o=y?w:_,i=y?_:w,a=Math.abs(t-o),r=Math.abs(n-i);return a>=4?(A=!0,!1):r>10&&a<4}(t))return I(),$=!0,A=!1,D(t),j(),n.targetElement.classList.remove("is-dragging"),e.dragging=!1,window.isScrolling=!1,void M();t.stopPropagation(),t.touches&&t.touches.length>1||!t.cancelable||t.preventDefault(),window.isScrolling=!0;const o=(0,i.P9)(e,Y(t),!1,T());u&&e.elements.colorCursor&&(p?.(o),"saturation"===d&&"function"==typeof e.updateColorTrackBackground&&e.updateColorTrackBackground(),"function"==typeof e.updateColorCursorIndicator&&e.updateColorCursorIndicator(o)),n.sliderLiveUpdate&&G(e,o),m(o)}function Y(e){const t=function(e){return y?z(e):U(e)}(e),o=H(e);return n.relativeSlide?(y?C:x)+(o-(y?w:_)):t}function K(t){if(!e.dragging)return;if(Date.now()-E<150)return;D(t),k&&clearTimeout(k),n.targetElement.classList.remove("is-dragging"),j(),P(),M(),I();const o=h(b());u&&e.elements.colorCursor?(p?.(o),"function"==typeof e.updateColorCursorIndicator&&e.updateColorCursorIndicator(o)):(0,a.lt)(e,o),e._shouldDisplaySliderValue&&e.elements.rangeValue&&(e.elements.rangeValue.textContent=(0,a.aJ)(e),!n.holdToSlide||e.config.tap_to_slide||n.persistentValueDisplay||e.elements.rangeValue.classList.remove("is-visible")),e.dragging=!1,window.isScrolling=!1}function J(t){if($)return I(),P(),void M();t.stopPropagation(),t.touches&&t.touches.length>1||t.preventDefault(),D(t),k&&clearTimeout(k);const a=H(t),r=(0,i.P9)(e,Y(t),!0,T()),s=y?w:_;Math.abs(a-s)>5&&(t.preventDefault(),t.stopImmediatePropagation()),n.targetElement.classList.remove("is-dragging"),j(),P(),M(),I(),u&&e.elements.colorCursor&&(p?.(r),"function"==typeof e.updateColorCursorIndicator&&e.updateColorCursorIndicator(r)),(0,o.md)(e,"climate",e.config.entity)&&!(0,o.$C)(e,e.config.entity)?e._hass.callService("climate","turn_on",{entity_id:e.config.entity}).then(()=>{G(e,r)}).catch(e=>{console.error("Error turning on climate entity:",e)}):G(e,r),(0,o.jp)("selection"),m(r),n.holdToSlide&&!e.config.tap_to_slide&&e._shouldDisplaySliderValue&&e.elements.rangeValue&&!n.persistentValueDisplay&&e.elements.rangeValue.classList.remove("is-visible"),k=setTimeout(()=>{e&&(e.dragging=!1,window.isScrolling=!1)},100)}const X=(()=>{const t=e.config.entity;if(!t)return!0;const n=t?.split(".")[0];return"sensor"===n||!["light","media_player","cover","input_number","number","fan","climate"].includes(n)})();if(e.config.read_only_slider||X)return;if(!n.holdToSlide||n.readOnlySlider||e.config.tap_to_slide)n.readOnlySlider||n.targetElement.addEventListener("pointerdown",t=>{if(V(t))return;const o=!!t.target.closest(".bubble-main-icon-container"),i=t.target.closest(".bubble-sub-button"),a=i?.hasAttribute("no-slide");if(!(o||i||a)){try{n.targetElement.setPointerCapture(t.pointerId)}catch(e){}if(!e.card||!e.card.classList.contains("is-unavailable")){if(B(),e.dragging=!0,window.isScrolling=!0,_=q(t),w=O(t),P(),M(),n.relativeSlide){const e=h(b()),t=T();if(y){const n="bottom"===g?100-e:e;C=t.top+t.height*n/100}else x=t.left+t.width*e/100}else T();n.targetElement.classList.add("is-dragging"),F()}}},v);else{let ie;const ae=200,re=6;let se=null,le=null,ce=null,de=!1;const ue=()=>{se&&(n.targetElement.removeEventListener("pointermove",se),se=null),le&&(n.targetElement.removeEventListener("touchmove",le),le=null),ce&&(n.targetElement.removeEventListener("pointerup",ce),n.targetElement.removeEventListener("pointercancel",ce),ce=null)},pe=t=>{de||(de=!0,clearTimeout(ie),ue(),function(t){if(V(t))return void I();try{n.targetElement.setPointerCapture(t.pointerId)}catch(e){}if(e.card&&e.card.classList.contains("is-unavailable"))return void I();e.dragging=!0,window.isScrolling=!0,E=Date.now(),_=q(t),w=O(t),P(),A=!0,M();let r=0;(0,o.md)(e,"climate")&&!(0,o.$C)(e,e.config.entity)?(r=0,u&&e.elements.colorCursor?(p?.(r),"function"==typeof e.updateColorCursorIndicator&&e.updateColorCursorIndicator(r)):(0,a.lt)(e,r)):r=(0,i.P9)(e,function(e){if(_=q(e),w=O(e),P(),!n.relativeSlide)return y?z(e):U(e);const t=h(b()),o=T();if(y){const e="bottom"===g?100-t:t;return C=o.top+o.height*e/100,C}return x=o.left+o.width*t/100,x}(t),!1,T()),function(t){e._isColorSlider||(e.syncSliderValuePosition?.(),e._shouldDisplaySliderValue&&e.elements.rangeValue&&(m(t),e.elements.rangeValue.classList.add("is-visible")))}(r),m(r),n.sliderLiveUpdate&&G(e,r),n.targetElement.classList.add("slider-appear-animation"),(0,o.jp)("selection"),setTimeout(()=>{n.targetElement.classList.remove("slider-appear-animation")},300),n.targetElement.classList.add("is-dragging"),F(),n.targetElement.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation()},{capture:!0,once:!0})}(t))};n.targetElement.addEventListener("pointerdown",t=>{if(V(t))return;const o=t.target.closest(".bubble-action"),i=t.target.closest(".bubble-sub-button")?.hasAttribute("no-slide");if(i||o&&'{"action":"none"}'!==o.getAttribute("data-hold-action"))return;if(de=!1,clearTimeout(ie),ue(),e.card&&e.card.classList.contains("is-unavailable"))return;B(),_=q(t),w=O(t),P();const a=e=>{const t=H(e),n=N(e),o=y?w:_,i=y?_:w,a=Math.abs(t-o),s=Math.abs(n-i);if(!(a>=2&&s<=4))return s>10&&s>a+4?($=!0,void r()):void(a>re&&a>=s&&pe(e));pe(e)},r=()=>{clearTimeout(ie),ue(),$&&I()};se=a,le=a,ce=r,n.targetElement.addEventListener("pointermove",a,{passive:!1}),n.targetElement.addEventListener("touchmove",a,{passive:!1}),n.targetElement.addEventListener("pointerup",r),n.targetElement.addEventListener("pointercancel",r),ie=setTimeout(()=>pe(t),ae)},{passive:!1}),n.targetElement.addEventListener("pointerup",()=>{de||(clearTimeout(ie),ue(),$=!1,I())}),n.targetElement.addEventListener("pointercancel",()=>{de||(clearTimeout(ie),ue(),$=!1,I())}),n.targetElement.addEventListener("touchend",()=>{de||(clearTimeout(ie),ue(),$=!1,I())}),n.targetElement.addEventListener("touchcancel",()=>{de||(clearTimeout(ie),ue(),$=!1,I())})}const G=(0,o.nF)(i.zU,200)}const s={targetElement:null,insertBefore:null,sliderLiveUpdate:!1,withValueDisplay:!1,initialValue:null,persistentValueDisplay:!1}},772(e,t,n){n.d(t,{Kr:()=>w,AQ:()=>_});var o=n(716),i=n(391),a=n(653),r=n(175),s=n(388),l=n(752),c=n(531);var d=n(345),u=n(459);function p(e,t){const n=!(!t.alwaysVisible||!t.subButton?.show_button_info);return{entity:t.entity,...void 0!==t.subButton?.min_value?{min_value:t.subButton.min_value}:{},...void 0!==t.subButton?.max_value?{max_value:t.subButton.max_value}:{},...void 0!==t.subButton?.step?{step:t.subButton.step}:{},...void 0!==t.subButton?.tap_to_slide?{tap_to_slide:t.subButton.tap_to_slide}:{},...void 0!==t.subButton?.relative_slide?{relative_slide:t.subButton.relative_slide}:{},...void 0!==t.subButton?.read_only_slider?{read_only_slider:t.subButton.read_only_slider}:{},...void 0!==t.subButton?.slider_live_update?{slider_live_update:t.subButton.slider_live_update}:{},...void 0!==t.subButton?.invert_slider_value?{invert_slider_value:t.subButton.invert_slider_value}:{},...void 0!==t.subButton?.slider_fill_orientation?{slider_fill_orientation:t.subButton.slider_fill_orientation}:{},slider_value_position:n?"right":t.subButton?.slider_value_position??"right",...void 0!==t.subButton?.use_accent_color?{use_accent_color:t.subButton.use_accent_color}:{},...void 0!==t.subButton?.allow_light_slider_to_0?{allow_light_slider_to_0:t.subButton.allow_light_slider_to_0}:{},...void 0!==t.subButton?.light_transition?{light_transition:t.subButton.light_transition}:{},...void 0!==t.subButton?.light_transition_time?{light_transition_time:t.subButton.light_transition_time}:{},...void 0!==t.subButton?.light_slider_type?{light_slider_type:t.subButton.light_slider_type}:{},...void 0!==t.subButton?.hue_force_saturation?{hue_force_saturation:t.subButton.hue_force_saturation}:{},...void 0!==t.subButton?.hue_force_saturation_value?{hue_force_saturation_value:t.subButton.hue_force_saturation_value}:{}}}function b(e,t){try{const n="function"==typeof t.composedPath?t.composedPath():[];return!(!Array.isArray(n)||0===n.length)&&(n.includes(e.sliderWrapper)||n.includes(e.sliderContainer)||n.includes(e.sliderCloseBtn))}catch(e){return!1}}function h(e){if(e&&e._globalBlockerAdded&&e._globalBlockerHandler){try{(e._globalBlockerEvents||["pointerdown","pointerup","click","touchstart","touchend","mousedown","mouseup"]).forEach(t=>document.removeEventListener(t,e._globalBlockerHandler,!0))}catch(e){}try{delete e._globalBlockerHandler,delete e._globalBlockerEvents}catch(e){}e._globalBlockerAdded=!1}}function m(e,t){e&&(e.sliderAlwaysVisible||e.sliderCloseBtn&&e.sliderCloseBtn.classList.toggle("is-hidden",!t))}function f(e,t){const n=e=>{e&&e.classList.toggle("is-hidden",t)};n(e.elements?.nameContainer),n(e.elements?.iconContainer),n(e.elements?.image),n(e.elements?.buttonsContainer),e.elements?.subButtonContainer&&(e.elements.subButtonContainer.style.opacity=t?"0":"",e.elements.subButtonContainer.style.pointerEvents=t?"none":"")}function g(e,t){if(!t.sliderWrapper)return;t.sliderWrapper.classList.add("is-hidden");const n=t._parentGroupContainer;n&&n.classList?n.classList.remove("group-slider-open"):(function(e){f(e,!1)}(e),function(e){if(e.elements&&e.elements.cardWrapper){try{e.elements.cardWrapper.style.removeProperty("--bubble-sub-slider-left-offset")}catch(e){}try{e.elements.cardWrapper.style.removeProperty("--bubble-sub-slider-width")}catch(e){}}}(e)),t.sliderOpen=!1,m(t,!1),h(t);try{t._blockerPointerDownInside=!1}catch(e){}}function y(e,t,n){if(!t.sliderWrapper){const n=(0,o.n)("div","bubble-sub-slider-wrapper is-hidden");(e.elements.cardWrapper||e.elements.mainContainer||e.content).appendChild(n),t.sliderWrapper=n;const i=(0,o.n)("div","bubble-sub-button-slider");n.appendChild(i),t.sliderContainer=i;const a=(0,o.n)("div","bubble-sub-slider-close"),r=(0,o.n)("ha-icon");r.setAttribute("icon","mdi:close");try{a.haRipple=(0,o.n)("ha-ripple"),a.appendChild(a.haRipple)}catch(e){}a.appendChild(r),n.appendChild(a),t.sliderCloseBtn=a}const a=["pointerdown","pointermove","touchstart","touchmove","mousedown","mousemove","click"];if(!t._stopPropAdded&&t.sliderContainer){const e=e=>e.stopPropagation();a.forEach(n=>{t.sliderContainer.addEventListener(n,e,{passive:!1})}),t._stopPropAdded=!0,t._stopPropHandler=e}if(t.sliderContext)t.sliderContext.config=p(0,n);else{const o={_hass:e._hass,config:p(0,n),elements:{mainContainer:t.sliderContainer,cardWrapper:e.elements.cardWrapper||e.elements.mainContainer||e.content},content:e.content,card:e.card};(0,d.H)(o,{targetElement:t.sliderContainer,sliderLiveUpdate:!!n.subButton?.slider_live_update,withValueDisplay:!0,persistentValueDisplay:!0,holdToSlide:!0,readOnlySlider:!!n.subButton?.read_only_slider}),t.sliderContext=o}if(n.alwaysVisible){t.sliderAlwaysVisible=!0;const i=n.groupContainer||e.elements.subButtonContainer;if(t.sliderWrapper.parentNode!==i){try{t.sliderWrapper.parentNode?.removeChild(t.sliderWrapper)}catch(e){}i.appendChild(t.sliderWrapper)}t.sliderWrapper.classList.add("inline"),t.sliderContainer.classList.add("inline");const a=!!n.subButton?.show_button_info;if(t.sliderContext?.elements?.rangeValue){t.sliderInfoWrapper||(t.sliderInfoWrapper=(0,o.n)("div","bubble-sub-button-info-wrapper"),t.sliderContainer.insertBefore(t.sliderInfoWrapper,t.sliderContainer.firstChild));const e=t.sliderContext.elements.rangeValue;e&&e.parentNode!==t.sliderInfoWrapper&&(t.sliderInfoWrapper.appendChild(e),e.classList.add("in-info-wrapper")),t.sliderContainer.classList.add("has-info-wrapper"),t.sliderWrapper.classList.add("has-info-wrapper"),a?(t.nameContainer&&t.nameContainer.parentNode!==t.sliderInfoWrapper&&t.sliderInfoWrapper.appendChild(t.nameContainer),t.sliderContainer.classList.add("with-button-info"),t.sliderWrapper.classList.add("with-button-info")):(t.nameContainer&&t.nameContainer.parentNode===t.sliderInfoWrapper&&t.appendChild(t.nameContainer),t.sliderContainer.classList.remove("with-button-info"),t.sliderWrapper.classList.remove("with-button-info"))}n.subButton?.fill_width?(t.sliderWrapper.classList.add("fill-width"),t.sliderContainer.classList.add("fill-width")):(t.sliderWrapper.classList.remove("fill-width"),t.sliderContainer.classList.remove("fill-width"));try{const e=n.subButton?.width;if(n.subButton?.fill_width||null==e||""===e)n.subButton?.fill_width?(t.sliderWrapper.style.removeProperty("width"),t.sliderWrapper.classList.remove("has-custom-width"),t.sliderContainer&&(t.sliderContainer.classList.remove("has-custom-width"),t.sliderContainer.style.removeProperty("--slider-container-min-width"))):null!=e&&""!==e||(t.sliderWrapper.style.removeProperty("width"),t.sliderWrapper.classList.remove("has-custom-width"),t.sliderContainer&&(t.sliderContainer.classList.remove("has-custom-width"),t.sliderContainer.style.removeProperty("--slider-container-min-width")));else{const o=Number(e);if(!Number.isNaN(o)&&o>0){const e="main"===n.section?"px":"%";t.sliderWrapper.style.setProperty("width",`${o}${e}`),t.sliderWrapper.classList.add("has-custom-width"),t.sliderContainer&&(t.sliderContainer.classList.add("has-custom-width"),"main"===n.section&&(o<96?t.sliderContainer.style.setProperty("--slider-container-min-width",`${o}px`):t.sliderContainer.style.removeProperty("--slider-container-min-width")))}else"string"==typeof e&&(t.sliderWrapper.style.setProperty("width",e),t.sliderWrapper.classList.add("has-custom-width"),t.sliderContainer&&t.sliderContainer.classList.add("has-custom-width"))}}catch(e){}try{const e=n.subButton?.custom_height;if(null!=e&&""!==e){const n=Number(e);!Number.isNaN(n)&&n>0&&(t.sliderWrapper.style.setProperty("--bubble-sub-slider-height",`${n}px`),t.sliderWrapper.style.setProperty("height",`${n}px`),t.sliderContainer&&t.sliderContainer.style.setProperty("height",`${n}px`))}else t.sliderWrapper.style.removeProperty("--bubble-sub-slider-height"),t.sliderWrapper.style.removeProperty("height"),t.sliderContainer&&t.sliderContainer.style.removeProperty("height")}catch(e){}t.sliderWrapper.classList.remove("is-hidden"),t.classList.add("inline-slider-host"),t.sliderOpen=!0;try{t.classList.remove("bubble-action","bubble-action-enabled")}catch(e){}if(t.haRipple){try{t.removeChild(t.haRipple)}catch(e){}try{delete t.haRipple}catch(e){}}if(t.sliderCloseBtn&&(t.sliderCloseBtn.style.display="none"),t._outsideClickListenerAdded&&t._outsideClickHandler){try{document.removeEventListener("click",t._outsideClickHandler,!1)}catch(e){}try{delete t._outsideClickHandler}catch(e){}t._outsideClickListenerAdded=!1}h(t)}else{if(t.sliderAlwaysVisible=!1,t.setAttribute("no-slide",""),t.classList.remove("inline-slider-host"),!t.sliderToggleAdded){if(t.addEventListener("click",n=>{n.stopPropagation(),t.sliderOpen?g(e,t):function(e,t){if(!t.sliderWrapper)return;const n=t._parentGroupContainer;n&&n.classList?n.classList.add("group-slider-open"):f(e,!0),t.sliderWrapper.classList.remove("is-hidden"),t.sliderOpen=!0,m(t,!0),function(e,t){if(!t||t._globalBlockerAdded)return;const n=n=>{if(!t.sliderOpen||t.sliderAlwaysVisible)return;const o=n.target,i=function(e,t){return e.sliderWrapper&&e.sliderWrapper.contains(t)||e.sliderContainer&&e.sliderContainer.contains(t)||e.sliderCloseBtn&&e.sliderCloseBtn.contains(t)}(t,o)||b(t,n),a=n.type;if("pointerdown"!==a&&"touchstart"!==a&&"mousedown"!==a){if("pointerup"===a||"touchend"===a||"mouseup"===a||"click"===a){const o=!0===t._blockerPointerDownInside,a=!(!t.sliderContext||!t.sliderContext.dragging);if(i||o||a)return;try{n.preventDefault()}catch(e){}n.stopPropagation();try{n.stopImmediatePropagation()}catch(e){}return void g(e,t)}}else if(t._blockerPointerDownInside=!!i,!i){try{n.preventDefault()}catch(e){}n.stopPropagation();try{n.stopImmediatePropagation()}catch(e){}}},o=["pointerdown","pointerup","click","touchstart","touchend","mousedown","mouseup"];o.forEach(e=>document.addEventListener(e,n,!0)),t._globalBlockerAdded=!0,t._globalBlockerHandler=n,t._globalBlockerEvents=o}(e,t)}(e,t)}),t.sliderCloseBtn){const n=n=>{n.preventDefault(),n.stopPropagation();try{n.stopImmediatePropagation()}catch(e){}g(e,t)};try{t.sliderCloseBtn.removeEventListener("click",t._closeHandler),t.sliderCloseBtn.removeEventListener("touchend",t._closeHandler)}catch(e){}t.sliderCloseBtn.addEventListener("click",n),t.sliderCloseBtn.addEventListener("touchend",n),t.sliderCloseBtn.addEventListener("touchstart",e=>{e.preventDefault(),e.stopPropagation()},{passive:!1}),t._closeHandler=n}t.sliderToggleAdded=!0}const o=!!n.overlayAtCardLevel,i=e.elements.cardWrapper||e.elements.mainContainer||e.content,a=o?i:n.groupContainer||i;if(t.sliderWrapper.parentNode!==a){try{t.sliderWrapper.parentNode?.removeChild(t.sliderWrapper)}catch(e){}a.appendChild(t.sliderWrapper)}t.sliderWrapper.classList.remove("inline"),t.sliderContainer.classList.remove("inline"),t.sliderWrapper.classList.remove("fill-width"),t.sliderContainer.classList.remove("fill-width");try{t._parentGroupContainer=o?null:n.groupContainer||null}catch(e){}}if(n.alwaysVisible){if(t._outsideClickListenerAdded&&t._outsideClickHandler){try{document.removeEventListener("click",t._outsideClickHandler,!1)}catch(e){}try{delete t._outsideClickHandler}catch(e){}t._outsideClickListenerAdded=!1}}else if(!t._outsideClickListenerAdded){const n=n=>{if(!t.sliderOpen||t.sliderAlwaysVisible)return;const o=n.target,i=t.sliderContainer&&t.sliderContainer.contains(o)||b(t,n),a=!0===t._blockerPointerDownInside,r=!(!t.sliderContext||!t.sliderContext.dragging);i||t.contains&&t.contains(o)||a||r||g(e,t)};document.addEventListener("click",n,{passive:!0}),t._outsideClickListenerAdded=!0,t._outsideClickHandler=n}try{t.sliderCloseBtn&&(n.overlayAtCardLevel?t.sliderCloseBtn.classList.add("top-aligned"):t.sliderCloseBtn.classList.remove("top-aligned")),t.sliderWrapper&&(n.overlayAtCardLevel?t.sliderWrapper.classList.add("top-aligned"):t.sliderWrapper.classList.remove("top-aligned"))}catch(e){}!function(e,t){if(!e||!t)return;const n=null!=t.index?String(t.index).replace(/_/g,"-"):null,o=e.dataset?.sliderIndexClass;if(n){const t=`bubble-sub-button-slider-${n}`;o&&o!==t&&e.classList.remove(o),e.classList.add(t),e.dataset.sliderIndexClass=t}else o&&(e.classList.remove(o),delete e.dataset.sliderIndexClass);const a=(0,i.mp)(t.subButton?.name),r=e.dataset?.sliderNameClass;r&&r!==a&&e.classList.remove(r),a?(e.classList.add(a),e.dataset.sliderNameClass=a):r&&delete e.dataset.sliderNameClass}(t.sliderContainer,n)}function v(e,t,n){(0,r.gQ)(t,n.subButton),(0,r.L)(t,n.subButton,n.section||"main",n.groupContainer||null),(0,r.uH)(t,n.subButton),"slider"===n.subButtonType?function(e,t,n){const o=(0,r.nu)(n,e,t);(0,r.Y1)(t,n);const i=t._previousDisplayedState,a=t._previousState,l=n.state?.state,c=i!==o,d=a!==l;t._previousDisplayedState=o,t._previousState=l,(c||d||void 0===i)&&((0,r.rz)(t,n),(0,r.m_)(t,n,o),t.nameContainer&&(0,r.NH)(e,t.nameContainer,o,n.subButton));const p=n.subButton?.light_slider_type??n.light_slider_type;let b;if(b="hue"===p?n.subButton?.icon||"mdi:palette":"saturation"===p?n.subButton?.icon||"mdi:contrast-circle":"white_temp"===p?n.subButton?.icon||"mdi:thermometer":n.icon,n.showIcon&&b){let e=t.icon;if(e||(e=document.createElement("ha-icon"),e.classList.add("bubble-sub-button-icon"),e.classList.add("show-icon"),t.appendChild(e),t.icon=e),e.icon!==b){e.setAttribute("icon",b);try{e.icon=b}catch(e){}}(0,s.jA)(e,o)}else t.icon&&(t.icon.classList.remove("show-icon"),t.icon.classList.add("hidden"));if(t.icon?.getAttribute("icon")!==t.icon?.icon)try{t.icon.icon=t.icon.getAttribute("icon")}catch(e){}y(e,t,n);const h=!(!n.alwaysVisible||!n.subButton?.show_button_info);h&&t.icon&&t.sliderInfoWrapper?t.icon.parentNode!==t.sliderInfoWrapper&&t.sliderInfoWrapper.appendChild(t.icon):t.icon&&!h&&t.icon.parentNode!==t&&t.appendChild(t.icon),t.sliderContext&&(t.sliderContext._hass=e._hass,(0,u.VM)(t.sliderContext))}(e,t,n):"select"===n.subButtonType||!n.subButton?.sub_button_type&&n.isSelect?function(e,t,n){const{isSelect:o,showArrow:i,entity:a,subButton:d}=n;o&&t.dropdownSelect&&(function(e,t,n,o){const i=e._hass.states[n],a=o?.select_attribute,r=i&&a?(0,c.aX)(i,a):i?.state,s=e.previousValues[n]?.selectedValue;r!==s&&(r&&t.dropdownSelect&&t.dropdownSelect.value!==r&&(t.dropdownSelect.value=r,t.dropdownSelect.dispatchEvent(new Event("change",{bubbles:!0}))),e.previousValues[n]={selectedValue:r})}(e,t,a,d),(0,l.O)(e,t,a,d),function(e,t){e.style.removeProperty("padding"),t?(e.dropdownArrow.style.display="",e.dropdownContainer.style.width="24px"):(e.dropdownArrow.style.display="none",e.dropdownContainer.style.width="0px")}(t,i));const u=(0,r.nu)(n,e,t);(0,r.Y1)(t,n);const p=t._previousDisplayedState,b=t._previousState,h=n.state?.state,m=p!==u,f=b!==h;t._previousDisplayedState=u,t._previousState=h,(m||f||void 0===p)&&((0,r.rz)(t,n),(0,r.m_)(t,n,u),t.nameContainer&&(0,r.NH)(e,t.nameContainer,u,n.subButton));const g=function(e){return!(!e.isSelect||!e.state)&&((0,c.aX)(e.state,e.subButton.select_attribute)??!1)}(n),y=t._prevSelectedOption,v=t._prevConfigIcon,_=y!==g,w=v!==n.icon;t._prevSelectedOption=g,t._prevConfigIcon=n.icon,(0,s.DK)(t,n,u,{beforeIconUpdate:(n,o)=>{if(_||w||void 0===y)if(g){const i=(0,c.z_)(e,o.state,o.subButton.select_attribute,g);if(i&&!o.subButton.icon)return function(e,t,n,o){if("HA-ATTRIBUTE-ICON"===t.tagName&&"HA-ATTRIBUTE-ICON"===n.tagName)return(t.attribute!==n.attribute||t.attributeValue!==n.attributeValue)&&(t.attribute=n.attribute,t.attributeValue=n.attributeValue,t.hass=n.hass,t.stateObj=n.stateObj),function(e){if("HA-ATTRIBUTE-ICON"===e.tagName){if(null!=e.getAttribute?.("icon")&&e.removeAttribute("icon"),void 0!==e.icon)try{e.icon=""}catch(e){}e.style?.color&&(e.style.color="")}}(t),t;const i=t.icon??t.getAttribute?.("icon"),a=n.icon??n.getAttribute?.("icon");return t.tagName!==n.tagName||i!==a?(e.replaceChild(n,t),e.icon=n,n):(o&&i!==o&&t.setAttribute("icon",o),t)}(t,n,i,o.icon);n.icon!==o.icon&&n.setAttribute("icon",o.icon)}else n.icon!==o.icon&&n.setAttribute("icon",o.icon);return n}}),"HA-ICON"===t.icon?.tagName&&t.icon.getAttribute("icon")!==t.icon.icon&&t.icon.setAttribute("icon",t.icon.icon)}(e,t,n):function(e,t,n){const o=(0,r.nu)(n,e,t);(0,r.Y1)(t,n);const i=t._previousDisplayedState,a=t._previousState,l=n.state?.state,c=i!==o,d=a!==l;t._previousDisplayedState=o,t._previousState=l,(c||d||void 0===i)&&((0,r.rz)(t,n),(0,r.m_)(t,n,o),t.nameContainer&&(0,r.NH)(e,t.nameContainer,o,n.subButton)),(0,s.DK)(t,n,o),t.icon?.getAttribute("icon")!==t.icon?.icon&&t.icon.setAttribute("icon",t.icon.icon)}(e,t,n)}function _(e){const t=(0,r.mg)(e.config),n=Array.isArray(t.main)?t.main:[],o=Array.isArray(t.bottom)?t.bottom:[],i=[];return n.filter(e=>e&&!Array.isArray(e.group)).forEach(t=>{const n=t.entity??e.config.entity,o=e._hass.states[n];i.push(o?.state??"unknown")}),[...n.filter(e=>e&&Array.isArray(e.group)).map(e=>e.group),...o.filter(e=>e&&Array.isArray(e.group)).map(e=>e.group)].forEach(t=>{t.forEach(t=>{if(t){const n=t.entity??e.config.entity,o=e._hass.states[n];i.push(o?.state??"unknown")}})}),i}function w(e,t=e.config.sub_button){!function(e){e.elements&&Object.keys(e.elements).forEach(t=>{const n=e.elements[t];n&&n.sliderContext&&n.sliderContext.config&&(n.sliderContext._hass=e._hass,(0,u.VM)(n.sliderContext))}),e.elements&&e.elements.groups&&Object.values(e.elements.groups).forEach(t=>{t.buttons&&Object.values(t.buttons).forEach(t=>{t&&t.sliderContext&&t.sliderContext.config&&(t.sliderContext._hass=e._hass,(0,u.VM)(t.sliderContext))})})}(e),function(e,t){if(!t)return;let n;n=Array.isArray(t)?{main:t,bottom:[]}:(0,r.lc)(t)?t:(0,r.zD)(t||[]),e.previousValues=e.previousValues||{},(Array.isArray(n.main)?n.main:[]).filter(e=>e&&!Array.isArray(e.group)),e.previousValues.mainSubButtons;const s=Array.isArray(n.bottom)?n.bottom:[],l=e.config?.sub_button?.main_layout??"inline",c=(Array.isArray(n.main)?n.main:[]).some(e=>e&&Array.isArray(e.group)&&e.group.length>0),d=s.some(e=>e&&Array.isArray(e.group)&&e.group.length>0),u=s.some(e=>e&&!Array.isArray(e.group));let p=1;"rows"===l||c||u||d||(Array.isArray(n.main)?n.main:[]).forEach(t=>{if(!t||Array.isArray(t.group))return;const n=(0,r.H2)(e,t,p);if("fan_modes"===n.attributeType&&null==n.attribute){let a=e.elements[n.index];if(!a){const e=["bubble-sub-button",`bubble-sub-button-${n.index}`];if(t?.name){const n=(0,i.mp)(t.name);n&&e.push(n)}a=(0,o.n)("div",e.join(" "))}return a.classList.add("hidden"),void p++}let a=e.elements[n.index];const s="slider"===n.subButtonType&&n.alwaysVisible;a?s&&a.parentElement&&a.parentElement.removeChild(a):a=(0,i.nE)(e,n.index,n.isSelect,n.showArrow,n.entity,t,null,{attachToDom:!s}),s||a.isConnected||!e.elements.subButtonContainer||e.elements.subButtonContainer.appendChild(a),(0,r.pZ)(a,t,e)||(v(e,a,{...n,subButton:t,groupContainer:null,section:"main"}),(0,r.Zu)(a,t,e._hass,e)),p++}),function(e,t){let n;e.elements.groups=e.elements.groups||{},e.previousValues=e.previousValues||{},e.previousValues.groupButtons=e.previousValues.groupButtons||{},n=Array.isArray(t)?{main:t,bottom:[]}:t&&(Array.isArray(t.main)||Array.isArray(t.bottom))?t:(0,r.mg)(e.config);const o=(Array.isArray(n.main)?n.main:[]).filter(e=>e&&!Array.isArray(e.group)),a=(Array.isArray(n.bottom)?n.bottom:[]).filter(e=>e&&!Array.isArray(e.group)),s=(Array.isArray(n.main)?n.main:[]).map((e,t)=>({key:`g_main_${t}`,position:"top",item:e})).filter(({item:e})=>e&&Array.isArray(e.group)&&e.group.length>0),l=(Array.isArray(n.bottom)?n.bottom:[]).map((e,t)=>({key:`g_bottom_${t}`,position:"bottom",item:e})).filter(({item:e})=>e&&Array.isArray(e.group)&&e.group.length>0),c=e.config?.sub_button?.main_layout??"inline",d=e.config?.sub_button?.bottom_layout??"inline",u=o,p=s.length>0,b="rows"===c||p||a.length>0||l.length>0;let h=[];u.length>0&&b&&(h=[{key:"g_main_auto",position:"top",item:{group:u,buttons_layout:"inline"}}]);const m=(Array.isArray(n.bottom)?n.bottom:[]).filter(e=>e&&Array.isArray(e.group)&&e.group.length>0);let f=[];a.length>0&&(m.length>0?a.forEach((e,t)=>{f.push({key:`g_bottom_individual_${t}`,position:"bottom",item:{group:[e],buttons_layout:"inline"}})}):f=[{key:"g_bottom_auto",position:"bottom",item:{group:a,buttons_layout:"inline"}}]);const g=[...s,...h,...l,...f].map(({key:e,position:t,item:n})=>({key:e,group:{buttons:n.group,position:t,justify_content:n.justify_content,group_layout:"bottom"===t?d:c,display:n.buttons_layout}}));let y=h.length>0?1:o.length+1;g.forEach(({key:t,group:n})=>{if(!n||!Array.isArray(n.buttons))return;e.elements.groups[t]||(e.elements.groups[t]={buttons:{}}),e.previousValues.groupButtons[t]||(e.previousValues.groupButtons[t]=[]);const o=e.elements.groups[t],a=o.container;if(!a)return;const s=n.buttons.filter(e=>e&&!e.fill_width&&null!=e.width&&""!==e.width).length;s>0&&a.classList.contains("display-inline")?a.dataset.totalButtonsWithWidth=s.toString():delete a.dataset.totalButtonsWithWidth,n.buttons.forEach((s,l)=>{if(!s)return;const c=y;y++;const d=`${t}_button_${l}`,u=(0,r.H2)(e,s,c),p="slider"===u.subButtonType&&u.alwaysVisible;let b=o.buttons?o.buttons[d]:null;if(b){const e=`bubble-sub-button-${String(c).replace(/_/g,"-")}`,t=Array.from(b.classList).find(e=>e.startsWith("bubble-sub-button-")&&"bubble-sub-button"!==e);t!==e&&(t&&b.classList.remove(t),b.classList.add(e))}else b=(0,i.nE)(e,c,u.isSelect,u.showArrow,u.entity,s,a,{attachToDom:!p}),o.buttons||(o.buttons={}),o.buttons[d]=b;if(p&&b.parentElement?b.parentElement.removeChild(b):p||b.isConnected||!a||a.appendChild(b),(0,r.pZ)(b,s,e))return;const h="top"===(n.position||"top")&&"slider"===s.sub_button_type&&!s.always_visible,m="bottom"===(n.position||"top"),f=m?{...s,fill_width:null==s.fill_width||s.fill_width}:s,g=m?"bottom":"main";v(e,b,{...u,subButton:f,groupContainer:a,overlayAtCardLevel:h,section:g}),(0,r.Zu)(b,s,e._hass,e)}),function(e){if(!e)return;const t=Array.from(e.querySelectorAll(".bubble-sub-button")),n=Array.from(e.querySelectorAll(".bubble-sub-slider-wrapper.inline")),o=0===t.length||t.every(e=>e.classList.contains("hidden")||"none"===e.style.display),i=n.some(e=>"none"!==e.style.display&&!e.classList.contains("hidden")),a=o&&!i;e.classList.toggle("hidden",a)}(a),(0,i.cj)(a)})}(e,n),(0,a.iJ)(e)}(e,t),function(e){Array.isArray(e.subButtonIcon)||(e.subButtonIcon=[]);("pop-up"===e.config.card_type?e.popUp:e.content).querySelectorAll(".bubble-sub-button-icon").forEach((t,n)=>{e.subButtonIcon[n]=t}),e.elements&&e.elements.groups&&Object.values(e.elements.groups).forEach(t=>{t.container&&t.container.querySelectorAll(".bubble-sub-button-icon").forEach(t=>{e.subButtonIcon.push(t)})})}(e)}},391(e,t,n){n.d(t,{nE:()=>v,gS:()=>c,mp:()=>y,cj:()=>f});var o=n(716),i=n(361),a=n(653),r=n(175);const s={start:1,center:2,fill:3,end:4},l="alignment-";function c(e,t={}){const{container:n=e.content,appendTo:i=n.firstChild?.firstChild,before:s=!1}=t;e.elements=e.elements||{},e.elements.groups=e.elements.groups||{};const l=(0,r.mg)(e.config),c=Array.isArray(l.main)?l.main:[],b=Array.isArray(l.bottom)?l.bottom:[],h=e.config?.sub_button?.main_layout??"inline",f=e.config?.sub_button?.bottom_layout??"inline";let g=e.elements.subButtonContainer;if(!g&&e.config.sub_button){g=(0,o.n)("div","bubble-sub-button-container");const t=(0,o.n)("style");t.textContent='.bubble-sub-button-container {\n position: relative;\n display: flex;\n justify-content: var(--bubble-sub-button-justify-content, end);\n right: 8px;\n align-content: center;\n gap: 8px;\n align-items: center;\n}\n\n.bubble-sub-button-container.fixed-top {\n align-self: flex-start;\n}\n\n.fixed-top .bubble-sub-button-container {\n margin-top: 10px;\n}\n\n/* Group containers */\n.bubble-sub-button-group {\n display: flex;\n position: relative;\n gap: 8px;\n align-items: center;\n}\n\n.bubble-sub-button-group.position-top,\n.bubble-sub-button-group.position-bottom {\n margin-top: 0;\n}\n\n.bubble-sub-button-bottom-container {\n position: absolute;\n display: flex;\n justify-content: var(--bubble-sub-button-justify-content, end);\n bottom: 0;\n width: calc(100% - 16px);\n margin: 0 8px 8px 8px;\n gap: 8px;\n pointer-events: none;\n flex-wrap: nowrap;\n /* Allow bottom inline sliders to shrink without affecting top sliders */\n --slider-container-min-width: 36px;\n}\n\n.bubble-sub-button-bottom-container.alignment-lanes-active {\n justify-content: flex-start;\n}\n\n.bubble-sub-button-bottom-container.with-main-buttons-bottom {\n bottom: 44px;\n}\n\n.bubble-sub-button-bottom-container > * {\n pointer-events: auto;\n}\n\n.bubble-sub-button-alignment-lane {\n display: flex;\n flex-wrap: nowrap;\n gap: 8px;\n align-items: center;\n}\n\n.bubble-sub-button-alignment-lane.lane-start,\n.bubble-sub-button-alignment-lane.lane-center,\n.bubble-sub-button-alignment-lane.lane-end {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.bubble-sub-button-alignment-lane.lane-start {\n justify-content: flex-start;\n}\n\n.bubble-sub-button-alignment-lane.lane-center {\n justify-content: center;\n flex: 1 1 0%;\n}\n\n.bubble-sub-button-alignment-lane.lane-end {\n justify-content: flex-end;\n margin-left: auto;\n}\n\n.bubble-sub-button-alignment-lane.lane-expand {\n flex: 1 1 0%;\n min-width: 0;\n}\n\n.bubble-sub-button-alignment-lane.lane-fill {\n flex: 1 1 100%;\n width: 100%;\n min-width: 0;\n justify-content: flex-start;\n}\n\n.bubble-sub-button-bottom-container .bubble-sub-button-group {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.bubble-sub-button-bottom-container .bubble-sub-button-group.alignment-fill,\n.bubble-sub-button-bottom-container .bubble-sub-button-group.alignment-fill-auto {\n flex: 1 1 0%;\n}\n\n/* Display styles for groups */\n.bubble-sub-button-group.display-inline {\n flex-direction: row;\n justify-content: var(--bubble-sub-button-group-justify-content, end);\n}\n\n.bubble-sub-button-group.display-column {\n flex-direction: column;\n align-items: var(--bubble-sub-button-group-justify-content, end);\n gap: 8px;\n}\n\n.bubble-sub-button-group.display-column > .bubble-sub-button,\n.bubble-sub-button-group.group-layout-inline > .bubble-sub-button {\n width: auto;\n}\n\n/* Group placement layout (rows vs inline) */\n.bubble-sub-button-container.groups-layout-rows,\n.bubble-sub-button-bottom-container.groups-layout-rows {\n flex-direction: column;\n}\n\n.bubble-sub-button-container.groups-layout-inline,\n.bubble-sub-button-bottom-container.groups-layout-inline {\n flex-direction: row;\n}\n\n/* When groups-layout-rows is active, each group spans full width by default */\n.groups-layout-rows .bubble-sub-button-group {\n width: 100%;\n}\n\n.bubble-sub-button {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row-reverse;\n align-items: center;\n justify-content: center;\n position: relative;\n right: 0;\n box-sizing: border-box;\n width: max-content;\n min-width: 36px;\n height: var(--bubble-sub-button-height, 36px);\n vertical-align: middle;\n font-size: 12px;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n padding: 0 8px;\n white-space: nowrap;\n transition: all 0.5s ease-in-out;\n color: var(--primary-text-color);\n}\n\n.bubble-sub-button.fill-width {\n flex: 1 1 0%;\n}\n\n.bubble-sub-button-group.display-column > .bubble-sub-button.fill-width {\n width: 100%;\n flex: 0 0 auto;\n}\n\n.bubble-sub-button-slider > * {\n transform: translateZ(0) !important; /* Fixes glitches with border-radius and overflow during slider animations on some browsers */\n}\n\n/* When a slider is inline, allow it to expand to fill width when requested */\n.bubble-sub-slider-wrapper.inline.fill-width,\n.bubble-sub-button-slider.inline.fill-width {\n flex: 1 1 0%;\n width: 100%;\n min-width: 0;\n}\n\n/* Hide only the host button content (icon + text) when inline slider is shown */\n.bubble-sub-button.inline-slider-host {\n padding: 0;\n min-width: 0;\n display: none;\n}\n\n.bubble-sub-button.inline-slider-host > .bubble-sub-button-name-container,\n.bubble-sub-button.inline-slider-host > .bubble-sub-button-icon,\n.bubble-sub-button.inline-slider-host > .bubble-feedback-container,\n.bubble-sub-button.inline-slider-host > .bubble-dropdown-arrow {\n display: none !important;\n}\n\n.bubble-sub-button-name-container {\n display: flex;\n overflow: auto;\n}\n\n/* Lower line-height when scrolling effect is disabled (multi-line mode) */\n.bubble-sub-button-name-container[style*="-webkit-box"] {\n line-height: 1.1;\n}\n\n/* Content layout styles */\n.bubble-sub-button.content-icon-top,\n.bubble-sub-button.content-icon-bottom,\n.bubble-sub-button.content-icon-right,\n.bubble-sub-button.content-icon-left {\n justify-content: center;\n}\n\n.bubble-sub-button.content-icon-top {\n flex-direction: column-reverse;\n}\n\n.bubble-sub-button.content-icon-bottom {\n flex-direction: column;\n}\n\n.bubble-sub-button.content-icon-right {\n flex-direction: row;\n}\n\n.bubble-sub-button.content-icon-left {\n flex-direction: row-reverse;\n}\n\n.content-icon-right .icon-with-state {\n margin: 0 0 0 4px;\n}\n\n.content-icon-top .icon-with-state,\n.content-icon-bottom .icon-with-state {\n margin: 0;\n}\n\n.show-icon {\n display: flex;\n --mdc-icon-size: 16px;\n}\n\n.bubble-sub-button-image {\n background-size: cover;\n background-position: center;\n min-width: 20px;\n min-height: 20px;\n width: 20px;\n height: 20px;\n border-radius: 50%;\n flex-shrink: 0;\n}\n\n.bubble-sub-button-image.icon-with-state {\n margin-right: 4px;\n}\n\n.bubble-sub-button-image.icon-without-state,\n.content-icon-top .bubble-sub-button-image.icon-with-state,\n.content-icon-bottom .bubble-sub-button-image.icon-with-state {\n margin: 0;\n}\n\n.content-icon-right .bubble-sub-button-image.icon-with-state {\n margin: 0 0 0 4px;\n}\n\n/* Full-size entity picture when only the icon is displayed */\n.bubble-sub-button.has-image-full {\n padding: 0;\n}\n\n.bubble-sub-button-image.image-full {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n min-width: unset;\n min-height: unset;\n border-radius: inherit;\n margin: 0;\n}\n\n.bright-background {\n color: var(--bubble-sub-button-dark-text-color, rgb(0, 0, 0));\n}\n\n.background-on {\n background-color: var(--bubble-sub-button-light-background-color, var(--bubble-accent-color, var(--bubble-default-color)));\n}\n\n.background-off {\n background-color: var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n}\n\n.icon-with-state {\n margin-right: 4px;\n --mdc-icon-size: 16px;\n}\n\n.icon-without-state {\n margin-right: 0;\n --mdc-icon-size: 20px;\n}\n\n.no-icon-select-arrow {\n width: 24px !important;\n height: 24px !important;\n --mdc-icon-size: 24px;\n}\n\n.no-icon-select-container {\n width: 16px !important;\n}\n\n.bubble-sub-button .bubble-dropdown-container {\n position: static;\n width: 36px;\n height: 36px;\n}\n\n.bubble-sub-button .bubble-dropdown-arrow {\n background: none !important;\n}\n\n.bubble-sub-button .bubble-dropdown-select {\n position: absolute;\n inset: 0;\n width: auto;\n height: 36px;\n margin: auto;\n}\n\n.bubble-sub-button.is-select.background-on {\n background-color: var(--bubble-select-arrow-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n}\n\n.sub-buttons-grid .bubble-sub-button-container {\n display: grid;\n row-gap: calc( ( ( var(--row-height,56px) - 36px ) * var(--row-size,1) + var(--row-gap, 8px) * ( var(--row-size,1) - 1 ) ) / ( var(--row-size,1) + 1 ));\n grid-template-rows: repeat(var(--row-size,1), 1fr);\n grid-template-columns: repeat(1, 1fr);\n grid-auto-flow: column;\n}\n\n.sub-buttons-grid .bubble-sub-button-container:has(> :last-child:nth-child(2)) :nth-child(2) {\n grid-row: 1 / calc(var(--row-size,1) + 1);\n}\n\n.rows-2 .bubble-sub-button-container {\n flex-direction: column;\n gap: 4px !important;\n row-gap: calc( ( ( var(--row-height,56px) - 40px ) * var(--row-size,1) + var(--row-gap, 8px) * ( var(--row-size,1) - 1 ) ) / ( 2*var(--row-size,1) + 2 ));\n column-gap: 4px !important;\n display: grid !important;\n grid-template-columns: repeat(1, 1fr);\n grid-template-rows: repeat(calc(2*var(--row-size,1)), minmax(auto, max-content));\n grid-auto-flow: column;\n width: auto;\n}\n\n.rows-2 .bubble-sub-button {\n height: 20px;\n justify-content: left;\n}\n\n.large.rows-2 .bubble-sub-button-container:has(> :last-child:nth-child(2)) :nth-child(2) {\n grid-row: 1 / calc(2*var(--row-size,1) + 1);\n}\n\n/* Slider overlay wrapper: holds slider + close button and positions them relatively to card/group */\n.bubble-sub-slider-wrapper {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n height: 36px;\n width: calc(100% - 16px);\n left: 8px;\n right: 8px;\n z-index: 2;\n opacity: 1;\n transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;\n transform: translateX(0);\n /* Prevent browser from handling horizontal pan on mobile during drag */\n touch-action: none;\n}\n\n/* The actual slider surface in overlay mode fills remaining space inside wrapper */\n.bubble-sub-slider-wrapper > .bubble-sub-button-slider {\n position: relative;\n flex: 1 1 auto;\n height: 100%;\n overflow: hidden;\n border-radius: var(--bubble-sub-slider-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-sub-slider-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n}\n\n/* Align wrapper vertically when overlay is card-level at top */\n.bubble-sub-slider-wrapper.top-aligned {\n top: 7px;\n bottom: auto;\n}\n\n/* Specific positioning for bottom containers to maintain existing behavior */\n.bubble-sub-button-bottom-container .bubble-sub-slider-wrapper {\n width: 100%;\n left: 0;\n right: auto;\n}\n\n.bubble-sub-slider-close {\n display: flex;\n position: relative;\n right: auto;\n height: 36px;\n width: 36px;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n z-index: 3;\n overflow: hidden;\n box-sizing: border-box;\n border-radius: var(--bubble-media-player-buttons-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-media-player-button-background-color);\n transition: all 0.3s ease;\n touch-action: none;\n -webkit-user-select: none;\n user-select: none;\n}\n\n.bubble-sub-slider-close ha-icon {\n --mdc-icon-size: 20px;\n color: var(--primary-text-color);\n line-height: normal;\n}\n\n.bubble-sub-button-slider .bubble-range-value {\n display: flex;\n justify-content: flex-end;\n height: 36px;\n align-items: center;\n font-size: 12px;\n opacity: 0.8;\n z-index: 1;\n}\n\n.is-hidden {\n opacity: 0 !important;\n pointer-events: none;\n transform: translateX(14px);\n}\n\n.bubble-icon-container.is-hidden,\n.bubble-main-icon-container.is-hidden,\n.bubble-sub-slider-close.is-hidden {\n transform: none;\n}\n\n.bubble-icon-container.is-hidden,\n.bubble-main-icon-container.is-hidden {\n transition: opacity 0.15s ease-in-out;\n}\n\n/* Allow overlay sliders to translate out without extending card width */\n.bubble-sub-slider-wrapper:not(.inline).is-hidden {\n right: calc(8px + 14px);\n}\n\n/* Bottom-aligned overlays rely on explicit width instead of right offsets */\n.bubble-sub-button-bottom-container .bubble-sub-slider-wrapper:not(.inline).is-hidden {\n width: calc(100% - 14px);\n}\n\n.bubble-sub-button-slider .bubble-range-fill {\n height: 101%; /* Ensure the fill is not glitching */\n}\n\n.bubble-sub-button-slider .bubble-range-fill.slider-use-light-color {\n opacity: 1;\n}\n\n.large .bubble-sub-slider-wrapper,\n.large .bubble-sub-button-slider .bubble-range-value {\n height: 36px;\n}\n\n.large .bubble-sub-slider-wrapper > .bubble-sub-button-slider {\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n}\n\n.large .bubble-sub-button-slider .bubble-range-value {\n place-items: center;\n}\n\n/* Inline sub-slider mode (alwaysVisible): wrapper + slider sit inside sub-buttons row */\n.bubble-sub-slider-wrapper.inline {\n position: relative;\n left: 0;\n width: auto;\n height: var(--bubble-sub-slider-height, 36px);\n transform: none;\n z-index: 1;\n touch-action: pan-y pinch-zoom;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n\n/* Vertical inline sliders: allow horizontal scroll, block vertical initially */\n.bubble-sub-slider-wrapper.inline:has(.fill-orientation-top),\n.bubble-sub-slider-wrapper.inline:has(.fill-orientation-bottom) {\n touch-action: pan-x pinch-zoom;\n}\n\n/* Custom width wrapper styles */\n.bubble-sub-slider-wrapper.inline.has-custom-width {\n flex: 0 0 auto;\n}\n\n/* Slider container inline styles */\n.bubble-sub-button-slider.inline {\n position: relative;\n left: 0;\n width: auto;\n min-width: var(--slider-container-min-width, 96px);\n height: var(--bubble-sub-slider-height, 36px);\n transform: none;\n opacity: 1;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n}\n\n/* Bottom section: container fills wrapper width */\n.bubble-sub-button-bottom-container .bubble-sub-button-slider.inline.has-custom-width,\n.bubble-sub-button-group.position-bottom .bubble-sub-button-slider.inline.has-custom-width {\n width: 100%;\n min-width: 0;\n}\n\n/* Main section: container respects wrapper width when custom width is small */\n.bubble-sub-button-container .bubble-sub-button-slider.inline.has-custom-width,\n.bubble-sub-button-group.position-top .bubble-sub-button-slider.inline.has-custom-width,\n.bubble-sub-button-group:not(.position-bottom) .bubble-sub-button-slider.inline.has-custom-width {\n min-width: var(--slider-container-min-width, 96px);\n}\n/* Horizontal inline sliders: allow vertical scroll, block horizontal */\n.bubble-sub-button-slider.inline.slider-container,\n.bubble-sub-button-slider.inline .bubble-range-slider {\n touch-action: pan-y pinch-zoom;\n}\n\n/* Vertical inline sliders: allow horizontal scroll, block vertical */\n.bubble-sub-button-slider.inline.slider-container:has(.fill-orientation-top),\n.bubble-sub-button-slider.inline.slider-container:has(.fill-orientation-bottom),\n.bubble-sub-button-slider.inline .bubble-range-slider.fill-orientation-top,\n.bubble-sub-button-slider.inline .bubble-range-slider.fill-orientation-bottom {\n touch-action: pan-x pinch-zoom;\n}\n\n/* When touching (pre-drag) any inline slider, allow pinch-zoom but block panning natively */\n.bubble-sub-button-slider.inline.slider-container.is-touching,\n.bubble-sub-button-slider.inline.slider-container.is-touching .bubble-range-slider,\n.bubble-sub-button-slider.inline .bubble-range-slider.is-touching {\n touch-action: pinch-zoom;\n}\n\n/* When dragging any inline slider, block all touch actions to prevent conflicts */\n.bubble-sub-button-slider.inline.slider-container.is-dragging,\n.bubble-sub-button-slider.inline.slider-container.is-dragging .bubble-range-slider {\n touch-action: none;\n}\n\n.bubble-sub-button-slider > .bubble-range-slider {\n overflow: visible; /* Fix a slight visual glitch when border-radius is applied to the slider */\n}\n\n.bubble-sub-button-slider.inline .bubble-range-value {\n height: var(--bubble-sub-slider-height, 36px);\n}\n\n/* Fade only group content when a group-owned slider is open */\n.bubble-sub-button-group.group-slider-open > *:not(.bubble-sub-slider-wrapper),\n.bubble-sub-button-group.group-slider-open > .bubble-sub-slider-wrapper.inline {\n opacity: 0;\n pointer-events: none;\n transition: opacity .2s ease;\n}\n\n.element-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n/* Slider with button info container - same structure as normal sub-button */\n.bubble-sub-button-info-wrapper {\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n padding: 0 12px 0 12px;\n font-size: 12px;\n color: var(--primary-text-color);\n z-index: 1;\n pointer-events: none;\n min-width: 0;\n width: 100%;\n height: var(--bubble-sub-slider-height, 36px);\n position: relative;\n white-space: nowrap;\n}\n\n/* When with-button-info is active, use row-reverse for proper icon/name/value order */\n.bubble-sub-button-slider.inline.with-button-info .bubble-sub-button-info-wrapper {\n flex-direction: row-reverse;\n justify-content: flex-start;\n}\n\n/* When with-button-info is active, value should always be on the right (forced) */\n.bubble-sub-button-slider.inline.with-button-info .bubble-sub-button-info-wrapper .bubble-range-value.in-info-wrapper {\n margin-left: auto;\n}\n\n.bubble-sub-button-info-wrapper .bubble-sub-button-name-container {\n overflow: auto;\n min-width: 0;\n flex-shrink: 1;\n margin-right: 16px;\n}\n\n.bubble-sub-button-info-wrapper .bubble-sub-button-icon {\n flex-shrink: 0;\n}\n\n.bubble-sub-button-info-wrapper .bubble-sub-button-icon.icon-with-state {\n margin-right: 4px;\n}\n\n.bubble-sub-button-info-wrapper .bubble-sub-button-icon.icon-without-state {\n margin-right: 0;\n}\n\n.bubble-sub-button-info-wrapper .bubble-range-value.in-info-wrapper {\n position: static;\n transform: none;\n padding: 0;\n flex-shrink: 0;\n display: flex;\n opacity: 0.8;\n pointer-events: auto;\n}\n\n/* Respect value-position classes from rangeSlider (only when show_button_info is false) */\n.bubble-sub-button-slider.inline:not(.with-button-info):has(.bubble-range-slider.value-position-right) .bubble-sub-button-info-wrapper,\n.bubble-sub-button-slider.inline:not(.with-button-info):has(.bubble-range-slider.value-position-inline-end) .bubble-sub-button-info-wrapper {\n justify-content: flex-end;\n}\n\n.bubble-sub-button-slider.inline:not(.with-button-info):has(.bubble-range-slider.value-position-left) .bubble-sub-button-info-wrapper,\n.bubble-sub-button-slider.inline:not(.with-button-info):has(.bubble-range-slider.value-position-inline-start) .bubble-sub-button-info-wrapper {\n justify-content: flex-start;\n}\n\n.bubble-sub-button-slider.inline:not(.with-button-info):has(.bubble-range-slider.value-position-center) .bubble-sub-button-info-wrapper {\n justify-content: center;\n}\n\n/* Reset margin-left for all value positions except when with-button-info is active */\n.bubble-sub-button-slider.inline:not(.with-button-info) .bubble-sub-button-info-wrapper .bubble-range-value.in-info-wrapper {\n margin-left: 0;\n}\n\n/* Hidden value position works for both modes */\n.bubble-sub-button-slider.inline:has(.bubble-range-slider.value-position-hidden) .bubble-sub-button-info-wrapper .bubble-range-value.in-info-wrapper {\n display: none;\n}\n\n/* During drag: keep rangeValue visible, hide other info elements */\n.bubble-sub-button-slider.inline.is-dragging .bubble-range-value.in-info-wrapper,\n.bubble-sub-button-slider.inline.is-touching .bubble-range-value.in-info-wrapper {\n opacity: 1 !important;\n visibility: visible !important;\n}\n\n.bubble-sub-button-slider.inline.slider-hold-focus.is-dragging .bubble-sub-button-info-wrapper {\n opacity: 1;\n pointer-events: none;\n}\n\n.bubble-sub-button-slider.inline.slider-hold-focus.is-dragging .bubble-sub-button-info-wrapper .bubble-sub-button-name-container,\n.bubble-sub-button-slider.inline.slider-hold-focus.is-dragging .bubble-sub-button-info-wrapper .bubble-sub-button-icon {\n opacity: 0;\n}\n\n/* Ensure slider container has proper layout when info wrapper is present */\n.bubble-sub-button-slider.inline.has-info-wrapper {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n}\n\n.bubble-sub-button-slider.inline.has-info-wrapper .bubble-range-slider {\n position: absolute;\n inset: 0;\n z-index: 0;\n}',g.appendChild(t),s&&i?i.prepend(g):i&&i.appendChild(g),e.elements.subButtonContainer=g,e.config.sub_button_justify_content&&g.style.setProperty("--bubble-sub-button-justify-content",e.config.sub_button_justify_content)}let y=e.elements.bottomSubButtonContainer;if(!y&&b.length>0){y=(0,o.n)("div","bubble-sub-button-bottom-container");const t=e.elements.cardWrapper||i;t&&t.appendChild(y),e.elements.bottomSubButtonContainer=y}else y&&0===b.length&&(y.remove(),delete e.elements.bottomSubButtonContainer,delete e.elements.bottomAlignmentLanes);(0,a.iJ)(e),y&&("inline"!==f?(function(e){const t=e.elements.bottomAlignmentLanes,n=e.elements.bottomSubButtonContainer;t&&n&&Object.keys(t).forEach(e=>{const o=t[e];if(o){for(;o.firstChild;){const e=o.firstChild;m(e),n.appendChild(e)}o.remove(),delete t[e]}})}(e),p(e,!1)):e.elements.bottomAlignmentLanes=e.elements.bottomAlignmentLanes||{});const v=c.map((e,t)=>({key:`g_main_${t}`,item:e,idx:t,position:"top"})).filter(({item:e})=>e&&Array.isArray(e.group)&&e.group.length>0),_=b.map((e,t)=>({key:`g_bottom_${t}`,item:e,idx:t,position:"bottom"})).filter(({item:e})=>e&&Array.isArray(e.group)&&e.group.length>0),w=[...v,..._],x=c.filter(e=>e&&!Array.isArray(e.group)),C=v.length>0,k="rows"===h||C||b.length>0;x.length>0&&k&&w.push({key:"g_main_auto",item:{group:x,buttons_layout:"inline"},idx:-1,position:"top"});const $=b.filter(e=>e&&!Array.isArray(e.group)),S=b.filter(e=>e&&Array.isArray(e.group)&&e.group.length>0);if($.length>0&&(S.length>0?$.forEach((e,t)=>{w.push({key:`g_bottom_individual_${t}`,item:{group:[e],buttons_layout:"inline"},idx:-1,position:"bottom"})}):w.push({key:"g_bottom_auto",item:{group:$,buttons_layout:"inline"},idx:-1,position:"bottom"})),w.length>0){const t=new Set(w.map(({key:e})=>e));Object.keys(e.elements.groups).forEach(n=>{if((n.startsWith("g_main_")||n.startsWith("g_bottom_"))&&!t.has(n)&&e.elements.groups[n]?.container){const t=e.elements.groups[n].container;m(t),t.remove(),delete e.elements.groups[n]}}),w.forEach(({item:t,key:n,position:i})=>{e.elements.groups[n]||(e.elements.groups[n]={});const a="bottom"===i?f:h,r="bottom"===i?function(e){if(!e)return"fill";const t=String(e).toLowerCase().trim();return"fill"===t?"fill":["start","flex-start","left"].includes(t)?"start":["end","flex-end","right"].includes(t)?"end":"center"===t?"center":(["space-between","space-around","space-evenly","stretch"].includes(t),"fill")}(t.justify_content):null,s=e.elements.groups[n].alignmentKey;if(e.elements.groups[n].container){const o=e.elements.groups[n].container,l=o.className.match(/position-(\w+)/);l&&l[1]!==i&&(m(o),o.classList.remove(`position-${l[1]}`),o.classList.add(`position-${i}`));const c=o.className.match(/display-(\w+)/);c&&c[1]!==(t.buttons_layout||"inline")&&(o.classList.remove(`display-${c[1]}`),o.classList.add(`display-${t.buttons_layout||"inline"}`));const p=o.className.match(/group-layout-(\w+)/);p&&p[1]!==a&&(o.classList.remove(`group-layout-${p[1]}`),o.classList.add(`group-layout-${a}`)),o.style.setProperty("--bubble-sub-button-group-justify-content",t.justify_content||"end"),"bottom"===i&&s!==r&&u(o,r),d(e,o,i,a,r),e.elements.groups[n].alignmentKey=r}else{const s=(0,o.n)("div",`bubble-sub-button-group position-${i} display-${t.buttons_layout||"inline"} group-layout-${a}`);s.setAttribute("data-group-id",n),t.justify_content&&s.style.setProperty("--bubble-sub-button-group-justify-content",t.justify_content),"bottom"===i&&u(s,r),d(e,s,i,a,r),e.elements.groups[n].container=s,e.elements.groups[n].alignmentKey=r}}),y&&"inline"===f&&(function(e){const t=e.elements.bottomAlignmentLanes;t&&Object.keys(t).forEach(e=>{const n=t[e];n&&0===n.childElementCount&&(n.remove(),delete t[e])})}(e),p(e,!0)),function(e){const t=e?.elements?.bottomSubButtonContainer,n=e?.elements?.subButtonContainer,o=e.config?.sub_button?.main_layout??"inline",i=e.config?.sub_button?.bottom_layout??"inline";t&&(t.classList.remove("groups-layout-rows","groups-layout-inline"),t.classList.add("rows"===i?"groups-layout-rows":"groups-layout-inline")),n&&(n.classList.remove("groups-layout-rows","groups-layout-inline"),n.classList.add("rows"===o?"groups-layout-rows":"groups-layout-inline"))}(e)}return(0,a.iJ)(e),g}function d(e,t,n,i,a){if("bottom"===n)return void function(e,t,n,i){const a=e.elements.bottomSubButtonContainer;if(!a)return;if("inline"!==n)return m(t),void(t.parentElement!==a&&a.appendChild(t));const r=function(e,t){const n=e.elements.bottomSubButtonContainer;if(!n)return null;e.elements.bottomAlignmentLanes=e.elements.bottomAlignmentLanes||{};let i=e.elements.bottomAlignmentLanes[t];return i?i.isConnected||n.appendChild(i):(i=(0,o.n)("div",`bubble-sub-button-alignment-lane lane-${t}`),i.dataset.lane=t,i.style.order=`${s[t]??s.fill}`,e.elements.bottomAlignmentLanes[t]=i,n.appendChild(i)),i}(e,i||"fill");r&&t.parentElement!==r&&r.appendChild(t),h(t,!1)}(e,t,i,a);const r=e.elements.subButtonContainer;r&&t.parentElement!==r&&r.appendChild(t)}function u(e,t){if(!e)return;["start","center","fill","end"].forEach(t=>{e.classList.remove(`${l}${t}`)});const n=t||"fill";e.classList.add(`${l}${n}`)}function p(e,t){const n=e.elements.bottomSubButtonContainer;if(!n)return;const o=t&&function(e){const t=e.elements.bottomAlignmentLanes;return!!t&&Object.keys(t).length>0}(e);o?n.classList.add("alignment-lanes-active"):n.classList.remove("alignment-lanes-active")}function b(e){if(!e||!e.parentElement)return null;const t=e.parentElement;return t.classList&&t.classList.contains("bubble-sub-button-alignment-lane")?t:null}function h(e,t){const n=b(e);if(n){if(null===t)try{delete e.dataset.laneNeedsFill}catch(e){}else e.dataset.laneNeedsFill=t?"true":"false";g(n)}}function m(e){e?.classList?.remove("alignment-fill-auto"),h(e,null)}function f(e){const t=b(e);if(!t)return;const n=e.classList.contains(`${l}fill`)||!!e.querySelector(".bubble-sub-slider-wrapper.inline.fill-width, .bubble-sub-button-slider.inline.fill-width, .bubble-sub-button.fill-width"),o=e.classList.contains(`${l}fill`),i=n&&!o;e.classList.toggle("alignment-fill-auto",i),e.dataset.laneNeedsFill=n?"true":"false",g(t)}function g(e){e&&(e.classList.contains("lane-fill")||e.classList.contains("lane-center")||Array.from(e.children||[]).some(e=>"true"===e?.dataset?.laneNeedsFill)?e.classList.add("lane-expand"):e.classList.remove("lane-expand"))}function y(e){return e&&"string"==typeof e?e.toLowerCase().normalize("NFKD").replace(/[\u0300-\u036f]/g,"").trim().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,""):null}function v(e,t,n,a,s,l,d,u={}){e.elements.subButtonContainer||d||c(e);const{attachToDom:p=!0}=u,b=["bubble-sub-button",`bubble-sub-button-${String(t).replace(/_/g,"-")}`];if(l?.name){const e=y(l.name);e&&b.push(e)}const h=(0,o.n)("div",b.join(" "));h.nameContainer=(0,o.n)("div","bubble-sub-button-name-container"),h.feedbackContainer=(0,o.n)("div","bubble-feedback-container"),h.feedback=(0,o.n)("div","bubble-feedback-element feedback-element"),h.appendChild(h.feedbackContainer),h.feedbackContainer.appendChild(h.feedback),n&&(h.classList.add("is-select"),(0,i.Fi)(e,h,a),h.dropdownContainer.style.display="none",(0,i.XO)(e,h,s,l)),(0,r.gQ)(h,l);const m=d&&d.classList&&d.classList.contains("bubble-sub-button-group");return(0,r.L)(h,l,"main",m?d:null),(0,r.uH)(h,l),l.content_layout&&h.classList.add(`content-${l.content_layout}`),h.appendChild(h.nameContainer),d?p&&d.appendChild(h):(p&&e.elements.subButtonContainer.appendChild(h),e.elements[t]=h),h}},175(e,t,n){n.d(t,{H2:()=>c,L:()=>f,NH:()=>d,Y1:()=>b,Zu:()=>m,gQ:()=>y,lc:()=>_,m_:()=>p,mg:()=>C,nu:()=>u,pZ:()=>v,rz:()=>h,uH:()=>g,zD:()=>w});var o=n(716),i=n(216),a=n(388),r=n(642),s=n(315);function l(e,t,n){return t.force_icon||t.icon?"":(0,a.Qp)(e,n,!0)}function c(e,t,n){const i=t.entity??e.config.entity,r=i?.startsWith("input_select")||i?.startsWith("select")||t.select_attribute,s=t.sub_button_type,c=null!=s?"select"===s:r,d=s??(r?"select":"default");return{index:n,entity:i,context:e,state:e._hass.states[i],name:t.name??(0,o.D$)(e,"friendly_name",i)??"",attributeType:t.attribute??"",attribute:(0,o.D$)(e,t.attribute??"",i),isOn:(0,o.$C)(e,i),showName:t.show_name??!1,showState:t.show_state??!1,showAttribute:t.show_attribute??!1,showLastChanged:t.show_last_changed??!1,showLastUpdated:t.show_last_updated??!1,showIcon:t.show_icon??!0,showBackground:t.show_background??!0,stateBackground:t.state_background??!0,lightBackground:t.light_background??!0,showArrow:t.show_arrow??!0,isSelect:c,icon:(0,a.sW)(e,i,t.icon??""),image:l(e,t,i),subButtonType:d,alwaysVisible:t.always_visible??!1,subButton:t}}function d(e,t,n,o){if(!t||!n)return;const a=o?.scrolling_effect??e.config?.scrolling_effect??!0,r={...e,config:{...e.config,scrolling_effect:a}};(0,i.N)(r,t,n)}function u(e,t,n=null){const{state:i,name:a,attribute:r,attributeType:s,showName:l,showState:c,showAttribute:p,showLastChanged:b,showLastUpdated:h,entity:m}=e,f=[];if(l&&a&&"unknown"!==a&&f.push(a),i&&c&&"unknown"!==i.state){const a=(0,o.Vw)(m);if(a){const r=(0,o.ls)(i),s=(0,o.PF)(t._hass,i,r);s&&f.push(s),n&&"active"===i.state?(0,o.df)(n,t,m,()=>{if(n.isConnected&&t._hass?.states?.[m]){const i=t._hass.states[m];if(i&&"active"===i.state){const o=u({...e,state:i},t,n);n.nameContainer&&d(t,n.nameContainer,o,e.subButton)}else(0,o.j9)(n)}else(0,o.j9)(n)}):n&&a&&(0,o.j9)(n)}else f.push(t._hass.formatEntityState(i)),n&&(0,o.j9)(n)}else n&&(0,o.j9)(n);if(i&&b&&"unknown"!==i.last_changed&&f.push((0,o.r6)(i.last_changed,t._hass.locale.language)),i&&h&&"unknown"!==i.last_updated&&f.push((0,o.r6)(i.last_updated,t._hass.locale.language)),i&&p)if(s.includes("forecast")){const e="km"===t._hass.config.unit_system.length,n=t._hass?.locale?.language||"en-US";if(s.includes("temperature")&&null!=r){const e=parseFloat(r),i=(0,o.$z)(t._hass),a=0===e||0===e?0:1;f.push((0,o.IU)(e,a,i,n))}else if(s.includes("humidity")&&null!=r)f.push((0,o.IU)(parseFloat(r),0,"%",n));else if(s.includes("precipitation")&&null!=r)f.push((0,o.IU)(parseFloat(r),1,"mm",n));else if(s.includes("wind_speed")&&null!=r){const t=e?"km/h":"mph";f.push((0,o.IU)(parseFloat(r),1,t,n))}else null!=r&&"unknown"!==r&&f.push(r)}else{const e=t._hass.formatEntityAttributeValue(i,s),n=i.attributes?.[s],o=e&&"string"==typeof e&&e.trim().startsWith("0")&&e.trim().length>1;(0!==r&&"unknown"!==r&&null!=r||o)&&"unknown"!==n&&null!=n&&f.push(e??r)}return f.length?f.join(" · ").charAt(0).toUpperCase()+f.join(" · ").slice(1):""}function p(e,t,n){const{showIcon:o,isSelect:i}=t;if(!e._hasVisibilityConditions){const t=!n&&!o&&!i;e.classList.toggle("hidden",t)}e.dropdownContainer&&(e.dropdownContainer.classList.toggle("no-icon-select-container",!n&&!o&&i),e.dropdownArrow.classList.toggle("no-icon-select-arrow",!n&&!o&&i))}function b(e,t){const{showBackground:n,isOn:i,stateBackground:r,lightBackground:s,entity:l,context:c}=t;if(!n)return(e.classList.contains("background-on")||e.classList.contains("background-off"))&&e.classList.remove("background-on","background-off"),void(e.style.getPropertyValue("--bubble-sub-button-light-background-color")&&e.style.removeProperty("--bubble-sub-button-light-background-color"));const d=(0,a.S1)(t.state,l),u=e._previousColorSignature!==d;if(e._previousColorSignature=d,i&&r){let t;if((0,o.m_)(c,l))t="var(--red-color, var(--error-color))";else{const e=c.config.card_type;if("slider"===c.config.button_type){let e=null;if(c.elements?.rangeFill)try{e=getComputedStyle(c.elements.rangeFill).backgroundColor}catch(e){}t=(0,o.C$)(c,l,s,e,null)}else{const n="button"===e?c.card?.style.getPropertyValue("--bubble-button-background-color"):c.popUp?.style.getPropertyValue("--bubble-button-background-color");t=(0,o.C$)(c,l,s,n||null)}}(e.style.getPropertyValue("--bubble-sub-button-light-background-color")!==t||u)&&e.style.setProperty("--bubble-sub-button-light-background-color",t),e.classList.contains("background-on")||(e.classList.add("background-on"),e.classList.remove("background-off"))}else e.classList.contains("background-off")||(e.classList.add("background-off"),e.classList.remove("background-on")),e.style.getPropertyValue("--bubble-sub-button-light-background-color")&&e.style.removeProperty("--bubble-sub-button-light-background-color")}function h(e,t){const{subButton:n,isSelect:i,entity:a}=t;if(("none"!==n.tap_action?.action||"none"!==n.double_tap_action?.action||"none"!==n.hold_action?.action)&&!e.actionAdded){const o={tap_action:{action:i?"none":"more-info"},double_tap_action:{action:"none"},hold_action:{action:"none"}};if("slider"!==t.subButtonType||t.alwaysVisible)if(i){const t={...n,tap_action:{action:"none"}};(0,r.dN)(e,t,a),e.setAttribute("no-slide","")}else(0,r.dN)(e,n,a,o);else{const t={...n,tap_action:{action:"none"}};(0,r.dN)(e,t,a),e.setAttribute("no-slide","")}(0,r.pd)(e,e.feedback),i&&(e.style.pointerEvents="auto",e.style.cursor="pointer"),e.actionAdded=!0}if("slider"===t.subButtonType&&!t.alwaysVisible&&(e.classList.add("bubble-action"),e.style.cursor="pointer",e.style.pointerEvents="auto",!e.haRipple))try{e.haRipple=(0,o.n)("ha-ripple"),e.appendChild(e.haRipple)}catch(e){}}function m(e,t,n,o=null){const i=t.visibility,a=t=>{e?.sliderAlwaysVisible&&e.sliderWrapper&&(t?(e.sliderWrapper.style.removeProperty("display"),e.sliderWrapper.removeAttribute("aria-hidden")):(e.sliderWrapper.style.display="none",e.sliderWrapper.setAttribute("aria-hidden","true")))};if(null!=i){e._hasVisibilityConditions=!0;const t=(0,s.eC)(i);if((0,s.db)(t)){const i=(0,s.XH)(t,n);void 0!==e._previousVisibilityState&&e._previousVisibilityState===i||(e.classList.toggle("hidden",!i),e._previousVisibilityState=i,(t=>{if(!t&&e.sliderOpen&&!e.sliderAlwaysVisible&&e.sliderWrapper&&o){e.sliderWrapper.classList.add("is-hidden"),e.sliderOpen=!1,e.sliderCloseBtn&&e.sliderCloseBtn.classList.add("is-hidden");const t=e._parentGroupContainer;if(t&&t.classList&&t.classList.remove("group-slider-open"),!t&&o.elements){const e=(e,t)=>{e&&e.classList.toggle("is-hidden",t)};e(o.elements?.nameContainer,!1),e(o.elements?.iconContainer,!1),e(o.elements?.image,!1),e(o.elements?.buttonsContainer,!1),o.elements?.subButtonContainer&&(o.elements.subButtonContainer.style.opacity="",o.elements.subButtonContainer.style.pointerEvents="")}if(e._globalBlockerAdded&&e._globalBlockerHandler){try{(e._globalBlockerEvents||["pointerdown","pointerup","click","touchstart","touchend","mousedown","mouseup"]).forEach(t=>document.removeEventListener(t,e._globalBlockerHandler,!0))}catch(e){}try{delete e._globalBlockerHandler,delete e._globalBlockerEvents}catch(e){}e._globalBlockerAdded=!1}try{e._blockerPointerDownInside=!1}catch(e){}}})(i)),a(i)}else a(!0)}else e._hasVisibilityConditions=!1,a(!0)}function f(e,t,n="main",o=null){try{const i=t.width;if(t.fill_width||null==i||""===i)t.fill_width?(e.style.removeProperty("width"),e.style.removeProperty("flex")):null!=i&&""!==i||(e.style.removeProperty("width"),e.style.removeProperty("flex"));else{const t=Number(i);if(!Number.isNaN(t)&&t>0){let i="main"===n;if("bottom"===n&&o)if(o.classList.contains("alignment-start")||o.classList.contains("alignment-end")||o.classList.contains("alignment-center"))i=!0;else{const e=o.style.getPropertyValue("--bubble-sub-button-group-justify-content");if(e){const t=e.trim().toLowerCase();i=["start","end","center"].includes(t)}}const a=i?"px":"%";let r=`${t}${a}`;if("%"===a&&o&&o.classList.contains("display-inline")){const e=8,n=parseInt(o.dataset.totalButtonsWithWidth||"0",10);n>0&&(r=`calc(${t}% - ${(n-1)*e/n}px)`)}e.style.width=r,e.style.flex="0 0 auto"}else if("string"==typeof i){let t=i;if(i.includes("%")&&o&&o.classList.contains("display-inline")){const e=i.match(/(\d+(?:\.\d+)?)%/);if(e){const n=parseFloat(e[1]),i=8,a=parseInt(o.dataset.totalButtonsWithWidth||"0",10);a>0&&(t=`calc(${n}% - ${(a-1)*i/a}px)`)}}e.style.width=t,e.style.flex="0 0 auto"}}}catch(e){}}function g(e,t){try{const n=t.custom_height,o=null!=n&&""!==n?`${Number(n)}px`:"";if(e._bubbleSubButtonHeight===o)return;e._bubbleSubButtonHeight=o,o?e.style.setProperty("--bubble-sub-button-height",o):e.style.removeProperty("--bubble-sub-button-height")}catch(e){}}function y(e,t){if(!e||!e.classList)return;const n=!!t?.fill_width;e.classList.toggle("fill-width",n)}function v(e,t,n){if(t.hide_when_parent_unavailable&&n.config.entity&&!n.detectedEditor){if("unavailable"===(0,o.Gu)(n,n.config.entity))return e.style.display="none",!0;"none"===e.style.display&&(e.style.display="")}return!1}function _(e){return!!e&&!Array.isArray(e)&&(Array.isArray(e.main)||Array.isArray(e.bottom))}function w(e){if(!Array.isArray(e))return{main:[],bottom:[]};const t=[];return e.forEach(e=>{e&&t.push({...e})}),{main:t,bottom:[]}}const x=new WeakMap;function C(e){if(!e)return{main:[],bottom:[]};const t=e.sub_button,n=t?.main,o=t?.bottom,i=x.get(e);if(i&&i.subRef===t&&i.mainRef===n&&i.bottomRef===o)return i.result;let a;return a=_(t)?{main:Array.isArray(t.main)?[...t.main]:[],bottom:Array.isArray(t.bottom)?[...t.bottom]:[]}:w(t||[]),x.set(e,{subRef:t,mainRef:n,bottomRef:o,result:a}),a}},134(e,t,n){n.d(t,{CS:()=>l,Ef:()=>S,Pn:()=>g,Qy:()=>s,TA:()=>c,ensureBCTProviderAvailable:()=>r,gx:()=>_,rM:()=>h,rT:()=>$,rd:()=>b,writeModuleYaml:()=>v,yZ:()=>m});var o=n(382);const i={checked:!1,available:!1,lastChecked:0,retryAt:0,pendingPromise:null};function a(e){try{window.__bubble_bct_available=!!e}catch(e){}}async function r(e){const t=Date.now();if(!e){if(i.checked&&i.available&&t-i.lastChecked<6e4)return!0;if(i.checked&&!i.available){if(i.retryAt&&t<i.retryAt)return!1}else i.checked=!1,i.available=!1,i.retryAt=0,a(!1);return!1}if(i.pendingPromise)return i.pendingPromise;if(i.checked&&i.available&&t-i.lastChecked<3e5)return!0;if(i.checked&&!i.available){if(i.retryAt&&t<i.retryAt)return!1;i.checked=!1}else if(i.retryAt&&t<i.retryAt)return!1;return i.pendingPromise=(async()=>{try{const t=await e.callWS({type:"bubble_card_tools/list_modules"}),n=!!t&&Array.isArray(t.files);i.checked=!0,i.available=n,i.lastChecked=Date.now(),i.retryAt=n?0:Date.now()+3e4,a(n);const o=e?.user?.is_admin||e?.user?.is_owner;if(n&&"function"==typeof e?.connection?.subscribeEvents&&!x&&o)try{e.connection.subscribeEvents(()=>{!function(){try{localStorage.removeItem(C())}catch(e){}}();try{document.dispatchEvent(new CustomEvent("yaml-modules-updated"))}catch(e){}},"bubble_card_tools.updated"),x=!0}catch(e){}return n}catch(e){return i.checked&&i.available?(i.checked=!1,i.available=!1,i.lastChecked=Date.now(),i.retryAt=Date.now()+5e3,a(!1)):(i.lastChecked=Date.now(),i.retryAt=Date.now()+5e3),!1}finally{i.pendingPromise=null}})(),i.pendingPromise}function s(){const e=Date.now();return!!(i.checked&&i.available&&e-i.lastChecked<3e5)||!(i.checked&&!i.available&&i.retryAt&&e<i.retryAt)&&!("undefined"==typeof window||!window.__bubble_bct_available)}async function l(e){if(!await r(e))return[];try{const t=await e.callWS({type:"bubble_card_tools/list_modules"});return Array.isArray(t?.files)?t.files:[]}catch(e){return[]}}async function c(e,t){if(!await r(e))return null;try{return await e.callWS({type:"bubble_card_tools/read_module",name:t})}catch(e){return null}}async function d(e,t,n){if(!await r(e))return{status:"unavailable"};try{return await e.callWS({type:"bubble_card_tools/write_module",name:t,content:n})}catch(e){return{status:"error",error:String(e?.message||e)}}}const u="config.yaml";async function p(e){const t=await c(e,u);if(!t||"string"!=typeof t.content)return{};try{const e=o.Ay.load(t.content)||{};return"object"==typeof e&&e?e:{}}catch(e){return{}}}async function b(e,t={}){const n={...await p(e)||{},migration:{done:!0,sources:t,migrated_at:(new Date).toISOString(),version:1}};return await async function(e,t){try{const n=o.Ay.dump(t??{},{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0});return await d(e,u,n)}catch(e){return{status:"error",error:String(e?.message||e)}}}(e,n)}async function h(e){const t=await p(e);return!(!t||!t.migration||!0!==t.migration.done)}function m(e){const t=String(e??""),n=function(e){return String(e??"").normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^A-Za-z0-9_-]+/g,"-").replace(/-{2,}/g,"-").replace(/^[-_]+|[-_]+$/g,"")||"module"}(t);return function(e){return/^[A-Za-z0-9_-]+$/.test(String(e??""))}(t)&&t===n?`modules/${t}.yaml`:`modules/${n}--${function(e){const t=String(e??"");let n=0;for(let e=0;e<t.length;e++)n=(n<<5)-n+t.charCodeAt(e)|0;return Math.abs(n).toString(36)}(t)}.yaml`}function f(e,t){if(!t||"object"!=typeof t)return null;const{yaml:n,editor_raw:o,id:i,...a}=t;return{...a,id:e}}async function g(e){const t=await l(e);if(!t||0===t.length)return new Map;const n=(k()||{version:w,files:{}}).files||{},i=new Map;for(const e of t)e?.name&&/\.ya?ml$/i.test(e.name)&&e.name!==u&&i.set(e.name,e.updated_at||null);const a=[],r=[];i.forEach((e,t)=>{const o=n[t];o&&o.updated_at===e?r.push({name:t,updated_at:e,modules:o.modules||{}}):a.push({name:t,updated_at:e})});const s=a.map(async t=>{const n=await c(e,t.name);if(!n||!n.content)return{name:t.name,updated_at:t.updated_at,modules:{}};let i=null;try{i=o.Ay.load(n.content)}catch(e){i=null}const a={};if(i&&"object"==typeof i){const e=Object.keys(i);if(1===e.length){const t=e[0],n=i[t];if(n&&(n.name||n.code)){const e=f(t,n);a[t]=e}}else for(const t of e){const e=i[t];if(e&&"object"==typeof e&&(e.name||e.code)){const n=f(t,e);a[t]=n}}}return{name:t.name,updated_at:t.updated_at,modules:a}}),d=await Promise.all(s),p={};for(const e of r)p[e.name]={updated_at:e.updated_at,modules:e.modules};for(const e of d)p[e.name]={updated_at:e.updated_at,modules:e.modules};const b=new Map;Object.values(p).forEach(e=>{const t=e?.modules||{};Object.keys(t).forEach(e=>{b.set(e,t[e])})});const h={};return b.forEach((e,t)=>{h[t]=e}),function(e){try{localStorage.setItem(C(),JSON.stringify(e))}catch(e){}}({version:w,files:p,aggregatedModules:h,updatedAt:(new Date).toISOString()}),b}async function y(e){try{await g(e)}catch(e){}}async function v(e,t,n){let i="";if("string"==typeof n)i=n;else if(n&&"object"==typeof n){const e={},a={...n};delete a.id,delete a.yaml,delete a.editor_raw,Array.isArray(a.supported)&&Array.isArray(a.unsupported)&&delete a.unsupported,e[t]=a,i=o.Ay.dump(e,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0})}const a=m(t),r=await d(e,a,i);return r&&"error"===r.status||await y(e),r}async function _(e,t){const n=m(t),o=await async function(e,t){if(!await r(e))return{status:"unavailable"};try{return await e.callWS({type:"bubble_card_tools/delete_module",name:t})}catch(e){return{status:"error",error:String(e?.message||e)}}}(e,n);return o&&"error"===o.status||await y(e),o}const w=1;let x=!1;function C(){try{const e="undefined"!=typeof location?location.host:"default";return`bubble-card-bct-cache-v${w}:${e}`}catch(e){return`bubble-card-bct-cache-v${w}:default`}}function k(){try{const e=localStorage.getItem(C());if(!e)return null;const t=JSON.parse(e);return t&&"object"==typeof t?t:null}catch(e){return null}}function $(){const e=k(),t=e?.aggregatedModules;return t&&"object"==typeof t&&Object.keys(t).length>0?t:null}function S(){try{const e=k();if(!e||!e.files)return new Map;const t=new Map;return Object.keys(e.files).forEach(n=>{const o=e.files[n];if(!o||!o.updated_at)return;const i=Object.keys(o.modules||{});i.length>0&&i.forEach(e=>{t.set(e,o.updated_at)})}),t}catch(e){return new Map}}},241(e,t,n){function o(){try{const e=localStorage.getItem("bubble-card-module-store");if(!e)return null;const t=JSON.parse(e);if(localStorage.getItem("bubble-card-api-failure-timestamp")&&t&&t.expiration<Date.now()){console.log("🛡️ API in cooldown period after failure and cache expired, temporary extension of validity");const e=Date.now()+72e5;return t.expiration=e,localStorage.setItem("bubble-card-module-store",JSON.stringify(t)),console.log("⏳ Cache extended until",new Date(e)),t}return t&&t.expiration>Date.now()?t:t||null}catch(e){return console.error("Error reading cache:",e),null}}function i(e){if(e&&0!==Object.keys(e).length)try{const t=Date.now()+864e5;localStorage.setItem("bubble-card-module-store",JSON.stringify({modules:e,expiration:t,lastFetchedAt:Date.now()})),console.log("Module data cached until",new Date(t))}catch(e){console.error("Error saving to cache:",e)}}function a(e,t,n="info"){if(e.hass){const o=new CustomEvent("hass-notification",{detail:{message:t,severity:n},bubbles:!0,composed:!0});e.dispatchEvent(o)}else console.log(`[${n}] ${t}`)}n.d(t,{TJ:()=>o,aN:()=>i,qk:()=>a})},397(e,t,n){n.d(t,{Ac:()=>d,Hs:()=>l,generateYamlExport:()=>s,lW:()=>c});var o=n(382),i=n(241),a=n(937);function r(e){const{id:t,name:n,version:o,creator:i,link:r,supported:s,description:l,code:c,editor:d,is_global:u}={...e},p=(0,a.n$)().map(e=>e.id);let b=s;s&&Array.isArray(s)&&s.length===p.length&&p.every(e=>s.includes(e))&&(b=void 0);const h={name:n,version:o,creator:i,link:r,supported:b,description:l,code:c,editor:d};return!0===u&&(h.is_global=!0),Object.keys(h).forEach(e=>{const t=h[e];(null==t||"link"===e&&""===t)&&delete h[e]}),{id:t,cleanData:h}}function s(e){try{const{id:t,cleanData:n}=r(e),i={[t]:n};return o.Ay.dump(i,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0,sortKeys:!1})}catch(e){return console.error("Error generating YAML export:",e),"# Error generating YAML export"}}function l(e){try{const{id:t,cleanData:n}=r(e),{name:i,version:s,creator:l,description:c,code:d,editor:u,supported:p}=n,b=(0,a.n$)().map(e=>e.id),h=!p||Array.isArray(p)&&p.length===b.length&&b.every(e=>p.includes(e));let m=`# ${i}\n\n`;if(m+=`**Version:** ${s} \n`,m+=`**Creator:** ${l}\n\n`,m+="> [!IMPORTANT] \n",m+="> **Supported cards:**\n",h?m+="> - All cards are supported\n":p&&p.length>0&&p.forEach(e=>{m+=`> - ${e.replace(/-/g," ").replace(/\b\w/g,e=>e.toUpperCase())}\n`}),m+="\n",c&&(m+=`${c}\n`,m+="Configure this module via the editor or in YAML, for example:\n\n"),m+="```yaml\n",m+=`${t}: \n`,u&&Array.isArray(u)&&u.length>0){const e=u[0];e&&e.name&&(m+=` ${e.name}: YOUR_VALUE\n`)}else m+=" # Your configuration here\n";if(m+="```\n\n",m+="---\n\n",m+="<details>\n\n",m+="<summary><b>🧩 Get this Module</b></summary>\n\n",m+="<br>\n\n",m+=`> To use this module, simply install it from the Module Store (from the editor of any card > Modules), or copy and paste the following configuration into a \`/www/bubble/modules/${t}.yaml\` file.\n\n`,m+="```yaml\n",m+=`${t}:\n`,m+=` name: "${i}"\n`,m+=` version: "${s}"\n`,m+=` creator: "${l}"\n`,m+=' link: "https://github.com/Clooos/Bubble-Card/discussions/XXXX"\n\n',p&&p.length>0&&!h&&(m+=" supported:\n",p.forEach(e=>{m+=` - ${e}\n`}),m+="\n"),m+=" description: |\n",c){const e=c.split("\n").map(e=>` ${e}`).join("\n");if(m+=`${e}\n`,m+=" <br><br>\n",m+=" <code-block><pre>\n",m+=` ${t}: \n`,u&&Array.isArray(u)&&u.length>0){const e=u[0];e&&e.name?m+=` ${e.name}: YOUR_VALUE\n`:m+=" # Your configuration here\n"}else m+=" # Your configuration here\n";m+=" </pre></code-block>\n\n"}if(m+=" code: |\n",d){const e=d.split("\n").map(e=>` ${e}`).join("\n");m+=`${e}\n\n`}else m+=" # Your code here\n\n";if(u){const e="object"==typeof u?o.Ay.dump(u,{indent:2}):u;m+=" editor:\n";const t=e.split("\n").map(e=>` ${e}`).join("\n");m+=`${t}`,m+="\n```"}else m+="```";return m+="\n\n</details>\n\n",m+="---\n\n",m+="### Screenshot:\n\n",m+="Important: The first screenshot here will be used on the Module Store, so please provide one.\n",m}catch(e){return console.error("Error generating GitHub export:",e),"# Error generating GitHub export format"}}async function c(e,t,n,o){const a=()=>{(0,i.qk)(e,n,"success"),"function"==typeof o&&o(t)},r=()=>{(0,i.qk)(e,"Could not copy to clipboard. Please copy manually from the preview below.","error"),"function"==typeof o&&o(t)};if(navigator.clipboard?.writeText)try{return await navigator.clipboard.writeText(t),void a()}catch(e){console.warn("Clipboard API failed:",e.name,e.message)}try{const n=e.shadowRoot??document.body,o=document.createElement("textarea");o.value=t,Object.assign(o.style,{position:"fixed",top:"0",left:"0",width:"2em",height:"2em",border:"none",padding:"0",margin:"0",outline:"none",opacity:"0",pointerEvents:"none"}),n.appendChild(o),o.focus({preventScroll:!0}),o.select();const i=document.execCommand("copy");n.removeChild(o),i?a():r()}catch(e){console.error("execCommand clipboard fallback failed:",e),r()}}function d(e,t,n){try{const o=s(t),a=new Blob([o],{type:"text/yaml"}),r=URL.createObjectURL(a),l=document.createElement("a");return l.href=r,l.download=`${t.id}.yaml`,document.body.appendChild(l),l.click(),document.body.removeChild(l),URL.revokeObjectURL(r),(0,i.qk)(e,"Module downloaded as YAML file!","success"),"function"==typeof n&&n(o),!0}catch(t){return console.error("Error downloading module:",t),(0,i.qk)(e,"Error downloading module: "+t.message,"error"),!1}}},868(e,t,n){n.d(t,{G:()=>c,m:()=>d});var o=n(888),i=n(241),a=n(264),r=n(716),s=n(382);function l(e){try{e._processedSchemas&&(e._processedSchemas={}),e._schemaCache?Object.keys(e._schemaCache).forEach(t=>{delete e._schemaCache[t]}):e._schemaCache={},e.lastEvaluatedStyles="",e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card),(0,r.rC)(e,"editor-refresh",{}),e.requestUpdate(),setTimeout(()=>{e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card),e.requestUpdate(),setTimeout(()=>{if(e._config){const t={...e._config};e.stylesYAML&&(e.stylesYAML=null,document.dispatchEvent(new CustomEvent("yaml-modules-updated"))),(0,r.rC)(e,"config-changed",{config:t}),e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card)}e.requestUpdate()},100)},50)}catch(e){}}async function c(e,t){try{let c="";if(t.yamlContent&&""!==t.yamlContent.trim()?c=t.yamlContent:t.description&&""!==t.description.trim()&&(c=t.description),!c)throw new Error("No YAML content found for this module");const d=(0,a.oV)(c)||t.id,u=(0,a.tF)(c,d,{title:t.name,defaultCreator:t.creator});let p=c;try{const e=s.Ay.load(c);if(e&&"object"==typeof e){const n=Object.keys(e);if(1===n.length){const o=n[0],i=e[o];if(i&&"object"==typeof i)if(i[d]){t.moduleLink&&"object"==typeof i[d]&&(i[d].link=t.moduleLink);const e={};e[d]=i[d],p=s.Ay.dump(e,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0})}else if(o===d&&Object.keys(i).some(e=>"object"==typeof i[e]&&i[e].name&&i[e].code)){const e={};Object.entries(i).forEach(([t,n])=>{"object"==typeof n&&"unsupported"!==t&&"editor"!==t&&n.name||(e[t]=n)}),t.moduleLink&&(e.link=t.moduleLink),e.code&&"string"==typeof e.code&&(e.code=e.code.replace(/\n/g,"\n "));const n={};n[d]=e,p=s.Ay.dump(n,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0,flowLevel:-1})}else if(o===d)t.moduleLink&&!e[d].link&&(e[d].link=t.moduleLink),p=s.Ay.dump(e,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0,flowLevel:-1});else{t.moduleLink&&(i.link=t.moduleLink);const e={};e[d]=i,p=s.Ay.dump(e,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0,flowLevel:-1})}}else{t.moduleLink&&(e.link=t.moduleLink);const n={};n[d]=e,p=s.Ay.dump(n,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0,flowLevel:-1})}p=p.replace(/code: \|/g,"code: |").replace(/description: \|/g,"description: |").replace(/(\|\n)(\s+)/g,(e,t,n)=>t+" ");try{const e=s.Ay.load(p);e&&e[d]||console.warn("Warning: YAML formatting may have issues")}catch(e){console.warn("Error validating formatted YAML:",e),p=c}}}catch(e){console.warn("Error processing YAML structure:",e)}const b=p;o.Ki.set(d,u);try{o.sq.set(d,"entity")}catch(e){}document.dispatchEvent(new CustomEvent("yaml-modules-updated")),function(e,t){try{window.dispatchEvent(new CustomEvent("bubble-card-module-updated",{detail:{moduleId:e,moduleData:t}}))}catch(e){}}(d,u);try{const t=await Promise.resolve().then(n.bind(n,134));return await t.ensureBCTProviderAvailable(e.hass)?(await t.writeModuleYaml(e.hass,d,b),document.dispatchEvent(new CustomEvent("yaml-modules-updated")),(0,i.qk)(e,"Module installed successfully")):(0,i.qk)(e,"Install Bubble Card Tools to save modules persistently","warning"),(0,r.rC)(e,"config-changed",{config:e._config}),l(e),e.requestUpdate(),{success:!0,moduleId:d}}catch(t){return console.error("Persistence error:",t),(0,i.qk)(e,"Module saved locally only","warning"),l(e),{success:!0,storage:"local_only",moduleId:d}}}catch(t){throw console.error("Installation error:",t),(0,i.qk)(e,"Installation error: "+t.message,"error"),t}}async function d(e,t,o){try{if(!t||""===t.trim())throw new Error("No YAML content provided");if(o)try{const{extractYamlFromMarkdown:e}=await Promise.resolve().then(n.bind(n,264)),i=e("```yaml\n"+t+"\n```",o);i&&i!==t&&(t=i)}catch(e){console.warn("Could not add link directly to YAML:",e)}const i={yamlContent:t,description:t,moduleLink:o};return await c(e,i)}catch(t){throw console.error("Manual module installation error:",t),(0,i.qk)(e,"Installation error: "+t.message,"error"),t}}},937(e,t,n){n.d(t,{cu:()=>f,dK:()=>v,kA:()=>w,n$:()=>g,s:()=>_});var o=n(957),i=n(716),a=n(888),r=n(264),s=n(382),l=n(397),c=n(134),d=n(766),u=n(933);function p(e,t,n=null){if(!e._config||!e._config.modules)return;let o=[...e._config.modules];n&&n!==t&&(o=o.filter(e=>e!==n)),o.includes(t)||(o=[...o,t]),e._config.modules=o,e._previousModuleId=t,(0,i.rC)(e,"config-changed",{config:e._config})}function b(e){e.lastEvaluatedStyles="",e.stylesYAML=null,e.handleCustomStyles&&e.card&&e.handleCustomStyles(e,e.card),e.requestUpdate()}function h(e,t){window.dispatchEvent(new CustomEvent("bubble-card-module-updated",{detail:{moduleId:e,moduleData:t}}))}function m(e){try{const t=document.querySelector("home-assistant")?.shadowRoot?.querySelector("hui-dialog-edit-card")?.shadowRoot;if(!t)return;const n=t.querySelectorAll("ha-dialog-footer [slot='primaryAction']");if(n.length>0)return void n.forEach(t=>{"disabled"in t&&(t.disabled=e)});const o=t.querySelector("ha-dialog > div:nth-child(4)");o&&(o.style.display=e?"none":"")}catch(e){}}function f(e){if(!e._editingModule)return m(!1),o.qy``;m(!0);const t=!!d.dn&&(0,d.dn)(e._editingModule.id),f=!!e._yamlErrorMessage,g="string"==typeof e.errorMessage&&e.errorMessage.trim().length>0&&!!e._editingModule,v=f||g,_=t=>{const n=e.shadowRoot?.querySelector("#export-preview-content");if(n){n.textContent=t;const o=e.shadowRoot?.querySelector(".export-preview ha-expansion-panel");o&&!o.expanded&&(o.expanded=!0);const i=e.shadowRoot?.querySelector(".export-preview");i&&(i.style.animation="none",setTimeout(()=>{i.style.animation="highlight 1s ease"},10))}};return o.qy`
|
||
<div class="module-editor-form">
|
||
<div class="form-content">
|
||
<h3>
|
||
<ha-icon style="margin: 8px;" icon="${e._showNewModuleForm?"mdi:puzzle-plus-outline":"mdi:puzzle-edit-outline"}"></ha-icon>
|
||
${e._showNewModuleForm?"Create new Module":"default"===e._editingModule.id?"Edit Default Module":"Edit Module"}
|
||
</h3>
|
||
|
||
<div class="module-editor-not-default" style="display: ${"default"===e._editingModule.id?"none":""}">
|
||
${t?o.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:file-document-alert"></ha-icon>
|
||
Read-only Module
|
||
</h4>
|
||
<div class="content">
|
||
<p>This Module is installed from a YAML file. You need to modify the <code>bubble-modules.yaml</code>
|
||
file directly, or remove it from your YAML file then import it here.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{id:e._editingModule.id||""}}
|
||
.schema=${[{name:"id",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Module ID"}
|
||
.disabled=${!e._showNewModuleForm||t}
|
||
@value-changed=${t=>{const n=e._editingModule.id,o=t.detail.value.id;e._editingModule.id=o,e._showNewModuleForm&&e._config.modules&&(p(e,o,n),(0,i.rC)(e,"config-changed",{config:e._config}))}}
|
||
></ha-form>
|
||
<span class="helper-text">
|
||
Must be unique and cannot be changed after the Module is created.
|
||
</span>
|
||
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._editingModule.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Module Name"}
|
||
.disabled=${t}
|
||
@value-changed=${t=>{e._editingModule.name=t.detail.value.name}}
|
||
></ha-form>
|
||
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{version:e._editingModule.version||"1.0"}}
|
||
.schema=${[{name:"version",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Version"}
|
||
.disabled=${t}
|
||
@value-changed=${t=>{e._editingModule.version=t.detail.value.version}}
|
||
></ha-form>
|
||
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{creator:e._editingModule.creator||""}}
|
||
.schema=${[{name:"creator",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Creator"}
|
||
.disabled=${t}
|
||
@value-changed=${t=>{e._editingModule.creator=t.detail.value.creator}}
|
||
></ha-form>
|
||
|
||
<ha-expansion-panel
|
||
.header=${o.qy`
|
||
<ha-icon icon="mdi:filter-check-outline" style="margin-right: 8px;"></ha-icon>
|
||
Supported cards
|
||
`}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<div>
|
||
${function(e,t=!1){const n=[{id:"button",name:"Button"},{id:"calendar",name:"Calendar"},{id:"climate",name:"Climate"},{id:"cover",name:"Cover"},{id:"horizontal-buttons-stack",name:"Horizontal buttons stack"},{id:"media-player",name:"Media player"},{id:"pop-up",name:"Pop-up"},{id:"select",name:"Select"},{id:"separator",name:"Separator"},{id:"sub-buttons",name:"Sub-buttons"}],i=n.map(e=>e.id);void 0===e._editingModule.supported&&(e._editingModule.unsupported&&e._editingModule.unsupported.length>0?e._editingModule.supported=i.filter(t=>!e._editingModule.unsupported.includes(t)):e._editingModule.supported=void 0);const a=!e._editingModule.supported||Array.isArray(e._editingModule.supported)&&e._editingModule.supported.length===i.length&&i.every(t=>e._editingModule.supported.includes(t));return o.qy`
|
||
<div class="checkbox-grid">
|
||
<ha-formfield label="All cards" style="grid-column: 1 / -1; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid var(--divider-color);">
|
||
<ha-checkbox
|
||
.checked=${a}
|
||
@change=${n=>{t||(n.target.checked?delete e._editingModule.supported:e._editingModule.supported=[],e.requestUpdate())}}
|
||
?disabled=${t}
|
||
></ha-checkbox>
|
||
</ha-formfield>
|
||
${n.map(n=>o.qy`
|
||
<ha-formfield label="${n.name}">
|
||
<ha-checkbox
|
||
.checked=${!e._editingModule.supported||e._editingModule.supported.includes(n.id)}
|
||
@change=${o=>{t||(e._editingModule.supported||(e._editingModule.supported=i.slice()),o.target.checked?(e._editingModule.supported.includes(n.id)||e._editingModule.supported.push(n.id),e._editingModule.supported.length===i.length&&i.every(t=>e._editingModule.supported.includes(t))&&delete e._editingModule.supported):e._editingModule.supported=e._editingModule.supported.filter(e=>e!==n.id),e.requestUpdate())}}
|
||
?disabled=${t}
|
||
></ha-checkbox>
|
||
</ha-formfield>
|
||
`)}
|
||
</div>
|
||
<div class="helper-text">
|
||
Select the card types that this module supports.
|
||
</div>
|
||
`}(e,t)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
<ha-expansion-panel
|
||
.header=${o.qy`
|
||
<ha-icon icon="mdi:file-document-outline" style="margin-right: 8px;"></ha-icon>
|
||
Description
|
||
`}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<div class="code-editor-container">
|
||
<ha-code-editor
|
||
class="${t?"disabled":""}"
|
||
mode="yaml"
|
||
.value=${e._editingModule.description||""}
|
||
@value-changed=${t=>{e._editingModule.description=t.detail.value}}
|
||
></ha-code-editor>
|
||
</div>
|
||
<span class="helper-text">
|
||
This description appears in your module and in the Module Store (if you share it), so make sure it's clear and concise. <b>You can use HTML and inline CSS</b>, but note that it will only be rendered in your module, the Module Store will not display it.
|
||
</span>
|
||
</ha-expansion-panel>
|
||
</div>
|
||
|
||
<ha-expansion-panel
|
||
.header=${o.qy`
|
||
<ha-icon icon="mdi:code-json" style="margin-right: 8px;"></ha-icon>
|
||
Code (CSS/JS template)
|
||
`}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<div class="code-editor-container">
|
||
<ha-code-editor
|
||
class="${t?"disabled":""}"
|
||
mode="yaml"
|
||
.value=${e._editingModule.code||""}
|
||
@value-changed=${n=>(n=>{if(!e._editingModule||!e._config||t)return;const o=e._editingModule.id;if("function"==typeof e._clearCurrentModuleError&&e._clearCurrentModuleError(o),!e._originalModuleState){const t=a.Ki.get(o);t&&(e._originalModuleState=JSON.parse(JSON.stringify(t)))}e._editingModule.code=n;try{e._moduleCodeDebounce&&clearTimeout(e._moduleCodeDebounce)}catch(e){}e._moduleCodeDebounce=setTimeout(()=>{e.stylesYAML&&(e.stylesYAML=null);const t={...a.Ki.get(o)||{},code:e._editingModule.code,id:o};a.Ki.set(o,t),p(e,o,e._previousModuleId),h(o,t)},140)})(n.detail.value)}
|
||
></ha-code-editor>
|
||
</div>
|
||
${e.createErrorConsole(e)}
|
||
<span class="helper-text">
|
||
More information and examples about the CSS and JS template possibilities can be found in the <a href="https://github.com/Clooos/Bubble-Card?tab=readme-ov-file#styling" target="_blank">Styling and Templates documentation</a>. Tip: You can enlarge the editor by clicking on the panel title (Bubble Card configuration).
|
||
</span>
|
||
</ha-expansion-panel>
|
||
|
||
<ha-expansion-panel
|
||
style="display: ${"default"===e._editingModule.id?"none":""}"
|
||
.header=${o.qy`
|
||
<ha-icon icon="mdi:form-select" style="margin-right: 8px;"></ha-icon>
|
||
Optional: Editor schema (YAML)
|
||
`}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<div class="editor-schema-container">
|
||
<ha-code-editor
|
||
class="${t?"disabled":""}"
|
||
mode="yaml"
|
||
.value=${e._editingModule.editor_raw||("object"==typeof e._editingModule.editor?s.Ay.dump(e._editingModule.editor):e._editingModule.editor||"")}
|
||
@value-changed=${n=>{e._editingModule.editor_raw=n.detail.value,clearTimeout(e._editorSchemaDebounce),e._editorSchemaDebounce=setTimeout(()=>{try{const o=s.Ay.load(n.detail.value);null!==o&&"object"==typeof o&&((n=>{if(e._editingModule&&e._config&&!t)try{const t=e._editingModule.id;if(!e._originalModuleState){const n=a.Ki.get(t);n&&(e._originalModuleState=JSON.parse(JSON.stringify(n)))}const o=e._editingModule.editor_raw;e._editingModule.editor=n,o&&(e._editingModule.editor_raw=o);const r=a.Ki.get(t);if(r){const o={...r,editor:n};a.Ki.set(t,o),e._schemaCache&&delete e._schemaCache[t],e._processedSchemas&&delete e._processedSchemas[t],e.requestUpdate(),setTimeout(()=>{(0,i.rC)(e,"editor-refresh",{}),e.requestUpdate()},50)}}catch(e){console.warn("Error applying live editor schema:",e)}})(o),e._yamlErrorMessage&&(e._yamlErrorMessage=null,e.requestUpdate()))}catch(t){console.warn("Invalid YAML for editor schema:",t),e._editingModule.editor=e._editingModule.editor_raw||n.detail.value,e._yamlErrorMessage=t.message,e.requestUpdate()}},100)}}
|
||
></ha-code-editor>
|
||
</div>
|
||
<div class="bubble-info error"
|
||
style="display: ${e._yamlErrorMessage?"":"none"}">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Error in YAML schema
|
||
</h4>
|
||
<div class="content">
|
||
<pre style="margin: 0; white-space: pre-wrap; font-size: 12px;">${e._yamlErrorMessage?e._yamlErrorMessage.charAt(0).toUpperCase()+e._yamlErrorMessage.slice(1):""}</pre>
|
||
</div>
|
||
</div>
|
||
<span class="helper-text">
|
||
This allows you to add a visual editor to your module. Learn about all available editor schema options in the <a href="https://github.com/Clooos/Bubble-Card/blob/main/src/modules/editor-schema-docs.md" target="_blank">editor schema documentation</a>.
|
||
</span>
|
||
|
||
${e._editingModule.editor&&Array.isArray(e._editingModule.editor)&&e._editingModule.editor.length>0?o.qy`
|
||
<div class="form-preview">
|
||
<h4>Editor preview</h4>
|
||
<div class="form-preview-container">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{}}
|
||
.schema=${e._editingModule.editor}
|
||
.computeLabel=${e._computeLabelCallback||(e=>e.label||e.name)}
|
||
></ha-form>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
</ha-expansion-panel>
|
||
|
||
${!t&&v?o.qy`
|
||
<div class="bubble-info warning" style="margin-top: 8px;">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Save disabled
|
||
</h4>
|
||
<div class="content">
|
||
<p style="margin: 0;">
|
||
${f?o.qy`Fix the error(s) in the Editor schema (YAML) above to enable saving.`:""}
|
||
${f&&g?o.qy`<br>`:""}
|
||
${g?o.qy`Fix the error(s) in the CSS/JS template above to enable saving.`:""}
|
||
</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
|
||
<hr>
|
||
|
||
<ha-expansion-panel
|
||
.header=${o.qy`
|
||
<ha-icon icon="mdi:export" style="margin-right: 8px;"></ha-icon>
|
||
Export Module
|
||
`}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<div class="content">
|
||
<div class="export-section">
|
||
<div class="export-buttons">
|
||
<button class="icon-button" @click=${()=>{const t=(0,l.generateYamlExport)(e._editingModule);(0,l.lW)(e,t,"YAML format copied to clipboard!",_)}}>
|
||
<ha-icon icon="mdi:content-copy"></ha-icon>
|
||
Copy YAML
|
||
</button>
|
||
|
||
<button class="icon-button" @click=${()=>{const t=(0,l.Hs)(e._editingModule);(0,l.lW)(e,t,"GitHub Discussion format copied to clipboard!",_)}}>
|
||
<ha-icon icon="mdi:content-copy"></ha-icon>
|
||
Copy for GitHub
|
||
</button>
|
||
|
||
<button class="icon-button" @click=${()=>{(0,l.Ac)(e,e._editingModule,_)}}>
|
||
<ha-icon icon="mdi:file-download"></ha-icon>
|
||
Download YAML
|
||
</button>
|
||
</div>
|
||
|
||
<div class="export-preview">
|
||
<ha-expansion-panel
|
||
.header=${"Export preview"}
|
||
@expanded-changed=${e=>e.stopPropagation()}
|
||
>
|
||
<pre id="export-preview-content">Click on a button above to generate the preview</pre>
|
||
</ha-expansion-panel>
|
||
</div>
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Sharing your Module to the Store
|
||
</h4>
|
||
<div class="content">
|
||
<p>To share your Module to the Module Store, click on <strong>Copy for GitHub</strong> and paste the content in a new discussion in the
|
||
<a href="https://github.com/Clooos/Bubble-Card/discussions/categories/share-your-modules" target="_blank">Share your Modules</a> category.
|
||
<strong>Edit the description</strong> (if needed), <strong>the example</strong> (for YAML users), and remember to <strong>include at least one screenshot</strong> for the Module Store.</p>
|
||
<p><strong>Your Module becomes available right after that</strong> (after a Store refresh), so double-check that everything is correctly written and the Module is working as expected. You can of course edit/update the Module after it is shared.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
<div class="module-editor-buttons-container">
|
||
<button class="icon-button" style="flex: 1;" @click=${()=>{try{if(!e._showNewModuleForm&&e._editingModule){const t=e._editingModule.id;"function"==typeof e._clearCurrentModuleError&&e._clearCurrentModuleError(t),function(e,t){if(!t)return;let n;e._originalModuleState?(n=e._originalModuleState,e._originalModuleState=null):n=a.Ki.get(t),n&&(e.lastEvaluatedStyles="",e.stylesYAML=null,a.Ki.set(t,{...n}),e._schemaCache&&delete e._schemaCache[t],e._processedSchemas&&delete e._processedSchemas[t],e.handleCustomStyles&&e.handleCustomStyles(e,e.card),h(t,n),setTimeout(()=>{if(e._config){const t={...e._config};(0,i.rC)(e,"config-changed",{config:t})}e.requestUpdate()},50))}(e,t)}else if(e._showNewModuleForm&&e._editingModule){const t=e._editingModule.id;e._config&&e._config.modules&&t&&(e._config.modules=e._config.modules.filter(e=>e!==t),(0,i.rC)(e,"config-changed",{config:e._config}),a.Ki.has(t)&&a.Ki.delete(t),b(e))}}finally{e._editingModule=null,e._showNewModuleForm=!1,e._previousModuleId=null,m(!1),e.requestUpdate(),setTimeout(()=>(0,u.XY)(e),0)}}}>
|
||
<ha-icon icon="mdi:close"></ha-icon>
|
||
Cancel
|
||
</button>
|
||
|
||
<button class="icon-button ${t||v?"disabled":""}" ?disabled=${t||v} style="flex: 1;" @click=${()=>{t||v||("function"==typeof e._clearCurrentModuleError&&e._editingModule?.id&&e._clearCurrentModuleError(e._editingModule.id),async function(e,t){try{const o=t.id,l=e._config.modules&&e._config.modules.includes(o),d=a.Ki.get(o),u=d&&!0===d.is_global;if(t.editor_raw&&"string"==typeof t.editor_raw)try{const e=s.Ay.load(t.editor_raw);null!==e&&"object"==typeof e&&(t.editor=e)}catch(e){console.warn("Couldn't parse editor schema during save, using fallback:",e)}t.editor_raw&&delete t.editor_raw,t.supported&&t.unsupported&&delete t.unsupported;const p=[{id:"button",name:"Button"},{id:"calendar",name:"Calendar"},{id:"climate",name:"Climate"},{id:"cover",name:"Cover"},{id:"horizontal-buttons-stack",name:"Horizontal buttons stack"},{id:"media-player",name:"Media player"},{id:"pop-up",name:"Pop-up"},{id:"select",name:"Select"},{id:"separator",name:"Separator"},{id:"sub-buttons",name:"Sub-buttons"}].map(e=>e.id);t.supported&&Array.isArray(t.supported)&&t.supported.length===p.length&&p.every(e=>t.supported.includes(e))&&delete t.supported;const{generateYamlExport:f}=await Promise.resolve().then(n.bind(n,397)),g=f(t),v=(0,r.tF)(g,t.id,{title:t.name,defaultCreator:t.creator});u&&(v.is_global=!0),document.dispatchEvent(new CustomEvent("yaml-modules-updated"));const _=Array.from(a.Ki.keys()),w=new Map;_.forEach(e=>{e===t.id?w.set(t.id,v):w.set(e,a.Ki.get(e))}),_.includes(t.id)||w.set(t.id,v),a.Ki.clear(),w.forEach((e,t)=>{a.Ki.set(t,e)}),e._config&&e._config.modules&&(e._config.modules.includes(o)||e._config.modules.push(o),(0,i.rC)(e,"config-changed",{config:e._config}));let x=!1;try{if(await(0,c.ensureBCTProviderAvailable)(e.hass)){await(0,c.writeModuleYaml)(e.hass,o,g);try{a.sq.set(o,"file")}catch(e){}document.dispatchEvent(new CustomEvent("yaml-modules-updated")),x=!0}}catch(e){console.warn("File-based save failed; keeping changes local only:",e)}if(!x)try{a.sq.set(o,"editor")}catch(e){}h(o,v),e.stylesYAML=null,l&&b(e),e._editingModule=null,e._showNewModuleForm=!1,y(e),m(!1)}catch(e){console.error("Error saving module:",e)}finally{m(!1)}}(e,e._editingModule),setTimeout(()=>(0,u.XY)(e),0))}}>
|
||
<ha-icon icon="mdi:content-save"></ha-icon>
|
||
Save Module
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`}function g(){return[{id:"button",name:"Button"},{id:"calendar",name:"Calendar"},{id:"climate",name:"Climate"},{id:"cover",name:"Cover"},{id:"horizontal-buttons-stack",name:"Horizontal buttons stack"},{id:"media-player",name:"Media player"},{id:"pop-up",name:"Pop-up"},{id:"select",name:"Select"},{id:"separator",name:"Separator"},{id:"sub-buttons",name:"Sub-buttons"}]}function y(e){e._processedSchemas&&(e._processedSchemas={}),e._selectedModuleTab=0,"function"==typeof e._getProcessedSchema&&(e._schemaCache?Object.keys(e._schemaCache).forEach(t=>{delete e._schemaCache[t]}):e._schemaCache={}),e.lastEvaluatedStyles="",e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card),(0,i.rC)(e,"editor-refresh",{}),e.requestUpdate(),setTimeout(()=>{e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card),e.requestUpdate(),setTimeout(()=>{if(e._config){const t={...e._config};e.stylesYAML&&(e.stylesYAML=null,document.dispatchEvent(new CustomEvent("yaml-modules-updated"))),(0,i.rC)(e,"config-changed",{config:t}),e.card&&"function"==typeof e.handleCustomStyles&&e.handleCustomStyles(e,e.card)}e.requestUpdate()},100)},50)}function v(e,t){e._originalModuleState=null;const n=a.Ki.get(t);n?(e._editingModule={id:t,...n},m(!0),e._editingModule.code||(e._editingModule.code=""),e._editingModule.editor&&"string"==typeof e._editingModule.editor&&(e._editingModule.editorReference=e._editingModule.editor,e._editingModule.editor=[]),"object"==typeof e._editingModule.editor?e._editingModule.editor_raw=s.Ay.dump(e._editingModule.editor):e._editingModule.editor_raw=e._editingModule.editor||"",e.requestUpdate(),setTimeout(()=>(0,u.XY)(e),0)):console.error(`Module ${t} not found`)}async function _(e,t){if(confirm(`Are you sure you want to delete module "${t}"?`))try{a.Ki.delete(t);try{a.sq.delete(t)}catch(e){}document.dispatchEvent(new CustomEvent("yaml-modules-updated"));let n=!1;try{await(0,c.ensureBCTProviderAvailable)(e.hass)&&(await(0,c.gx)(e.hass,t),document.dispatchEvent(new CustomEvent("yaml-modules-updated")),n=!0)}catch(e){console.warn("File-based deletion failed; keeping changes local only:",e)}e._config&&e._config.modules&&(e._config.modules=e._config.modules.filter(e=>e!==t),(0,i.rC)(e,"config-changed",{config:e._config}),b(e)),y(e),m(!1)}catch(e){console.error("Error deleting module:",e)}finally{m(!1)}}function w(e){if(!e._editingModuleInitialized){e._editingModule=null,e._showNewModuleForm=!1,e._showManualImportForm=!1,e._manualYamlContent="",e._exportContent=null,e._exportType=null,e._exportStep=0,e._schemaCache={},e._processedSchemas={},e._originalModuleState=null,e._previousModuleId=null,e._generateUniqueModuleId=(e="my_module")=>{if(!a.Ki.has(e))return e;let t=1,n=`${e}_${t}`;for(;a.Ki.has(n);)t++,n=`${e}_${t}`;return n};const t=e._generateUniqueModuleId("my_module");e._newModuleTemplate={id:t,name:"My Module",description:"",creator:"",version:"1.0",code:"",editor:""},e._editingModuleInitialized=!0}}},264(e,t,n){n.d(t,{N5:()=>d,extractYamlFromMarkdown:()=>c,oV:()=>l,tF:()=>u});var o=n(382),i=n(933),a=n(937);function r(e){if(!e||"string"!=typeof e)return null;const t=e.trim().toLowerCase().replace(/['"]/g,""),n=(0,a.n$)(),o=n.find(e=>e.id.toLowerCase()===t||e.name.toLowerCase()===t);if(o)return o.id;const i=t.replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,""),r=n.find(e=>e.id.replace(/-/g,"")===i.replace(/-/g,"")||e.name.toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9-]/g,"")===i);return r?r.id:t}function s(e){if(!e||"string"!=typeof e)return[];const t=[...(0,a.n$)()].sort((e,t)=>{const n=(e?.name||e?.id||"").length;return(t?.name||t?.id||"").length-n});let n=e.trim();n=n.replace(/^[\[\(\{]\s*/,"").replace(/\s*[\]\)\}]\s*$/,""),n=n.split("|")[0]||n,n=n.split("**")[0]||n;const o=[],i=(e,t)=>{if(!t)return null;const n=e.trimStart(),o=n.toLowerCase(),i=t.toLowerCase();if(!o.startsWith(i))return null;return(a=o[i.length])&&!/\s|,|;|\||\/|&|\+|\]|\)|\}/.test(a)?null:{length:e.length-n.length+i.length};var a};for(let e=0;e<10;e++){let e=null,a=null;n=n.replace(/^\s*(?:-|\*|•)\s*/g,"");for(const o of t){const t=i(n,o.name),r=i(n,o.id);if(e=t||r,e){a=o;break}}if(!e||!a)break;if(o.includes(a.id)||o.push(a.id),n=n.slice(e.length),n=n.replace(/^\s*(?:,|;|\||\/|&|\+|\band\b|\bor\b)\s*/i,""),!n.trim())break}return o}function l(e){if(!e)return null;try{const t=o.Ay.load(e);if(t&&"object"==typeof t){const e=Object.keys(t);if(e.length>0){if(t[e[0]]?.name)return e[0];for(const n of e)if(t[n]?.name)return n;return e[0]}}}catch(e){console.warn("Error during YAML parsing for key extraction:",e)}try{const t=/^([a-zA-Z0-9_-]+)(?:\s*:|:)/m,n=e.match(t);if(n&&n[1])return n[1]}catch(e){console.warn("Error during key extraction by regex:",e)}return null}function c(e,t=null){if(!e)return"";const n=[...e.matchAll(/```(?:yaml|yml)\s+([\s\S]*?)```/g)];if(n.length>0){for(const e of n){let n=e[1].trim();try{const e=o.Ay.load(n);if(e&&"object"==typeof e){const i=Object.keys(e)[0];if(e[i]?.name||e[i]?.code||e[i]?.description||e[i]?.version)return t&&"object"==typeof e[i]&&!e[i].link&&(e[i].link=t,n=o.Ay.dump(e,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0})),n}}catch(e){}}let e=n[0][1].trim();if(t)try{const n=o.Ay.load(e);if(n&&"object"==typeof n){const i=Object.keys(n)[0];i&&"object"==typeof n[i]&&!n[i].link&&(n[i].link=t,e=o.Ay.dump(n,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0}))}}catch(e){}return e}const i=[...e.matchAll(/```\s*([\s\S]*?)```/g)];if(i.length>0){let e="";for(const t of i){const n=t[1].trim();n.length>e.length&&(e=n)}if(t&&e)try{const n=o.Ay.load(e);if(n&&"object"==typeof n){const i=Object.keys(n)[0];i&&"object"==typeof n[i]&&!n[i].link&&(n[i].link=t,e=o.Ay.dump(n,{indent:2,lineWidth:-1,noRefs:!0,noCompatMode:!0}))}}catch(e){}return e}return""}function d(e){return e&&Array.isArray(e)?e.filter(e=>e&&e.title).map(e=>{try{const t=e.title.match(/\[(.*?)\]/);let n=t?(0,i.TL)(t[1]):`discussion-${e.number}`,o="",a=e.html_url;if(e.body&&(o=c(e.body,a),o)){const e=l(o);e&&(n=e)}const r=u(o,n,{bodyText:e.body,title:e.title,defaultCreator:e.user?.login||""});return{id:r.id,name:r.name,description:r.description,creator:r.creator,version:r.version,moduleLink:e.html_url,type:r.type,imageUrl:r.imageUrl,supportedCards:void 0===r.supported?void 0:Array.isArray(r.supported)?r.supported:r.supported?[r.supported]:[],unsupportedCards:Array.isArray(r.unsupported)?r.unsupported:r.unsupported?[r.unsupported]:[],createdAt:e.created_at,updated_at:e.updated_at,userAvatar:e.user?.avatar_url,comments:e.comments,reactions:e.reactions,yamlContent:o}}catch(t){return console.error(`Error parsing discussion #${e.number}:`,t),{id:`discussion-${e.number}`,name:e.title||`Discussion #${e.number}`,description:"Error parsing the discussion",creator:e.user?.login||"",version:"",moduleLink:e.html_url,type:"",supportedCards:[],unsupportedCards:[],createdAt:e.created_at,updated_at:e.updated_at,userAvatar:e.user?.avatar_url,comments:e.comments,reactions:e.reactions}}}).filter(e=>e.id&&e.name):[]}function u(e,t,n={}){const{bodyText:a,title:l,defaultCreator:c}=n;let d={id:t,name:t,version:"1.0",author:"",description:"",type:"Module",editor:[],supported:["button","climate","cover","horizontal-buttons-stack","media-player","pop-up","select","separator","sub-buttons"],unsupported:[],creator:c||"",link:"",imageUrl:"",yaml:e};const u={name:!1,version:!1,author:!1,creator:!1,description:!1,type:!1,link:!1,supported:!1,unsupported:!1,editor:!1,code:!1,imageUrl:!1,is_global:!1},p=(e,t,n=t,o=[])=>{if(void 0!==e[t])return d[n]=e[t],u[n]=!0,!0;for(const t of o)if(void 0!==e[t]&&!u[n])return d[n]=e[t],u[n]=!0,!0;return!1},b=e=>"string"==typeof e?e:Array.isArray(e)?e.join("\n"):"object"==typeof e?JSON.stringify(e):"";if(e)try{const n=o.Ay.load(e);if(n&&"object"==typeof n){if(1===Object.keys(n).length){const e=Object.keys(n)[0],o=n[e];if(d.id===t&&(d.id=e),o&&"object"==typeof o){if(p(o,"name"),p(o,"version"),p(o,"author"),p(o,"type"),p(o,"code"),p(o,"editor"),p(o,"link"),p(o,"creator"),p(o,"is_global"),p(o,"form_schema","editor"),p(o,"supported","supported",["supported_card","supported_cards"]),p(o,"unsupported","unsupported",["unsupported_card","unsupported_cards"]),o.unsupported&&!o.supported&&!u.supported){const e=["button","climate","cover","horizontal-buttons-stack","media-player","pop-up","select","separator","sub-buttons"];d.supported=e.filter(e=>!o.unsupported.includes(e)),u.supported=!0}void 0!==o.description&&(d.description=b(o.description),u.description=!0),o.info&&"object"==typeof o.info&&(p(o.info,"name"),p(o.info,"version"),p(o.info,"author"),p(o.info,"type"),p(o.info,"creator"),p(o.info,"link"),p(o.info,"supported","supported",["supported_card","supported_cards"]),p(o.info,"unsupported","unsupported",["unsupported_card","unsupported_cards"]),void 0===o.info.description||u.description||(d.description=b(o.info.description),u.description=!0))}}else{if(p(n,"name"),p(n,"version"),p(n,"author"),p(n,"type"),p(n,"code"),p(n,"editor"),p(n,"link"),p(n,"creator"),p(n,"is_global"),p(n,"form_schema","editor"),p(n,"supported","supported",["supported_card","supported_cards"]),p(n,"unsupported","unsupported",["unsupported_card","unsupported_cards"]),n.unsupported&&!n.supported&&!u.supported){const e=["button","climate","cover","horizontal-buttons-stack","media-player","pop-up","select","separator","sub-buttons"];d.supported=e.filter(e=>!n.unsupported.includes(e)),u.supported=!0}void 0!==n.description&&(d.description=b(n.description),u.description=!0)}if(!(u.editor||d.editor&&d.editor.length)){const e=JSON.stringify(n);if(e.includes('"type":')&&e.includes('"name":')&&1===Object.keys(n).length){const e=Object.keys(n)[0],t=n[e];if(t&&"object"==typeof t){const e=Object.keys(t).filter(e=>"object"==typeof t[e]&&(t[e].type||t[e].name||t[e].field));e.length>0&&(d.editor=e.map(e=>({name:e,type:t[e].type||"input",...t[e]})),u.editor=!0)}}}}}catch(e){console.error("Error during YAML analysis:",e)}if(!d.author&&d.creator?d.author=d.creator:!d.creator&&d.author&&(d.creator=d.author),a){if(!u.version){const e=[/\*\*Version:\*\*\s*(v?[\d\.]+)/i,/\|\s*(?:Version|v):\s*(v?[\d\.]+)\s*\|/i,/version\s+(v?[\d\.]+)/i];for(const t of e){const e=a.match(t);if(e&&e[1]){d.version=e[1];break}}}if(!u.description&&!d.description){const e=a.match(/\*\*Description\s*:\*\*\s*(.*?)(?=\n\s*\*\*|\n\s*#|$)/is);if(e&&e[1])d.description=(0,i.yh)(e[1].trim());else{const e=(0,i.yh)(a).split(/\n{2,}/);for(const t of e){const e=t.trim();if(e&&!e.startsWith("#")&&!e.match(/^[a-z_]+\s*:/i)&&e.length>15){d.description=e;break}}}}if(!u.supported){const e=function(e){if(!e||"string"!=typeof e)return null;const t=e.split(/\r?\n/),n=e=>{if(!e||"string"!=typeof e)return!1;const t=e.trim();return/^all(?:\s+cards?)?\b/i.test(t)},o=e=>(e||"").replace(/^\s*>\s*/g,"").trim(),i=e=>{const t=o(e);return!(!t||!/^\[!\w+\]/.test(t)&&!/^#{1,6}\s+/.test(t)&&!/^\*\*[^*]+:\*\*/.test(t))};for(let e=0;e<t.length;e++){const a=t[e],l=o(a);if(!l)continue;if(/unsupported\s*cards?/i.test(l))continue;const c=l.match(/(?:\*\*)?\s*supported\s*(?:cards|card)?\s*:\s*(?:\*\*)?\s*(.*)$/i);if(!c)continue;const d=(c[1]||"").trim();if(d){if(n(d))return;const e=s(d);if(e.length)return e;const t=d.split(",").map(e=>r(e.trim())).filter(Boolean);if(t.length)return[...new Set(t)]}const u=[];for(let a=e+1;a<t.length;a++){const e=t[a],l=o(e);if(!l){if(u.length)break;continue}if(/^\[!\w+\]/.test(l))continue;if(i(e)&&u.length)break;const c=l.match(/^(?:-|\*|•)\s+(.+)$/);if(c){u.push(c[1].trim());continue}if(u.length)break;if(n(l))return;const d=s(l);if(d.length)return d;const p=l.split(",").map(e=>r(e.trim())).filter(Boolean);if(p.length)return[...new Set(p)];break}if(u.length){if(u.some(e=>n(e)))return;const e=u.map(e=>s(e)).flat().filter(Boolean);if(e.length)return[...new Set(e)];const t=u.map(e=>r(e.trim())).filter(Boolean);if(t.length)return[...new Set(t)]}}return null}(a);if(void 0===e?(d.supported=void 0,u.supported=!0):Array.isArray(e)&&e.length>0&&(d.supported=e,u.supported=!0),!u.supported)if(a.match(/\*\*Supported\s*(?:Cards|Card)?\s*:\*\*\s*(?:-\s*)?(?:All|all\s+cards?)/i))d.supported=void 0,u.supported=!0;else{const e=a.match(/\*\*Supported\s*(?:Cards|Card)?\s*:\*\*\s*\[(.*?)\]/i);if(e){const t=e[1].split(",").map(e=>r(e.trim())).filter(e=>e&&e.length>0);t.length>0&&(d.supported=t,u.supported=!0)}else{const e=a.match(/\*\*Supported\s*(?:Cards|Card)?\s*:\*\*\s*([^\n\r]+?)(?=\||\n|$)/i);if(e){const t=e[1].trim();if(!/^(?:All|all\s+cards?)$/i.test(t)){const e=s(t);if(e.length>0)d.supported=e,u.supported=!0;else{const e=t.split(",").map(e=>r(e.trim())).filter(e=>e&&e.length>0);e.length>0&&(d.supported=e,u.supported=!0)}}}}}}if(!(u.creator||d.creator&&d.creator!==c)){const e=a.match(/\*\*Creator\s*:\*\*\s*\[?([^\]\n\r]+)(?:\]|\n|$)/i);e&&(d.creator=e[1].trim(),d.author||(d.author=d.creator))}if(!u.imageUrl&&!d.imageUrl){const e={Screenshot:a.match(/Screenshot:([^#]*?)(?=#|\n\s*\n\s*\*\*|$)/is)?.[1]||"",GetThisModule:a.match(/Get this Module([^#]*?)(?=#|\n\s*\n\s*\*\*|$)/is)?.[1]||""},t=[{regex:/!\[.*?\]\((https:\/\/[^)]+)\)/g,isGlobal:!0},{regex:/<img[^>]*src=["'](https:\/\/[^"']+)["'][^>]*>/i,isGlobal:!1},{regex:/src="(https:\/\/github\.com\/user-attachments\/assets\/[^"]+)"/i,isGlobal:!1}];for(const n of Object.values(e))if(n){for(const e of t)if(e.isGlobal){const t=[...n.matchAll(e.regex)];if(t.length>0){d.imageUrl=t[0][1];break}}else{const t=n.match(e.regex);if(t){d.imageUrl=t[1];break}}if(d.imageUrl)break}if(!d.imageUrl){const e=[...a.matchAll(/!\[.*?\]\((https:\/\/[^)]+)\)/g)];if(e.length>0){const t=e.filter(e=>e[1].includes("user-images.githubusercontent.com")||e[1].includes("github.com/user-attachments"));d.imageUrl=t.length>0?t[0][1]:e[0][1]}else{const e=a.match(/<img[^>]*src=["'](https:\/\/[^"']+)["'][^>]*>/i);e&&(d.imageUrl=e[1])}}}}if(l){if(!u.type){const e=l.match(/\[(.*?) Module\]/i);e&&(d.type=e[1].toLowerCase())}if(!u.version&&"1.0"===d.version){const e=l.match(/(v?[\d\.]+)/);e&&(d.version=e[1])}if(!u.name){let e=l.replace(/\[.*?\]\s*/,"").trim();e=e.replace(/\s*-\s*v?[\d\.]+$/,"").trim(),d.name=e}}return d}},888(e,t,n){n.d(t,{wv:()=>x,sq:()=>m,nO:()=>w,Ki:()=>f});var o=n(134),i=n(382);let a=null;function r(){if(a)return a;const e=new i.ZU("!include",{kind:"scalar",resolve:e=>"string"==typeof e&&e.trim().length>0,construct:e=>{const t=function(e){if("undefined"==typeof XMLHttpRequest)return console.warn("Bubble Card - XMLHttpRequest is unavailable, skipping !include resolution."),null;const t=(n=e)&&"string"==typeof n?n.trim().replace(/^\.\/+/,"").replace(/^\/+/,""):"";var n;if(!t)return null;const o=`/local/bubble/${t}`;try{const e=new XMLHttpRequest;if(e.open("GET",o,!1),e.send(null),200===e.status)return e.responseText;console.error(`Bubble Card - Unable to resolve !include (${o}): HTTP ${e.status}`)}catch(e){console.error(`Bubble Card - Error while loading included YAML (${o}):`,e)}return null}(e);if(!t||!t.trim())return null;try{return i.Hh(t,{schema:r()})}catch(t){return console.error(`Bubble Card - Error parsing included YAML (${e}):`,t),null}}});return a=i.my.extend([e]),a}function s(e){if(!e||"string"!=typeof e)return null;try{return i.Hh(e,{schema:r()})}catch(e){return console.error("Bubble Card - YAML parsing error:",e),null}}const l=["modules","friendly_name","last_updated"],c=["name","code","description","editor","version","creator","link","supported","unsupported","is_global"];function d(e,t,n){var o;t&&"string"==typeof t&&n&&"object"==typeof n&&(o=n)&&"object"==typeof o&&c.some(e=>e in o)&&e.set(t,{id:t,...n})}async function u(e){try{if(!await(0,o.ensureBCTProviderAvailable)(e))return!1;if(await(0,o.rM)(e))return!1;try{if((await(0,o.CS)(e)).filter(e=>e?.name&&e.name.startsWith("modules/")&&/\.ya?ml$/i.test(e.name)).length>0)return await(0,o.rd)(e,{detected:"files_exist"}),document.dispatchEvent(new CustomEvent("yaml-modules-updated")),!0}catch(e){}const t=await async function(e){try{const t="sensor.bubble_card_modules",n=e?.states?.[t];if(!n)return new Map;const o=n.attributes?.modules;if(!o||"object"!=typeof o)return new Map;const i=new Map;return Object.values(o).forEach(e=>{if(!e)return;const t=e.id||null;let n=null;try{if("string"==typeof e.yaml&&e.yaml.trim()){const o=s(e.yaml);if(o&&"object"==typeof o){const e=Object.keys(o);if(1===e.length){const t=e[0];n={id:t,...o[t]||{}}}else t&&o[t]&&"object"==typeof o[t]&&(n={id:t,...o[t]})}}}catch(e){}if(!n){const o={};["name","version","creator","description","supported","unsupported","code","editor","link","is_global"].forEach(t=>{t in e&&(o[t]=e[t])}),t&&(o.id=t),Object.keys(o).length>0&&(n=o)}if(n&&(n.id||t)){const e=n.id||t;i.set(e,{...n,id:e})}}),i}catch(e){return new Map}}(e),n=await async function(){try{const e=`/local/bubble/bubble-modules.yaml?v=${Date.now()}`,t=await fetch(e,{cache:"no-store"});if(!t.ok)return new Map;const n=await t.text();if(!n||!n.trim())return new Map;const o=s(n);return o&&"object"==typeof o?function(e){const t=new Map;return e&&"object"==typeof e?(Object.keys(e).forEach(n=>{l.includes(n)||d(t,n,e[n])}),e.modules&&"object"==typeof e.modules&&Object.keys(e.modules).forEach(n=>{d(t,n,e.modules[n])}),t):t}(o):new Map}catch(e){return new Map}}(),i=new Map(n);t.forEach((e,t)=>{i.set(t,e)});let a=0;for(const[t,n]of i.entries()){if(!t||"string"!=typeof t)continue;try{const n=await(0,o.TA)(e,(0,o.yZ)(t));if(n&&"string"==typeof n.content)continue}catch(e){}const i={...n};delete i.id,await(0,o.writeModuleYaml)(e,t,i),a++}return await(0,o.rd)(e,{entity_count:t.size,yaml_count:n.size,written_count:a}),document.dispatchEvent(new CustomEvent("yaml-modules-updated")),!0}catch(e){return!1}}let p=null,b=!1,h=null,m=new Map,f=new Map,g=new Map,y=!1;function v(e){y||(y=!0,console.warn("Bubble Card - The legacy modules file '/local/bubble/bubble-modules.yaml' was not found (404). This check happens when Bubble Card Tools is not installed or not available. Install Bubble Card Tools to manage modules and stop seeing this 404 in the console: https://github.com/Clooos/Bubble-Card-Tools",{url:e}))}document.addEventListener("yaml-modules-updated",()=>{b=!1,p=null,h=null;try{window.dispatchEvent(new CustomEvent("bubble-card-modules-changed"))}catch(e){}}),window.addEventListener("bubble-card-module-updated",e=>{if(e?.detail?.moduleId&&e?.detail?.moduleData){f.set(e.detail.moduleId,e.detail.moduleData),m.has(e.detail.moduleId)||m.set(e.detail.moduleId,"editor");try{window.dispatchEvent(new CustomEvent("bubble-card-modules-changed"))}catch(e){}}});const _=e=>s(e);function w(e){e.config?.card_type&&!e.stylesYAML&&(e.stylesYAML=b&&p?Promise.resolve(p):x(e))}async function x(e){return b&&p?p:h||(h=(async()=>{try{const t=(0,o.rT)();if(t&&Object.keys(t).length>0)return m.clear(),f.clear(),p={},Object.keys(t).forEach(e=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&(p[e]=t[e],f.set(e,t[e]),m.set(e,"file"))}),b=!0,(async()=>{try{if(!await(0,o.ensureBCTProviderAvailable)(e?._hass))return;try{await u(e?._hass)}catch(e){}const t=await(0,o.Pn)(e?._hass),n={};if(t.forEach((e,t)=>{"modules"!==t&&"friendly_name"!==t&&"last_updated"!==t&&(n[t]=e)}),JSON.stringify(n)!==JSON.stringify(p)){m.clear(),f.clear(),p={},Object.keys(n).forEach(e=>{p[e]=n[e],f.set(e,n[e]),m.set(e,"file")});try{document.dispatchEvent(new CustomEvent("yaml-modules-updated"))}catch(e){}}}catch(e){}})(),p}catch(e){}if(await(0,o.ensureBCTProviderAvailable)(e?._hass)){try{await u(e?._hass)}catch(e){console.warn("Bubble Card - Migration check failed:",e)}const t=(0,o.rT)();if(t&&Object.keys(t).length>0)return m.clear(),f.clear(),p={},Object.keys(t).forEach(e=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&(p[e]=t[e],f.set(e,t[e]),m.set(e,"file"))}),b=!0,(async()=>{try{const t=await(0,o.Pn)(e?._hass),n={};if(t.forEach((e,t)=>{"modules"!==t&&"friendly_name"!==t&&"last_updated"!==t&&(n[t]=e)}),JSON.stringify(n)!==JSON.stringify(p)){m.clear(),f.clear(),p={},Object.keys(n).forEach(e=>{p[e]=n[e],f.set(e,n[e]),m.set(e,"file")});try{document.dispatchEvent(new CustomEvent("yaml-modules-updated"))}catch(e){}}}catch(e){}})(),p;const n=await(0,o.Pn)(e?._hass);return m.clear(),f.clear(),p={},n.forEach((e,t)=>{"modules"!==t&&"friendly_name"!==t&&"last_updated"!==t&&(p[t]=e,f.set(t,e),m.set(t,"file"))}),b=!0,p}const t=await(async()=>{for(const e of["/local/bubble/bubble-modules.yaml"]){const t=`${e}?v=${Date.now()}`;try{const n=await fetch(t,{cache:"no-store"});if(!n.ok){404===n.status&&"/local/bubble/bubble-modules.yaml"===e&&v(t);try{window.bubbleYamlWarning=!0}catch(e){}continue}const o=await n.text(),i=_(o);return!f.size&&i&&Object.entries(i).forEach(([e,t])=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&f.set(e,t)}),g.set(e,i),i}catch(e){console.warn(`Error fetching 'bubble-modules.yaml' from ${t}:`,e);try{window.bubbleYamlWarning=!0}catch(e){}}}return null})(),n=e?._hass?await async function(e){const t=e?.states?.["sensor.bubble_card_modules"];if(!t)return{};if(!t.attributes?.modules)return{};const n={};try{Object.values(t.attributes.modules).forEach(e=>{try{if(!e.yaml&&(e.code||e.description))return void(n[e.id]=e);if(!e.yaml)return}catch(t){console.error(`❌ YAML parsing error for module ${e.id}:`,t),"string"==typeof e.yaml?console.error("Problematic YAML content:",e.yaml.substring(0,100)+"..."):console.error("Problematic YAML content type:",typeof e.yaml)}})}catch(e){console.error("Error while processing modules from text entity:",e)}return n}(e._hass):{};return m.clear(),t&&Object.keys(t).forEach(e=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&m.set(e,"yaml")}),n&&Object.keys(n).forEach(e=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&m.set(e,"entity")}),p={...t||{},...n||{}},f.clear(),Object.entries(p).forEach(([e,t])=>{"modules"!==e&&"friendly_name"!==e&&"last_updated"!==e&&f.set(e,t)}),b=!0,p})(),h)}},766(e,t,n){n.d(t,{Xe:()=>_,_e:()=>m,dn:()=>v});var o=n(957),i=n(888),a=n(933),r=n(264),s=n(241),l=n(868),c=n(382),d=n(134),u=n(716);const p="bubble-card-rate-limit-warning";function b(e){try{const t="number"==typeof e&&Number.isFinite(e)?e:Date.now()+36e5;localStorage.setItem(p,JSON.stringify({resetTime:t}))}catch(e){console.warn("Failed to persist rate limit warning to localStorage",e)}}function h(){try{localStorage.removeItem(p)}catch(e){console.warn("Failed to clear rate limit warning from localStorage",e)}}function m(e){const t=e.hass&&e.hass.states&&e.hass.states["sensor.bubble_card_modules"];if(void 0===e._storeShowOnlyCompatible&&(e._storeShowOnlyCompatible=!0),void 0===e._rankingInfoDismissed)try{e._rankingInfoDismissed="true"===localStorage.getItem("bubble-card-ranking-info-dismissed")}catch(t){e._rankingInfoDismissed=!1}if(void 0===e._rateLimitWarning){const t=function(){try{const e=localStorage.getItem(p);if(!e)return null;const t=JSON.parse(e);return t&&"object"==typeof t?t:null}catch(e){return null}}(),n=t?.resetTime;"number"==typeof n&&n>Date.now()?(e._rateLimitWarning=!0,e._rateLimitResetTime=n):(e._rateLimitWarning=!1,t&&h())}e._dismissRankingInfo=()=>{e._rankingInfoDismissed=!0;try{localStorage.setItem("bubble-card-ranking-info-dismissed","true")}catch(e){console.warn("Failed to save ranking info dismiss state to localStorage",e)}e.requestUpdate()};const n=(0,d.Qy)();if(e._storeBctRetryHandle&&n&&(clearTimeout(e._storeBctRetryHandle),e._storeBctRetryHandle=null),!e.hass||n||e._storeBctCheckAttempted)e.hass&&n&&!e._storeBctCheckAttempted&&(e._storeBctCheckInFlight||(e._storeBctCheckInFlight=!0,e._storeBctCheckAttempted=!0,(0,d.ensureBCTProviderAvailable)(e.hass).finally(()=>{e._storeBctCheckInFlight=!1,(0,d.Qy)()!==n&&e.requestUpdate()})));else{const t=Date.now(),n=e._storeLastBctCheckAt??0,o=n?t-n:1/0,i=n&&o<5e3;if(e._storeBctCheckInFlight||i){if(i&&!e._storeBctRetryHandle){const t=Math.max(50,5e3-o);e._storeBctRetryHandle=setTimeout(()=>{e._storeBctRetryHandle=null,e.requestUpdate()},t)}}else e._storeBctRetryHandle&&(clearTimeout(e._storeBctRetryHandle),e._storeBctRetryHandle=null),e._storeBctCheckInFlight=!0,e._storeBctCheckAttempted=!0,e._storeLastBctCheckAt=t,(0,d.ensureBCTProviderAvailable)(e.hass).finally(()=>{e._storeBctCheckInFlight=!1,e.requestUpdate()})}if(!n){const e=i.Ki&&i.Ki.size>0||t;return o.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Bubble Card Tools required
|
||
</h4>
|
||
<div class="content">
|
||
${e?o.qy`
|
||
<p><b>To use the Module Store and to install/edit modules, install <code>Bubble Card Tools</code>.</b></p>
|
||
<p>Existing modules will still be read from legacy sources for compatibility.</p>
|
||
`:o.qy`
|
||
<p><b>No modules detected yet.</b> To install or edit modules and use the Module Store, install <code>Bubble Card Tools</code>.</p>
|
||
`}
|
||
</div>
|
||
</div>
|
||
`}if(!e._storeModules){const t=(0,s.TJ)();if(t){e._storeModules=t.modules,e._isLoadingStore=!1;const n=Date.now(),o=n-(t.lastFetchedAt||(t.expiration?t.expiration-864e5:0))>216e5,i=t.expiration<n+36e5;(o||i)&&C(e,!0)}else e._isLoadingStore=!0,C(e)}if(e._storeAutoRefreshTimer||(e._storeAutoRefreshTimer=setInterval(()=>{C(e,!0)},216e5)),e._isLoadingStore){const t=e._loadingProgress||0,n=e._loadingStatus||"Loading modules";return o.qy`
|
||
<div class="store-loading">
|
||
<div class="bubble-loading-icon">
|
||
<div class="icon-center-wrapper">
|
||
<ha-icon icon="mdi:puzzle"></ha-icon>
|
||
</div>
|
||
<div class="bubble-loading-orbit">
|
||
<div class="bubble-loading-satellite"></div>
|
||
</div>
|
||
</div>
|
||
<div class="bubble-progress-container">
|
||
<div class="bubble-progress-track">
|
||
<div class="bubble-progress-bar" style="width: ${t}%">
|
||
<div class="bubble-progress-glow"></div>
|
||
</div>
|
||
</div>
|
||
<div class="bubble-progress-percentage">
|
||
<span class="bubble-progress-text">${n}</span>
|
||
<span class="bubble-progress-value">${Math.round(t)}%</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`}return e._storeError?o.qy`
|
||
<div class="bubble-info error">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Loading error
|
||
</h4>
|
||
<div class="content">
|
||
<p>Could not load modules from GitHub: ${e._storeError}</p>
|
||
<mwc-button @click=${()=>C(e)}>
|
||
<ha-icon icon="mdi:refresh" style="margin-right: 8px;"></ha-icon>
|
||
Retry
|
||
</mwc-button>
|
||
</div>
|
||
</div>
|
||
`:([...new Set(e._storeModules.filter(e=>e.type).map(e=>e.type.toLowerCase()))].sort(),void 0===e._zoomedImage&&(e._zoomedImage=null),e._toggleImageZoom=t=>{e._zoomedImage===t?e._zoomedImage=null:e._zoomedImage=t,e.requestUpdate()},o.qy`
|
||
<div class="module-store">
|
||
<div class="store-header">
|
||
<div class="store-header-top">
|
||
<div class="store-header-title">
|
||
<ha-icon icon="mdi:puzzle-plus-outline"></ha-icon>
|
||
<span>Module Store</span>
|
||
</div>
|
||
<div
|
||
class="store-refresh-button"
|
||
@click=${()=>{e._isApiCallInProgress=!1,C(e,!1)}}
|
||
title="Refresh module list"
|
||
>
|
||
<ha-icon icon="mdi:refresh"></ha-icon>
|
||
</div>
|
||
</div>
|
||
<div class="store-search">
|
||
${r=e.hass,r&&(0,u._0)(r,"2026.5")?o.qy`<ha-input-search
|
||
.value=${e._storeSearchQuery||""}
|
||
placeholder="Search modules"
|
||
@input=${t=>{e._storeSearchQuery=t.target.value,e.requestUpdate()}}
|
||
></ha-input-search>`:o.qy`<ha-textfield
|
||
label="Search modules"
|
||
icon
|
||
.value=${e._storeSearchQuery||""}
|
||
@input=${t=>{e._storeSearchQuery=t.target.value,e.requestUpdate()}}
|
||
>
|
||
<slot name="prefix" slot="leadingIcon">
|
||
<ha-icon slot="prefix" icon="mdi:magnify"></ha-icon>
|
||
</slot>
|
||
</ha-textfield>`}
|
||
</div>
|
||
<div class="store-filters">
|
||
|
||
<ha-formfield label="Show only modules compatible with this card">
|
||
<ha-switch
|
||
.checked=${e._storeShowOnlyCompatible??!0}
|
||
@change=${t=>{e._storeShowOnlyCompatible=t.target.checked,e.requestUpdate()}}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
</div>
|
||
</div>
|
||
|
||
${e._rankingInfoDismissed?"":o.qy`
|
||
<div class="bubble-info info">
|
||
<div class="bubble-info-header">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
How modules are ranked
|
||
<div class="bubble-info-dismiss bubble-badge" @click=${e._dismissRankingInfo} title="Dismiss"
|
||
style="
|
||
display: inline-flex;
|
||
align-items: center;
|
||
position: absolute;
|
||
right: 16px;
|
||
padding: 0 8px;
|
||
cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:close" style="margin: 0;"></ha-icon>
|
||
Dismiss
|
||
</div>
|
||
</h4>
|
||
</div>
|
||
<div class="content">
|
||
<p>Due to a limitation in GitHub's API, only top-level reactions like ❤️ 👍 🚀 on the main discussion post are counted for popularity, along with other factors like recent activity, number of comments, updates...</p>
|
||
<p><b>Click the "More info" button and show some love there if you find a module useful!</b></p>
|
||
</div>
|
||
</div>
|
||
`}
|
||
|
||
${e._rateLimitWarning?o.qy`
|
||
<div class="bubble-info warning">
|
||
<div class="bubble-info-header">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
API rate limit reached
|
||
<div class="bubble-info-dismiss bubble-badge" @click=${()=>{e._rateLimitWarning=!1,h(),e.requestUpdate()}} title="Dismiss"
|
||
style="
|
||
display: inline-flex;
|
||
align-items: center;
|
||
position: absolute;
|
||
right: 16px;
|
||
padding: 0 8px;
|
||
cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:close" style="margin: 0;"></ha-icon>
|
||
Dismiss
|
||
</div>
|
||
</h4>
|
||
</div>
|
||
<div class="content">
|
||
<p>GitHub API rate limit was reached. The module list is loaded from cache. ${e._rateLimitResetTime?`Please try again in ${function(e){const t=e-Date.now();if(t<=0)return"now";const n=Math.ceil(t/6e4);if(n<60)return`${n} minute${n>1?"s":""}`;const o=Math.floor(n/60),i=n%60;return 0===i?`${o} hour${o>1?"s":""}`:`${o} hour${o>1?"s":""} and ${i} minute${i>1?"s":""}`}(e._rateLimitResetTime)}.`:"Please try again later."}</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
|
||
<div class="store-modules">
|
||
${f(e).map(t=>{const n=y(t.id),i=v(t.id),r=w(t.id,t.version),s=e._config.card_type??"";let c=!0;return c=Array.isArray(t.supportedCards)?t.supportedCards.includes(s):!t.unsupportedCards||!t.unsupportedCards.includes(s),o.qy`
|
||
<div class="store-module-card">
|
||
<div class="store-module-header ${c?"":"warning"}">
|
||
<div class="bubble-section-title">
|
||
<ha-icon icon="mdi:puzzle"></ha-icon>
|
||
<h3>${t.name}</h3>
|
||
</div>
|
||
|
||
<div class="store-module-meta">
|
||
<div class="store-module-author">
|
||
${t.userAvatar?o.qy`
|
||
<img src="${t.userAvatar}" alt="${t.creator||"Anonymous"}" class="author-avatar">
|
||
`:""}
|
||
<span>by ${t.creator||"Anonymous"}</span>
|
||
</div>
|
||
<div class="version-container">
|
||
${g(t)?o.qy`<span class="bubble-badge new-badge"><ha-icon icon="mdi:bell-outline"></ha-icon> New</span>`:""}
|
||
${c?"":o.qy`<span class="bubble-badge incompatible-badge">Incompatible</span>`}
|
||
${r?o.qy`<span class="bubble-badge update-badge">Update available</span>`:""}
|
||
${i?o.qy`<span class="bubble-badge yaml-badge">YAML</span>`:""}
|
||
<span class="bubble-badge version-badge">${t.version||""}</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="store-module-badges bubble-badges">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="store-module-content">
|
||
<div class="store-module-description">
|
||
${t.description?o.qy`
|
||
<p class="module-description" .innerHTML=${(0,a.bx)(t.description)}></p>
|
||
`:o.qy`
|
||
<p><em>No description</em></p>
|
||
`}
|
||
${t.imageUrl?o.qy`
|
||
<div class="module-preview-container">
|
||
<img src="${t.imageUrl}" alt="${t.name}" class="module-preview-image">
|
||
<div class="module-preview-zoom-btn" @click=${n=>{n.stopPropagation(),e._toggleImageZoom(t.imageUrl)}}>
|
||
<ha-icon icon="mdi:magnify"></ha-icon>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
</div>
|
||
|
||
<div class="store-module-actions bubble-badges">
|
||
${n?o.qy`
|
||
${r?o.qy`
|
||
${x(t)?o.qy`
|
||
<a
|
||
href="${t.moduleLink}"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
class="bubble-badge update-button hoverable"
|
||
style="cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
<span>Update (Manual install)</span>
|
||
</a>
|
||
`:o.qy`
|
||
<div
|
||
@click=${()=>(0,l.G)(e,t)}
|
||
class="bubble-badge update-button hoverable"
|
||
style="cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
<span>Update</span>
|
||
</div>
|
||
`}
|
||
`:o.qy`
|
||
<div class="bubble-badge installed-button">
|
||
<ha-icon icon="mdi:check"></ha-icon>
|
||
<span>${i?"Installed via YAML":"Installed"}</span>
|
||
</div>
|
||
`}
|
||
`:o.qy`
|
||
${x(t)?o.qy`
|
||
<a
|
||
href="${t.moduleLink}"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
class="bubble-badge install-button hoverable"
|
||
style="cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:github"></ha-icon>
|
||
<span>Manual install</span>
|
||
</a>
|
||
`:o.qy`
|
||
<div
|
||
@click=${()=>(0,l.G)(e,t)}
|
||
class="bubble-badge install-button hoverable"
|
||
style="cursor: pointer;"
|
||
>
|
||
<ha-icon icon="mdi:download"></ha-icon>
|
||
<span>Install</span>
|
||
</div>
|
||
`}
|
||
`}
|
||
<a
|
||
href="${t.moduleLink}"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
class="bubble-badge link-button"
|
||
>
|
||
<ha-icon icon="mdi:github"></ha-icon>
|
||
More info / Issue report
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`})}
|
||
</div>
|
||
|
||
${0===f(e).length?o.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
No modules found
|
||
</h4>
|
||
<div class="content">
|
||
<p>No modules match your search criteria. Try modifying your search or filters.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
|
||
<div class="back-to-top-button" @click=${()=>(0,a.XY)(e)}>
|
||
<ha-icon icon="mdi:arrow-up"></ha-icon>
|
||
</div>
|
||
</div>
|
||
|
||
${e._zoomedImage?o.qy`
|
||
<div class="module-preview-fullscreen" @click=${()=>e._toggleImageZoom(null)}>
|
||
<img src="${e._zoomedImage}" alt="Fullscreen preview">
|
||
</div>
|
||
`:""}
|
||
`);var r}function f(e){if(!e._storeModules)return[];let t=[...e._storeModules];const n=new Map([["smart_icons"]]);if(t=t.filter(e=>{const t=e&&e.id;return!t||!n.has(t)||y(t)}),e._storeSearchQuery){const n=e._storeSearchQuery.toLowerCase();t=t.filter(e=>e.name&&e.name.toLowerCase().includes(n)||e.description&&e.description.toLowerCase().includes(n)||e.creator&&e.creator.toLowerCase().includes(n)||e.type&&e.type.toLowerCase().includes(n))}if(e._storeShowOnlyCompatible){const n=e._config.card_type??"";t=t.filter(e=>e.supportedCards&&Array.isArray(e.supportedCards)?e.supportedCards.includes(n):!e.unsupportedCards||!e.unsupportedCards.includes(n))}return e._storeSelectedType&&"all"!==e._storeSelectedType&&(t=t.filter(t=>t.type&&t.type.toLowerCase()===e._storeSelectedType.toLowerCase())),t=(o=t)&&Array.isArray(o)?o.map(e=>{let t=0,n=!1,o=!1;if(e.comments&&(t+=Math.min(e.comments,8),n=!0),e.reactions?.total_count&&(t+=5*e.reactions.total_count,n=!0),e.reactions?.heart&&(t+=10*e.reactions.total_count,n=!0),e.createdAt){const n=new Date(e.createdAt),i=(new Date-n)/864e5;i<=7?(t+=30,o=!0):i<=30?(t+=15,o=!0):i<=90&&(t+=5)}if(e.updated_at){const n=new Date(e.updated_at),i=(new Date-n)/864e5;i<=7?(t+=25,o=!0):i<=30?(t+=15,o=!0):i<=90&&(t+=8)}return n||o||(t-=30),n&&o&&(t+=20),"Clooos"===e.creator&&(t+=100),g(e)&&(t+=1e4),{...e,relevanceScore:t}}).sort((e,t)=>t.relevanceScore-e.relevanceScore):[],t;var o}function g(e){if(!e.createdAt)return!1;const t=new Date(e.createdAt);return(new Date-t)/864e5<=14}function y(e){return i.Ki.has(e)}function v(e){if(!y(e))return!1;if(i.sq.has(e))return"yaml"===i.sq.get(e);try{return!JSON.parse(localStorage.getItem("bubble-card-modules")||"{}")[e]}catch(e){return console.warn("Error checking module installation source:",e),!1}}function _(){const e=Array.from(i.Ki.keys()),t=[];let n=0;const o=(0,s.TJ)();return o&&o.modules&&o.modules.length?(e.forEach(e=>{const a=o.modules.find(t=>t.id===e);a&&w(e,a.version)&&(n++,t.push({id:e,name:a.name||i.Ki.get(e).name||e,currentVersion:i.Ki.get(e).version||"0",newVersion:a.version}))}),{hasUpdates:n>0,updateCount:n,modules:t}):{hasUpdates:!1,updateCount:0,modules:[]}}function w(e,t){if(!y(e)||!t)return!1;const n=(i.Ki.get(e)||{}).version||"0";return(0,a._O)(t,n)>0}function x(e){if(!e||!e.yamlContent)return!0;const t=e.yamlContent.trim();if(!t)return!0;try{const e=c.Ay.load(t);if(!e||"object"!=typeof e)return!0;const n=Object.keys(e);if(n.length>1){let t=0;for(const o of n){const n=e[o];n&&"object"==typeof n&&(n.name||n.code)&&t++}if(t>1)return!0}if(1===n.length){const t=e[n[0]];if(t&&"object"==typeof t){const e=Object.keys(t);let n=0;for(const o of e){const e=t[o];e&&"object"==typeof e&&(e.name||e.code)&&n++}if(n>1)return!0}}if(1===n.length){const t=e[n[0]];if(!t||"object"!=typeof t)return!0;if(!t.name||!t.code)return!0}}catch(e){return console.warn("Error checking module YAML compatibility:",e),!0}return!1}async function C(e,t=!1){if(e._isApiCallInProgress)return;e._isApiCallInProgress=!0;const n=!t&&void 0!==e._storeModules;if(!t){e._isLoadingStore=!0,e._storeError=null,e._loadingProgress=5,e._loadingStatus="Connecting to GitHub",e.requestUpdate();let t=setInterval(()=>{if(!e._isLoadingStore)return void clearInterval(t);const n=e._loadingProgress||0;let o=0;n<40?o=2.5*Math.random():n<60?o=1.5*Math.random():n<75?o=.8*Math.random():n<90&&(o=.3*Math.random()),n<90&&(e._loadingProgress=n+o,e.requestUpdate())},200);e._progressInterval=t}try{if(!n){const n=localStorage.getItem("bubble-card-api-failure-timestamp");if(n){const o=parseInt(n),i=18e5;if(Date.now()-o<i){const n=(0,s.TJ)();return n&&!e._storeModules&&(e._storeModules=n.modules,e._isLoadingStore=!1,e.requestUpdate()),t||(e._loadingStatus="Loading from cache",e._loadingProgress=100,e.requestUpdate(),e._progressInterval&&(clearInterval(e._progressInterval),e._progressInterval=null)),void(e._isApiCallInProgress=!1)}localStorage.removeItem("bubble-card-api-failure-timestamp")}}let o=[],i=1,a=!0,l=!1;for(t||(e._loadingStatus="Downloading module data",e._loadingProgress=Math.max(e._loadingProgress,50),e.requestUpdate());a;){let n,r=0;const s=2;for(;r<=s;)try{if(n=await fetch(`https://api.github.com/repos/Clooos/Bubble-Card/discussions?per_page=100&page=${i}`,{method:"GET",headers:{Accept:"application/vnd.github.v3+json","X-GitHub-Api-Version":"2022-11-28"}}),n.ok||n.status>=400&&n.status<500)break;if(!(r<s))break;console.warn(`⚠️ Server error ${n.status} on page ${i}, retrying in ${500*(r+1)}ms...`),await new Promise(e=>setTimeout(e,500*(r+1))),r++}catch(e){if(!(r<s)){if(console.warn(`⚠️ Network error on page ${i} after ${s} retries:`,e.message),o.length>0){console.warn(`Using ${o.length} discussions from previous pages`),l=!0,a=!1,n=null;break}throw e}console.warn(`⚠️ Network error on page ${i}, retrying in ${500*(r+1)}ms...`),await new Promise(e=>setTimeout(e,500*(r+1))),r++}if(!n)continue;if(t||(e._loadingStatus=`Processing page ${i}`,e._loadingProgress=Math.max(e._loadingProgress,Math.min(50+5*i,80)),e.requestUpdate()),!n.ok){const t=n.headers.get("x-ratelimit-remaining"),r=n.headers.get("x-ratelimit-reset"),s=null!==t?Number(t):null,c=r?1e3*parseInt(r,10):null;if(403===n.status&&0===s&&(c&&(e._rateLimitResetTime=c),e._rateLimitWarning=!0,b(e._rateLimitResetTime)),o.length>0&&n.status>=500){console.warn(`⚠️ Server error on page ${i}, using ${o.length} discussions from previous pages`),l=!0,a=!1;continue}throw localStorage.setItem("bubble-card-api-failure-timestamp",Date.now().toString()),new Error(`REST API Error: ${n.status}`)}const c=await n.json();0===c.length?a=!1:(o=[...o,...c],i++,a&&await new Promise(e=>setTimeout(e,1e3)));const d=n.headers.get("x-ratelimit-remaining"),u=n.headers.get("x-ratelimit-reset");d<=5&&(console.warn("⚠️ API limit approaching, stopping pagination"),l=!0,a=!1,u&&(e._rateLimitResetTime=1e3*parseInt(u)))}t||(e._loadingStatus="Filtering modules",e._loadingProgress=Math.max(e._loadingProgress,85),e.requestUpdate());const c=o.filter(e=>{const t=e.category?.name;return"Share your Modules"===t}),d=(0,r.N5)(c),u=(0,s.TJ)(),p=d.length>0;if(l&&u&&u.modules&&u.modules.length>d.length)return console.warn("⚠️ Rate limit reached with incomplete data, preserving existing cache"),e._rateLimitWarning=!0,b(e._rateLimitResetTime),t||(e._loadingStatus="Rate limit reached - Using cached data",e._loadingProgress=Math.max(e._loadingProgress,95),e.requestUpdate()),await new Promise(e=>setTimeout(e,300)),t||(e._loadingProgress=100,e._loadingStatus="Loaded from cache (API limit reached)",e.requestUpdate()),e._storeModules=u.modules,e._isLoadingStore=!1,e._progressInterval&&(clearInterval(e._progressInterval),e._progressInterval=null),void e.requestUpdate();e._rateLimitWarning=!1,h(),t||(e._loadingStatus="Saving to cache",e._loadingProgress=Math.max(e._loadingProgress,95),e.requestUpdate()),p&&(0,s.aN)(d),t||(await new Promise(e=>setTimeout(e,300)),e._loadingProgress=100,e._loadingStatus="Complete",e.requestUpdate()),t&&e._storeModules||(e._storeModules=p?d:u?.modules||[],e._isLoadingStore=!1,e._progressInterval&&(clearInterval(e._progressInterval),e._progressInterval=null),e.requestUpdate()),t&&e._storeModules&&p&&(e._storeModules=d,e.requestUpdate())}catch(n){if(console.error("Error loading modules:",n),!t){e._loadingStatus="Error - Loading from cache",e._loadingProgress=Math.max(e._loadingProgress,85),e.requestUpdate();const t=(0,s.TJ)();t?(await new Promise(e=>setTimeout(e,300)),e._storeModules=t.modules,e._isLoadingStore=!1,e._loadingProgress=100,e._loadingStatus="Loaded from cache",e.requestUpdate()):(e._storeError=n.message,e._isLoadingStore=!1,e.requestUpdate()),e._progressInterval&&(clearInterval(e._progressInterval),e._progressInterval=null)}}finally{e._isApiCallInProgress=!1,t||e.requestUpdate()}}},933(e,t,n){n.d(t,{TL:()=>l,XY:()=>u,_O:()=>d,a7:()=>i,bx:()=>a,yh:()=>s});var o=n(888);function i(e){const t=o.Ki.get(e)||{};let n=t.name||e,i=t.description||"",a=t.editor||[],r=t.supported||[],s=t.unsupported||[],l=t.creator||t.author||"",c=t.link||"",d=t.version||"";return"string"==typeof a&&(a=o.Ki.get(a)?.editor||[]),Array.isArray(a)||(a=[a]),Array.isArray(r)||(r=[r]),Array.isArray(s)||(s=[s]),s.length>0&&0===r.length&&(r=["button","climate","cover","horizontal-buttons-stack","media-player","pop-up","select","separator","sub-buttons"].filter(e=>!s.includes(e))),{name:n,description:i,formSchema:a,supportedCards:r,unsupportedCard:s,moduleVersion:d,creator:l,moduleLink:c}}function a(e){if(!e)return"No description available";try{const t=/Description:\s*([^\n]+)/i,n=e.match(t);if(n&&n[1]){const e=s(n[1].trim());if(e&&e.length>5)return r(e)}const o=/description:\s*\|([\s\S]*?)(?=\n\s*\w+:|$)/i,i=e.match(o);if(i&&i[1]){const e=i[1].trim().split(/\n{2,}/)[0].trim();if(e&&e.length>5)return r(s(e))}const a=/description:\s*["']([^"']+)["']/i,l=e.match(a);if(l&&l[1]){const e=s(l[1].trim());if(e&&e.length>5)return r(e)}const c=/description:\s*([^\n\r]+)/i,d=e.match(c);if(d&&d[1]){const e=s(d[1].trim());if(e&&e.length>5)return r(e)}const u=e.split("\n");let p=!1,b=[];for(let e=0;e<u.length;e++){const t=u[e].trim();if(t)if(t.includes("Supported cards:")||t.match(/^Version:/i)||t.match(/^Creator:/i)||t.match(/^ID:/i))p=!0;else if(p){if(t.startsWith("```")||t.startsWith("#")||t.startsWith("-")||t.startsWith(">")||t.includes("yaml")||t.match(/^\s*[a-z_]+:/i))continue;if(t.length>10&&!t.includes("Supported")&&(b.push(t),b.join(" ").length>40))break}}return b.length>0?r(s(b.join(" ").trim())):"string"!=typeof e||e.includes("description:")?"No description available":r(s(e))}catch(e){return console.warn("Error during description formatting:",e),"No description available"}}function r(e){if(!e)return e;const t=e.trim(),n=(e,t)=>e>=0&&(-1===o||e<o);let o=-1,i=null;const a=t.search(/[.!?]\s/);n(a)&&(o=a+1,i="punct");const r=t.search(/<br|<\/p>|<p\s|<div|<\/div|<\/a>/i);n(r)&&(o=r,i="html");const s=t.search(/\n|\r\n/);if(n(s)&&(o=s,i="break"),o>=0){let e=t.substring(0,o).trim();if(e.length<5&&t.length>30){const n=t.substring(o+1).search(/[.!?]|\n|<br/i);n>0&&(e=t.substring(0,o+1+n).trim())}return e=e.replace(/<[^>]*>/g,"").trim(),"punct"===i||e.endsWith(".")?e:e+"."}const l=t.replace(/<[^>]*>/g,"").trim();return l.endsWith(".")?l:l+"."}function s(e){return e?e.replace(/\*\*(.*?)\*\*/g,"$1").replace(/\*(.*?)\*/g,"$1").replace(/`(.*?)`/g,"$1").replace(/~~(.*?)~~/g,"$1").replace(/\[(.*?)\]\(.*?\)/g,"$1").replace(/<\/?[^>]+(>|$)/g,"").replace(/^#+\s+/gm,"").replace(/\n{3,}/g,"\n\n").trim():""}function l(e){return e.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}function c(e){return null==e?"":"string"==typeof e?e.trim().replace(/^[vV]/,""):"number"==typeof e?String(e):Array.isArray(e)?e.map(e=>c(e)).filter(Boolean).join("."):"object"==typeof e?"string"==typeof e.version||"number"==typeof e.version?c(e.version):"string"==typeof e.value||"number"==typeof e.value?c(e.value):"":""}function d(e,t){const n=c(e),o=c(t);if(!n||!o)return 0;const i=n.split(".").map(Number),a=o.split(".").map(Number);for(let e=0;e<Math.max(i.length,a.length);e++){const t=i[e]||0,n=a[e]||0;if(t>n)return 1;if(t<n)return-1}return 0}function u(e,t=!0){const n=e.shadowRoot.getElementById("module-editor-top-marker");if(n){const e=t?"smooth":"instant";n.scrollIntoView({behavior:e,block:"start"})}}},388(e,t,n){n.d(t,{DK:()=>C,Qp:()=>w,S1:()=>a,VA:()=>_,jA:()=>x,sW:()=>g,w1:()=>v});var o=n(716),i=n(140);function a(e,t){if(!e||!t||!t.startsWith("light."))return"";const n=e.attributes||{},o=[];return n.rgb_color&&o.push(`rgb:${n.rgb_color.join(",")}`),n.hs_color&&o.push(`hs:${n.hs_color.join(",")}`),n.xy_color&&o.push(`xy:${n.xy_color.join(",")}`),null!=n.color_temp&&o.push(`ct:${n.color_temp}`),null!=n.color_temp_kelvin&&o.push(`ctk:${n.color_temp_kelvin}`),null!=n.brightness&&o.push(`br:${n.brightness}`),n.color_mode&&o.push(`cm:${n.color_mode}`),o.join("|")}const r="bubble-card-icons-cache";let s=null,l=null,c=!1;const d={},u={},p=new WeakMap,b=new Set;try{const e=localStorage.getItem(r);e&&(s=JSON.parse(e))}catch(e){}function h(e){"function"!=typeof e?.requestUpdate?"function"==typeof e?.card?.requestUpdate&&e.card.requestUpdate():e.requestUpdate()}function m(e,t){if(!t)return"";if(null!=e&&t.state?.[e])return t.state[e];if(null!=e&&t.range&&!isNaN(Number(e))){let n=p.get(t.range);n||(n=Object.keys(t.range).map(Number).filter(e=>!isNaN(e)).sort((e,t)=>e-t),p.set(t.range,n));const o=Number(e);if(n.length&&o>=n[0]){let e=n[0];for(const t of n){if(!(o>=t))break;e=t}return t.range[String(e)]||t.default||""}}return t.default||""}const f={ai_task:"mdi:star-four-points",air_quality:"mdi:air-filter",alert:"mdi:alert",automation:"mdi:robot",calendar:"mdi:calendar",climate:"mdi:thermostat",configurator:"mdi:cog",conversation:"mdi:forum-outline",counter:"mdi:counter",date:"mdi:calendar",datetime:"mdi:calendar-clock",demo:"mdi:home-assistant",device_tracker:"mdi:account",google_assistant:"mdi:google-assistant",group:"mdi:google-circles-communities",homeassistant:"mdi:home-assistant",homekit:"mdi:home-automation",image_processing:"mdi:image-filter-frames",image:"mdi:image",input_boolean:"mdi:toggle-switch",input_button:"mdi:button-pointer",input_datetime:"mdi:calendar-clock",input_number:"mdi:ray-vertex",input_select:"mdi:format-list-bulleted",input_text:"mdi:form-textbox",lawn_mower:"mdi:robot-mower",light:"mdi:lightbulb",notify:"mdi:comment-alert",number:"mdi:ray-vertex",persistent_notification:"mdi:bell",person:"mdi:account",plant:"mdi:flower",proximity:"mdi:apple-safari",remote:"mdi:remote",scene:"mdi:palette",schedule:"mdi:calendar-clock",script:"mdi:script-text",select:"mdi:format-list-bulleted",sensor:"mdi:eye",simple_alarm:"mdi:bell",siren:"mdi:bullhorn",stt:"mdi:microphone-message",sun:"mdi:white-balance-sunny",text:"mdi:form-textbox",time:"mdi:clock",timer:"mdi:timer-outline",template:"mdi:code-braces",todo:"mdi:clipboard-list",tts:"mdi:speaker-message",vacuum:"mdi:robot-vacuum",wake_word:"mdi:chat-sleep",weather:"mdi:weather-partly-cloudy",zone:"mdi:map-marker-radius"};function g(e,t=e.config.entity,n=e.config.icon){const i=e?._hass;if(function(e){l||c||!e?.callWS||(l=e.callWS({type:"frontend/get_icons",category:"entity_component"}).then(e=>{s=e?.resources||{};try{localStorage.setItem(r,JSON.stringify(s))}catch(e){}for(const e of b)h(e);b.clear()}).catch(()=>{l=null,c=!0}))}(i),n)return n;const a=i?.entities?.[t]?.icon;if(a)return a;const p=(0,o.D$)(e,"icon",t);if(p)return p;const g=i?.states?.[t];if(!t||!g||!i)return"";const y=function(e,t,n){const o=t.split(".")[0],i=e.entities?.[t],a=n.attributes?.device_class,r=n.state;if(i?.platform&&i?.translation_key){const e=d[i.platform];if(e){const t=m(r,e[o]?.[i.translation_key]);if(t)return t}}if(s){const e=s[o];if(e){const t=m(r,a&&e[a]||e._);if(t)return t}}return f[o]||""}(i,t,g);return y||(b.add(e),function(e,t,n){const o=e.entities?.[t],i=o?.platform;i&&o?.translation_key&&!d[i]&&e?.callWS&&(u[i]||(u[i]=e.callWS({type:"frontend/get_icons",category:"entity",integration:i}).then(e=>{d[i]=e?.resources?.[i]||{},h(n)}).catch(()=>{d[i]={},delete u[i]})))}(i,t,e),"")}const y={"clear-night":"mdi:weather-night",cloudy:"mdi:weather-cloudy",exceptional:"mdi:alert-circle-outline",fog:"mdi:weather-fog",hail:"mdi:weather-hail",lightning:"mdi:weather-lightning","lightning-rainy":"mdi:weather-lightning-rainy",partlycloudy:"mdi:weather-partly-cloudy",pouring:"mdi:weather-pouring",rainy:"mdi:weather-rainy",snowy:"mdi:weather-snowy","snowy-rainy":"mdi:weather-snowy-rainy",sunny:"mdi:weather-sunny",windy:"mdi:weather-windy","windy-variant":"mdi:weather-windy-variant"};function v(e){return y[e]||"mdi:weather-cloudy"}function _(e,t=e.config.entity,n=1){const{card_type:a,use_accent_color:r}=e.config,s=(0,o.D$)(e,"rgb_color",t),l=(0,o.GM)("var(--bubble-button-icon-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))))")?n-.2:n,c=t===e.config.entity&&(0,o.D$)(e,"unit_of_measurement",t)?.includes("°"),d=t===e.config.entity&&e._hass.states[t]?.state?.match(/\d+/);if(!t||c||d)return"var(--bubble-icon-color)";if((0,o.md)(e,"light")&&!r?"button"===a?e.card.classList.add("is-light"):"pop-up"===a&&e.elements.headerContainer.classList.add("is-light"):"button"===a?e.card.classList.remove("is-light"):"pop-up"===a&&e.elements.headerContainer.classList.remove("is-light"),!t.startsWith("light.")||r)return"var(--bubble-accent-color, var(--bubble-default-color))";const u=(0,o.f9)([225,225,210],l);if(!s)return`var(--bubble-light-color, var(--bubble-light-white-color, rgba(${u.join(", ")})))`;const p=(0,o.f9)(s,l);return(0,i.qd)(s)?`var(--bubble-light-color, var(--bubble-light-white-color, rgba(${u.join(", ")})))`:`var(--bubble-light-color, rgba(${p.join(", ")}))`}function w(e,t=e.config.entity,n=!1){if(!n&&(e.config.force_icon||e.config.icon))return"";const i=(0,o.D$)(e,"entity_picture_local",t)||(0,o.D$)(e,"entity_picture",t);return i?e._hass.hassUrl(i):""}function x(e,t){e&&(e.classList.remove("hidden"),e.classList.add("bubble-sub-button-icon","show-icon"),e.classList.toggle("icon-with-state",!!t),e.classList.toggle("icon-without-state",!t))}function C(e,t,n,o={}){const{beforeIconUpdate:i}=o,a=t.image;let r=t.icon;const s=t.showIcon,l=!!n,c=t.isSelect&&t.showArrow,d=!l&&!c;if(s&&a){let t=e.image;t||(t=document.createElement("div"),t.classList.add("bubble-sub-button-image"),t.classList.add("show-icon"),e.appendChild(t),e.image=t);const o=`url(${a})`;return t.style.backgroundImage!==o&&(t.style.backgroundImage=o),t.classList.remove("hidden"),t.classList.add("show-icon"),x(t,n),t.classList.toggle("image-full",d),e.classList.toggle("has-image-full",d),e.icon&&(e.icon.classList.remove("show-icon"),e.icon.classList.add("hidden")),t}if(s){let o=e.icon;if(o||(o=document.createElement("ha-icon"),o.classList.add("bubble-sub-button-icon"),e.appendChild(o),e.icon=o),r){if(i){const n=i(o,t);null!=n&&n instanceof HTMLElement&&n!==o&&(e.icon=n,o=n)}else o.icon!==r&&o.setAttribute("icon",r);o.classList.remove("hidden"),o.classList.add("show-icon"),x(o,n)}else o.classList.remove("show-icon"),o.classList.add("hidden");return e.classList.remove("has-image-full"),e.image&&(e.image.classList.remove("show-icon","image-full"),e.image.classList.add("hidden")),o}return e.classList.remove("has-image-full"),e.icon&&(e.icon.classList.remove("show-icon"),e.icon.classList.add("hidden")),e.image&&(e.image.classList.remove("show-icon","image-full"),e.image.classList.add("hidden")),null}},748(e,t,n){n.d(t,{eX:()=>s,sl:()=>l});const o=new Map,i=new Map,a=new Set;let r=!1;const s=e=>(a.add(e),()=>a.delete(e));function l(e,t,n={}){if(!e?.connection||!t)return;const s=JSON.stringify({template:t,variables:n});if(o.has(s)){const e=o.get(s);return e.lastAccess=Date.now(),e.result}const l=i.get(t);if(l&&!l.unsubscribed)return o.set(s,{result:l.result,unsubscribe:void 0,lastAccess:Date.now()}),l.result;var c,d,u;o.set(s,{result:void 0,unsubscribe:void 0,lastAccess:Date.now()}),(c=e.connection,d=e=>{i.has(t)||i.set(t,{result:void 0,unsubscribed:!1});const n=o.get(s);if(!n)return;const l=n.result;e.error?(console.error("Bubble Card - Template Error:",e.error),n.result=void 0,i.get(t).result=void 0):(n.result=e.result,i.get(t).result=e.result),l!==n.result&&(r||(r=!0,requestAnimationFrame(()=>{r=!1;for(const e of a)try{e()}catch(e){console.error("Error in template change subscriber:",e)}})))},u={template:t,variables:n,strict:!0},c.subscribeMessage(e=>d(e),{type:"render_template",...u})).then(e=>{const t=o.get(s);t?t.unsubscribe=e:e()}).catch(e=>{const n=o.get(s);n&&void 0===n.unsubscribe&&o.delete(s);const a=i.get(t);a&&!0!==a.unsubscribed&&(a.unsubscribed=!0,i.delete(t)),function(e){const t=function(e){if(e instanceof Error){const t=e.name||"Error";return e.message?`${t}: ${e.message}`:t}if(e&&"object"==typeof e){const t="string"==typeof e.name?e.name:"",n="string"==typeof e.message?e.message:"",o=void 0!==e.code?String(e.code):"",i=n||o;if(t||i)return[t,i].filter(Boolean).join(": ");try{return JSON.stringify(e)}catch(t){return Object.prototype.toString.call(e)}}return String(e)}(e),n=function(e,t){return"AbortError"===e?.name||/AbortError|Transition was skipped/i.test(t)}(e,t)?"aborted":"failed";console.warn(`Bubble Card - Template subscription ${n}: ${t}`)}(e)})}},140(e,t,n){n.d(t,{$i:()=>r,Bz:()=>a,qd:()=>i});var o=n(716);function i(e,t=40){if(Array.isArray(e)&&3===e.length){for(let t=0;t<3;t++)if(e[t]<0||e[t]>255)return;return e.every(e=>Math.abs(e-255)<=t)}}function a(e,t,n=1){if(!e||"string"!=typeof e)return`rgba(0, 0, 0, ${t})`;let i;if(e.startsWith("#"))i=4===e.length?"rgba("+Math.min(255,parseInt(e.charAt(1).repeat(2),16)*n)+", "+Math.min(255,parseInt(e.charAt(2).repeat(2),16)*n)+", "+Math.min(255,parseInt(e.charAt(3).repeat(2),16)*n)+", "+t+")":"rgba("+Math.min(255,parseInt(e.slice(1,3),16)*n)+", "+Math.min(255,parseInt(e.slice(3,5),16)*n)+", "+Math.min(255,parseInt(e.slice(5,7),16)*n)+", "+t+")";else if(e.startsWith("rgb")){let o=e.match(/\d+/g);o&&o.length>=3&&(i="rgba("+Math.min(255,o[0]*n)+", "+Math.min(255,o[1]*n)+", "+Math.min(255,o[2]*n)+", "+t+")")}else if(e.startsWith("var(--")){let r=e.slice(4,-1),s=(0,o.EA)().getPropertyValue(r);s&&(s.startsWith("#")||s.startsWith("rgb"))&&(i=a(s,t,n))}return i??`rgba(0, 0, 0, ${t})`}function r(e=!0){const t=(0,o.qL)("var(--primary-background-color, #ffffff)");let n=(0,o.E2)(t)||(0,o.rY)(t)||[255,255,255];const i=[0,145,255].map((e,t)=>Math.round(.7*e+.3*n[t])),a=`rgb(${i[0]}, ${i[1]}, ${i[2]})`;return e&&document.documentElement.style.setProperty("--bubble-default-color",a),a}},642(e,t,n){n.d(t,{VR:()=>u,Xs:()=>f,dN:()=>p,pd:()=>m});var o=n(716);let i;window.isScrolling=!1;let a=!1;function r(){i&&(i.style.transform="translate(-50%, -50%) scale(0)",setTimeout(()=>{i&&(i.style.display="none")},180))}function s(){window.isScrolling=!0,setTimeout(()=>{window.isScrolling=!1},300)}window.__bubbleTapActionsInitialized||(document.addEventListener("scroll",s,{passive:!0}),document.addEventListener("contextmenu",function(e){const t=e.composedPath().find(e=>e.classList?.contains("bubble-action"));if(t&&t.dataset.holdAction)try{"none"!==JSON.parse(t.dataset.holdAction).action&&(e.preventDefault(),e.stopPropagation())}catch(e){}}),document.body.addEventListener("pointerdown",d,{passive:!0}),document.body.addEventListener("touchstart",d,{passive:!0}),window.__bubbleTapActionsInitialized=!0);const l=new WeakMap,c=new Set;function d(e){if(window.isScrolling)return;if(e.touches&&e.touches.length>1||"touch"===e.pointerType&&!1===e.isPrimary)return;const t=e.composedPath().find(e=>e.classList?.contains("bubble-action"));if(e.composedPath().find(e=>e.classList?.contains("close-pop-up")||e.classList?.contains("bubble-close-button")))return;if(!t)return;let n=l.get(t);if(n)n.resetState();else{const e={tap_action:JSON.parse(t.dataset.tapAction),double_tap_action:JSON.parse(t.dataset.doubleTapAction),hold_action:JSON.parse(t.dataset.holdAction),entity:t.dataset.entity};n=new b(t,e,h),l.set(t,n)}try{"pointerdown"===e.type&&t.haRipple&&"function"==typeof t.haRipple.startPress&&t.haRipple.startPress(e)}catch(e){}if(n.handleStart(e),!n.isInteractionInProgress())return;c.add(n);const o=e=>{"none"!==(n.config.hold_action||{action:"none"}).action&&(e.preventDefault(),e.stopPropagation())},i=()=>{t.removeEventListener("pointerup",a),t.removeEventListener("pointercancel",a),t.removeEventListener("touchend",a),t.removeEventListener("touchcancel",a),t.removeEventListener("contextmenu",o),document.removeEventListener("pointerup",a),document.removeEventListener("touchend",a),document.removeEventListener("scroll",r);try{t.haRipple&&"function"==typeof t.haRipple.endPress&&t.haRipple.endPress()}catch(e){}c.delete(n)},a=e=>{n.handleEnd(e),i()},r=()=>{n.handleScroll(),i()};t.addEventListener("pointerup",a,{once:!0}),t.addEventListener("pointercancel",a,{once:!0}),t.addEventListener("touchend",a,{once:!0}),t.addEventListener("touchcancel",a,{once:!0}),t.addEventListener("contextmenu",o),document.addEventListener("pointerup",a,{once:!0}),document.addEventListener("touchend",a,{once:!0}),document.addEventListener("scroll",r,{once:!0})}function u(e,t,n){const o=new Event("hass-action",{bubbles:!0,composed:!0}),i={...t};i.entity&&!i.entity_id&&(i.entity_id=i.entity),"tap"===n||"double_tap"===n||"hold"===n?o.detail={config:i,action:n}:(e.modifiedConfig={...i,tap_action:{...i[n]}},delete e.modifiedConfig[n],o.detail={config:e.modifiedConfig,action:"tap"}),e.dispatchEvent(o)}function p(e,t,n,i={}){e.classList.add("bubble-action");const a=t?.tap_action||i?.tap_action||{action:"none"},r=t?.double_tap_action||i?.double_tap_action||{action:"none"},s=t?.hold_action||i?.hold_action||{action:"none"};e.dataset.entity=t?.entity||n,e.dataset.tapAction=JSON.stringify(a),e.dataset.doubleTapAction=JSON.stringify(r),e.dataset.holdAction=JSON.stringify(s);const l="none"!==a.action||"none"!==r.action||"none"!==s.action;return l&&(e.classList.add("bubble-action-enabled"),e.haRipple=(0,o.n)("ha-ripple"),e.appendChild(e.haRipple)),{tap_action:a,double_tap_action:r,hold_action:s,has_action:l}}class b{constructor(e,t,n){this.element=e,this.config=t,this.sendActionEvent=n,this.tapTimeout=null,this.holdTimeout=null,this.startX=0,this.startY=0,this.lastX=0,this.lastY=0,this.holdFired=!1,this.pointerMoveListener=this.detectScrollLikeMove.bind(this),this.touchMoveListener=this.detectScrollLikeMove.bind(this),this.isDisconnected=!1,this.hasMoved=!1,this.interactionStarted=!1,this.justEndedTouchEventTime=0,this.currentInteractionType=null,this.interactionStartTime=0,this.preventDefaultCalled=!1}isInteractionInProgress(){return this.interactionStarted}resetState(){clearTimeout(this.tapTimeout),clearTimeout(this.holdTimeout),document.removeEventListener("pointermove",this.pointerMoveListener),document.removeEventListener("touchmove",this.touchMoveListener),this.tapTimeout=null,this.holdTimeout=null,this.holdFired=!1,this.hasMoved=!1,this.interactionStarted=!1,this.isDisconnected=!1,this.justEndedTouchEventTime=0,this.currentInteractionType=null,this.interactionStartTime=0,this.preventDefaultCalled=!1,this.startX=0,this.startY=0,this.lastX=0,this.lastY=0}cleanup(){this.isDisconnected=!0,clearTimeout(this.tapTimeout),clearTimeout(this.holdTimeout),document.removeEventListener("pointermove",this.pointerMoveListener),document.removeEventListener("touchmove",this.touchMoveListener),this.tapTimeout=null,this.holdTimeout=null,this.interactionStarted=!1}handleStart(e){const t=Date.now();"pointerdown"===e.type&&t-this.justEndedTouchEventTime<50||window.isScrolling||this.isDisconnected||(this.interactionStarted?"touchstart"===e.type&&"pointerdown"===this.currentInteractionType&&this.interactionStartTime:(this.interactionStarted=!0,this.currentInteractionType=e.type,this.interactionStartTime=t,e.touches&&e.touches.length>1?this.interactionStarted=!1:(this.holdFired=!1,this.hasMoved=!1,e.touches&&e.touches[0]?(this.startX=e.touches[0].clientX,this.startY=e.touches[0].clientY,this.lastX=this.startX,this.lastY=this.startY):(this.startX=e.clientX,this.startY=e.clientY,this.lastX=this.startX,this.lastY=this.startY),document.addEventListener("pointermove",this.pointerMoveListener,{passive:!0}),document.addEventListener("touchmove",this.touchMoveListener,{passive:!0}),this.holdTimeout=setTimeout(()=>{if("none"!==(this.config.hold_action||{action:"none"}).action&&!window.isScrolling){const e=Math.abs(this.lastX-this.startX),t=Math.abs(this.lastY-this.startY);if(Math.sqrt(e*e+t*t)<=15){this.holdFired=!0;const e="touchstart"===this.currentInteractionType;!function(e,t,n){const o=function(e){if(!i){const e=document.createElement("div");i=e,document.body.appendChild(e)}const t=e?100:50;return Object.assign(i.style,{position:"fixed",width:`${t}px`,height:`${t}px`,transform:"translate(-50%, -50%) scale(0)",pointerEvents:"none",zIndex:"999",background:"var(--primary-color)",display:"none",opacity:"0.4",borderRadius:"50%",transition:"transform 180ms ease-in-out"}),a||(["touchcancel","mouseout","mouseup","touchmove","mousewheel","wheel","scroll","pointercancel"].forEach(e=>{document.addEventListener(e,()=>{r()},{passive:!0})}),a=!0),i}(n),s=n?100:50;o.style.width=`${s}px`,o.style.height=`${s}px`,o.style.left=`${Math.round(e)}px`,o.style.top=`${Math.round(t)}px`,o.style.display="block",o.offsetWidth,o.style.transform="translate(-50%, -50%) scale(1)"}(this.startX,this.startY,e)}}},500))))}detectScrollLikeMove(e){let t,n;e.touches&&e.touches[0]?(t=e.touches[0].clientX,n=e.touches[0].clientY):(t=e.clientX,n=e.clientY),this.lastX=t,this.lastY=n;const o=Math.abs(t-this.startX),i=Math.abs(n-this.startY),a=Math.sqrt(o*o+i*i);(o>5||i>5)&&(this.hasMoved=!0,s(),a>15&&(clearTimeout(this.holdTimeout),this.holdTimeout=null,document.removeEventListener("pointermove",this.pointerMoveListener),document.removeEventListener("touchmove",this.touchMoveListener)))}handleEnd(e){if("touchend"!==e.type&&"touchcancel"!==e.type||(this.justEndedTouchEventTime=Date.now()),!this.interactionStarted)return;let t,n;e.changedTouches&&e.changedTouches[0]?(t=e.changedTouches[0].clientX,n=e.changedTouches[0].clientY):(t=e.clientX,n=e.clientY);const o=Math.abs(t-this.startX),i=Math.abs(n-this.startY),a=Math.sqrt(o*o+i*i),s=this.holdFired&&a<=15;if(window.isScrolling||this.isDisconnected||this.hasMoved&&!s)return this.interactionStarted=!1,void r();clearTimeout(this.holdTimeout),this.holdTimeout=null,document.removeEventListener("pointermove",this.pointerMoveListener),document.removeEventListener("touchmove",this.touchMoveListener);const l=this.holdFired,c=Date.now(),d=this.config.double_tap_action||{action:"none"},u=this.config.tap_action||{action:"none"};let p=!1;if(l?this.sendActionEvent(this.element,this.config,"hold"):this.lastTap&&c-this.lastTap<200&&"none"!==d.action?(clearTimeout(this.tapTimeout),this.sendActionEvent(this.element,this.config,"double_tap"),p=!0):"none"!==u.action&&("none"!==d.action?(this.tapTimeout=setTimeout(()=>{this.isDisconnected||this.holdFired||this.hasMoved||this.sendActionEvent(this.element,this.config,"tap")},200),p=!0):(this.sendActionEvent(this.element,this.config,"tap"),p=!0)),p||l){e.cancelable&&e.preventDefault();const t=e=>{const t=e.composedPath().find(e=>e.classList&&e.classList.contains("bubble-pop-up"));let n=!0;t&&"true"===t.dataset.closeOnClick&&(n=!1),n&&e.stopPropagation(),l&&e.preventDefault()};document.body.addEventListener("click",t,{capture:!0,once:!0}),setTimeout(()=>{document.body.removeEventListener("click",t,{capture:!0})},350)}this.lastTap=c,this.interactionStarted=!1,r()}handleScroll(){this.hasMoved=!0,clearTimeout(this.holdTimeout),this.holdTimeout=null,document.removeEventListener("pointermove",this.pointerMoveListener),document.removeEventListener("touchmove",this.touchMoveListener),this.interactionStarted=!1}}function h(e,t,n){const o=t.tap_action||{action:"more-info"},i=t.double_tap_action||{action:"none"},a=t.hold_action||{action:"none"},r=t.entity||this.config?.entity,s=e=>e.service&&"entity"===e.target?.entity_id&&r?{...e,target:{...e.target,entity_id:r}}:e,l=s(o),c=s(i),d=s(a);let p;switch(n){case"tap":default:p=l;break;case"double_tap":p=c;break;case"hold":p=d}u(e,{entity:r,tap_action:l,double_tap_action:c,hold_action:d},n)}function m(e,t){e.addEventListener("pointerup",e=>{e.cancelable&&e.preventDefault(),(0,o.jp)("selection")})}function f(){for(const e of c)e.cleanup();c.clear()}},216(e,t,n){n.d(t,{I:()=>h,N:()=>b});const o=new WeakMap,i='<span class="bubble-scroll-separator"> | </span>',a=new Set;let r=0,s=!1,l=null,c=null;function d(){return c||(c=new IntersectionObserver(e=>{for(const t of e){const e=o.get(t.target);e?.span&&(e.span.style.animationPlayState=t.isIntersecting?"running":"paused")}},{threshold:.1})),c}function u(){r||(s=!0,r=requestAnimationFrame(()=>{s=!1,function(){r=0;const e=[...a];a.clear();const t=[];for(const n of e){const e=o.get(n);if(!e||!n.isConnected)continue;const i=n.clientWidth,a=e.animated&&e.span?.isConnected?e.span.scrollWidth/2:n.scrollWidth;t.push({el:n,state:e,content:a,needsScroll:a>i+2})}for(const{el:e,state:n,content:o,needsScroll:a}of t)if(n.animated){if(a)n.span&&n.span.isConnected&&(n.span.style.animationDuration=p(o));else if(e.removeAttribute("data-animated"),e.innerHTML=n.text,n.pendingInnerHTML&&(n.pendingInnerHTML=!1),n.animated=!1,n.span=null,c)try{c.unobserve(e)}catch(e){}}else if(a){e.innerHTML=`<div class="scrolling-container"><span>${n.text}${i}${n.text}${i}</span></div>`,e.setAttribute("data-animated","true");const t=e.querySelector(".scrolling-container span");n.animated=!0,n.span=t,t&&(t.style.animationDuration=p(o)),d().observe(e)}else n.pendingInnerHTML&&(e.innerHTML=n.text,n.pendingInnerHTML=!1)}()}))}function p(e){return`${Math.max(1,e/16).toFixed(2)}s`}function b(e,t,n){const{scrolling_effect:r=!0}=e.config;if(!r){if((t.previousText!==n||o.has(t))&&function(e,t){e.innerHTML=t,e.previousText=t,Object.assign(e.style,{whiteSpace:"normal",display:"-webkit-box",WebkitLineClamp:"2",WebkitBoxOrient:"vertical",textOverflow:"ellipsis",overflow:"hidden"})}(t,n),l)try{l.unobserve(t)}catch(e){}if(c)try{c.unobserve(t)}catch(e){}return void o.delete(t)}if(t.previousText===n&&o.has(t))return;t.previousText=n;const d=o.get(t);if(d)return d.text,d.text=n,d.animated&&d.span?d.span.innerHTML=`${n}${i}${n}${i}`:(s?d.pendingInnerHTML=!0:t.innerHTML=n,d.animated=!1,d.span=null),a.add(t),void u();"true"===t.getAttribute("data-animated")&&t.removeAttribute("data-animated"),o.set(t,{text:n,animated:!1,span:null}),t.innerHTML=n,t.style.cssText="",(l||(l=new ResizeObserver(e=>{for(const t of e){const e=t.target;if(e.isConnected)o.has(e)&&a.add(e);else{if(l.unobserve(e),c)try{c.unobserve(e)}catch(e){}o.delete(e)}}u()})),l).observe(t),a.add(t),u()}function h(e){try{const t=e.querySelectorAll("*");for(const e of t){if(!o.has(e)&&void 0===e.previousText)continue;if(l)try{l.unobserve(e)}catch(e){}if(c)try{c.unobserve(e)}catch(e){}const t=o.get(e);t&&("true"===e.getAttribute("data-animated")&&(e.removeAttribute("data-animated"),e.innerHTML=t.text||e.textContent||""),o.delete(e)),delete e.previousText}}catch(e){}}},716(e,t,n){n.d(t,{$C:()=>B,$z:()=>be,C$:()=>L,D$:()=>M,E2:()=>x,EA:()=>g,GM:()=>$,Gu:()=>T,HD:()=>j,IU:()=>pe,JK:()=>G,Nv:()=>y,PF:()=>H,Vw:()=>U,_0:()=>c,bE:()=>R,df:()=>F,f9:()=>S,j9:()=>V,jp:()=>r,ls:()=>z,mG:()=>E,m_:()=>I,md:()=>P,n:()=>q,nF:()=>Q,oo:()=>s,qL:()=>w,qo:()=>ue,r6:()=>O,rC:()=>a,rY:()=>C}),n(140);var o=n(653),i=n(388);const a=(e,t,n,o)=>{o=o||{},n=null==n?{}:n;const i=new Event(t,{bubbles:void 0===o.bubbles||o.bubbles,cancelable:Boolean(o.cancelable),composed:void 0===o.composed||o.composed});return i.detail=n,e.dispatchEvent(i),i},r=e=>{a(window,"haptic",e)},s=(e,t,n=!1)=>{n?history.replaceState(null,"",t):history.pushState(null,"",t),a(window,"location-changed",{replace:n})};function l(e){if(null==e)return"";const t="string"==typeof e||"number"==typeof e?String(e).trim():"";if(!t)return"";const n=t.match(/\d+/g);return n?n.join("."):""}function c(e,t){const n=e?.config?.version;return!(!n||!t)&&function(e,t){const n=l(e),o=l(t);if(!n||!o)return 0;const i=n.split(".").map(Number),a=o.split(".").map(Number),r=Math.max(i.length,a.length);for(let e=0;e<r;e++){const t=i[e]||0,n=a[e]||0;if(t>n)return 1;if(t<n)return-1}return 0}(n,t)>=0}const d=new Map;let u=null,p=null,b=0,h=!1;function m(){u=null,p=null,b++,h=!1}function f(){h||(requestAnimationFrame(m),h=!0)}function g(){return u||(u=getComputedStyle(document.documentElement),f()),u}function y(){return p||(p=getComputedStyle(document.body),f()),p}const v=new Map;let _=-1;function w(e){if(!e)return"";if(_!==b&&(v.clear(),_=b),v.has(e))return v.get(e);let t=e;if(!t.startsWith("var("))return v.set(e,t),t;const n=y();let o=0;for(;t&&t.startsWith("var(")&&o<10;){const e=t.match(/var\((--[^,]+),?\s*(.*)?\)/);if(!e)break;const[,i,a]=e;t=n.getPropertyValue(i).trim()||a&&a.trim()||"",o++}return v.set(e,t),t}function x(e){const t=e.match(/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i);return t?[parseInt(t[1],16),parseInt(t[2],16),parseInt(t[3],16)]:null}function C(e){const t=e.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)/i);return t?[parseInt(t[1],10),parseInt(t[2],10),parseInt(t[3],10)]:null}function k(e,t,n){return(.2126*e+.7152*t+.0722*n)/255}function $(e,t=.5){const n=w(e);if(!n)return!1;if(d.has(n))return d.get(n);let o=x(n)||C(n);if(!o)return d.set(n,!1),!1;const i=k(...o)>t;return d.set(n,i),i}function S(e,t){return e.map(e=>Math.min(255,Math.round(e*t)))}function A(e,t,n=15){return!(!e||!t||3!==e.length||3!==t.length)&&Math.abs(e[0]-t[0])+Math.abs(e[1]-t[1])+Math.abs(e[2]-t[2])<=n}function L(e,t=e.config.entity,n=!0,o=null,a=null){const r=e.config.use_accent_color;!n&&t?.startsWith("light.")&&(e.config.use_accent_color=!0);const s=(0,i.VA)(e,t);!n&&t?.startsWith("light.")&&(e.config.use_accent_color=r);try{let i=w(s);if(i&&i.startsWith("var(")){const e=i.match(/var\((--[^,]+),?\s*(.*)?\)/);if(e){const[,t]=e,n=g().getPropertyValue(t).trim();n&&(i=n)}}const r=x(i)||C(i);if(!r)return s;const l=n&&t?.startsWith("light.")&&!e.config.use_accent_color;let c=!1;if(a){let e=w(a);if(e&&e.startsWith("var(")){const t=e.match(/var\((--[^,]+),?\s*(.*)?\)/);if(t){const[,n]=t,o=g().getPropertyValue(n).trim();o&&(e=o)}}const t=x(e)||C(e);t&&A(r,t)&&(c=!0)}if(!l&&o){let e=w(o);if(e&&e.startsWith("var(")){const t=e.match(/var\((--[^,]+),?\s*(.*)?\)/);if(t){const[,n]=t,o=g().getPropertyValue(n).trim();o&&(e=o)}}const t=x(e)||C(e);t&&A(r,t)&&(c=!0)}if(!l&&!c)return s;const d=w("var(--primary-text-color, #ffffff)"),u=x(d)||C(d),p=!u||k(...u)>.5,b=S(r,l?p?.84:1.16:p?.92:1.08);return`rgb(${b[0]}, ${b[1]}, ${b[2]})`}catch(e){return s}}function E(e){const t=e.config.name,n=M(e,"friendly_name");return e.name||t||n||""}function T(e,t=e.config.entity){return e._hass.states[t]?.state??""}function M(e,t,n=e.config.entity){if(!t)return"";try{const o=e?._hass?.states?.[n]?.attributes;if(!o)return"";if(t.includes(" ")){const e=o[t];return 0===e?"0":e??""}const i=function(e,t){if(!e||!t||"string"!=typeof t)return;const n=/[^.\[\]]+|\[(?:'([^']+)'|"([^"]+)"|(\d+))\]/g;let o,i=e;for(;(o=n.exec(t))&&null!=i;){const[,e,t,n]=o,a=void 0!==n?Number(n):void 0!==e?e:void 0!==t?t:o[0],r=void 0!==e||void 0!==t||void 0!==n?a:o[0];i=i?.[r]}return i}(o,t);return 0===i?"0":i??""}catch(e){return console.warn(`Error accessing attribute '${t}' for entity '${n}':`,e),""}}function P(e,t,n){return void 0===n&&(n=e?.config?.entity),n&&"string"==typeof n&&n.startsWith(t+".")||!1}function B(e,t=e.config.entity){const n=T(e,t).toLowerCase(),o=M(e,"unit_of_measurement",t)?.includes("°"),i=Number(n);return!!(["on","open","opening","closing","cleaning","true","home","playing","locked","unlocked","occupied","available","running","active","connected","online","mowing","edgecut","starting","heat","cool","dry","heat_cool","fan_only","auto","alarm","error"].includes(n)||i||o)}function I(e,t=e.config.entity){const n=T(e,t).toLowerCase();return["unlocked","error"].includes(n)}function q(e,t=""){const n=document.createElement(e);return""!==t&&t.split(" ").forEach(e=>{n.classList.add(e)}),n}function O(e,t){if(!e)return"";const n=new Date(e),o=new Date;let i,a,r=Math.floor((o-n)/1e3);return isNaN(r)?"":(r<60?(i="second",a=r+1):r<3600?(i="minute",a=Math.round(r/60)):r<86400?(i="hour",a=Math.round(r/3600)):(i="day",a=Math.round(r/86400)),new Intl.RelativeTimeFormat(t,{numeric:"auto"}).format(-a,i))}function U(e){return e&&"string"==typeof e&&e.startsWith("timer.")}function z(e){if(!e||!e.attributes)return;if(!e.attributes.remaining)return;let t=function(e){if(!e)return 0;if("number"==typeof e)return e;if("string"==typeof e){let t=0;const n=e.match(/PT(?:(\d+)H)?(?:(\d+)M)?(?:(\d+)S)?/);if(n)return t+=3600*parseInt(n[1]||0,10),t+=60*parseInt(n[2]||0,10),t+=parseInt(n[3]||0,10),t;const o=e.split(":").map(e=>parseInt(e,10));if(3===o.length)return 3600*o[0]+60*o[1]+o[2];if(2===o.length)return 60*o[0]+o[1]}return 0}(e.attributes.remaining);if("active"===e.state&&e.attributes.finishes_at){const n=(new Date).getTime(),o=new Date(e.attributes.finishes_at).getTime();t=Math.max((o-n)/1e3,0)}return t}function H(e,t,n){if(!t)return null;if("idle"===t.state||0===n)return e.formatEntityState(t);let o=function(e){if(null==e||isNaN(e))return null;const t=Math.floor(e);if(t<0)return"0";const n=Math.floor(t/3600),o=Math.floor(t%3600/60),i=t%60;return n>0?`${n}:${String(o).padStart(2,"0")}:${String(i).padStart(2,"0")}`:o>0?`${o}:${String(i).padStart(2,"0")}`:`0:${String(i).padStart(2,"0")}`}(n||0)||"0";return"paused"===t.state&&(o=`${o} (${e.formatEntityState(t)})`),o}const N=new WeakMap,D=new WeakMap;function j(e,t,n){R(e);const o=e._hass?.states?.[t];if(!o||"active"!==o.state)return;const i=setInterval(()=>{if(!e._hass?.states?.[t])return void R(e);const o=e._hass.states[t];o&&"active"===o.state?n&&n():R(e)},1e3);N.set(e,i)}function R(e){const t=N.get(e);t&&(clearInterval(t),N.delete(e))}function F(e,t,n,o){V(e);const i=t._hass?.states?.[n];if(!i||"active"!==i.state)return;const a=setInterval(()=>{if(!e.isConnected)return void V(e);if(!t._hass?.states?.[n])return void V(e);const i=t._hass.states[n];i&&"active"===i.state?o&&o():V(e)},1e3);D.set(e,a)}function V(e){const t=D.get(e);t&&(clearInterval(t),D.delete(e))}let W=null,Y=null,K=null,J=null,X=!1;function G(e,t=null,n=null){const i=t||e.content;if(!i)return;let a;if(n)a=e.config.card_layout??n;else{X||(W=document.querySelector("body > home-assistant"),Y=W?.shadowRoot?.querySelector("home-assistant-main"),K=Y?.shadowRoot?.querySelector("ha-drawer > partial-panel-resolver > ha-panel-lovelace"),J=K?.shadowRoot?.querySelector("hui-root"),W&&Y&&K&&J?X=!0:(W=null,Y=null,K=null,J=null,X=!1)),J&&!J.isConnected&&(X=!1,W=null,Y=null,K=null,J=null);let t="normal";if(J?.shadowRoot){const e=J.shadowRoot.querySelector("#view > hui-view > hui-masonry-view");window.isSectionView=!e,t=window.isSectionView?"large":"normal"}a=e.config.card_layout??t;try{const t=e?.config?.sub_button;if(!!t&&!Array.isArray(t)&&(Array.isArray(t.bottom)?t.bottom:[]).some(e=>!!e)){const t=Boolean(window.isSectionView),n=e?.config?.card_layout,o=Object.prototype.hasOwnProperty.call(e?.config,"card_layout"),i=null==n||"normal"===n;if(t&&o&&"normal"===n)try{delete e.config.card_layout}catch(t){const n={...e.config};delete n.card_layout,e.config=n}else!t&&i&&(a="large",e.config.card_layout="large")}}catch(e){}}if(e.previousLayout===a)return;e.previousLayout=a;const r="large"===a||"large-2-rows"===a||"large-sub-buttons-grid"===a,s="large-2-rows"===a,l="large-sub-buttons-grid"===a;i.classList.toggle("large",r),i.classList.toggle("rows-2",s),i.classList.toggle("sub-buttons-grid",l),(()=>{const t=e.elements?.buttonsContainer,n=e.elements?.cardWrapper,o=e.elements?.bottomSubButtonContainer;if(!t||!n)return;const i=e.config?.main_buttons_position||"default",a=e.config?.main_buttons_alignment||"end",r=e.config?.main_buttons_full_width??"bottom"===i;if(t.classList.remove("bottom-fixed","full-width","align-start","align-center","align-end","align-space-between"),n.classList.remove("has-bottom-buttons"),o?.classList.remove("with-main-buttons-bottom"),"bottom"!==i)return;const s={start:"align-start",center:"align-center",end:"align-end","space-between":"align-space-between"}[a]||"align-end";t.classList.add("bottom-fixed",s),r&&t.classList.add("full-width"),n.classList.add("has-bottom-buttons"),"true"!==e?.popUp?.dataset?.bubblePopupOpening&&!t.classList.contains("hidden")&&"none"!==t.style.display&&"none"!==getComputedStyle(t).display&&o?.classList.add("with-main-buttons-bottom")})(),(0,o.iJ)(e),i===e.content&&e.elements?.mainContainer&&(e.config.rows||e.config.grid_options?.rows)?"auto"===e.config.rows||"auto"===e.config.grid_options?.rows||e.elements.mainContainer.style.setProperty("--row-size",e.config.rows||e.config.grid_options?.rows):"separator"===e.config.card_type&&e.elements.mainContainer.style.setProperty("--row-size",.8)}function Q(e,t=300){let n,o,i=new Date(0);return(...a)=>{o=a;const r=Date.now()-i;r>=t?(i=Date.now(),e(...o)):n||(n=setTimeout(()=>{n=void 0,i=Date.now(),e(...o)},t-r))}}const Z="bubble-body-scroll-locked",ee="bubble-card-scroll-lock-layer",te="bubble-scroll-lock-layer",ne="is-active",oe="bubble-card-no-scroll-styles",ie=`\n .${te} {\n position: fixed;\n inset: 0;\n z-index: 4;\n display: none;\n background: transparent;\n pointer-events: none;\n touch-action: none;\n overscroll-behavior: none;\n }\n\n .${te}.${ne} {\n display: block;\n pointer-events: auto;\n }\n `;let ae=null,re=null;const se=(()=>{if("undefined"==typeof window||"function"!=typeof window.addEventListener)return!1;let e=!1;try{const t={get passive(){e=!0}};window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}return e})()?{passive:!1}:void 0;function le(e){e?.touches?.length>1||e?.targetTouches?.length>1||!1!==e?.cancelable&&e.preventDefault?.()}function ce(e){le(e)}function de(e){le(e)}function ue(e){const t=document.body;if(!t)return;const n=t.classList.contains(Z);if(e){if(n)return;!function(){if(!document?.head)return;if(ae?.parentNode)return void(ae.textContent!==ie&&(ae.textContent=ie));let e=document.getElementById(oe);e||(e=document.createElement("style"),e.id=oe,document.head.appendChild(e)),e.textContent!==ie&&(e.textContent=ie),ae=e}();const e=function(){if(!document?.body)return null;if(re?.parentNode===document.body)return re;let e=document.getElementById(ee);return e||(e=document.createElement("div"),e.id=ee,e.setAttribute("aria-hidden","true"),e.classList.add(te),document.body.appendChild(e)),e.classList.contains(te)||e.classList.add(te),e._bubbleScrollLockListenersAdded||(e.addEventListener("touchmove",ce,se),e.addEventListener("wheel",de,se),e._bubbleScrollLockListenersAdded=!0),re=e,e}();return t.classList.add(Z),void e?.classList.add(ne)}n&&(t.classList.remove(Z),(re?.parentNode===document.body||(re=document.getElementById(ee)),re)?.classList.remove(ne))}function pe(e,t=0,n="",o="en-US"){const i=Number(e);if(Number.isNaN(i))return"";const a=i.toLocaleString(o,{minimumFractionDigits:t,maximumFractionDigits:t,useGrouping:!1});return n?`${a} ${n}`:a}function be(e){return"°C"===e?.config?.unit_system?.temperature?"°C":"°F"}},315(e,t,n){n.d(t,{XH:()=>s,db:()=>c,eC:()=>r});var o=n(748);function i(e,t){try{if(e.states[t])return e.states[t]?.state}catch{}}function a(e,t){const n=e.entity_id||e.entity,o=n&&t.states[n]?t.states[n]:null,a=o?e.attribute&&o.attributes?o.attributes[e.attribute]:o.state:"unavailable";let s=e.state??e.state_not;if(Array.isArray(s)){const e=s.map(e=>i(t,e)).filter(e=>void 0!==e);s=[...s,...e]}else if("string"==typeof s){const e=i(t,s);s=[s],e&&s.push(e)}return null!=e.state?r(s).includes(a):null!=e.state_not&&!r(s).includes(a)}function r(e){return void 0===e||Array.isArray(e)?e:[e]}function s(e,t){return e.every(e=>{if(e&&!1===e.enabled)return!0;if("condition"in e)switch(e.condition){case"screen":return!!(n=e).media_query&&matchMedia(n.media_query).matches;case"user":return function(e,t){return!(!e.users||!t.user?.id)&&e.users.includes(t.user.id)}(e,t);case"numeric_state":return function(e,t){const n=(a=e.entity_id||e.entity,Array.isArray(a)?a.filter(Boolean):a?[a]:[]);var a;if(!n.length)return!1;let r=e.above,s=e.below;"string"==typeof r&&(r=i(t,r)??r),"string"==typeof s&&(s=i(t,s)??s);const l=Number(r),c=Number(s);return n.some(n=>{const i=t.states[n];if(!i)return!1;let a=e.attribute&&i.attributes?i.attributes[e.attribute]:i.state;if(e.value_template){const r=(0,o.sl)(t,e.value_template,{value:a,entity:i,entity_id:n});void 0!==r&&(a=r)}const r=Number(a);return!isNaN(r)&&(null==e.above||isNaN(l)||l<r)&&(null==e.below||isNaN(c)||c>r)})}(e,t);case"template":return function(e,t){if(!e.value_template)return!1;const n=(0,o.sl)(t,e.value_template);return!0===n||"true"===n||1===n||"1"===n||"True"===n}(e,t);case"and":return function(e,t){return!e.conditions||s(e.conditions,t)}(e,t);case"or":return function(e,t){return!e.conditions||e.conditions.some(e=>s([e],t))}(e,t);case"not":return function(e,t){return!e.conditions||!e.conditions.some(e=>s([e],t))}(e,t);default:return a(e,t)}var n;return a(e,t)})}function l(e){return null!=(e.entity_id||e.entity)&&(null!=e.state||null!=e.state_not)}function c(e){return e.every(e=>{if(e&&!1===e.enabled)return!0;if("condition"in e)switch(e.condition){case"screen":return null!=e.media_query;case"user":return null!=e.users;case"numeric_state":return function(e){const t=e.entity_id||e.entity;return(Array.isArray(t)?t.length>0:null!=t)&&(null!=e.above||null!=e.below)}(e);case"template":return function(e){return null!=e.value_template}(e);case"and":case"or":case"not":return function(e){return null!=e.conditions}(e);default:return l(e)}return l(e)})}}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,n),a.exports}n.d=(e,t)=>{for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);let o="v3.2.2";var i=n(642),a=n(888),r=n(140),s=n(716),l=n(388),c=n(772),d=n(315),u=n(748),p=n(134);const b=new Map,h=/\/\*[\s\S]*?\*\//g,m=/\s+/g,f=/\s*([{};,])\s*/g,g=/([a-zA-Z0-9_-]+)\s*:\s*;/g,y=/undefined(?=(?:(?:[^"]*"){2})*[^"]*$)/g,v=/[^{};]+\s*{\s*}/g,_=/,(?=\s*[}\n])/g,w=/(@[^{}]*?\{(?:[^{}]*?\{[^{}]*?\})*?[^{}]*?\}|[^{}]*?\{[^{}]*?\})/g,x=/,\s*(\/\*.*\*\/)?$/,C=/^[.:#&\[*]/,k=/^[>+~]/,$=/^[a-zA-Z][a-zA-Z0-9-_]*$/,S=/::?[a-zA-Z_-][a-zA-Z0-9_-]*/,A=/^[()\[\]]+,?$/;function L(e,t){return b.set(e,t),b.size>600&&b.delete(b.keys().next().value),t}const E=new Map;function T(){return new Proxy(function(){},{get:()=>T(),set:()=>!0,apply:()=>{}})}function M(e){return e??T()}T();const P=(e,t=e.card)=>{const n="STYLE"===t.tagName,o=n?null:t,i="pop-up"===e.cardType&&t===e.popUp,r=i&&(e.elements?.popUpContainer||("function"==typeof t.querySelector?t.querySelector(".bubble-pop-up-container"):null))||o,s=i?"visibility":"display",l=e.config.styles;if(void 0===e.cardLoaded&&!n&&(e.lastEvaluatedStyles="",e.initialLoad=!0,!e._moduleChangeListenerAdded)){const t=()=>{e.lastEvaluatedStyles="",e.stylesYAML=null,e._moduleListVersion=(e._moduleListVersion||0)+1,e._cachedModulesToApply=null,a.Ki.forEach((t,n)=>{e._processedSchemas?.[n]&&delete e._processedSchemas[n]});const t="pop-up"===e.cardType&&e.popUp?e.popUp:e.card;P(e,t)},n=()=>{e.lastEvaluatedStyles="",e._templateResultVersion=(e._templateResultVersion||0)+1,e._bb_cache&&(e._bb_cache.lastStateSignature="");const t="pop-up"===e.cardType&&e.popUp?e.popUp:e.card;P(e,t)};window.addEventListener("bubble-card-modules-changed",t),window.addEventListener("bubble-card-module-updated",t),(0,u.eX)(n),document.addEventListener("yaml-modules-updated",t),e._moduleChangeListenerAdded=!0,e._moduleChangeHandler=t,e._templateChangeHandler=n}e.initialLoad&&r?.style&&!r.dataset.bubbleStyleHideMode&&("visibility"===s?r.style.visibility="hidden":r.style.display="none",r.dataset.bubbleStyleHideMode=s);const c=function(e,t){if("STYLE"===t.tagName)return t;if(!e.styleElement||e.styleElement.parentElement!==t){const n=document.createElement("style");n.id="bubble-styles",t.appendChild(n),e.styleElement=n}return e.styleElement}(e,t);a.Ki.size>0?B(e,a.Ki,c,n,o,r,0,l):Promise.resolve(e.stylesYAML).then(t=>B(e,t||{},c,n,o,r,0,l)).catch(t=>{console.error("Error applying styles:",t),e.initialLoad&&o?.style&&(o.style.display="")})};function B(e,t,n,o,i,r,l,d){try{const i=!p.Qy||!(0,p.Qy)(),l=e.config.modules?Array.isArray(e.config.modules)?e.config.modules.join(","):String(e.config.modules):"",u=i&&e._hass?.states?.["sensor.bubble_card_modules"]?.last_updated||"",b=`${e._moduleListVersion||0}-${a.Ki.size}-${l}-${u}`;let h;if(e._cachedModulesToApply&&e._moduleListFingerprint===b)h=e._cachedModulesToApply;else{const t=new Set,n=[],o=new Set;Array.isArray(e.config.modules)?e.config.modules.forEach(e=>{"string"==typeof e&&e.startsWith("!")?o.add(e.substring(1)):"string"==typeof e&&n.push(e)}):e.config.modules&&"string"==typeof e.config.modules&&(e.config.modules.startsWith("!")?o.add(e.config.modules.substring(1)):n.push(e.config.modules)),a.Ki.has("default")&&!o.has("default")&&t.add("default");const r=e=>{if(!e||!e.states||!e.states["sensor.bubble_card_modules"])return;const n=e.states["sensor.bubble_card_modules"].attributes.modules;if(n)for(const e in n)!0===n[e].is_global&&a.Ki.has(e)&&!o.has(e)&&t.add(e)};(()=>{try{a.Ki.forEach((e,n)=>{e&&"object"==typeof e&&!0===e.is_global&&!o.has(n)&&t.add(n)})}catch(e){}})(),i&&e._hass&&r(e._hass),n.forEach(e=>{a.Ki.has(e)&&!o.has(e)&&t.add(e)}),h=Array.from(t),e._cachedModulesToApply=h,e._moduleListFingerprint=b}const m=(0,c.AQ)(e),f=(0,s.Gu)(e),g=[];if(h.length>0)for(const n of h)try{let o=(t instanceof Map?t.get(n):t[n])??"";if("object"==typeof o&&""===o.code||""===o){g.push("{}");continue}const i="object"==typeof o&&o.code?o.code:o;g.push(I(e,i,{type:"module",id:n},m,f))}catch(e){console.error(`Bubble Card - Error processing module "${n}" before evaluation:`,e),g.push("{}")}try{g.push(I(e,d,{type:"custom_styles"},m,f))}catch(e){console.error("Bubble Card - Error processing custom styles before evaluation:",e)}const y=g.join("\n").trim();let v=!0;o?y===n.textContent&&(v=!1):y===e.lastEvaluatedStyles?v=!1:e.lastEvaluatedStyles=y,v&&(n.textContent=y),e.initialLoad&&r?.style&&("visibility"===r.dataset.bubbleStyleHideMode?r.style.visibility="":r.style.display="",delete r.dataset.bubbleStyleHideMode,o||(e.initialLoad=!1,e.cardLoaded=!0))}catch(t){console.error("Error applying styles:",t),e.initialLoad&&i?.style&&(i.style.display="")}}function I(e,t="",n={type:"unknown"},o=null,i=null){if(!t)return"";if(e.editor&&e.templateEvaluationBlocked)return"";const a=["innerText","textContent","innerHTML"];["state","name"].forEach(n=>{a.map(e=>`card.querySelector('.bubble-${n}').${e} =`).some(e=>t.includes(e))&&!e.elements[n].templateDetected&&(e.elements[n].templateDetected=!0)});try{let n=E.get(t);if(!n&&(n=Function("hass","entity","state","icon","subButtonState","subButtonIcon","getWeatherIcon","card","name","checkConditionsMet",`return \`${t}\`;`),E.set(t,n),E.size>1e3)){const e=E.keys();for(let t=0;t<100;t++){const t=e.next().value;void 0!==t&&E.delete(t)}}const a=M("pop-up"===e.config.card_type?e.popUp:e.card),u=n.apply(e,[e._hass,e.config.entity,i??(0,s.Gu)(e),M(e.elements?.icon),o??(0,c.AQ)(e),(r=e.subButtonIcon,r?new Proxy(r,{get:(e,t)=>M(e[t])}):T()),l.w1,a,a.name,d.XH]);e._localStyleCache||(e._localStyleCache=new Map);const p=e._localStyleCache.get(t);if(p&&p.raw===u)return p.cleaned;const P=function(e){if(!e||"string"!=typeof e)return"";if(b.has(e)){const t=b.get(e);return b.delete(e),b.set(e,t),t}let t=e;if(t.includes("/*")&&(t=t.replace(h,"")),!t.includes("{"))return L(e,"");if(t.includes("\n")){let e=0;const n=[],o=t.split("\n");for(let t=0;t<o.length;t++){const i=o[t],a=i.trim();if(!a)continue;let r=0,s=0;for(let e=0;e<i.length;e++)"{"===i[e]?r++:"}"===i[e]&&s++;let l=e>0;l||(l=r>0||s>0||a.startsWith("@")||a.startsWith("--")||x.test(a)||C.test(a)||k.test(a)||$.test(a)||S.test(a)||A.test(a)),l&&n.push(i),e+=r-s,e<0&&(e=0)}t=n.join("\n")}t=t.replace(m," "),t=t.replace(f,"$1"),(t.includes(":;")||t.includes(": "))&&(t=t.replace(g,"")),t.includes("undefined")&&(t=t.replace(y,"")),t.includes("{")&&(t=t.replace(v,"")),t.includes(",")&&(t=t.replace(_,""));const n=t.match(w);return t=n?n.join("\n"):"",L(e,t)}(u);return e._localStyleCache.set(t,{raw:u,cleaned:P}),P}catch(t){let o="Unknown source";"module"===n.type&&n.id?o=`Module ('${n.id}')`:"custom_styles"===n.type?o="Card Configuration (styles section)":"unknown"===n.type&&(o="Direct call or unspecified source");const i=e.config?.card_type||"N/A",a=e.config?.entity||"N/A",r=`Bubble Card - Template Error:\n Card Type: ${i}\n Entity: ${a}\n Source: ${o}\n Error: ${t.message}`;if(e.editor){const o=t.message;e.lastEmittedEditorError=o;const r={cardType:i,entityId:a,sourceType:n.type,moduleId:n.id};requestAnimationFrame(()=>function(e,t){window.dispatchEvent(new CustomEvent("bubble-card-error",{detail:{message:e,context:t}}))}(o,r)),e.templateEvaluationBlocked=!0,e.templateErrorClearTimeout&&clearTimeout(e.templateErrorClearTimeout),e.templateErrorClearTimeout=setTimeout(()=>{e.templateEvaluationBlocked=!1;try{"function"==typeof e.handleCustomStyles&&(e.lastEvaluatedStyles="",e.stylesYAML=null,requestAnimationFrame(()=>e.handleCustomStyles(e,e.card)))}catch(e){}},900)}return console.error(r),""}var r}let q,O="";function U(){const e=(0,s.Nv)();O=e.getPropertyValue("--ha-card-background")||e.getPropertyValue("--card-background-color"),document.body.style.setProperty("--bubble-default-backdrop-background-color",(0,r.Bz)(O,.8,.6))}function z(){q&&(q.activeContext=null,q.clearPendingBackdropContext?.(),q.hideBackdrop())}function H(e){if(q)return q;const t=(0,s.n)("div","bubble-backdrop-host"),n=t.attachShadow({mode:"open"}),o=(0,s.n)("div","bubble-backdrop backdrop is-hidden");n.appendChild(o);const i=(0,s.n)("style");i.innerHTML=".bubble-backdrop {\n position: fixed;\n background-color: var(--bubble-backdrop-background-color, var(--bubble-default-backdrop-background-color));\n backdrop-filter: var(--bubble-backdrop-filter, var(--custom-backdrop-filter, unset));\n -webkit-backdrop-filter: var(--bubble-backdrop-filter, var(--custom-backdrop-filter, unset));\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 4;\n opacity: 0;\n transition: opacity 0.3s;\n contain: paint;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n\n.bubble-backdrop.is-visible {\n opacity: 1;\n}\n\n.bubble-backdrop.is-hidden {\n opacity: 0;\n pointer-events: none;\n}\n\n.bubble-backdrop.is-transitioning {\n will-change: opacity;\n}\n\n/* Keep blur stable during close too. Dropping it only once the backdrop becomes\n hidden avoids visible dashboard flashes while the popup is animating out. */\n",n.appendChild(i);const a=(0,s.n)("style");a.dataset.bubbleTarget="backdrop",n.appendChild(a),document.body.appendChild(t);let r=null,l=null;function c(){l&&(clearTimeout(l),l=null)}function d(){o.classList.remove("is-transitioning","is-opening","is-closing"),r&&(clearTimeout(r),r=null)}function u(e){d(),e&&(o.classList.add(e,"is-transitioning"),r=setTimeout(()=>{o.classList.remove("is-transitioning","is-opening","is-closing"),r=null},300))}function p(e){if(!e?.config)return;e.config.hide_backdrop?(t.style.display="none",t.style.pointerEvents="none"):(t.style.display="",t.style.pointerEvents="");const n=e.config.backdrop_blur??0,i="performance"===e.config?.performance_mode;parseFloat(n)>0&&!i?o.style.setProperty("--custom-backdrop-filter",`blur(${n}px)`):o.style.removeProperty("--custom-backdrop-filter")}let b=!1,h=null;function m(e,t=!0){if(h=e||h||q?.activeContext,b)return;b=!0;const n=()=>{b=!1;const e=h||q?.activeContext;if(h=null,e)try{P(e,a)}catch(e){}};if(t){try{if("function"==typeof window.requestIdleCallback)return void window.requestIdleCallback(n,{timeout:500})}catch(e){}setTimeout(n,350)}else n()}return p(e),m(e,!0),q={hideBackdrop:function(){u("is-closing"),o.classList.contains("is-hidden")||o.classList.add("is-hidden"),o.classList.remove("is-visible"),c(),l=setTimeout(()=>{o.classList.contains("is-hidden")&&(t.style.display="none",t.style.pointerEvents="none"),l=null},300)},showBackdrop:function(e){e&&(q.activeContext=e);const t=q?.activeContext,n=o.classList.contains("is-hidden");c(),t&&(p(t),n?h=t:m(t,!1)),n?requestAnimationFrame(()=>{u("is-opening")}):d(),o.classList.contains("is-visible")||o.classList.add("is-visible"),o.classList.remove("is-hidden")},backdropElement:o,backdropCustomStyle:a,updateBackdropStyles:m,applyBackdropConfig:p,clearPendingBackdropContext:function(e){h&&(e&&h!==e||(h=null))},activeContext:e},q}window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",U),U();var N=n(216);const D="/* ============================================\n Pop-up Cards — Editor preview structure\n ============================================ */\n\n.bubble-pop-up-container > ha-sortable,\n.bubble-pop-up-container > .bubble-cards-container {\n --base-column-count: 12;\n --grid-column-count: var(--base-column-count);\n --row-gap: var(--ha-section-grid-row-gap, 8px);\n --column-gap: var(--ha-section-grid-column-gap, 8px);\n --row-height: var(--ha-section-grid-row-height, 56px);\n}\n\n.bubble-pop-up-container > ha-sortable {\n flex-shrink: 0 !important;\n contain-intrinsic-size: auto 120px;\n}\n\n.bubble-pop-up-container > .bubble-cards-container,\n.bubble-pop-up-container > ha-sortable > .bubble-cards-editor-container {\n display: grid;\n grid-template-columns: repeat(var(--grid-column-count), minmax(0, 1fr));\n grid-auto-rows: auto;\n row-gap: var(--row-gap);\n column-gap: var(--column-gap);\n padding: 0;\n margin: 0;\n}\n\n.bubble-cards-grid-container > .card {\n position: relative;\n border-radius: var(--ha-card-border-radius, var(--ha-border-radius-lg));\n grid-row: span var(--row-size, 1);\n grid-column: span min(var(--column-size, 1), var(--grid-column-count));\n}\n\n.bubble-cards-grid-container.edit-mode > .card {\n min-height: calc((var(--row-height) - var(--row-gap)) / 2);\n}\n\n.bubble-cards-grid-container > .card.fit-rows {\n height: calc((var(--row-size, 1) * (var(--row-height) + var(--row-gap))) - var(--row-gap));\n}\n\n.bubble-cards-grid-container > .card.fit-rows > hui-card,\n.bubble-cards-grid-container > .card.fit-rows > hui-card-edit-mode {\n display: block;\n height: 100%;\n min-height: 0;\n}\n\n.bubble-cards-grid-container > .card.fit-rows > hui-card > * {\n height: 100%;\n}\n\n.bubble-cards-grid-container > .card.full-width {\n grid-column: 1 / -1;\n}\n\n.bubble-cards-grid-container > .card:has(> *) {\n display: block;\n}\n\n.bubble-cards-grid-container > .card:has(> *[hidden]) {\n display: none;\n}\n\n/* ============================================\n Pop-up Cards — Add card button (on preview)\n ============================================ */\n\n.bubble-cards-add-button {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: var(--row-height);\n border: 2px dashed var(--divider-color, #e0e0e0);\n border-radius: var(--ha-card-border-radius, 12px);\n background: none;\n cursor: pointer;\n color: var(--secondary-text-color);\n transition: all 0.15s ease;\n padding: 8px;\n width: 100%;\n grid-row: span 1;\n grid-column: 1 / -1;\n font-size: 14px;\n gap: 8px;\n box-sizing: border-box;\n}\n\n.bubble-cards-add-button:hover {\n border-color: var(--primary-color);\n color: var(--primary-color);\n background: rgba(var(--rgb-primary-color, 3, 169, 244), 0.05);\n}\n\n.bubble-cards-add-button ha-svg-icon {\n --mdc-icon-size: 24px;\n}\n",j={delay:100,delayOnTouchOnly:!0,direction:"vertical",invertedSwapThreshold:.7};function R(e,t,n){const o=document.createElement("hui-card-edit-mode");return o.hass=t._hass,o.lovelace={editMode:!0,saveConfig:async()=>{}},o.path=[0,0,n],o.hiddenOverlay=!1,o.appendChild(e),o}function F(e,t){e._cardsContainer&&e._cardsContainer.querySelectorAll("hui-card-edit-mode").forEach(e=>{e.hiddenOverlay=t})}function V(e){try{const t="function"==typeof structuredClone?structuredClone(e):JSON.parse(JSON.stringify(e));sessionStorage.setItem("dashboardCardClipboard",JSON.stringify(t))}catch(e){console.warn("Bubble Card: Failed to copy card to dashboard clipboard",e)}}function W(e){if(!1===e?.isConnected)return null;if(!1!==e?.isConnected&&"function"==typeof e._standaloneOpenCardDialog)return e._standaloneOpenCardDialog.bind(e);const t=function(e){if("undefined"==typeof window)return null;const t=K(e?.config?.hash);if(!t)return null;const n=window.__bubbleStandalonePopupEditorOpeners?.get?.(t);return"function"==typeof n?n:null}(e);if(t)return t;const n=function(e){if("undefined"==typeof window)return null;const t=window.__bubbleCardEditorInstances;if(!t||"function"!=typeof t[Symbol.iterator])return null;let n=null,o=-1;for(const i of t){const t=Y(i,e);t>o&&(o=t,n=i)}return n&&o>=0?n._openStandaloneCardDialog.bind(n):null}(e);if(n)return n;try{const t=document.querySelector("body > home-assistant")?.shadowRoot?.querySelector("hui-dialog-edit-card"),n=J(t?.shadowRoot,"bubble-card-editor");if(Y(n,e)>=0)return n._openStandaloneCardDialog.bind(n)}catch(e){}return null}function Y(e,t){if(!e||!1===e.isConnected||"function"!=typeof e._openStandaloneCardDialog)return-1;const n=e._config||{},o=t?.config||{};if("pop-up"!==n.card_type||!Array.isArray(n.cards))return-1;let i=1;e._previewCardHost&&e._previewCardHost===t&&(i+=50);const a=K(n.hash),r=K(o.hash);if(a&&r){if(a!==r)return-1;i+=100}return n.cards===o.cards&&(i+=20),n.name&&n.name===o.name&&(i+=4),n.icon&&n.icon===o.icon&&(i+=2),i}function K(e){if("string"!=typeof e)return"";const t=e.trim();return t?t.startsWith("#")?t:`#${t}`:""}function J(e,t,n=6){if(!e||n<0)return null;const o=e.querySelector?.(t);if(o)return o;const i=e.querySelectorAll?.("*")||[];for(const e of i)if(e?.shadowRoot){const o=J(e.shadowRoot,t,n-1);if(o)return o}return null}function X(e,t=new Set){return!(!e||"object"!=typeof e||t.has(e))&&(t.add(e),!("conditional"!==e.type&&!Object.prototype.hasOwnProperty.call(e,"visibility"))||(Array.isArray(e)?e:Object.values(e)).some(e=>X(e,t)))}function G(e,t){if(!e||!t)return;const n=e.hass===t;e.hass=t;const o=function(e){const t=e?._element;return t&&"object"==typeof t?t:null}(e);if(o){const e=o.hass===t;if(e&&!n||(o.hass=t),e&&"function"==typeof o.requestUpdate)try{o.requestUpdate("hass",null)}catch(e){}}if(n&&"function"==typeof e.requestUpdate)try{e.requestUpdate("hass",null)}catch(e){}e._bubbleHassPending=!1}function Q(e){const t=e.config.cards;if(!Array.isArray(t)||!e.elements?.popUpContainer)return;const n=e.elements.popUpContainer,o=e.editor||e.detectedEditor;if(e._cardsStyleTag||(e._cardsStyleTag=(0,s.n)("style"),e._cardsStyleTag.textContent=D,e.popUp.appendChild(e._cardsStyleTag)),e._managedCards=[],e._cardWrappers=[],e._renderedItems=[],e._lastCardConfigRefs=[],e._lastRenderedCardConfigs=[],e._lastCardsEditMode=o,e._sortableEl&&(e._sortableEl.remove(),e._sortableEl=null),e._cardsContainer&&(e._cardsContainer.remove(),e._cardsContainer=null),e._cardWrappers=[],n.querySelector(".bubble-cards-container")?.remove(),n.querySelector(".bubble-cards-editor-container")?.remove(),o)return void function(e,t,n){const o=function(e,t){const n=n=>{const o=n([...e.config.cards||[]]);e.config={...e.config,cards:o},"function"==typeof e._standaloneCardsUpdater?e._standaloneCardsUpdater(o):(0,s.rC)(e,"config-changed",{config:e.config}),t()};return{addCard:()=>function(e){const t=W(e);if(t)return t({type:"add"});console.warn("Bubble Card: standalone pop-up editor unavailable for nested card creation")}(e),copyCard:t=>function(e,t){const n=(e.config.cards||[])[t];n&&async function(e,t,n){const o=document.querySelector("body > home-assistant");if(!o)return void V(n);const i={type:"grid",cards:[...e.config.cards||[]]},a=document.createElement("hui-section");a.style.display="none",a.hass=e._hass,a.index=0,a.viewIndex=0,a.config=i,a.lovelace={config:{views:[{path:"bubble-card-standalone",title:"Bubble Card",sections:[i]}]},editMode:!0,saveConfig:async()=>{}},o.appendChild(a);try{"function"==typeof a._initializeConfig&&await a._initializeConfig(),await a.updateComplete;const e=a._layoutElement;if(!e)return void V(n);e.dispatchEvent(new CustomEvent("ll-copy-card",{bubbles:!0,composed:!0,detail:{path:[0,0,t]}}))}catch(e){console.warn("Bubble Card: Failed to copy card through HA clipboard proxy",e),V(n)}finally{setTimeout(()=>a.remove(),0)}}(e,t,n)}(e,t),duplicateCard:e=>{n(t=>{const n=t[e];return n&&t.splice(e+1,0,{...n}),t})},editCard:t=>function(e,t){if(!e.config.cards?.[t])return;const n=W(e);if(n)return n({type:"edit",index:t});console.warn("Bubble Card: standalone pop-up editor unavailable for nested card edit")}(e,t),moveCard:(e,t)=>{n(n=>{const[o]=n.splice(e,1);return n.splice(t,0,o),n})},updateCardGridOptions:(e,t)=>{n(n=>(void 0!==n[e]&&n.splice(e,1,t),n))},removeCard:e=>{n(t=>(t.splice(e,1),t))}}}(e,n.rebuildCards);!function(e,t,n){const o=function(e,t){const n=document.createElement("ha-sortable");return n.disabled=!1,n.draggableSelector=".card",n.rollback=!1,n.invertSwap=!0,n.options=j,n.addEventListener("item-moved",e=>{e.stopPropagation();const{oldIndex:n,newIndex:o}=e.detail;t.moveCard(n,o)}),n.addEventListener("drag-start",()=>{F(e,!0)}),n.addEventListener("drag-end",()=>{F(e,!1)}),n.addEventListener("ll-edit-card",e=>{e.stopPropagation(),t.editCard(e.detail.path[2])}),n.addEventListener("ll-duplicate-card",e=>{e.stopPropagation(),t.duplicateCard(e.detail.path[2])}),n.addEventListener("ll-delete-card",e=>{e.stopPropagation(),t.removeCard(e.detail.path[2])}),n.addEventListener("ll-copy-card",e=>{e.stopPropagation(),t.copyCard(e.detail.path[2])}),n.addEventListener("ll-change-grid-options",n=>{n.stopPropagation();const o=n.detail?.path?.[2],i=n.detail?.gridOptions;if("number"==typeof o&&i){const n=(e.config?.cards||[])[o];n&&t.updateCardGridOptions(o,{...n,grid_options:{...n.grid_options||{},...i}})}}),n.addEventListener("ll-move-to-section",e=>{e.stopPropagation()}),n}(e,n.actions),i=(0,s.n)("div","bubble-cards-editor-container bubble-cards-grid-container edit-mode");for(let o=0;o<t.length;o++){const a=t[o],r=n.createCard(a);if(!r)continue;const l=(0,s.n)("div","card"),c=R(r,e,o);l.appendChild(c),n.applyCardWrapperLayout(r,l,a),n.bindCardLayoutUpdates(r,l,e,o),e._managedCards.push(r),e._cardWrappers.push(l),i.appendChild(l)}i.appendChild(function(e,t){const n=(0,s.n)("button","bubble-cards-add-button"),o=e._hass?.localize?.("ui.panel.lovelace.editor.section.add_card")||"Add card";n.setAttribute("aria-label",o),n.title=o;const i=document.createElement("ha-svg-icon");i.path="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z",n.appendChild(i);const a=document.createElement("span");return a.textContent=o,n.appendChild(a),n.addEventListener("click",()=>t()),n}(e,n.actions.addCard)),o.appendChild(i),e.elements.popUpContainer.appendChild(o),e._sortableEl=o,e._cardsContainer=i,e._renderedItems.push(o)}(e,t,{createCard:n.createCard,applyCardWrapperLayout:n.applyCardWrapperLayout,bindCardLayoutUpdates:n.bindCardLayoutUpdates,actions:o})}(e,t,{createCard:t=>ee(t,e,!0),applyCardWrapperLayout:ie,bindCardLayoutUpdates:ae,rebuildCards:()=>{Z(e),Q(e)}});const i=(0,s.n)("div","bubble-cards-container bubble-cards-grid-container");for(let n=0;n<t.length;n++){const o=t[n],a=ee(o,e,!1);if(!a)continue;const r=(0,s.n)("div","card");r.appendChild(a),ie(a,r,o),ae(a,r,e,n),e._managedCards.push(a),e._cardWrappers.push(r),e._lastCardConfigRefs.push(o),e._lastRenderedCardConfigs.push(a.config),i.appendChild(r)}n.appendChild(i),e._cardsContainer=i,e._renderedItems.push(i),function(e){if(re(e),"function"!=typeof IntersectionObserver)return;const t=e.elements?.popUpContainer,n=e._cardWrappers;if(!t||!Array.isArray(n)||0===n.length)return;if("function"!=typeof t.appendChild)return;const o=new Set,i=new WeakMap;let a;try{a=new IntersectionObserver(t=>{for(const n of t){const t=i.get(n.target);t&&(n.isIntersecting?(o.delete(t),t._bubbleHassPending&&e._hass&&G(t,e._hass)):o.add(t))}},{root:t,rootMargin:"50px",threshold:.01})}catch(e){return}const r=e._managedCards||[];for(let e=0;e<n.length;e++){const t=n[e],o=r[e];if(t&&o&&"function"==typeof t.appendChild){i.set(t,o);try{a.observe(t)}catch(e){}}}e._cardVisibilityObserver=a,e._offscreenPopupCards=o}(e)}function Z(e){re(e),Array.isArray(e._renderedItems)&&e._renderedItems.forEach(e=>{e?.remove()}),e._sortableEl?.remove(),e._cardsContainer?.remove(),e._sortableEl=null,e._cardsContainer=null,e._renderedItems=[],e._managedCards=[],e._cardWrappers=[],e._lastCardConfigRefs=[],e._lastRenderedCardConfigs=[]}function ee(e,t,n){try{const o=document.createElement("hui-card");return o.hass=t._hass,o.layout="grid",o.preview=n,o.config=oe(e),"function"==typeof o.load&&o.load(),o}catch(e){return console.warn("Bubble Card: Failed to create card element",e),null}}function te(e,t,n){if("number"!=typeof e)return e;let o=e;return"number"==typeof t&&(o=Math.max(t,o)),"number"==typeof n&&(o=Math.min(n,o)),o}function ne(e={}){return e.grid_options?e.grid_options:e.layout_options?function(e={}){return{columns:"number"==typeof e.grid_columns?3*e.grid_columns:e.grid_columns,max_columns:"number"==typeof e.grid_max_columns?3*e.grid_max_columns:e.grid_max_columns,min_columns:"number"==typeof e.grid_min_columns?3*e.grid_min_columns:e.grid_min_columns,rows:e.grid_rows,max_rows:e.grid_max_rows,min_rows:e.grid_min_rows}}(e.layout_options):{}}function oe(e={}){return"custom:bubble-card"!==e?.type||Object.prototype.hasOwnProperty.call(e,"card_layout")?e:function(e={}){return void 0!==e.rows||void 0!==e.grid_options?.rows||void 0!==e.layout_options?.grid_rows}(e)?{...e,card_layout:"large"}:e}function ie(e,t,n){if(!t)return;let o={};try{o="function"==typeof e?.getGridOptions&&e.getGridOptions()||{}}catch(e){o={}}const{rows:i,columns:a}=function(e={}){const t=e.rows??"auto",n=e.columns??12;return{rows:"number"==typeof t?te(t,e.min_rows,e.max_rows):t,columns:"number"==typeof n?te(n,e.min_columns,e.max_columns):n}}({...o,...ne(n)});"number"==typeof a?t.style.setProperty("--column-size",a):t.style.removeProperty("--column-size"),"number"==typeof i?t.style.setProperty("--row-size",i):t.style.removeProperty("--row-size"),t.classList.toggle("fit-rows","number"==typeof i),t.classList.toggle("full-width","full"===a)}function ae(e,t,n,o){e.addEventListener("card-updated",i=>{i.stopPropagation();const a=n.config?.cards?.[o]||e.config||{};ie(e,t,a)})}function re(e){if(e._cardVisibilityObserver){try{e._cardVisibilityObserver.disconnect()}catch(e){}e._cardVisibilityObserver=null}e._offscreenPopupCards=null}function se(e,t){e?.isStandalonePopUp&&(e._standalonePopUpCardsActive=t)}function le(e){const t=e.config.cards;Array.isArray(t)&&function(e){return!e?.isStandalonePopUp||!!e._standalonePopUpCardsActive}(e)&&(0===t.length&&(e._cardsContainer||e._sortableEl)||(e._cardsContainer||e._sortableEl?function(e){const t=e.config.cards;if(!Array.isArray(t)||!e.elements?.popUpContainer)return;const n=e._managedCards||[],o=e._cardWrappers||[],i=e._lastCardConfigRefs||[],a=e._lastRenderedCardConfigs||[],r=e.editor||e.detectedEditor,s=(e._lastCardsEditMode??!1)!==r;if(n.length!==t.length||s)return e._lastCardsEditMode=r,Z(e),void Q(e);e._lastCardsEditMode=r;for(let r=0;r<t.length;r++){const s=n[r],l=o[r];if(s&&(e._hass&&(e._offscreenPopupCards&&e._offscreenPopupCards.has(s)&&!X(t[r])?s._bubbleHassPending=!0:G(s,e._hass)),i[r]!==t[r])){const e=oe(t[r]);a[r]=e,i[r]=t[r],s.config!==e&&(s.config=e),ie(s,l,t[r])}}e._lastCardConfigRefs=i,e._lastRenderedCardConfigs=a,r&&e._cardsContainer&&e._cardsContainer.querySelectorAll("hui-card-edit-mode").forEach(t=>{e._hass&&(t.hass=e._hass)})}(e):Q(e)))}function ce(e,t){e.config.background_update?e.popUp.style.display="none":e.editor||(e.hideContentTimeout=setTimeout(()=>{const{sectionRow:t,sectionRowContainer:n}=e;"hui-card"===t?.tagName?.toLowerCase()&&(t.hidden=!0,t.style.display="none",n?.classList.contains("card")&&(n.style.display="none",n.style.position=""))},t))}function de(e,t){e.config.background_update||e.isStandalonePopUp||!e.verticalStack||(t?e.verticalStack.contains(e.popUp)||e.verticalStack.appendChild(e.popUp):e.verticalStack.contains(e.popUp)&&e.verticalStack.removeChild(e.popUp))}function ue(e){const t=e.elements?.popUpContainer;t&&(t.scrollTop=0)}const pe={animationDuration:300,activePopups:new Set,entityTriggeredPopup:null,pendingHashRemovalTimeout:null,pendingHashRemovalHash:""},be=["hideContentTimeout","removeDomTimeout","closeTimeout","closeStartTimeout","closeActionTimeout","_popupQuickOpenAnimationTimeout","_popupBlurWillChangeTimeout"],he=["_standaloneOpenFrame","_standaloneCardSyncFrame","_standalonePostOpenContentWakeFrame"],me="default",fe="fit-content",ge="centered",ye="adaptive-dialog",ve="classic",_e="default",we="performance";function xe(e){e?.popUp?.classList?.remove("is-fast-opening")}function Ce(e){e?.popUp?.classList&&(xe(e),e.popUp.classList.add("is-fast-opening"),e._popupQuickOpenAnimationTimeout=setTimeout(()=>{e._popupQuickOpenAnimationTimeout=null,xe(e)},140))}function ke(e){ze(e,"_popupOpenCompletionTimeout"),He(e,"_popupOpenCompletionFrame")}function $e(e){e._standaloneTransitionEndHandler&&(e.popUp?.removeEventListener("transitionend",e._standaloneTransitionEndHandler),e._standaloneTransitionEndHandler=null),e._standaloneTransitionFallback&&(clearTimeout(e._standaloneTransitionFallback),e._standaloneTransitionFallback=null)}function Se(e,t,n){He(e,t),e[t]=requestAnimationFrame(()=>{e[t]=null,n()})}function Ae(){const e="number"==typeof window?.innerWidth?window.innerWidth:Number.POSITIVE_INFINITY,t="number"==typeof window?.innerHeight?window.innerHeight:Number.POSITIVE_INFINITY;return!(e>=871&&t>=501)}function Le(e){const t=e?.popUp;t?.style&&(t.style.willChange=function(e){const t=Be(e?.config);return t===ge||t===ye&&!Ae()}(e)?"transform, opacity":"transform")}function Ee(e){e?.popUp?.style&&(e.popUp.style.willChange="")}function Te(e){const t=e?.elements?.popUpContainer;return t?`${"number"==typeof t.scrollHeight?t.scrollHeight:0}:${"number"==typeof t.clientHeight?t.clientHeight:0}:${e?._cardsContainer?1:0}`:""}function Me(e,t){$e(e);let n=!1;const o=o=>{o.target===e.popUp&&(o.propertyName&&"transform"!==o.propertyName||($e(e),requestAnimationFrame(()=>{n||(n=!0,t())})))};e._standaloneTransitionEndHandler=o,e.popUp.addEventListener("transitionend",o),e._standaloneTransitionFallback=setTimeout(()=>{$e(e),n||(n=!0,t())},pe.animationDuration+60)}function Pe(e,t,n=null){e.classList.remove("is-opening","is-closing"),n&&e.classList.add(n),e.classList.toggle("is-popup-opened",t),e.classList.toggle("is-popup-closed",!t)}function Be(e){return e?.popup_mode===fe?fe:e?.popup_mode===ge?ge:e?.popup_mode===ye?ye:me}function Ie(e){return e?.performance_mode===we?we:_e}function qe(e,t){if(!e?.classList)return me;const n=Be(t);return e.classList.toggle("popup-mode-fit-content",n===fe),e.classList.toggle("popup-mode-centered",n===ge),e.classList.toggle("popup-mode-adaptive-dialog",n===ye),e.classList.toggle("popup-mode-with-bottom-offset",function(e){const t=Be(e);return(t===fe||t===ye)&&Boolean(e?.with_bottom_offset)}(t)),e.classList.toggle("popup-mode-full-width-on-mobile",function(e){return Be(e)===ge&&Boolean(e?.full_width_on_mobile)}(t)),n}function Oe(e,t){if(!e?.classList)return _e;const n=Ie(t);return e.classList.toggle("popup-performance-default",n===_e),e.classList.toggle("popup-performance-performance",n===we),n}function Ue(e,t,n){e?.popUp?.dataset&&(n?e.popUp.dataset[t]="true":delete e.popUp.dataset[t])}function ze(e,t){e?.[t]&&(clearTimeout(e[t]),e[t]=null)}function He(e,t){e?.[t]&&(cancelAnimationFrame(e[t]),e[t]=null)}function Ne(e,{rowHidden:t=!1,containerHidden:n=!1,containerPosition:o=""}={}){!function(e){if(!(e.sectionRow&&e.sectionRowContainer||(e.sectionRow||"function"!=typeof e.closest||(e.sectionRow=e.closest("hui-card")),e.sectionRowContainer))){const t=e.sectionRow?.closest?.(".card")||e.sectionRow?.parentElement||null;e.sectionRowContainer=t?.classList?.contains?.("card")?t:null}}(e);const{sectionRow:i,sectionRowContainer:a}=e;"hui-card"===i?.tagName?.toLowerCase()&&(i.hidden=t,i.style.display=t?"none":""),a?.classList?.contains("card")&&(a.style.display=n?"none":"",a.style.position=o)}function De(e){Ne(e,{containerPosition:"absolute"})}function je(e){Ne(e)}function Re(e){Ne(e,{rowHidden:!0,containerHidden:!0})}function Fe(){pe.pendingHashRemovalTimeout&&(clearTimeout(pe.pendingHashRemovalTimeout),pe.pendingHashRemovalTimeout=null),pe.pendingHashRemovalHash=""}function Ve(e,t){Ue(e,"bubblePopupOpening",t)}function We(e,t){Ue(e,"bubblePopupBlurGuard",t)}function Ye(e,t){Ue(e,"bubblePopupBlurWillChange",t)}function Ke(e){ze(e,"_popupBlurWillChangeTimeout"),Ye(e,!1)}function Je(e){He(e,"_popupBackdropBlurGuardFrame")}function Xe(e,t){e._popupOpenSettled=t,e._popupOpenSettledAt=t?Date.now():0}function Ge(e,t){e._popupOpenInProgress=!0===t}function Qe(e){return!0===e?._popupOpenInProgress}function Ze(e){return!0===e._popupOpenSettled}function et(e){e._awaitFreshOutsideInteraction=!1,e._allowOutsideCloseFromInteraction=!1}function tt(e,t){(function(e){if(!e||"function"!=typeof e.dispatchEvent)return!1;try{return"number"==typeof e.scrollHeight&&"number"==typeof e.clientHeight&&e.scrollHeight>e.clientHeight||"number"==typeof e.scrollWidth&&"number"==typeof e.clientWidth&&e.scrollWidth>e.clientWidth}catch(e){return!1}})(t)&&!e.includes(t)&&e.push(t)}function nt(e,t=[],n=new Set){if(!e||n.has(e)||t.length>=32)return t;if(n.add(e),tt(t,e),e.shadowRoot&&nt(e.shadowRoot,t,n),"function"!=typeof e.querySelectorAll)return t;try{e.querySelectorAll("*").forEach(e=>{t.length>=32||(tt(t,e),e?.shadowRoot&&nt(e.shadowRoot,t,n))})}catch(e){}return t}function ot(e){if(!e?.isStandalonePopUp||!pe.activePopups.has(e))return;if(e._standalonePostOpenContentWakeNeeded=!1,!Array.isArray(e.config?.cards)||0===e.config.cards.length)return;const t=[e.elements?.popUpContainer];Array.isArray(e._managedCards)?t.push(...e._managedCards):t.push(e.popUp);const n=[];t.forEach(e=>nt(e,n)),n.forEach(e=>{try{e.dispatchEvent(new Event("scroll"))}catch(e){}})}if(!window.__bubbleLocationDeduperAdded)try{let e=null,t=0,n=!1,o="",i=window.location.hash||"";window.addEventListener("location-changed",a=>{const r=window.location.href,s=!!window.location.hash,l=r.split("#")[0],c=a?.detail?.source||"";if(s)return e=l,t=Date.now(),n=!1,o=i||"",void(i=window.location.hash);if(n)return n=!1,e=null,o="",void(i=window.location.hash||"");if("bubble-popup-remove-hash"===c&&e&&l===e&&Date.now()-t<1500&&!o)try{n=!0,history.back()}catch(e){}e=null,o="",i=window.location.hash||""}),window.__bubbleLocationDeduperAdded=!0}catch(e){}const it=new Set(["HA-DIALOG","HA-MORE-INFO-DIALOG","HA-DIALOG-DATE-PICKER"]),at={recentlyClosedTimestamp:0,protectionWindow:500};function rt(e){return e.composedPath().find(e=>!(!e.classList&&!e.nodeName)&&(e.classList?.contains("bubble-pop-up")||it.has(e.nodeName)))}function st(e=void 0){const t=new Event("location-changed");return void 0!==e&&(t.detail=e),t}function lt(e=!1){if(!location.hash)return!1;const t=location.hash;if(Fe(),e){const e=window.location.href.split("#")[0];return history.replaceState(null,"",e),window.dispatchEvent(st({source:"bubble-popup-remove-hash",direct:!0})),!0}return pe.pendingHashRemovalHash=t,pe.pendingHashRemovalTimeout=setTimeout(()=>{if(pe.pendingHashRemovalTimeout=null,!t||location.hash!==t||pe.pendingHashRemovalHash!==t)return;pe.pendingHashRemovalHash="";const e=window.location.href.split("#")[0];history.replaceState(null,"",e),window.dispatchEvent(st({source:"bubble-popup-remove-hash"}))},50),!0}function ct(e){Fe();const t=e.startsWith("#")?e:`#${e}`;if(location.hash===t)return window.dispatchEvent(st({source:"bubble-popup-add-hash",sameHash:!0,replace:!1})),!0;const n=window.location.href.split("#")[0]+t;return history.pushState(null,"",n),window.dispatchEvent(st({source:"bubble-popup-add-hash",sameHash:!1,replace:!1})),!0}function dt(e,t){const{showBackdrop:n,hideBackdrop:o}=H(e);if(t)n(e);else{if(ut(e))return;o()}}function ut(e){const t=location.hash;return!(!t||t===e.config?.hash||!Ot(t))}function pt(e){e._pendingPopupOpenSource=null,e._popupOpenSource=null,Ge(e,!1),Xe(e,!1),et(e),Je(e),We(e,!1),pe.entityTriggeredPopup===e&&(pe.entityTriggeredPopup=null)}function bt(e){Ge(e,!1),Ee(e),e.popUp.classList.contains("is-popup-opened")&&pe.activePopups.has(e)&&(ft(e)||e._popupScrollableSyncFrame||(e._popupScrollableSyncFrame=requestAnimationFrame(()=>{e._popupScrollableSyncFrame=null,pe.activePopups.has(e)&&mt(e)})),Xe(e,!0),function(e){e._awaitFreshOutsideInteraction=!0,e._allowOutsideCloseFromInteraction=!1}(e),function(e){He(e,"_popupBodyScrollLockFrame");const t=n=>{e._popupBodyScrollLockFrame=requestAnimationFrame(()=>{n>1?t(n-1):(e._popupBodyScrollLockFrame=null,pe.activePopups.has(e)&&e.popUp?.classList?.contains("is-popup-opened")&&(0,s.qo)(!0))})};t(e?.isStandalonePopUp?2:1)}(e),function(e){Je(e),e._popupBackdropBlurGuardFrame=requestAnimationFrame(()=>{e._popupBackdropBlurGuardFrame=requestAnimationFrame(()=>{e._popupBackdropBlurGuardFrame=null,pe.activePopups.has(e)&&e.popUp?.classList?.contains("is-popup-opened")&&(function(e){e?.popUp&&(Ke(e),Ye(e,!0),e._popupBlurWillChangeTimeout=setTimeout(()=>{e._popupBlurWillChangeTimeout=null,Ye(e,!1)},450))}(e),We(e,!1))})})}(e),e.isStandalonePopUp&&!e._pendingPostOpenCardSync&&e._standalonePostOpenContentWakeNeeded&&function(e){e?.isStandalonePopUp&&(He(e,"_standalonePostOpenContentWakeFrame"),e._standalonePostOpenContentWakeFrame=requestAnimationFrame(()=>{e._standalonePostOpenContentWakeFrame=null,pe.activePopups.has(e)&&e.popUp?.classList?.contains("is-popup-opened")&&ot(e)}))}(e),e.config.auto_close>0&&(e.closeTimeout&&clearTimeout(e.closeTimeout),e.closeTimeout=setTimeout(()=>{!pe.activePopups.has(e)||e.config.hash!==location.hash&&e.config.hash?pe.activePopups.has(e)&&Pt(e):lt()},e.config.auto_close)),e.config.open_action&&(0,i.VR)(e.popUp,e.config,"open_action"))}function ht(e){const t=e.elements?.popUpContainer;if(!t)return!1;const n=t.scrollHeight>t.clientHeight;return e._cachedPopupScrollableState=n,t.classList.toggle("is-scrollable",n),!0}function mt(e){const t=e.elements?.popUpContainer;return!!t&&(!e.popUp?.classList?.contains("is-opening")&&!e.popUp?.classList?.contains("is-closing")||e._popupScrollableSyncFrame||"function"!=typeof requestAnimationFrame?ht(e):(e._popupScrollableSyncFrame=requestAnimationFrame(()=>{e._popupScrollableSyncFrame=null,pe.activePopups.has(e)&&ht(e)}),!1))}function ft(e){const t=e.elements?.popUpContainer;return!(!t||"boolean"!=typeof e?._cachedPopupScrollableState||(t.classList.toggle("is-scrollable",e._cachedPopupScrollableState),0))}function gt(e){pe.activePopups.has(e)&&Array.isArray(e.config.cards)&&e.config.cards.length>0&&le(e)}function yt(e){return!!e?._cardsContainer}function vt(e){return Be(e?.config)===ge}function _t(e){Ve(e,!1),e.popUp.classList.remove("is-opening","is-closing","is-switch-closing"),bt(e),e._pendingPostOpenCardSync&&(e._pendingPostOpenCardSync=!1,function(e){Se(e,"_standaloneCardSyncFrame",()=>{if(pe.activePopups.has(e)){Ve(e,!0);try{gt(e)}catch(t){return void xt(e,t)}finally{Ve(e,!1)}}})}(e))}function wt(e){const{popUp:t}=e,n=ut(e);Ve(e,!1),Ke(e),t.classList.remove("is-opening","is-closing","is-switch-closing"),t.classList.remove("is-popup-opened"),t.classList.add("is-popup-closed"),St(e),Ee(e),ue(e),n||(0,s.qo)(!1),function(e){He(e,"_standalonePostCloseCleanupFrame"),e._standalonePostCloseCleanupFrame=requestAnimationFrame(()=>{e._standalonePostCloseCleanupFrame=null,pe.activePopups.has(e)||function(e){se(e,!1),le(e),function(e){e?.isStandalonePopUp&&(e._standalonePopUpCardsActive||(Z(e),e._cachedPopupScrollableState=void 0))}(e),e.config.background_update&&(e.popUp.style.display="none"),Re(e),e.config.close_action&&(0,i.VR)(e,e.config,"close_action")}(e)})}(e)}function xt(e,t=null){t&&console.error(t);const n=1===pe.activePopups.size&&pe.activePopups.has(e);e._pendingPostOpenCardSync=!1,e._standalonePostOpenContentWakeNeeded=!1,pe.activePopups.delete(e),pt(e),Ke(e),Et(e),se(e,!1),e.config.background_update&&(e.popUp.style.display="none"),Re(e),n&&(z(),(0,s.qo)(!1))}function Ct(e,t){e._bubblePopupClassFrame&&(cancelAnimationFrame(e._bubblePopupClassFrame),e._bubblePopupClassFrame=null),e._bubblePopupClassTimeout&&(clearTimeout(e._bubblePopupClassTimeout),e._bubblePopupClassTimeout=null);const n=()=>{e.classList.add(t?"is-opening":"is-closing"),e.classList.toggle("is-popup-opened",t),e.classList.toggle("is-popup-closed",!t),e._bubblePopupClassTimeout=setTimeout(()=>{e._bubblePopupClassTimeout=null,e.classList.remove("is-opening","is-closing")},pe.animationDuration)};t?n():("none"===e.style.transition&&(e.style.transition=""),e.classList.remove("is-opening","is-closing"),e.classList.add("is-popup-opened"),e.classList.remove("is-popup-closed"),e.getBoundingClientRect(),e._bubblePopupClassFrame=requestAnimationFrame(()=>{e._bubblePopupClassFrame=null,n()}))}function kt(e,t,n,o,i){e&&n&&e[o?"addEventListener":"removeEventListener"](t,n,i)}function $t(e,t){e.forEach(([e,n,o,i])=>{kt(e,n,o,t,i)})}function St(e){e.popUp?.style&&(e.popUp.style.transform="")}function At(e,t){!function(e){e.boundClickOutside||(e.boundClickOutside=t=>function(e,t){if((t.config.close_by_clicking_outside??1)&&t.popUp.classList.contains("is-popup-opened")&&Ze(t)&&!(Date.now()-at.recentlyClosedTimestamp<at.protectionWindow||rt(e))){if(t._awaitFreshOutsideInteraction&&!t._allowOutsideCloseFromInteraction){if(Date.now()-(t._popupOpenSettledAt||0)<150)return;t._allowOutsideCloseFromInteraction=!0}et(t),lt(!0)}}(t,e)),e.boundOutsideInteractionStart||(e.boundOutsideInteractionStart=t=>function(e,t){t._awaitFreshOutsideInteraction&&t.popUp?.classList.contains("is-popup-opened")&&Ze(t)&&(rt(e)||(t._allowOutsideCloseFromInteraction=!0))}(t,e)),e.resetCloseTimeout||(e.resetCloseTimeout=()=>function(e){e.config.auto_close&&e.closeTimeout&&(clearTimeout(e.closeTimeout),e.closeTimeout=setTimeout(lt,e.config.auto_close))}(e))}(e);const n=!(!t||e.editor||!e.popUp);e.listenersAdded!==n&&(e._popupHeaderTouchTarget=n?e.elements?.headerContainer||e.elements?.header||null:e._popupHeaderTouchTarget,$t(function(e){return[[e.popUp,"touchstart",e.handleTouchStart,{passive:!0}],[e.popUp,"touchmove",e.handleTouchMove,{passive:!0}],[e.popUp,"touchend",e.handleTouchEnd,{passive:!0}],[e.popUp,"touchcancel",e.handleTouchCancel,{passive:!0}],[e._popupHeaderTouchTarget,"touchmove",e.handleHeaderTouchMove,{passive:!1}],[e._popupHeaderTouchTarget,"touchend",e.handleHeaderTouchEnd,{passive:!0}],[e._popupHeaderTouchTarget,"touchcancel",e.handleHeaderTouchCancel,{passive:!0}],[window,"keydown",e.closeOnEscape,{passive:!0}]]}(e),n),e.listenersAdded=n,n||(e._popupHeaderTouchTarget=null)),function(e,t){if(!e.popUp)return e.autoCloseListenersAdded=!1,e.closeOnClickListenerAdded=!1,void(e._popupHeaderTouchTarget=null);const n=t&&!!e.config.auto_close;e.autoCloseListenersAdded!==n&&($t([[e.popUp,"touchstart",e.resetCloseTimeout,{passive:!0}],[e.popUp,"click",e.resetCloseTimeout,{passive:!0}]],n),e.autoCloseListenersAdded=n);const o=t&&!!e.config.close_on_click;e.closeOnClickListenerAdded!==o&&(kt(e.popUp,"click",lt,o,{passive:!0}),e.closeOnClickListenerAdded=o),o?e.popUp.dataset.closeOnClick="true":delete e.popUp.dataset.closeOnClick}(e,n),function(e,t){e.clickOutsideListenerAdded!==t&&($t([[window,"click",e.boundClickOutside,{passive:!0}],[window,"pointerdown",e.boundOutsideInteractionStart,{passive:!0}],[window,"touchstart",e.boundOutsideInteractionStart,{passive:!0}]],t),e.clickOutsideListenerAdded=t)}(e,n)}function Lt(e){!function(e,t){t.forEach(t=>ze(e,t))}(e,be),xe(e),ke(e),Je(e),He(e,"_popupBodyScrollLockFrame"),$e(e),He(e,"_standaloneCloseBackdropFrame"),He(e,"_standalonePostCloseCleanupFrame"),function(e,t){t.forEach(t=>He(e,t))}(e,he),He(e,"_popupScrollableSyncFrame"),e.popUp?._bubblePopupClassTimeout&&(clearTimeout(e.popUp._bubblePopupClassTimeout),e.popUp._bubblePopupClassTimeout=null),e.popUp?._bubblePopupClassFrame&&(cancelAnimationFrame(e.popUp._bubblePopupClassFrame),e.popUp._bubblePopupClassFrame=null)}function Et(e){e.popUp&&(Lt(e),At(e,!1),Ve(e,!1),Ke(e),e.popUp.classList.remove("is-popup-opened","is-opening","is-closing","is-switch-closing"),e.popUp.classList.add("is-popup-closed"),St(e),Ee(e),We(e,!1),e.isStandalonePopUp||e.editor||e.config?.background_update||(de(e,!1),ce(e,0),e.popUp.style.visibility="hidden"),Ge(e,!1),Xe(e,!1),et(e),"none"===e.popUp.style.transition&&(e.popUp.style.transition=""))}function Tt(e,t=!1){if(function(e){const t=e.popUp?.classList?.contains("is-popup-opened"),n=e.popUp?.classList?.contains("is-closing"),o=pe.activePopups.has(e),i=Qe(e);o&&!t&&i||!(n||t&&!o||o&&!t)||(o&&!t&&e.isStandalonePopUp?xt(e):(o&&(pe.activePopups.delete(e),pt(e)),Et(e)))}(e),e.popUp.classList.contains("is-popup-opened"))return e._standaloneHashRoutedColdOpen=!1,void Ee(e);if(pe.activePopups.has(e))return e._standaloneHashRoutedColdOpen=!1,void Ee(e);if(ue(e),St(e),Fe(),function(e){const t=e._pendingPopupOpenSource||(e._popupOpenSource&&location.hash===e.config?.hash?e._popupOpenSource:"manual");e._pendingPopupOpenSource=null,function(e,t){e._popupOpenSource=t,"trigger"===t?pe.entityTriggeredPopup=e:pe.entityTriggeredPopup===e&&(pe.entityTriggeredPopup=null)}(e,t)}(e),Ge(e,!0),Xe(e,!1),We(e,!0),e.isStandalonePopUp)return void function(e,t=!1){Lt(e);const{popUp:n}=e;pe.activePopups.add(e);const o=yt(e),i=Array.isArray(e.config.cards)&&e.config.cards.length>0;e._standalonePostOpenContentWakeNeeded=!1,o||(e._cachedPopupScrollableState=void 0),Le(e);const a=!0===e._standaloneOpenImmediateFrame,r=!0===e._standaloneHashRoutedColdOpen&&!a&&function(e){const t=Be(e?.config);return t===me||t===ye&&Ae()}(e);if(e._standaloneOpenImmediateFrame=!1,e._standaloneHashRoutedColdOpen=!1,!t&&a&&vt(e)&&o&&(t=!0),t){try{a||dt(e,!0),!a&&e._standaloneNeedsShellRefresh&&"function"==typeof e.refreshPopupHeader&&e.refreshPopupHeader(),e._standaloneNeedsShellRefresh&&"function"==typeof e.refreshPopupShell&&e.refreshPopupShell(),De(e),e.updatePopupColor?.(),n.style.display="",n.style.visibility="",At(e,!0),Se(e,"_popupListenersFrame",()=>{pe.activePopups.has(e)&&At(e,!0)}),se(e,!0),Ve(e,!0);try{gt(e),!o&&i&&(e._standalonePostOpenContentWakeNeeded=!0)}finally{Ve(e,!1)}Pe(n,!0),(0,s.qo)(!0),Ce(e),requestAnimationFrame(()=>{try{a&&pe.activePopups.has(e)&&dt(e,!0),_t(e)}catch(t){xt(e,t)}})}catch(t){Ve(e,!1),xt(e,t)}return}let l=!1;const c=()=>{try{if(!pe.activePopups.has(e))return;Se(e,"_popupListenersFrame",()=>{pe.activePopups.has(e)&&At(e,!0)}),dt(e,!0),l||(e._pendingPostOpenCardSync=!0),Me(e,()=>{try{_t(e)}catch(t){xt(e,t)}}),Pe(n,!0,"is-opening")}catch(t){Ve(e,!1),xt(e,t)}};(()=>{try{if(!pe.activePopups.has(e))return;if(e._standaloneNeedsShellRefresh&&"function"==typeof e.refreshPopupHeader&&e.refreshPopupHeader(),De(e),e._standaloneNeedsShellRefresh&&"function"==typeof e.refreshPopupShell&&e.refreshPopupShell(),e.updatePopupColor?.(),n.style.display="",n.style.visibility="",se(e,!0),i){Ve(e,!0);try{(function(e){return Be(e?.config)===me&&Ie(e?.config)===we})(e)||(gt(e),l=!0,o||(e._standalonePostOpenContentWakeNeeded=!0))}finally{Ve(e,!1)}}!ft(e)&&l&&mt(e),$e(e),"none"===n.style.transition&&(n.style.transition=""),Pe(n,!1);const t=r&&l;!function(e,t,n={}){const o=Math.max(1,n?.minimumFrames??1);let i=Math.max(0,n?.unstableExtraFrames??0),a="string"==typeof n?.initialSignature?n.initialSignature:null,r=!1;const s=n=>{Se(e,"_standaloneCardSyncFrame",()=>{if(null!==a||i>0){const t=Te(e);null!==a&&t!==a&&(r=!0),a=t}if(!(n>1))return r&&i>0?(r=!1,i-=1,void s(1)):void t();s(n-1)})};s(o)}(e,c,{minimumFrames:r?2:1,unstableExtraFrames:t?1:0,initialSignature:t?Te(e):null})}catch(t){xt(e,t)}})()}(e,t);Lt(e);const{popUp:n}=e;pe.activePopups.add(e),Le(e),requestAnimationFrame(()=>{pe.activePopups.has(e)&&(e.updatePopupColor?.(),(e.refreshPopupShell??e.refreshPopupHeader)?.(),function(e){if(e.config.background_update)return void(e.popUp.style.display="");const{popUp:t}=e;t.style.transform="",t.style.visibility="";const{sectionRow:n,sectionRowContainer:o}=e;"hui-card"===n?.tagName?.toLowerCase()&&(n.hidden=!1,n.style.display="",o?.classList.contains("card")&&(o.style.display="",o.style.position="absolute"))}(e),dt(e,!0),At(e,!0),requestAnimationFrame(()=>{if(pe.activePopups.has(e)){Ve(e,!0);try{de(e,!0)}finally{Ve(e,!1)}t?(n.classList.replace("is-popup-closed","is-popup-opened"),Ce(e)):Ct(n,!0),function(e){ke(e),e._popupOpenCompletionTimeout=setTimeout(()=>{e._popupOpenCompletionTimeout=null,pe.activePopups.has(e)&&(e._popupOpenCompletionFrame=requestAnimationFrame(()=>{e._popupOpenCompletionFrame=null,pe.activePopups.has(e)&&bt(e)}))},pe.animationDuration)}(e)}}))})}function Mt(e,t=!0){const n=location.hash;if(!n||e.config?.hash!==n)return!1;const o=pe.activePopups.has(e),i=e.popUp?.classList?.contains("is-popup-opened"),a=Qe(e);return!(o&&(i||a)||(!o&&i&&Et(e),Tt(e,t),0))}function Pt(e,t=!1){(e.popUp.classList.contains("is-popup-opened")||t)&&(e.isStandalonePopUp?function(e,t=!1){if(!e.popUp.classList.contains("is-popup-opened")&&!t)return;Lt(e);const n=ut(e);pe.activePopups.delete(e),pt(e),At(e,!1),n?Ee(e):Le(e),function(e,t,n,o=!1){const{popUp:i}=e;$e(e),"none"===i.style.transition&&(i.style.transition="");const a=!t&&i.classList.contains("is-popup-opened")&&!i.classList.contains("is-popup-closed")&&!i.classList.contains("is-closing")&&!i.classList.contains("is-opening");t?Pe(i,!1):a||(i.classList.remove("is-opening","is-closing"),i.classList.add("is-popup-opened"),i.classList.remove("is-popup-closed")),!t&&a||requestAnimationFrame(()=>{i.getBoundingClientRect()}),Me(e,n),t?Pe(i,!0,"is-opening"):(i.classList.toggle("is-switch-closing",o),i.classList.add("is-closing"))}(e,!1,()=>wt(e),n),n||(He(e,"_standaloneCloseBackdropFrame"),e._standaloneCloseBackdropFrame=requestAnimationFrame(()=>{e._standaloneCloseBackdropFrame=null,pe.activePopups.has(e)||ut(e)||dt(e,!1)}))}(e,t):(Lt(e),pe.activePopups.delete(e),pt(e),Le(e),Ct(e.popUp,!1),dt(e,!1),e.removeDomTimeout=setTimeout(()=>{Ee(e),de(e,!1),ce(e,0),e.removeDomTimeout=null},pe.animationDuration),At(e,!1),(0,s.qo)(!1),e.config.close_action&&(0,i.VR)(e,e.config,"close_action")))}window.__bubbleDialogListenerAdded||(window.addEventListener("dialog-closed",()=>{at.recentlyClosedTimestamp=Date.now()},{capture:!0}),window.addEventListener("iron-overlay-closed",()=>{at.recentlyClosedTimestamp=Date.now()},{capture:!0}),window.__bubbleDialogListenerAdded=!0);const Bt=new Map;let It=!1,qt=location.hash;function Ot(e){if(!e)return null;const t=Bt.get(e);return t?.deref()||null}function Ut(e){const t=e.config.hash;if(t){if(e._registeredHash&&e._registeredHash!==t){const t=Bt.get(e._registeredHash);t?.deref()===e&&Bt.delete(e._registeredHash)}if(e._registeredHash===t){const n=Bt.get(t);if(n?.deref()===e)return}e._registeredHash=t,Bt.set(t,new WeakRef(e)),function(){if(It)return;It=!0;const e=e=>{const t=location.hash,n=qt;qt=t,t&&Fe();let o=!1;const i=new Set(pe.activePopups);for(const e of i)e.config.hash&&e.config.hash!==t&&(o=!0,Pt(e,!0));const a=Bt.get(t),r=a?.deref();if(r){t&&t!==n&&(r._previousPopupHash=Ot(n)?n:"");const i=r.popUp.classList.contains("is-popup-opened"),a=pe.activePopups.has(r),s=r.popUp.classList.contains("is-closing");if(i&&a&&!s&&Ze(r)&&!(Date.now()-at.recentlyClosedTimestamp<at.protectionWindow)&&function(e,t,n){return!(!t||t!==n)&&"location-changed"===e?.type&&(!1===e?.detail?.replace||"bubble-popup-add-hash"===e?.detail?.source&&!0===e?.detail?.sameHash)}(e,t,n))return void lt(!0);o=function(e){let t=!1;const n=new Set(pe.activePopups);for(const o of n)o!==e&&(t=!0,Pt(o,!0));return t}(r)||o,r.isStandalonePopUp?function(e,t,n){n||Le(e),requestAnimationFrame(()=>{if(location.hash!==t)return e._standaloneHashRoutedColdOpen=!1,void Ee(e);e._standaloneHashRoutedColdOpen=!n,n&&(e._standaloneOpenImmediateFrame=!0),Tt(e,n&&vt(e)&&yt(e))})}(r,t,o):Tt(r)}else a&&Bt.delete(t),requestAnimationFrame(()=>{for(const e of pe.activePopups)e.config.hash&&e.config.hash!==t&&Pt(e,!0)})};window.addEventListener("location-changed",e),window.addEventListener("popstate",e),window.addEventListener("hashchange",e)}()}}var zt=n(957);function Ht(e){if(!e)return null;try{return"hui-card-element-editor"===e.tagName?.toLowerCase?.()?e:e.shadowRoot?.querySelector?.("hui-card-element-editor")||e.querySelector?.("hui-card-element-editor")||null}catch(e){return null}}function Nt(e,t,n){try{return e[t]!==n&&(e[t]=n,!0)}catch(e){return!1}}function Dt(e,t){try{return!(!(t in e)&&!Object.prototype.hasOwnProperty.call(e,t))&&Nt(e,t,void 0)}catch(e){return!1}}function jt(e){return function(e){if(!e)return!1;let t=!1;if(t=Nt(e,"_GUImode",!0)||t,t=Nt(e,"GUImode",!0)||t,t=Nt(e,"_guiMode",!0)||t,t=Nt(e,"guiMode",!0)||t,t=Dt(e,"_yamlError")||t,t=Dt(e,"_subElementEditorConfig")||t,t=Nt(e,"_currTab","config")||t,t&&"function"==typeof e.requestUpdate)try{e.requestUpdate()}catch(e){}return!0}(Ht(e))}function Rt(e){if(void 0!==e)return"function"==typeof structuredClone?structuredClone(e):JSON.parse(JSON.stringify(e))}function Ft(e){if("string"!=typeof e)return"";const t=e.trim();return t?t.startsWith("#")?t:`#${t}`:""}function Vt(e,t=[]){if(!Array.isArray(t))return;let n=e;for(const e of t){if(null==n)return;n=n[e]}return n}function Wt(e,t){let n=null,o=-1;const i=(e,a=[])=>{if(!e||"object"!=typeof e)return;const r=function(e,t){if(!e||!t||"object"!=typeof e||"object"!=typeof t)return-1;if(function(e,t){if(e===t)return!0;try{return JSON.stringify(e)===JSON.stringify(t)}catch(e){return!1}}(e,t))return 1e3;let n=0;e.type&&e.type===t.type&&(n+=10),e.card_type&&e.card_type===t.card_type&&(n+=10);const o=Ft(e.hash),i=Ft(t.hash);if(o&&i){if(o!==i)return-1;n+=100}return e.entity&&e.entity===t.entity&&(n+=8),e.name&&e.name===t.name&&(n+=4),e.icon&&e.icon===t.icon&&(n+=2),n>0?n:-1}(e,t);r>o&&(o=r,n=a),Array.isArray(e)?e.forEach((e,t)=>i(e,[...a,t])):Object.entries(e).forEach(([e,t])=>{t&&"object"==typeof t&&i(t,[...a,e])})};return i(e),o>=0?n:null}const Yt="bubble-card-popup-hashes",Kt="bubble-popup-hashes-updated",Jt="bubble_popups",Xt="Bubble Card pop-ups",Gt=["related","dashboards","views","other_routes"];function Qt(){try{return location.pathname}catch(e){return"/"}}function Zt(e){if("string"!=typeof e)return null;const t=e.trim();return!t||t.startsWith("/")?null:t.startsWith("#")?t:`#${t}`}function en(){return window.__bubbleRegisteredPopUpHashes instanceof Map||(window.__bubbleRegisteredPopUpHashes=new Map),window.__bubbleRegisteredPopUpHashes}const tn=new Set,nn=[];function on(e){if(!e||function(e){return nn.some(t=>t.hash===e&&t.ref.deref()?.isConnected)}(e))return!1;tn.delete(e);const t=en().get(e);return t?.path===Qt()&&en().delete(e),!0}function an(){const e=new Set;for(let t=nn.length-1;t>=0;t--){const n=nn[t];n.ref.deref()?.isConnected||(e.add(n.hash),nn.splice(t,1))}let t=!1;return e.forEach(e=>{on(e)&&(t=!0)}),t}function rn(e){if(!e?._navigationGroups||!e?._navigationItems)return;const t=en(),n=Qt(),o=function(e){return Gt.flatMap(t=>e._navigationGroups?.[t]||[])}(e),i=new Set(o.map(e=>e?.id)),a=[];t.forEach((e,t)=>{e.path===n&&tn.has(t)&&t&&!i.has(t)&&a.push({id:t,primary:e.name||t,secondary:e.name?t:"Bubble Card pop-up hash",icon:e.icon||"mdi:pound",sorting_label:`zzz_bubble_pop_up_${t}`})}),"function"==typeof e._sortBySortingLabel&&a.sort((t,n)=>e._sortBySortingLabel(t,n)),e.__bubblePopUpNavigationItems=a,e._navigationItems=[...o,...a]}function sn(){document.querySelectorAll("ha-navigation-picker").forEach(e=>{try{rn(e),e.requestUpdate?.()}catch(e){}})}function ln(e){if(e.__bubbleGetItemsPatched)return;const t=e._getItems;"function"==typeof t&&(e._getItems=function(n,o){rn(e);const i=function(e,t){const n="string"==typeof t?t.trim().toLowerCase():"";return n?e.filter(e=>[e.id,e.primary,e.secondary].some(e=>(e||"").toLowerCase().includes(n))):e}(e.__bubblePopUpNavigationItems||[],n);if(o===Jt)return i;const a=t.call(e,n,o);return o||!i.length?a:[...a,Xt,...i]},e.__bubbleGetItemsPatched=!0)}function cn(){const e=customElements.get("ha-navigation-picker");if(!e?.prototype)return!1;const t=e.prototype;if(t.__bubblePopUpHashesPatched)return!0;const n=t._loadNavigationItems,o=t.updated;return"function"==typeof n&&(t._loadNavigationItems=async function(...e){await n.apply(this,e),ln(this),rn(this)},t.updated=function(e){o?.call(this,e);try{ln(this),rn(this),function(e){const t=e.renderRoot?.querySelector("ha-generic-picker");if(!t)return;const n=e.__bubblePopUpNavigationItems?.length>0,o=Array.isArray(t.sections)?t.sections:[],i=o.filter(e=>e?.id!==Jt);n?t.sections=[...i,{id:Jt,label:Xt}]:i.length!==o.length&&(t.sections=i)}(this)}catch(e){}},t.__bubblePopUpHashesPatched=!0,!0)}function dn(e,t){const n=Zt(e);if(!n)return!1;an();const o=Zt(t);if(n===o){const e=Qt();return nn.filter(t=>t.path===e&&t.hash===n).length>1}return function(e){if(!tn.has(e))return!1;const t=en().get(e);return t?.path===Qt()}(n)}function un(e,{name:t,icon:n,isConnected:o=!0,element:i}={}){if(!o)return;const a=Zt(e);if(!a)return;const r=Qt();let s=!1;if(i){an()&&(s=!0);const e=nn.find(e=>e.ref.deref()===i);if(e){if(e.hash!==a||e.path!==r){const t=e.hash;e.hash=a,e.path=r,on(t),s=!0}}else nn.push({ref:new WeakRef(i),hash:a,path:r}),s=!0}tn.add(a);const l=en(),c=l.get(a),d={name:t||null,icon:n||null,path:r},u=!c||c.name!==d.name||c.icon!==d.icon||c.path!==d.path;l.set(a,d),(s||u)&&function(){try{const e=en(),t=Qt(),n={};e.forEach((e,o)=>{const i=e.path||"/";(i!==t||tn.has(o))&&(n[i]??=[]).push({hash:o,name:e.name||null,icon:e.icon||null})}),localStorage.setItem(Yt,JSON.stringify(n))}catch(e){}window.dispatchEvent(new Event(Kt))}()}function pn(e){if(void 0!==e)return"function"==typeof structuredClone?structuredClone(e):JSON.parse(JSON.stringify(e))}function bn(e){if("string"!=typeof e)return null;const t=e.trim();return t?t.startsWith("#")?t:`#${t}`:null}function hn(e,t){return!(!Array.isArray(e)||!Array.isArray(t)||e.length!==t.length)&&e.every((e,n)=>e===t[n])}function mn(e,t){return!(!Array.isArray(e)||!Array.isArray(t)||e.length>t.length)&&e.every((e,n)=>e===t[n])}function fn(e,t,n,o=[],i=[]){if(!e||"object"!=typeof e)return i;if(Array.isArray(e)){for(let a=0;a<e.length;a+=1)fn(e[a],t,n,[...o,a],i);return i}if("vertical-stack"===e.type&&Array.isArray(e.cards)){let a=-1,r=-1;e.cards.forEach((e,o)=>{const i=function(e,t,n){if(!e||"object"!=typeof e)return-1;if(!gn(e))return-1;const o=bn(n)||bn(t?.hash),i=bn(e.hash);if(o&&i)return i===o?100:-1;let a=0;return t?.entity&&e.entity===t.entity&&(a+=8),t?.name&&e.name===t.name&&(a+=4),t?.icon&&e.icon===t.icon&&(a+=2),e.type===t?.type&&(a+=1),a>0?a:-1}(e,t,n);i>r&&(r=i,a=o)}),-1!==a&&i.push({stackConfig:e,stackPath:o,popupIndex:a,popupPath:[...o,"cards",a]})}for(const[a,r]of Object.entries(e))r&&"object"==typeof r&&fn(r,t,n,[...o,a],i);return i}function gn(e){return!(!e||"custom:bubble-card"!==e.type||"pop-up"!==e.card_type||Array.isArray(e.cards))}function yn(e){return"horizontal-stack"===e?.type&&Array.isArray(e.cards)&&e.cards.length>0}function vn(e,t=12){const n=function(e){const t=pn(e)||{};return"custom:bubble-card"===t.type&&delete t.columns,t.grid_options&&(delete t.grid_options.columns,delete t.grid_options.max_columns,delete t.grid_options.min_columns,0===Object.keys(t.grid_options).length&&delete t.grid_options),t.layout_options&&delete t.layout_options,t}(e),o={...n.grid_options||{},columns:t};return function(e){return"custom:bubble-card"!==e?.type}(n)&&(o.rows="auto"),n.grid_options=o,n}function _n(e,t=[],n={}){const o=pn(e)||{};return o.cards=function(e=[],t={}){return e.flatMap(e=>{if(!t.convertHorizontalStacks||!yn(e))return[vn(e)];const n=function(e){if(!Number.isInteger(e)||e<=0||e>12)return null;const t=Math.floor(12/e),n=12%e;return Array.from({length:e},(e,o)=>t+(o<n?1:0))}(e.cards.length);return n?e.cards.map((e,t)=>function(e,t){return vn(e,t)}(e,n[t])):[vn(e)]})}(t,n),o}function wn(e,t,n={}){if(!gn(t))return null;const o=function(e,t={}){if(!Array.isArray(e)||0===e.length)return null;if(Array.isArray(t.activeCardPath)){const n=e.find(e=>function(e,t){return hn(e.popupPath,t)||hn(e.stackPath,t)||mn(t,e.stackPath)||mn(e.stackPath,t)}(e,t.activeCardPath));if(n)return n}return Array.isArray(t.currentViewPath)?e.find(e=>mn(t.currentViewPath,e.stackPath))||null:e[0]}(fn(e,t,n.matchHash||null),n);if(!o)return null;const i=o.stackConfig.cards.filter((e,t)=>t!==o.popupIndex).map(e=>pn(e));return{...o,contentCards:i,standaloneConfig:_n(t,i,n),standalonePath:o.stackPath}}function xn(e,t,n){if(!Array.isArray(t)||0===t.length)return pn(n);const o=pn(e);let i=o;for(let e=0;e<t.length-1;e+=1)if(i=i?.[t[e]],void 0===i)return o;return i[t[t.length-1]]=pn(n),o}function Cn(e){return"function"==typeof e?._getActiveEditCardDialog?e._getActiveEditCardDialog():null}function kn(e){return"function"==typeof e?._getActiveLovelace?e._getActiveLovelace():null}function $n(e,t,n){if(!t)return null;if(Array.isArray(n)){const o=Wt(Vt(e,n),t);if(o)return[...n,...o]}return Wt(e,t)}function Sn(e){const t=e.shadowRoot?.querySelector("#hash-input"),n=bn(t?.value);return n?{...e._config,hash:n}:e._config}function An(e,t){const n=function(e){return"function"==typeof e?._getActiveLovelaceConfig?e._getActiveLovelaceConfig():null}(e),o=Sn(e),i=Cn(e)?._params||null,a=function(e,t=null,n=null){const o=e?.views;if(!Array.isArray(o)||0===o.length)return null;const i=Pn(n,o);if(-1!==i)return["views",i];const{viewPath:a}=Tn(t),r=Mn(a);if(!r)return["views",0];const s=Pn(r,o);if(-1!==s)return["views",s];const l=o.findIndex(e=>{const t=Mn(e?.path);return t?t===r:(n=e?.title,Mn(n).toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")===r);var n});return-1!==l?["views",l]:null}(n,e.hass,function(e){return"function"==typeof e?._getActiveLovelaceViewIndex?e._getActiveLovelaceViewIndex():null}(e)),r=$n(n,i?.cardConfig,a);if(!n||!gn(o))return null;const s=wn(n,o,{matchHash:t,currentViewPath:a,activeCardPath:r});return s?{lovelaceConfig:n,popupConfig:o,popupPath:s.standalonePath,stackPath:s.stackPath,contentCards:s.contentCards,currentViewPath:a,activeCardPath:r}:null}function Ln(e,t,n,o){return async i=>{const a=o||kn(e);if(!a||"function"!=typeof a.saveConfig)return;const r=Cn(e)?._params?.lovelaceConfig,s=xn([r,n,a.rawConfig,a.config].find(e=>e&&void 0!==Vt(e,t))||n||a.rawConfig||a.config,t,i);await a.saveConfig(s)}}async function En(e,t){if(e._legacyStandaloneMigrationBusy)return;const n=Sn(e);if(dn(n?.hash,t))return e._legacyStandaloneMigrationError="Choose a unique hash before migrating this pop-up.",void e.requestUpdate();const o=kn(e),i=An(e,t);if(!i)return e._legacyStandaloneMigrationError="Unable to migrate this pop-up from the current dashboard editor.",void e.requestUpdate();const a=function(e,t,n={}){const o=wn(e,t,n);return o?{config:xn(e,o.stackPath,o.standaloneConfig),popupConfig:o.standaloneConfig,popupPath:o.standalonePath,stackPath:o.stackPath,contentCards:o.contentCards,popupIndex:o.popupIndex}:null}(i.lovelaceConfig,i.popupConfig,{matchHash:t,currentViewPath:i.currentViewPath,activeCardPath:i.activeCardPath,convertHorizontalStacks:!1!==e._legacyStandaloneFlattenHorizontalStacks});if(!o||"function"!=typeof o.saveConfig||!a)return e._legacyStandaloneMigrationError="Unable to migrate this pop-up from the current dashboard editor.",void e.requestUpdate();e._legacyStandaloneMigrationBusy=!0,e._legacyStandaloneMigrationError="",e.requestUpdate();try{await o.saveConfig(a.config),e._config=a.popupConfig,"function"==typeof o.showToast&&o.showToast({message:"Pop-up migrated to standalone."}),function(e,t,n,o){const i=Cn(e);if(!i||"function"!=typeof i.showDialog)return!1;const a=function(e,t,n,o,i={}){if(!e?.cardConfig||!t||!n?.config)return null;const a=$n(t,e.cardConfig,i.currentViewPath);if(!mn(a,n.stackPath))return null;const r=Vt(n.config,a);return r?.type?{...e,lovelace:e.lovelace||o,lovelaceConfig:n.config,cardConfig:r}:null}(i._params,t.lovelaceConfig,n,o,{currentViewPath:t.currentViewPath});return!!a&&(i.showDialog(a),!0)}(e,i,a,o)||function(e,t,n){const o=Cn(e),i={lovelace:n,lovelaceConfig:t.config,cardConfig:t.popupConfig,saveCardConfig:Ln(e,t.popupPath,t.config,n)};if(o&&"function"==typeof o.showDialog)return void o.showDialog(i);const a=function(e){return"function"==typeof e?._getHomeAssistantHost?e._getHomeAssistantHost():null}(e);a&&a.dispatchEvent(function(e,t){const n=new Event("show-dialog",{bubbles:!0,cancelable:!1,composed:!0});return n.detail=t??{},n}(0,{dialogTag:"hui-dialog-edit-card",dialogImport:()=>Promise.resolve(),dialogParams:i}))}(e,a,o)}catch(t){e._legacyStandaloneMigrationError=t?.message||"Failed to migrate this pop-up.",console.error("Bubble Card: failed to migrate legacy pop-up",t)}finally{e._legacyStandaloneMigrationBusy=!1,e.requestUpdate()}}function Tn(e=null){const t=("undefined"!=typeof location&&"string"==typeof location.pathname?location.pathname:"").split("/").filter(Boolean).map(e=>{try{return decodeURI(e)}catch(t){return e}}),n=function(e){return"string"==typeof e?e.trim().replace(/^\/+|\/+$/g,""):""}(e?.panelUrl)||t[0]||"lovelace",o=t.indexOf(n);return{panelUrl:n,viewPath:(o>=0?t[o+1]:t[1])||""}}function Mn(e){return"string"==typeof e?e.trim().replace(/^\/+|\/+$/g,""):""}function Pn(e,t){if(null==e||""===e)return-1;if("number"!=typeof e&&"string"!=typeof e)return-1;const n="number"==typeof e?e:Number(e);return Number.isInteger(n)&&n>=0&&n<t.length?n:-1}function Bn(e=null){return`bubble-card-legacy-popup-notice-${function(e=null){const{panelUrl:t,viewPath:n}=Tn(e);return n?`${t}/${n}`:t}(e)}`}let In=!1,qn=null;const On=new Set;function Un(e){try{return!!localStorage.getItem(e)}catch(e){return!1}}function zn(e=null){e&&(qn=e);const t=Bn(qn);In||On.has(t)||Un(t)||(In=!0,setTimeout(Hn,2e3))}function Hn(){const e=Bn(qn);if(On.has(e)||Un(e))return void(In=!1);if(!customElements.get("ha-dialog"))return void customElements.whenDefined("ha-dialog").then(Hn);On.add(e);const t=document.createElement("div");t.id="bubble-card-migration-notice-host",document.body.appendChild(t);const n=document.createElement("ha-dialog");n.setAttribute("header-title","Important");const o=document.createElement("div");o.style.lineHeight="1.6",o.innerHTML='\n <h3 style="margin: 0 0 4px;">Your pop-ups need to be migrated</h3>\n <p>\n Since Bubble Card v3.2.0, <strong>your pop-ups must be migrated to the new\n standalone format.</strong> It\'s easy and only takes a few clicks!\n </p>\n <p style="margin: 0 0 24px;">\n If you missed it, check out the <a href="https://github.com/Clooos/Bubble-Card/releases/tag/v3.2.0" target="_blank" rel="noopener" style="color: var(--primary-color); text-decoration: underline;">v3.2.0 release announcement</a> (it took me about 10 hours to write it!) to see all the new features and changes.\n </p>\n <hr>\n <h3 style="margin: 24px 0 4px;">What does it change?</h3>\n <p>\n Standalone pop-ups render much faster, work more reliably, and no longer \n need to live inside a <em>vertical-stack</em> card (finally!). You also get access to \n a new editor based on the Home Assistant section editor, with the exact same \n drag-and-drop approach for easier and faster editing! \n </p>\n <details style="margin: 0 0 16px; border-radius: 8px; overflow: hidden; background: var(--primary-background-color);">\n <summary style="padding: 12px 16px; cursor: pointer; user-select: none;">\n <span style="margin-right: 4px;"></span> <strong>Watch how the new editor works</strong> (click to expand)\n </summary>\n <video preload="metadata" autoplay muted loop playsinline style="width: 100%; display: block; aspect-ratio: 1059 / 720;">\n <source src="https://github.com/Clooos/Bubble-Card/raw/main/img/bubble_card_new_pop_up_editor.mp4" type="video/mp4">\n </video>\n </details>\n <p style="margin: 0 0 24px;">\n Pop-ups now have new features has well,\n with new modes (like a centered one), a new optional classic style and a performance mode for \n smoother animations on lower-end devices.\n </p>\n <hr>\n <h3 style="margin: 24px 0 4px;">How to migrate from the editor?</h3>\n <p style="margin: 14px 0 24px;">\n Open the editor for each pop-up showing <strong>Migration available</strong>, \n then just click <strong>Migrate to standalone</strong>.\n </p>\n <hr>\n <h3 style="margin: 24px 0 4px;">Using YAML?</h3>\n <p style="margin: 14px 0 24px;">\n Replace the legacy pop-up config with the standalone format:\n </p>\n <pre style="margin: 0 0 12px; padding: 12px; background: var(--secondary-background-color); border-radius: 8px; overflow-x: auto; font-size: 0.85em;">\n- type: custom:bubble-card\n card_type: pop-up\n name: My Pop-up\n icon: mdi:home\n hash: "#my-popup"\n cards:\n - type: custom:bubble-card\n card_type: button\n entity: light.living_room\n name: Living Room\n # more cards...</pre>\n <p style="margin: 0 0 24px;">\n <strong>Pro tip:</strong> Honestly, if you\'re still using YAML for Bubble Card at this point, you might want to give the new editor a try, it makes creating and editing pop-ups a breeze! You also get access to the Module Store. I\'ve put so much love into this editor ❤️\n </p>\n <hr>\n <p style="margin: 24px 0 0;">\n <em>Enjoy this update! Cheers! 🍻</em>\n </p>\n <p style="margin: 24px 0 0;">\n <a href="https://www.buymeacoffee.com/clooos" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/Donate-Buy%20me%20a%20beer-yellow?style=for-the-badge&logo=buy-me-a-coffee" alt="Buy me a beer"></a> \n <a href="https://www.paypal.com/donate/?business=MRVBV9PLT9ZPL&no_recurring=0&item_name=Hi%2C+I%27m+Clooos+the+creator+of+Bubble+Card.+Thank+you+for+supporting+me+and+my+passion.+You+are+awesome%21+%F0%9F%8D%BB¤cy_code=EUR" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/Donate-PayPal-blue?style=for-the-badge&logo=paypal" alt="PayPal"></a> \n <a href="https://www.patreon.com/Clooos" target="_blank" rel="noopener"><img src="https://img.shields.io/badge/Donate-Patreon-orange?style=for-the-badge&logo=patreon" alt="Patreon"></a>\n </p>\n ',n.appendChild(o);const i=document.createElement("ha-dialog-footer");i.setAttribute("slot","footer");const a=document.createElement("ha-button");a.textContent="Got it, don't show again on this view",a.setAttribute("data-dialog","close"),a.setAttribute("slot","secondaryAction"),a.setAttribute("appearance","plain");let r=!1;const s=()=>{if(!r){r=!0;try{localStorage.setItem(Bn(qn),"1")}catch(e){}In=!1,n.open=!1}};a.addEventListener("pointerup",s),a.addEventListener("touchend",s),a.addEventListener("click",s),i.appendChild(a);const l=document.createElement("ha-button");l.textContent="Remind me later",l.setAttribute("data-dialog","close"),l.setAttribute("slot","primaryAction"),l.setAttribute("appearance","filled"),l.setAttribute("variant","brand"),l.addEventListener("click",()=>{n.open=!1}),i.appendChild(l),n.appendChild(i),n.addEventListener("closed",()=>{In=!1,setTimeout(()=>{t?.isConnected&&t.remove()},400)}),t.appendChild(n),n.open=!0}class Nn extends zt.WF{static properties={hass:{attribute:!1},selector:{attribute:!1},value:{attribute:!1},label:{},helper:{},disabled:{type:Boolean},required:{type:Boolean},localizeValue:{attribute:!1}};constructor(){super(),this.disabled=!1,this.required=!1}_generateSchema(e,t){if(!e)return[];const n=Array.isArray(e)?e.map((e,t)=>[e.name||t,e]):Object.entries(e);let o=null;for(const[e,t]of n)if(t.selector&&t.selector.entity){o=e;break}return n.map(([e,t])=>{const n={name:e,selector:t.selector,required:t.required??!1};return t.selector&&t.selector.attribute&&o&&(n.context={filter_entity:o}),n})}_computeLabel(e){const t=this.selector?.bc_object?.fields?.[e.name];if(t?.label)return t.label;const n=this.selector?.bc_object?.translation_key;if(this.localizeValue&&n){const t=this.localizeValue(`${n}.fields.${e.name}.name`)||this.localizeValue(`${n}.fields.${e.name}`);if(t)return t}return e.name}_computeHelper(e){const t=this.selector?.bc_object?.fields?.[e.name];if(t?.description)return t.description;const n=this.selector?.bc_object?.translation_key;if(this.localizeValue&&n){const t=this.localizeValue(`${n}.fields.${e.name}.description`);if(t)return t}return""}_formatValue(e,t){if(!e||!this.hass)return"";const n=this.selector?.bc_object?.label_field||Object.keys(this.selector?.bc_object?.fields||{})[0];if(!n)return"";const o=e[n];if(!o)return"";if(this.selector?.bc_object?.fields?.[n]?.selector?.entity){const e=this.hass.states[o];if(e)return e.attributes.friendly_name||o}return String(o)}_getDescription(e){const t=this.selector?.bc_object?.description_field;return t&&e&&e[t]||""}render(){const e=this.selector?.bc_object?.multiple||!1,t=this.selector?.bc_object?.fields;return t?e?this._renderMultiple():this._renderSingle():zt.qy`<div>No fields defined</div>`}_renderMultiple(){const e=Array.isArray(this.value)?this.value:[];return zt.qy`
|
||
${this.label?zt.qy`<label class="bc-object-label">${this.label}</label>`:zt.s6}
|
||
<div class="bc-object-items">
|
||
${e.map((e,t)=>this._renderItem(e,t))}
|
||
<ha-button
|
||
class="bc-object-add-button"
|
||
@click=${this._addItem}
|
||
?disabled=${this.disabled}
|
||
>
|
||
<ha-icon icon="mdi:plus"></ha-icon>
|
||
${this.hass?.localize?.("ui.common.add")||"Add"}
|
||
</ha-button>
|
||
</div>
|
||
${this.helper?zt.qy`<ha-input-helper-text>${this.helper}</ha-input-helper-text>`:zt.s6}
|
||
`}_renderSingle(){return this.value?zt.qy`
|
||
${this.label?zt.qy`<label class="bc-object-label">${this.label}</label>`:zt.s6}
|
||
<div class="bc-object-items">
|
||
${this._renderItem(this.value,0)}
|
||
</div>
|
||
${this.helper?zt.qy`<ha-input-helper-text>${this.helper}</ha-input-helper-text>`:zt.s6}
|
||
`:zt.qy`
|
||
${this.label?zt.qy`<label class="bc-object-label">${this.label}</label>`:zt.s6}
|
||
<ha-button
|
||
class="bc-object-add-button"
|
||
@click=${this._addItem}
|
||
?disabled=${this.disabled}
|
||
>
|
||
<ha-icon icon="mdi:plus"></ha-icon>
|
||
${this.hass?.localize?.("ui.common.add")||"Add"}
|
||
</ha-button>
|
||
${this.helper?zt.qy`<ha-input-helper-text>${this.helper}</ha-input-helper-text>`:zt.s6}
|
||
`}_renderItem(e,t){const n=this._formatValue(e,this.selector)||`Item ${t+1}`,o=this._getDescription(e),i=this.selector?.bc_object?.multiple||!1;return zt.qy`
|
||
<ha-expansion-panel outlined class="bc-object-item">
|
||
<h4 slot="header" class="bc-object-item-header">
|
||
<div class="bc-object-item-title-container">
|
||
<span class="bc-object-item-label">${n}</span>
|
||
${o?zt.qy`<span class="bc-object-item-description">${o}</span>`:zt.s6}
|
||
</div>
|
||
<div class="button-container" @click=${e=>e.stopPropagation()} @mousedown=${e=>e.stopPropagation()} @touchstart=${e=>e.stopPropagation()}>
|
||
<ha-icon-button
|
||
class="delete-icon"
|
||
@click=${()=>this._deleteItem(t)}
|
||
?disabled=${this.disabled}
|
||
.label="${this.hass?.localize?.("ui.common.delete")||"Delete"}"
|
||
>
|
||
<ha-icon icon="${i?"mdi:delete":"mdi:close"}"></ha-icon>
|
||
</ha-icon-button>
|
||
</div>
|
||
</h4>
|
||
<div class="bc-object-item-content">
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${e}
|
||
.schema=${this._generateSchema(this.selector?.bc_object?.fields,e)}
|
||
.disabled=${this.disabled}
|
||
.computeLabel=${e=>this._computeLabel(e)}
|
||
.computeHelper=${e=>this._computeHelper(e)}
|
||
.localizeValue=${this.localizeValue}
|
||
@value-changed=${e=>this._itemChanged(e,t)}
|
||
></ha-form>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}_addItem(){if(this.selector?.bc_object?.multiple){const e=[...Array.isArray(this.value)?this.value:[],{}];(0,s.rC)(this,"value-changed",{value:e})}else(0,s.rC)(this,"value-changed",{value:{}})}_deleteItem(e){if(this.selector?.bc_object?.multiple){const t=[...this.value||[]];t.splice(e,1),(0,s.rC)(this,"value-changed",{value:t})}else(0,s.rC)(this,"value-changed",{value:void 0})}_itemChanged(e,t){if(e.stopPropagation(),this.selector?.bc_object?.multiple){const n=[...this.value||[]];n[t]=e.detail.value,(0,s.rC)(this,"value-changed",{value:n})}else(0,s.rC)(this,"value-changed",{value:e.detail.value})}static styles=zt.AH`
|
||
:host {
|
||
display: block;
|
||
}
|
||
|
||
.bc-object-label {
|
||
display: block;
|
||
margin-bottom: 8px;
|
||
font-weight: var(--ha-font-weight-medium, 500);
|
||
}
|
||
|
||
.bc-object-items {
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
}
|
||
|
||
.bc-object-item {
|
||
--expansion-panel-summary-padding: 0 16px;
|
||
width: 100% !important;
|
||
max-width: 100% !important;
|
||
}
|
||
|
||
.bc-object-item-header {
|
||
display: flex;
|
||
align-items: center;
|
||
margin: 0;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.bc-object-item-title-container {
|
||
display: flex;
|
||
flex-direction: column;
|
||
flex: 1;
|
||
padding: 12px 0;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.bc-object-item-label {
|
||
font-weight: var(--ha-font-weight-medium, 500);
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.bc-object-item-description {
|
||
font-size: 0.9em;
|
||
color: var(--secondary-text-color);
|
||
margin-top: 2px;
|
||
white-space: nowrap;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.bc-object-item-content {
|
||
padding: 16px;
|
||
width: 100% !important;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.button-container {
|
||
display: flex;
|
||
align-items: center;
|
||
margin-left: 8px;
|
||
}
|
||
|
||
.delete-icon {
|
||
color: var(--secondary-text-color);
|
||
}
|
||
|
||
.delete-icon ha-icon {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
.delete-icon[disabled] {
|
||
color: var(--disabled-text-color);
|
||
opacity: 0.5;
|
||
}
|
||
|
||
.bc-object-add-button {
|
||
align-self: flex-start;
|
||
}
|
||
|
||
ha-input-helper-text {
|
||
display: block;
|
||
margin-top: 4px;
|
||
}
|
||
`}customElements.define("ha-selector-bc_object",Nn);var Dn=n(371);const jn=[{label:"Fill from left (default)",value:"left"},{label:"Fill from right",value:"right"},{label:"Fill from top",value:"top"},{label:"Fill from bottom",value:"bottom"}],Rn=[{label:"Right (default)",value:"right"},{label:"Left",value:"left"},{label:"Center",value:"center"},{label:"Hidden",value:"hidden"}];function Fn(e){const t=e._config.entity;return(0,Dn.zD)(t)}function Vn({hass:e,data:t={},entity:n,computeLabel:o,onFormChange:i,onToggleChange:a,isReadOnly:r,showEntityFilterToggle:s=!1,entityFilterValue:l=!1,onEntityFilterToggle:c,showEntityFilterInfo:d=l,rangeFormDisabled:u=!1,forceValuePositionRight:p=!1}){const b=n?.startsWith("light")&&["hue","saturation","white_temp"].includes(t.light_slider_type),h=b,m=(e,t,n={})=>{"function"==typeof a&&a(e,t,n)},f=(e,t)=>({control:e,eventType:t});return zt.qy`
|
||
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-swipe-horizontal"></ha-icon>
|
||
Slider behavior
|
||
</h4>
|
||
<div class="content">
|
||
${s?zt.qy`
|
||
<div class="checkbox-wrapper">
|
||
<ha-formfield label="Disable entity filter (for custom slider)">
|
||
<ha-switch
|
||
.checked=${l}
|
||
@change=${e=>{return t=e.target.checked,void("function"==typeof c&&c(t));var t}}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
</div>
|
||
<div class="bubble-info" style="display: ${d?"":"none"}">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Custom slider
|
||
</h4>
|
||
<div class="content">
|
||
<p>To create a custom slider (read only), select an <b>entity with a numeric state</b> above, then define the <b>min</b> and <b>max</b> values below.</p>
|
||
<p>For example, this allows you to display your solar production within a specific range.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
<div class="range-inputs" style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px;">
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{min_value:t.min_value??""}}
|
||
.schema=${[{name:"min_value",selector:{text:{type:"number"}},options:{step:"any"}}]}
|
||
.disabled=${u}
|
||
.computeLabel=${()=>"Min value"}
|
||
@value-changed=${e=>{const t=e.detail.value.min_value;m("min_value",void 0===t||""===t?void 0:Number(t),f("ha-textfield","input"))}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{max_value:t.max_value??""}}
|
||
.schema=${[{name:"max_value",selector:{text:{type:"number"}},options:{step:"any"}}]}
|
||
.disabled=${u}
|
||
.computeLabel=${()=>"Max value"}
|
||
@value-changed=${e=>{const t=e.detail.value.max_value;m("max_value",void 0===t||""===t?void 0:Number(t),f("ha-textfield","input"))}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{step:t.step??""}}
|
||
.schema=${[{name:"step",selector:{text:{type:"number"}},options:{step:"any"}}]}
|
||
.disabled=${u}
|
||
.computeLabel=${()=>"Step"}
|
||
@value-changed=${e=>{const t=e.detail.value.step;m("step",void 0===t||""===t?void 0:Number(t),f("ha-textfield","input"))}}
|
||
></ha-form>
|
||
</div>
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.tap_to_slide&&!t.relative_slide}
|
||
@change=${e=>m("tap_to_slide",e.target.checked,f("ha-switch","change"))}
|
||
.disabled=${t.relative_slide||r}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Tap to slide (previous behavior)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${!t.tap_to_slide&&t.relative_slide}
|
||
@change=${e=>m("relative_slide",e.target.checked,f("ha-switch","change"))}
|
||
.disabled=${t.tap_to_slide||r}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Relative slide (incompatible with tap to slide)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.read_only_slider??r}
|
||
@change=${e=>m("read_only_slider",e.target.checked,f("ha-switch","change"))}
|
||
.disabled=${r}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Read only slider</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.slider_live_update??!1}
|
||
@change=${e=>m("slider_live_update",e.target.checked,f("ha-switch","change"))}
|
||
.disabled=${r}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Slider live update</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info" style="display: ${t.slider_live_update?"":"none"}">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Slider live update
|
||
</h4>
|
||
<div class="content">
|
||
<p>By default, sliders are updated only on release. When this option is enabled, the slider will update the entity state while sliding. <b>This feature is not recommended for all entities, disable it if you encounter issues.</b></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:view-grid"></ha-icon>
|
||
Slider layout
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{slider_fill_orientation:t.slider_fill_orientation||"left"}}
|
||
.schema=${[{name:"slider_fill_orientation",selector:{select:{options:jn,mode:"dropdown"}}}]}
|
||
.computeLabel=${e=>"function"==typeof o?o(e):"Fill orientation"}
|
||
@value-changed=${e=>m("slider_fill_orientation",e.detail.value.slider_fill_orientation,f("ha-combo-box","value-changed"))}
|
||
></ha-form>
|
||
<div class="bubble-info" style="display: ${["top","bottom"].includes(t.slider_fill_orientation)?"":"none"}">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Vertical slider behavior
|
||
</h4>
|
||
<div class="content">
|
||
<p>When using vertical fill orientation (top or bottom), swiping over the card on mobile will activate the slider. This is because there's no way to distinguish between scrolling and slider interaction.</p>
|
||
</div>
|
||
</div>
|
||
${b?"":zt.qy`
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{slider_value_position:p?"right":t.slider_value_position||"right"}}
|
||
.schema=${[{name:"slider_value_position",disabled:p,selector:{select:{options:Rn,mode:"dropdown"}}}]}
|
||
.computeLabel=${e=>"function"==typeof o?o(e):"Value position"}
|
||
@value-changed=${e=>m("slider_value_position",e.detail.value.slider_value_position,f("ha-combo-box","value-changed"))}
|
||
></ha-form>
|
||
${p?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Value position locked
|
||
</h4>
|
||
<div class="content">
|
||
<p>Value position is forced to "Right" because "Show button info" is enabled. Disable it to change this setting.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
`}
|
||
<ha-formfield style="display: ${h?"none":""}">
|
||
<ha-switch
|
||
.checked=${t.invert_slider_value??!1}
|
||
@change=${e=>m("invert_slider_value",e.target.checked,f("ha-switch","change"))}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Invert slider direction (100% fill equals minimum)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${n?.startsWith("light")?zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:lightbulb-outline"></ha-icon>
|
||
Light options
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{light_slider_type:t.light_slider_type||"brightness"}}
|
||
.schema=${[{name:"light_slider_type",selector:{select:{options:[{value:"brightness",label:"Brightness (default)"},{value:"hue",label:"Color (Hue)"},{value:"saturation",label:"Saturation"},{value:"white_temp",label:"White temperature"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${e=>"function"==typeof o?o(e):"Light slider mode"}
|
||
@value-changed=${e=>m("light_slider_type",e.detail.value.light_slider_type,f("ha-combo-box","value-changed"))}
|
||
></ha-form>
|
||
${"hue"===t.light_slider_type?zt.qy`
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.hue_force_saturation??!1}
|
||
@change=${e=>m("hue_force_saturation",e.target.checked,f("ha-switch","change"))}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Force saturation when adjusting Hue</label>
|
||
</div>
|
||
</ha-formfield>
|
||
${t.hue_force_saturation?zt.qy`
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{hue_force_saturation_value:String(t.hue_force_saturation_value??100)}}
|
||
.schema=${[{name:"hue_force_saturation_value",selector:{text:{type:"number"}},options:{min:0,max:100}}]}
|
||
.computeLabel=${()=>"Forced saturation value (0-100)"}
|
||
@value-changed=${e=>m("hue_force_saturation_value",e.detail.value.hue_force_saturation_value,f("ha-textfield","input"))}
|
||
></ha-form>
|
||
`:""}
|
||
`:""}
|
||
${["hue","saturation","white_temp"].includes(t.light_slider_type)?zt.qy``:zt.qy`
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.use_accent_color??!1}
|
||
@change=${e=>m("use_accent_color",e.target.checked,f("ha-switch","change"))}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Use accent color instead of light color</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`}
|
||
${t.tap_to_slide?"":zt.qy`
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.allow_light_slider_to_0??!1}
|
||
@change=${e=>m("allow_light_slider_to_0",e.target.checked,f("ha-switch","change"))}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Allow slider to turn off light (reach 0%)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`}
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${t.light_transition??!1}
|
||
@change=${e=>m("light_transition",e.target.checked,f("ha-switch","change"))}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Enable smooth brightness transitions</label>
|
||
</div>
|
||
</ha-formfield>
|
||
${t.light_transition?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Light transition
|
||
</h4>
|
||
<div class="content">
|
||
<p><b>Important:</b> This feature only works for lights that support the
|
||
<a target="_blank" rel="noopener noreferrer" href="https://www.home-assistant.io/integrations/light/#action-lightturn_on">light.turn_on</a> transition attribute.</p>
|
||
<p>Enabling this for lights that do not support transitions will unfortunately have no effect. Defaults to 500ms unless overridden below.</p>
|
||
</div>
|
||
</div>
|
||
<ha-form
|
||
.hass=${e}
|
||
.data=${{light_transition_time:t.light_transition_time??""}}
|
||
.schema=${[{name:"light_transition_time",selector:{text:{type:"number"}},options:{min:1,max:1e5}}]}
|
||
.computeLabel=${()=>"Transition time (ms)"}
|
||
@value-changed=${e=>m("light_transition_time",e.detail.value.light_transition_time,f("ha-textfield","input"))}
|
||
></ha-form>
|
||
`:""}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`:""}
|
||
`}function Wn(e){let t={};"slider"!==e._config.button_type||e._disableEntityFilter||(t={filter:[{domain:["light","media_player","cover","input_number","number","climate","fan"]},{domain:"sensor",device_class:"battery"}]});const n="pop-up"===e._config.card_type;let o=e._config.button_action||"";const i="classic"===e._config.popup_style;let a;i?a="switch":(e._config.button_type||(e._config.button_type=n?"name":"switch"),a=e._config.button_type);const r=i?"":e.makeDropdown("Button type","button_type",[{label:"Switch",value:"switch"},{label:"Slider",value:"slider"},{label:"State",value:"state"},{label:"Name / Text (No entity required)",value:"name"}]);return zt.qy`
|
||
<div class="card-config">
|
||
${n?"":e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
${n?"":r}
|
||
${n?"":zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:"slider"!==a?"Entity (toggle)":"Entity (See text below for supported entities)",selector:{entity:t}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
.disabled="${"name"===e._config.button_type}"
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>`}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
${n?"Header card settings":"Card settings"}
|
||
</h4>
|
||
<div class="content">
|
||
${n?r:""}
|
||
${n?zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:i?"Optional - Entity":"slider"!==a?"Entity (toggle)":"Entity (See text below for supported entities)",selector:{entity:t}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
.disabled="${"name"===e._config.button_type}"
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>`:""}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"name"},detail:{value:t.detail.value.name}})}}
|
||
></ha-form>
|
||
${e.makeDropdown("Optional - Icon","icon")}
|
||
${e.makeShowState()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${function(e){void 0===e._disableEntityFilter&&(e._disableEntityFilter=!1);const t="slider"===e._config.button_type;return zt.qy`
|
||
<ha-expansion-panel outlined style="display: ${t?"":"none"}">
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:tune-variant"></ha-icon>
|
||
Slider settings
|
||
</h4>
|
||
<div class="content">
|
||
${Vn({hass:e.hass,data:e._config,entity:e._config.entity,computeLabel:e._computeLabelCallback,onFormChange:e._valueChanged,onToggleChange:(t,n,o={})=>{if(!t)return;const i=(o.control||"").toUpperCase(),a=o.eventType||("HA-TEXTFIELD"===i?"input":"HA-COMBO-BOX"===i?"value-changed":"change"),r={configValue:t,tagName:i||"INPUT"};"HA-SWITCH"===i?r.checked=n:r.value=n;const s={type:a,target:r,detail:"value-changed"===a||"selected"===a?{value:n}:void 0};e._valueChanged(s)},isReadOnly:Fn(e),showEntityFilterToggle:!0,entityFilterValue:e._disableEntityFilter,onEntityFilterToggle:t=>{e._disableEntityFilter=t,e.requestUpdate()},showEntityFilterInfo:e._disableEntityFilter,rangeFormDisabled:"name"===e._config.button_type})}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}(e)}
|
||
${i?"":zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on icon
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined style="display: ${"slider"===e._config.button_type&&e._config.tap_to_slide?"none":""}">
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on card
|
||
</h4>
|
||
<div class="content">
|
||
<!--
|
||
Default button action mapping to match create.js defaults:
|
||
- name: tap="none", double="none", hold="none"
|
||
- state: tap="more-info", double="none", hold="more-info"
|
||
- slider: tap="more-info"(sensor)/"toggle"(others), double="none", hold="none"
|
||
- switch: tap="toggle", double="none", hold="more-info"
|
||
-->
|
||
${e.makeActionPanel("Tap action",o,"name"===e._config.button_type?"none":"state"===e._config.button_type||"slider"===e._config.button_type&&(0,s.md)(e,"sensor",e._config.entity)?"more-info":"toggle","button_action")}
|
||
${e.makeActionPanel("Double tap action",o,"none","button_action")}
|
||
${"slider"!==e._config.button_type||e._config.read_only_slider?zt.qy`
|
||
${e.makeActionPanel("Hold action",o,"name"===e._config.button_type?"none":"more-info","button_action")}
|
||
`:zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Hold action disabled
|
||
</h4>
|
||
<div class="content">
|
||
<p>Hold action is disabled on slider buttons to prevent conflicts with the slider drag gesture.</p>
|
||
</div>
|
||
</div>
|
||
`}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
${n?"":e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${n?"":e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Button card ${n?"(as pop-up header)":""}
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card is very versatile. It can be used as a <b>switch</b>, a <b>slider</b>, a <b>state</b> or a <b>name/text</b> button. Select the type of button you want to get more information about it.</p>
|
||
|
||
${"switch"!==e._config.button_type&&e._config.button_type?"":zt.qy`
|
||
<p><strong>Switch button:</strong> This is the default button type. By default, it toggles an entity and its background color changes based on the entity's state or the color of a light. You can change its action in the <b>Tap action on card</b> section.</p>
|
||
`}
|
||
|
||
${"slider"===e._config.button_type?zt.qy`
|
||
<p><strong>Slider button:</strong> This button type lets you control entities with adjustable ranges. It's ideal for dimming lights, and its fill color will adapt to the light's color. You can also use it to display values, such as a battery level.</p>
|
||
<p>Supported entities for sliders:</p>
|
||
<ul class="icon-list">
|
||
<li><ha-icon icon="mdi:lightbulb-outline"></ha-icon>Light (brightness)</li>
|
||
<li><ha-icon icon="mdi:speaker"></ha-icon>Media player (volume)</li>
|
||
<li><ha-icon icon="mdi:window-shutter"></ha-icon>Cover (position)</li>
|
||
<li><ha-icon icon="mdi:fan"></ha-icon>Fan (percentage)</li>
|
||
<li><ha-icon icon="mdi:thermometer"></ha-icon>Climate (temperature)</li>
|
||
<li><ha-icon icon="mdi:numeric"></ha-icon>Input number and number (value)</li>
|
||
<li><ha-icon icon="mdi:battery-50"></ha-icon>Battery sensor (percentage, read only)</li>
|
||
</ul>
|
||
<p>You can also use any entity with a <b>numeric state</b> by disabling the entity filter in <b>Slider settings</b>, then define the <b>min</b> and <b>max</b> values. This option is read only.</p>
|
||
`:""}
|
||
|
||
${"state"===e._config.button_type?zt.qy`
|
||
<p><strong>State button:</strong> Perfect for displaying information from a sensor or any entity. When you press it, it will show the "More info" panel of the entity. Its background color does not change.</p>
|
||
`:""}
|
||
|
||
${"name"===e._config.button_type?zt.qy`
|
||
<p><strong>Name/Text button:</strong> The only button type that doesn't need an entity. It allows you to display a short text, a name or a title. You can also add actions to it. Its background color does not change.</p>
|
||
`:""}
|
||
</div>
|
||
</div>
|
||
${n?"":e.makeVersion()}
|
||
</div>
|
||
`}const Yn="#";function Kn(e){return"fit-content"===e?.popup_mode?"fit-content":"centered"===e?.popup_mode?"centered":"adaptive-dialog"===e?.popup_mode?"adaptive-dialog":"default"}function Jn(e){return"performance"===e?.performance_mode?"performance":"default"}function Xn(e){return zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{popup_mode:Kn(e._config)}}
|
||
.schema=${[{name:"popup_mode",selector:{select:{options:[{label:"Default",value:"default"},{label:"Fit content",value:"fit-content"},{label:"Dialog (centered)",value:"centered"},{label:'Adaptive dialog ("Fit content" on mobile)',value:"adaptive-dialog"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Pop-up mode"}
|
||
@value-changed=${t=>{const n=t.detail.value.popup_mode;e._valueChanged({target:{configValue:"popup_mode"},detail:{value:n}})}}
|
||
></ha-form>
|
||
`}function Gn(e){const t=Kn(e);return"fit-content"===t?{popup_mode:"fit-content",...e?.with_bottom_offset?{with_bottom_offset:!0}:{}}:"centered"===t?{popup_mode:"centered",...e?.full_width_on_mobile?{full_width_on_mobile:!0}:{}}:"adaptive-dialog"===t?{popup_mode:"adaptive-dialog",...e?.with_bottom_offset?{with_bottom_offset:!0}:{}}:{}}function Qn(e){return"performance"===Jn(e)?{performance_mode:"performance"}:{}}function Zn(e){const t=function(e,t="light",n=2){const o=[];return e&&e.states?(Object.keys(e.states).forEach(i=>{if(!(o.length>=n)&&i.startsWith(t+".")){let t=!1;"brightness"in e.states[i].attributes&&(t=!0),o.push({entity:i,supportsBrightness:t})}}),o):o}(e);return t.length>0?t.map(e=>({type:"custom:bubble-card",card_type:"button",button_type:e.supportsBrightness?"slider":"switch",entity:e.entity,show_state:!0,grid_options:{columns:6}})):[{type:"custom:bubble-card",card_type:"button",button_type:"name",name:"Floor lamp",icon:"mdi:floor-lamp-outline",grid_options:{columns:6}}]}function eo(){return zt.qy`
|
||
<div id="duplicate-hash-warning" style="display: none;">
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Duplicate hash
|
||
</h4>
|
||
<div class="content">
|
||
<p>This hash is already used by another pop-up on this view. Please choose a different one.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`}function to(e){const t="string"==typeof e?e.trim():"";if(!t)return Yn;const n=t.replace(/^#+/,"");return n?`${Yn}${n}`:Yn}function no(e){return to(e).slice(1)}function oo(e,t){const n=to(e),o=n===Yn,i=!o&&dn(n,t);return{normalizedValue:n,isEmpty:o,isDuplicate:i,isValid:!o&&!i}}function io(e){return"centered"!==Kn(e._config)?zt.qy``:zt.qy`
|
||
<ha-formfield .label="Full width on mobile">
|
||
<ha-switch
|
||
aria-label="Full width on mobile"
|
||
.checked=${e._config?.full_width_on_mobile??!1}
|
||
.configValue=${"full_width_on_mobile"}
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Full width on mobile</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`}function ao(e){const t=Kn(e._config);return"fit-content"!==t&&"adaptive-dialog"!==t?zt.qy``:zt.qy`
|
||
<ha-formfield .label="With bottom offset">
|
||
<ha-switch
|
||
aria-label="With bottom offset"
|
||
.checked=${e._config?.with_bottom_offset??!1}
|
||
.configValue="${"with_bottom_offset"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">With bottom offset</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Bottom offset
|
||
</h4>
|
||
<div class="content">
|
||
<p>Useful when your dashboard includes a footer card and the pop-up needs extra space at the bottom.</p>
|
||
</div>
|
||
</div>
|
||
`}function ro(e){const t=window.__bubbleEditorSession;if(t){if(t.originalHash===e)return t;if(t.lastChangedHash===e&&!t.committed)return t}return window.__bubbleEditorSession={originalHash:e,lastChangedHash:e,committed:!1},window.__bubbleEditorSession}function so(e){window.__bubbleEditorSession&&(window.__bubbleEditorSession.originalHash=e,window.__bubbleEditorSession.lastChangedHash=e,window.__bubbleEditorSession.committed=!0)}function lo(e,t,n){const o=e.shadowRoot?.querySelector("#hash-input"),i=e.shadowRoot?.querySelector("#duplicate-hash-warning"),a=n??o?.value??window.__bubbleEditorSession?.lastChangedHash??"",r=oo(a,t);if(o){const e=no(a);o.value!==e&&(o.value=e)}i&&(i.style.display=r.isDuplicate?"":"none");const s=e.shadowRoot?.querySelector("#create-pop-up-button");return s&&(s.classList.toggle("disabled",!r.isValid),s.disabled=!r.isValid),r}function co(e){const t=e._config?.trigger??[];if(e._config.button_action,"pop-up"===e._config.card_type&&!e._config.hash){const t=ro(e._config?.hash||null),n=oo(t.lastChangedHash||Yn,t.originalHash),o={...e._config};let i=!1;return setTimeout(()=>{i=!1===window.popUpError,function(e,t){if(!e.shadowRoot)return;const n=e.shadowRoot.querySelector("#vertical-stack-alert-container");n&&(n.style.display=t?"block":"none");const o=e.shadowRoot.querySelector("#create-pop-up-button ha-icon");o&&(o.icon=t?"mdi:content-save":"mdi:plus");const i=e.shadowRoot.querySelector("#button-text");i&&(i.textContent=t?"Update Hash":"Create Pop-up");const a=e.shadowRoot.querySelector("#include-example");a&&(a.disabled=t);const r=e.shadowRoot.querySelector("#include-example-label");r&&(r.textContent="Include example configuration"+(t?" (disabled because pop-up is already in a vertical stack)":""))}(e,i),lo(e,t.originalHash)},0),e.createPopUpConfig=()=>function(e,t){try{const t=!1===window.popUpError,o={...Gn(n=e._config),...Qn(n)},i=e.shadowRoot.querySelector("#include-example")?.checked||!1;let a=Yn;const r=lo(e);if(!r.isValid)return;if(a=r.normalizedValue,t)return o.popup_mode?e._config.popup_mode=o.popup_mode:delete e._config.popup_mode,o.performance_mode?e._config.performance_mode=o.performance_mode:delete e._config.performance_mode,o.with_bottom_offset?e._config.with_bottom_offset=!0:delete e._config.with_bottom_offset,o.full_width_on_mobile?e._config.full_width_on_mobile=!0:delete e._config.full_width_on_mobile,e._config.hash=a,so(a),un(a,{name:e._config.name,icon:e._config.icon}),(0,s.rC)(e,"config-changed",{config:e._config}),void console.info("Pop-up already in a vertical stack. Hash updated. Note that manually creating a vertical stack is no longer required.");i?e._config={type:"custom:bubble-card",card_type:"pop-up",...o,name:"Living room",icon:"mdi:sofa-outline",hash:a,cards:[{type:"custom:bubble-card",card_type:"separator",name:"Lights (example)",icon:"mdi:lightbulb-outline"},...Zn(e.hass)]}:(e._config={type:"custom:bubble-card",card_type:"pop-up",...o,hash:a,cards:[]},window.bubbleNewlyCreatedHashes=window.bubbleNewlyCreatedHashes||new Set,window.bubbleNewlyCreatedHashes.add(a)),un(a,{name:e._config.name,icon:e._config.icon}),so(a),(0,s.rC)(e,"config-changed",{config:e._config})}catch(n){console.error("Error creating pop-up:",n),e._config=t,e._config.hash=to(window.__bubbleEditorSession?.lastChangedHash||""),un(e._config.hash,{name:e._config.name,icon:e._config.icon}),(0,s.rC)(e,"config-changed",{config:e._config})}var n}(e,o),zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<div id="vertical-stack-alert-container" style="display: none;">
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Old configuration detected
|
||
</h4>
|
||
<div class="content">
|
||
<p>This pop-up is already inside a vertical stack (old method). This is no longer required, but it will work fine. You can simply update the hash below.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{hash:no(t.lastChangedHash||Yn)}}
|
||
.schema=${[{name:"hash",selector:{text:{prefix:Yn}}}]}
|
||
.computeLabel=${()=>"Hash (e.g. #kitchen)"}
|
||
@value-changed=${n=>{const o=n.detail.value.hash??"",i=lo(e,t.originalHash,o);window.__bubbleEditorSession&&(window.__bubbleEditorSession.lastChangedHash=i.normalizedValue)}}
|
||
></ha-form>
|
||
${eo()}
|
||
${Xn(e)}
|
||
${ao(e)}
|
||
${io(e)}
|
||
<ha-formfield .label="Include example configuration">
|
||
<ha-switch
|
||
aria-label="Include example configuration"
|
||
.checked=${!1}
|
||
id="include-example"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label id="include-example-label" class="mdc-label">Include example configuration</label>
|
||
</div>
|
||
</ha-formfield>
|
||
|
||
<button
|
||
id="create-pop-up-button"
|
||
class="icon-button ${n.isValid?"":"disabled"}"
|
||
?disabled=${!n.isValid}
|
||
@click="${()=>e.createPopUpConfig()}"
|
||
>
|
||
<ha-icon icon="mdi:plus"></ha-icon>
|
||
<span id="button-text">Create pop-up</span>
|
||
</button>
|
||
|
||
<hr />
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Pop-up
|
||
</h4>
|
||
<div class="content">
|
||
<p>Pop-ups are a great way to declutter your dashboard and quickly display more information when you need it.</p>
|
||
<p>If it's your first time creating a pop-up, you can use the example configuration to get started.</p>
|
||
</div>
|
||
</div>
|
||
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}const n=ro(e._config?.hash||null);return setTimeout(()=>lo(e,n.originalHash),0),zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
${function(e,t){const n=An(e,t);if(!n)return"";const o=!0===e._legacyStandaloneMigrationBusy,i=e._legacyStandaloneMigrationError||"",a=function(e=[]){return e.some(e=>yn(e))}(n.contentCards),r=!1!==e._legacyStandaloneFlattenHorizontalStacks;return zt.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:swap-horizontal-bold"></ha-icon>
|
||
Legacy pop-up detected
|
||
</h4>
|
||
<div class="content">
|
||
<p>This pop-up still uses the old vertical-stack wrapper. Migrate it to the standalone format for much better performance and to manage its content with the same drag-and-drop flow as a section view.</p> ${a?zt.qy`
|
||
<p>Horizontal stacks were detected. Their cards will be converted so you can drag and drop them individually while keeping the same layout (this option can be disabled if needed).</p>
|
||
<ha-formfield>
|
||
<ha-switch
|
||
aria-label="Convert horizontal stacks to grid cards"
|
||
.checked=${r}
|
||
@change=${t=>{e._legacyStandaloneFlattenHorizontalStacks=t.target.checked,e.requestUpdate()}}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Convert horizontal stacks to grid cards</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`:""}
|
||
<div class="bubble-info warning bubble-sub-warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-octagon-outline"></ha-icon>
|
||
Rollback warning
|
||
</h4>
|
||
<div class="content">
|
||
<p><b>This migration is permanent.</b> Even though it has been tested to handle all known legacy cases, I still recommend keeping a backup if you may want to roll back to v3.1.6 later.</p>
|
||
</div>
|
||
</div>
|
||
${i?zt.qy`<p>${i}</p>`:""}
|
||
<button class="icon-button ${o?"disabled":""}" ?disabled=${o} @click=${()=>En(e,t)}>
|
||
<ha-icon icon="mdi:swap-horizontal-bold"></ha-icon>
|
||
<span>${o?"Migrating...":"Migrate to standalone"}</span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`}(e,n.originalHash)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{hash:no(e._config?.hash)||""}}
|
||
.schema=${[{name:"hash",selector:{text:{prefix:Yn}}}]}
|
||
.computeLabel=${()=>"Hash (e.g. #kitchen)"}
|
||
@value-changed=${t=>{const o=t.detail.value.hash??"",i=oo(o,n.originalHash);no(o),e._config.hash=i.normalizedValue,window.__bubbleEditorSession&&(window.__bubbleEditorSession.lastChangedHash=i.normalizedValue,window.__bubbleEditorSession.committed=!0),(0,s.rC)(e,"config-changed",{config:e._config})}}
|
||
></ha-form>
|
||
${eo()}
|
||
${function(e){return zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{popup_style:e._config.popup_style??"bubble"}}
|
||
.schema=${[{name:"popup_style",selector:{select:{options:[{label:"Bubble (default)",value:"bubble"},{label:"Classic",value:"classic"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Pop-up style"}
|
||
@value-changed=${t=>{const n=t.detail.value.popup_style;if("bubble"!==n&&n)e._valueChanged({target:{configValue:"popup_style"},detail:{value:n}});else{const t={...e._config};delete t.popup_style,"classic"===e._config.popup_style&&delete t.button_type,(0,s.rC)(e,"config-changed",{config:t})}}}
|
||
></ha-form>
|
||
`}(e)}
|
||
${Xn(e)}
|
||
${ao(e)}
|
||
${io(e)}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:dock-top"></ha-icon>
|
||
Header settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-formfield .label="Show header">
|
||
<ha-switch
|
||
aria-label="Show header"
|
||
.checked=${e._config.show_header??!0}
|
||
.configValue="${"show_header"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show header</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Hidden header
|
||
</h4>
|
||
<div class="content">
|
||
<p>You can completely hide the pop-up header, including the close and previous buttons. To close it when hidden, either make a long swipe within the pop-up or click outside of it.</p>
|
||
</div>
|
||
</div>
|
||
<div style="${e._config?.show_header??1?"":"display: none;"}">
|
||
<hr />
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:close-circle-multiple-outline"></ha-icon>
|
||
Pop-up buttons settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-formfield .label="Show previous button">
|
||
<ha-switch
|
||
aria-label="Show previous button"
|
||
.checked=${e._config.show_previous_button??!1}
|
||
.configValue="${"show_previous_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show previous button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show close button">
|
||
<ha-switch
|
||
aria-label="Show close button"
|
||
.checked=${e._config.show_close_button??!0}
|
||
.configValue="${"show_close_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show close button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{buttons_position:e._config.buttons_position??"right"}}
|
||
.schema=${[{name:"buttons_position",selector:{select:{options:[{label:"Right",value:"right"},{label:"Left",value:"left"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Buttons position"}
|
||
@value-changed=${t=>{const n=t.detail.value.buttons_position;e._valueChanged({target:{configValue:"buttons_position"},detail:{value:n}})}}
|
||
></ha-form>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${Wn(e)}
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Pop-up settings
|
||
</h4>
|
||
<div class="content">
|
||
${function(e){const t="performance"===Jn(e._config);return zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{performance_mode:Jn(e._config)}}
|
||
.schema=${[{name:"performance_mode",selector:{select:{options:[{label:"Default",value:"default"},{label:"Performance",value:"performance"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Performance mode"}
|
||
@value-changed=${t=>{const n=t.detail.value.performance_mode;if("performance"===n)return void e._valueChanged({target:{configValue:"performance_mode"},detail:{value:n}});const o={...e._config};delete o.performance_mode,(0,s.rC)(e,"config-changed",{config:o})}}
|
||
></ha-form>
|
||
${t?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Performance mode
|
||
</h4>
|
||
<div class="content">
|
||
<p>Slightly delays content rendering and background blur, also disables backdrop blur if set.</p>
|
||
</div>
|
||
</div>
|
||
`:zt.qy``}
|
||
`}(e)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{auto_close:e._config?.auto_close??""}}
|
||
.schema=${[{name:"auto_close",selector:{text:{type:"number"}},options:{min:0,step:1e3}}]}
|
||
.computeLabel=${()=>"Auto close in milliseconds (e.g. 15000)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"auto_close"},detail:{value:t.detail.value.auto_close}})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{slide_to_close_distance:e._config.slide_to_close_distance??400}}
|
||
.schema=${[{name:"slide_to_close_distance",selector:{text:{type:"number"}},options:{min:0,step:10}}]}
|
||
.computeLabel=${()=>"Slide to close distance (default to 400)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"slide_to_close_distance"},detail:{value:t.detail.value.slide_to_close_distance}})}}
|
||
></ha-form>
|
||
<ha-formfield .label="Close the pop-up by clicking outside of it (a refresh is needed)">
|
||
<ha-switch
|
||
aria-label="Close the pop-up by clicking outside of it (a refresh is needed)"
|
||
.checked=${e._config?.close_by_clicking_outside??!0}
|
||
.configValue="${"close_by_clicking_outside"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Close the pop-up by clicking outside of it (a refresh is needed)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Close the pop-up after any click or tap">
|
||
<ha-switch
|
||
aria-label="Close the pop-up after any click or tap"
|
||
.checked=${e._config?.close_on_click||!1}
|
||
.configValue="${"close_on_click"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Close the pop-up after any click or tap</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Update cards in background (not recommended)">
|
||
<ha-switch
|
||
aria-label="Update cards in background (not recommended)"
|
||
.checked=${e._config?.background_update||!1}
|
||
.configValue="${"background_update"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Update cards in background (not recommended)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Background updates
|
||
</h4>
|
||
<div class="content">
|
||
<p>Background updates are only recommended if you encounter issues with certain cards within your pop-up.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:bell"></ha-icon>
|
||
Pop-up trigger
|
||
</h4>
|
||
<div class="content">
|
||
<ha-formfield>
|
||
<ha-switch
|
||
.checked=${e._config.trigger_close??!0}
|
||
.configValue="${"trigger_close"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Close pop-up when conditions are not met</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-card-conditions-editor
|
||
.hass=${e.hass}
|
||
.conditions=${t}
|
||
@value-changed=${t=>e._conditionChanged(t)}
|
||
>
|
||
</ha-card-conditions-editor>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
About conditions
|
||
</h4>
|
||
<div class="content">
|
||
<p>The pop-up will be opened when ALL conditions are fulfilled. For example you can open a "Security" pop-up with a camera when a person is in front of your house.</p>
|
||
<p>You can also create a toggle helper (<code>input_boolean</code>) and trigger its opening/closing in an automation.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Pop-up open/close action
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Open action",e._config,"none")}
|
||
${e.makeActionPanel("Close action",e._config,"none")}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
About actions
|
||
</h4>
|
||
<div class="content">
|
||
<p>This allows you to trigger an action on pop-up open/close.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Pop-up styling
|
||
</h4>
|
||
<div class="content">
|
||
<!-- Margin -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{margin:e._config?.margin||"7px"}}
|
||
.schema=${[{name:"margin",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Margin (fix centering on some themes) (e.g. 13px)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"margin"},detail:{value:t.detail.value.margin}})}}
|
||
></ha-form>
|
||
<!-- Top offset mobile -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{margin_top_mobile:e._config?.margin_top_mobile||"0px"}}
|
||
.schema=${[{name:"margin_top_mobile",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Top offset on mobile (e.g. -56px if your header is hidden)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"margin_top_mobile"},detail:{value:t.detail.value.margin_top_mobile}})}}
|
||
></ha-form>
|
||
<!-- Top offset desktop -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{margin_top_desktop:e._config?.margin_top_desktop||"0px"}}
|
||
.schema=${[{name:"margin_top_desktop",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Top offset on desktop (e.g. 50vh for a half-sized pop-up)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"margin_top_desktop"},detail:{value:t.detail.value.margin_top_desktop}})}}
|
||
></ha-form>
|
||
<!-- Width desktop -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{width_desktop:e._config?.width_desktop||"540px"}}
|
||
.schema=${[{name:"width_desktop",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Width on desktop (100% by default on mobile)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"width_desktop"},detail:{value:t.detail.value.width_desktop}})}}
|
||
></ha-form>
|
||
<!-- Background color -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{bg_color:e._config?.bg_color||""}}
|
||
.schema=${[{name:"bg_color",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Background color (any var, hex, rgb or rgba value)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"bg_color"},detail:{value:t.detail.value.bg_color}})}}
|
||
></ha-form>
|
||
<!-- Background opacity -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{bg_opacity:void 0!==e._config?.bg_opacity?e._config?.bg_opacity:"88"}}
|
||
.schema=${[{name:"bg_opacity",selector:{text:{type:"number"}},options:{min:0,max:100}}]}
|
||
.computeLabel=${()=>"Background opacity (0-100 range)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"bg_opacity"},detail:{value:t.detail.value.bg_opacity}})}}
|
||
></ha-form>
|
||
<!-- Background blur -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{bg_blur:void 0!==e._config?.bg_blur?e._config?.bg_blur:"10"}}
|
||
.schema=${[{name:"bg_blur",selector:{text:{type:"number"}},options:{min:0,max:100}}]}
|
||
.computeLabel=${()=>"Background blur (0-100 range)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"bg_blur"},detail:{value:t.detail.value.bg_blur}})}}
|
||
></ha-form>
|
||
<!-- Backdrop blur -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{backdrop_blur:void 0!==e._config?.backdrop_blur?e._config?.backdrop_blur:"0"}}
|
||
.schema=${[{name:"backdrop_blur",selector:{text:{type:"number"}},options:{min:0,max:100}}]}
|
||
.computeLabel=${()=>"Backdrop blur (0-100 range)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"backdrop_blur"},detail:{value:t.detail.value.backdrop_blur}})}}
|
||
></ha-form>
|
||
<!-- Shadow opacity -->
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{shadow_opacity:void 0!==e._config?.shadow_opacity?e._config?.shadow_opacity:"0"}}
|
||
.schema=${[{name:"shadow_opacity",selector:{text:{type:"number"}},options:{min:0,max:100}}]}
|
||
.computeLabel=${()=>"Shadow opacity (0-100 range)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"shadow_opacity"},detail:{value:t.detail.value.shadow_opacity}})}}
|
||
></ha-form>
|
||
<ha-formfield .label="Hide pop-up backdrop (a refresh is needed)">
|
||
<ha-switch
|
||
aria-label="Hide pop-up backdrop (a refresh is needed)"
|
||
.checked=${e._config.hide_backdrop??!1}
|
||
.configValue="${"hide_backdrop"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Hide backdrop on this pop-up</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Hide pop-up backdrop
|
||
</h4>
|
||
<div class="content">
|
||
<p>This will hide the pop-up backdrop, which is a dark overlay that appears behind the pop-up.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info-container">
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
How to use pop-ups
|
||
</h4>
|
||
<div class="content">
|
||
<p>Each pop-up is <b>hidden by default</b> and <b>can be opened by targeting its hash</b> (e.g., '#pop-up-name'), with <a href="https://github.com/Clooos/Bubble-Card#example" target="_blank" rel="noopener noreferrer">any card</a> that supports the <code>navigate</code> <a href="https://github.com/Clooos/Bubble-Card?tab=readme-ov-file#tap-double-tap-and-hold-actions" target="_blank" rel="noopener noreferrer">action</a>.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}function uo(e,t){delete e._config[t+"_name"],delete e._config[t+"_icon"],delete e._config[t+"_link"],delete e._config[t+"_entity"],delete e._config[t+"_pir_sensor"];for(let n=t;n<e.buttonIndex;n++)e._config[n+"_name"]=e._config[n+1+"_name"],e._config[n+"_icon"]=e._config[n+1+"_icon"],e._config[n+"_link"]=e._config[n+1+"_link"],e._config[n+"_entity"]=e._config[n+1+"_entity"],e._config[n+"_pir_sensor"]=e._config[n+1+"_pir_sensor"];delete e._config[e.buttonIndex+"_name"],delete e._config[e.buttonIndex+"_icon"],delete e._config[e.buttonIndex+"_link"],delete e._config[e.buttonIndex+"_entity"],delete e._config[e.buttonIndex+"_pir_sensor"],e.buttonIndex--,(0,s.rC)(e,"config-changed",{config:e._config})}var po=n(175);const bo={en:{cards:{calendar:{busy:"Busy",all_day:"All day"}},editor:{calendar:{entity:"Entity",color:"Color",days:"Max days",limit:"Limit",list_of_calendars:"List of calendars",show_end:"Show end time",show_progress:"Show progress",show_place:"Show place",show_started_events:"Show started events",text_scrolling:"Text scrolling effect",name:"Calendar",new_calendar:"Add another calendar",remove_calendar:"Remove this calendar",settings:"Calendar settings"}}},fr:{cards:{calendar:{busy:"Occupé",all_day:"Journée"}},editor:{calendar:{entity:"Entité",color:"Couleur",days:"Jours max.",limit:"Limite",list_of_calendars:"Liste des calendriers",show_end:"Voir l'heure de fin",show_progress:"Voir la progression",show_place:"Voir le lieu",show_started_events:"Afficher les événements en cours",text_scrolling:"Effet de défilement du texte",name:"Calendrier",new_calendar:"Ajouter un autre calendrier",remove_calendar:"Supprimer ce calendrier",settings:"Paramètres du calendrier"}}},de:{cards:{calendar:{busy:"Beschäftigt",all_day:"Ganztägig"}},editor:{calendar:{entity:"Entität",color:"Farbe",days:"Max tage",limit:"Anzeigelimit",list_of_calendars:"Kalenderliste",show_end:"Endzeitpunkt anzeigen",show_progress:"Fortschritt anzeigen",show_started_events:"Laufende Ereignisse anzeigen",text_scrolling:"Lauftext",name:"Kalender",new_calendar:"Kalender hinzufügen",remove_calendar:"Kalender entfernen",settings:"Kalendereinstellungen"}}},"zh-Hans":{cards:{calendar:{busy:"忙碌",all_day:"全天"}},editor:{calendar:{entity:"实体",color:"颜色",days:"最大天数",limit:"限制",list_of_calendars:"日历列表",show_end:"显示结束时间",show_progress:"显示进度",show_started_events:"显示已开始的事件",text_scrolling:"文字滚动效果",name:"日历",new_calendar:"添加另一个日历",remove_calendar:"删除此日历",settings:"日历设置"}}}};function ho(e,t){return e[t]}function mo(e,t){try{const n=bo[t];return e.split(".").reduce(ho,n)}catch{return}}function fo(e){return function(t){const n=function(e){return e?.locale.language??"en"}(e),o=mo(t,n);if(o)return o;return mo(t,"en")||t}}function go(e){return Array.from(e).reduce((e,t)=>t.charCodeAt(0)+((e<<5)-e),0)}function yo(e){const t=(16777215&e).toString(16).toUpperCase();return"#"+"00000".substring(0,6-t.length)+t}function vo(e){if(e.date){const t=e.date.split("-"),n=parseInt(t[0],10),o=parseInt(t[1],10)-1,i=parseInt(t[2],10);return new Date(n,o,i)}return new Date(e.dateTime)}function _o(e,t){const n=vo(e.start),o=vo(t.start),i=new Date(n.getFullYear(),n.getMonth(),n.getDate()),a=new Date(o.getFullYear(),o.getMonth(),o.getDate()),r=i.getTime()-a.getTime();if(0!==r)return r;const s=void 0!==e.start.date,l=void 0!==t.start.date;return s&&!l?-1:!s&&l?1:s||l?0:n.getTime()-o.getTime()}const wo=e=>e.title||e.label;class xo extends zt.WF{getSchema(e){const t=fo(this.hass);return[{type:"expandable",name:"",title:e?this.hass.states[e].attributes.friendly_name||e:t("editor.calendar.new_calendar"),schema:[{name:"entity",title:t("editor.calendar.entity"),selector:{entity:{domain:["calendar"]}}},{name:"color",title:t("editor.calendar.color"),selector:{ui_color:{}}}]}]}static properties={hass:{},value:{type:Array},label:{}};constructor(){super(),this.value=[]}render(){const e=fo(this.hass),t=e=>()=>{const t=[...this.value||[]];t.splice(e,1),this.valueChanged({detail:{value:t}})},n=this.value??[];return zt.qy`
|
||
<ha-expansion-panel outlined style="--expansion-panel-summary-padding: 0 8px;">
|
||
<h4 slot="header" style="display: flex; align-items: center; margin: 10px 0;">
|
||
<ha-icon icon="mdi:calendar" style="margin: 8px;"></ha-icon>
|
||
${e("editor.calendar.list_of_calendars")}
|
||
</h4>
|
||
<div class="content">
|
||
${n.map((n,o)=>zt.qy`
|
||
<div style="display: flex; align-items: center; margin: 12px 4px 14px 4px">
|
||
<ha-form
|
||
.data=${n}
|
||
.schema=${this.getSchema(n.entity)}
|
||
.hass=${this.hass}
|
||
.computeLabel=${wo}
|
||
@value-changed=${e=>{e.stopPropagation();const t=[...this.value||[]];t[o]=e.detail.value,this.valueChanged({detail:{value:t}})}}
|
||
style="flex-grow: 1;"
|
||
></ha-form>
|
||
<ha-button @click=${t(o)}>
|
||
<ha-icon icon="mdi:calendar-remove"></ha-icon>
|
||
${e("editor.calendar.remove_calendar")}
|
||
</ha-button>
|
||
</div>
|
||
`)}
|
||
<ha-button @click=${()=>{const e=[...this.value||[]];e.push({entity:"",color:""}),this.valueChanged({detail:{value:e}})}} style="margin: 12px 4px 14px 4px;">
|
||
<ha-icon icon="mdi:calendar-plus"></ha-icon>
|
||
${e("editor.calendar.new_calendar")}
|
||
</ha-button>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}valueChanged(e){const t=e.detail.value.map(e=>{const t=e.entity?yo(go(e.entity)):"";return{entity:e.entity,color:e.color||t}});(0,s.rC)(this,"value-changed",{value:t},void 0)}}function Co(e,t,n,o){if(void 0===e._lazyContentLoadedFlags&&(e._lazyContentLoadedFlags={}),n&&!e._lazyContentLoadedFlags[t]&&(e._lazyContentLoadedFlags[t]=!0),e._lazyContentLoadedFlags[t])return o()}function ko(){return"undefined"!=typeof customElements&&void 0!==customElements.get("ha-dropdown")}function $o({trigger:e,items:t}){const n=t.map(e=>"divider"===e.type?ko()?zt.qy`<wa-divider role="separator" aria-orientation="horizontal" orientation="horizontal"></wa-divider>`:zt.qy`<li divider role="separator"></li>`:function({icon:e,label:t,disabled:n=!1,onClick:o,variant:i=null,type:a="item",checked:r=!1}){return ko()?zt.qy`
|
||
<ha-dropdown-item
|
||
?disabled=${n}
|
||
@click=${o}
|
||
variant=${i||""}
|
||
type=${"checkbox"===a?"checkbox":""}
|
||
?checked=${"checkbox"===a&&r}
|
||
>
|
||
${e?zt.qy`<ha-icon icon="${e}" slot="icon"></ha-icon>`:""}
|
||
${t}
|
||
</ha-dropdown-item>
|
||
`:zt.qy`
|
||
<mwc-list-item
|
||
graphic="icon"
|
||
?disabled=${n}
|
||
@click=${o}
|
||
class=${"danger"===i?"warning":""}
|
||
?selected=${"checkbox"===a&&r}
|
||
>
|
||
${e?zt.qy`<ha-icon icon="${e}" slot="graphic"></ha-icon>`:""}
|
||
${t}
|
||
</mwc-list-item>
|
||
`}(e));return ko()?zt.qy`
|
||
<ha-dropdown>
|
||
${e}
|
||
${n}
|
||
</ha-dropdown>
|
||
`:zt.qy`
|
||
<ha-button-menu corner="BOTTOM_START" menuCorner="START" fixed @closed=${e=>e.stopPropagation()} @click=${e=>e.stopPropagation()}>
|
||
${e}
|
||
${n}
|
||
</ha-button-menu>
|
||
`}function So(e,t,n,o,i,a,r,s,l,c={}){const{panelKeyPrefix:d="sub_button",buttonTitle:u=`Button ${n+1}${t.name?` - ${t.name}`:""}`,arrayLength:p=null}=c;void 0===e._expandedPanelStates&&(e._expandedPanelStates={});const b=t.entity??e._config.entity,h=(0,Dn.zD)(b),m=b?.startsWith("input_select")||b?.startsWith("select")||t.select_attribute;if(!t.sub_button_type&&m)try{setTimeout(()=>i({sub_button_type:"select"}))}catch(e){}const f=e.hass.states[b]?.attributes,g=e._selectable_attributes.some(e=>f?.[e]),y=Object.keys(e.hass.states[b]?.attributes||{}).map(t=>{let n=e.hass.states[b];return{label:e.hass.formatEntityAttributeName(n,t),value:t}}).filter(t=>e._selectable_attributes.includes(t.value)),v=t.visibility??[],_=[{label:"Default (button)",value:"default"},...h?[]:[{label:"Slider",value:"slider"}],...m||g?[{label:"Dropdown / Select",value:"select"}]:[]],w=`${d}_main_${n}`,x=`${d}_settings_${n}`,C=`${d}_actions_${n}`,k=`${d}_visibility_${n}`,$=`${d}_layout_${n}`,S=`${d}_type_slider_${n}`,A="slider"===t.sub_button_type&&t.always_visible,L="select"===t.sub_button_type||!t.sub_button_type&&m||A,E="string"==typeof o&&o.startsWith("sub_button.bottom"),T=null==t.fill_width?!!E:t.fill_width;let M=!1;if("string"==typeof o&&o.includes(".group")){const t=o.match(/^sub_button\.(main|bottom)\.(\d+)\.group$/);if(t){const[,n,o]=t,i=e._config.sub_button;if(i&&i[n]){const e=i[n][parseInt(o,10)];if(e&&e.justify_content){const t=e.justify_content.toLowerCase();M=["end","start","center"].includes(t)}}}}const P=null===p||n>0,B=null===p||n<p-1;return zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[w]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:border-radius"></ha-icon>
|
||
${u}
|
||
<div class="button-container" @click=${e=>e.stopPropagation()} @mousedown=${e=>e.stopPropagation()} @touchstart=${e=>e.stopPropagation()}>
|
||
${$o({trigger:zt.qy`
|
||
<mwc-icon-button slot="trigger" class="icon-button header" title="Options">
|
||
<ha-icon style="display: flex" icon="mdi:dots-vertical"></ha-icon>
|
||
</mwc-icon-button>
|
||
`,items:[{type:"item",icon:"mdi:arrow-left",label:"Move left",disabled:!P,onClick:e=>{e.stopPropagation(),P&&r(-1)}},{type:"item",icon:"mdi:arrow-right",label:"Move right",disabled:!B,onClick:e=>{e.stopPropagation(),B&&r(1)}},{type:"divider"},{type:"item",icon:"mdi:content-copy",label:"Copy",onClick:e=>{e.stopPropagation(),s(e)}},{type:"item",icon:"mdi:content-cut",label:"Cut",onClick:e=>{e.stopPropagation(),l(e)}},{type:"divider"},{type:"item",icon:"mdi:delete",label:"Delete",variant:"danger",onClick:e=>{e.stopPropagation(),a(e)}}]})}
|
||
</div>
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,w,!!e._expandedPanelStates[w],()=>zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[x]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Button settings
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,x,!!e._expandedPanelStates[x],()=>zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${t}
|
||
.schema=${[{name:"entity",label:"Optional - Entity (default to card entity)",selector:{entity:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e=>i(e.detail.value)}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{sub_button_type:t.sub_button_type??"default"}}
|
||
.schema=${[{name:"sub_button_type",selector:{select:{options:_,mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Sub-button type"}
|
||
@value-changed=${e=>i({sub_button_type:e.detail.value.sub_button_type})}
|
||
></ha-form>
|
||
${"slider"===t.sub_button_type?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Slider behavior
|
||
</h4>
|
||
<div class="content">
|
||
<p>By default, you need to tap the sub-button to reveal the slider. To make the slider always visible, enable the "Always show slider" option in the Layout section below.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
${("select"===t.sub_button_type||!t.sub_button_type&&m)&&g?zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{select_attribute:t.select_attribute}}
|
||
.schema=${[{name:"select_attribute",selector:{select:{options:y,mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Optional - Select menu (from attributes)"}
|
||
@value-changed=${e=>i({select_attribute:e.detail.value.select_attribute})}
|
||
></ha-form>
|
||
`:""}
|
||
<div class="ha-textfield">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:t.name??""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${e=>i({name:e.detail.value.name})}
|
||
></ha-form>
|
||
</div>
|
||
<div class="ha-icon-picker">
|
||
<ha-icon-picker
|
||
label="Optional - Icon"
|
||
.value="${t.icon}"
|
||
item-label-path="label"
|
||
item-value-path="value"
|
||
@value-changed="${e=>i({icon:e.detail.value})}"
|
||
></ha-icon-picker>
|
||
</div>
|
||
`)}
|
||
${e.makeShowState(t,`${o}.${n}.`,o,n)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
${"slider"===t.sub_button_type?zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[S]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:tune-variant"></ha-icon>
|
||
Slider settings
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,S,!!e._expandedPanelStates[S],()=>zt.qy`
|
||
${Vn({hass:e.hass,data:t,entity:b,computeLabel:e._computeLabelCallback,onFormChange:e=>i(e.detail.value),onToggleChange:(e,t)=>i({[e]:t}),isReadOnly:h,forceValuePositionRight:!(!t.always_visible||!t.show_button_info)})}
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`:""}
|
||
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[C]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on button
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,C,!!e._expandedPanelStates[C],()=>zt.qy`
|
||
${A?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Actions disabled
|
||
</h4>
|
||
<div class="content">
|
||
<p>Tap, double tap, and hold actions are disabled on this sub-button because "Always show slider" is enabled.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
<div style="${L?"opacity: 0.5; pointer-events: none;":""}">
|
||
${e.makeActionPanel("Tap action",t,"more-info",o,n)}
|
||
</div>
|
||
<div style="${L?"opacity: 0.5; pointer-events: none;":""}">
|
||
${e.makeActionPanel("Double tap action",t,"none",o,n)}
|
||
</div>
|
||
<div style="${L?"opacity: 0.5; pointer-events: none;":""}">
|
||
${e.makeActionPanel("Hold action",t,"none",o,n)}
|
||
</div>
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[k]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:eye"></ha-icon>
|
||
Visibility
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,k,!!e._expandedPanelStates[k],()=>zt.qy`
|
||
<ha-formfield label="Hide when parent entity is unavailable">
|
||
<ha-switch
|
||
.checked=${t.hide_when_parent_unavailable??!1}
|
||
@change=${e=>i({hide_when_parent_unavailable:e.target.checked})}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
<ha-card-conditions-editor
|
||
.hass=${e.hass}
|
||
.conditions=${v}
|
||
@value-changed=${e=>i({visibility:e.detail.value})}
|
||
>
|
||
</ha-card-conditions-editor>
|
||
<ha-alert alert-type="info">
|
||
The sub-button will be shown when ALL conditions are fulfilled. If no conditions are set, the sub-button will always be shown.
|
||
</ha-alert>
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${t=>{e._expandedPanelStates[$]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:view-grid"></ha-icon>
|
||
Layout
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,$,!!e._expandedPanelStates[$],()=>zt.qy`
|
||
${E?zt.qy`
|
||
<ha-formfield label="Fill available width">
|
||
<ha-switch
|
||
.checked=${T??!0}
|
||
@change=${e=>i({fill_width:e.target.checked})}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
`:""}
|
||
${"slider"===t.sub_button_type?zt.qy`
|
||
<ha-formfield label="Always show slider">
|
||
<ha-switch
|
||
.checked=${t.always_visible??!1}
|
||
@change=${e=>i({always_visible:e.target.checked})}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
`:""}
|
||
${"slider"===t.sub_button_type&&t.always_visible?zt.qy`
|
||
<ha-formfield label="Show button info (Icon, name, state...)">
|
||
<ha-switch
|
||
.checked=${t.show_button_info??!1}
|
||
@change=${e=>i({show_button_info:e.target.checked})}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
`:""}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{width:t.width??""}}
|
||
.schema=${[{name:"width",selector:{text:{type:"number"}},options:{min:E&&!M?0:"slider"===t.sub_button_type&&t.always_visible?68:36,max:E&&!M?100:600}}]}
|
||
.disabled=${!0===T}
|
||
.computeLabel=${()=>E&&!M?"Custom button width (%)":"Custom button width (px)"}
|
||
@value-changed=${e=>{const t=e.detail.value.width;i({width:void 0===t||""===t?void 0:Number(t)})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{custom_height:t.custom_height??""}}
|
||
.schema=${[{name:"custom_height",selector:{text:{type:"number"}},options:{min:20,max:600}}]}
|
||
.computeLabel=${()=>"Custom button height (px)"}
|
||
@value-changed=${e=>{const t=e.detail.value.custom_height;i({custom_height:void 0===t||""===t?void 0:Number(t)})}}
|
||
></ha-form>
|
||
${"slider"===t.sub_button_type&&t.always_visible?"":zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{content_layout:t.content_layout??"icon-left"}}
|
||
.schema=${[{name:"content_layout",selector:{select:{options:[{value:"icon-left",label:"Icon on left (default)"},{value:"icon-top",label:"Icon on top"},{value:"icon-bottom",label:"Icon on bottom"},{value:"icon-right",label:"Icon on right"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Content layout"}
|
||
@value-changed=${e=>i({content_layout:e.detail.value.content_layout})}
|
||
></ha-form>
|
||
`}
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}function Ao(e,t,n){return o=>{if(o?.stopPropagation(),t){try{e._clipboardButton=JSON.parse(JSON.stringify(t))}catch(n){e._clipboardButton=t}n&&n(e._clipboardButton),e.requestUpdate()}}}function Lo(e,t,n,o){return i=>{i?.stopPropagation(),Ao(e,t,o)(i),n&&n(i)}}function Eo(e,t){return t===e._config.sub_button?.main?"main":t===e._config.sub_button?.bottom?"bottom":null}function To(e,t,n){try{e._config.sub_button[t]=n(e._config.sub_button[t])}catch(o){try{e._config.sub_button={...e._config.sub_button,[t]:n(e._config.sub_button[t])}}catch(o){e._config={...e._config,sub_button:{...e._config.sub_button,[t]:n(e._config.sub_button[t])}}}}}function Mo(e,t,n,o){return i=>{i?.stopPropagation();const a=Eo(e,t);if(!a)return[...t].splice(n,1),o&&o(e),void e.requestUpdate();const r=[...e._config.sub_button[a]];r.splice(n,1),To(e,a,()=>r),o&&o(e),e.requestUpdate()}}function Po(e,t,n,o){return i=>{const a=n+i;if(a<0||a>=t.length)return;const r=Eo(e,t);if(!r){const i=[...t];return[i[n],i[a]]=[i[a],i[n]],o&&o(e),void e.requestUpdate()}const s=[...e._config.sub_button[r]];[s[n],s[a]]=[s[a],s[n]],To(e,r,()=>s),o&&o(e),e.requestUpdate()}}function Bo(e){const t=e.filter(e=>e&&!Array.isArray(e.group));return 0===t.length?[...e]:[{name:"Automatically grouped",buttons_layout:"inline",group:t},...e.filter(e=>e&&Array.isArray(e.group))]}function Io(e,t){const n=e._clipboardButton||(t?t():null);return n?`Paste "${n.name||"sub-button"}"`:"Paste"}customElements.define("ha-selector-calendar_entity",xo);const qo="bubble-card-subbutton-clipboard";function Oo(){try{const e=localStorage.getItem(qo);if(!e)return null;const t=JSON.parse(e);return t&&"object"==typeof t?t.payload??null:null}catch(e){return null}}function Uo(e){if(e)try{const t=JSON.parse(JSON.stringify(e)),n={type:t&&Array.isArray(t.buttons)?"group":"sub-button",savedAt:Date.now(),payload:t};localStorage.setItem(qo,JSON.stringify(n))}catch(e){}}function zo(e,t){if("sub-buttons"===e._config.card_type&&"main"===t)return[];if(Array.isArray(e._config.sub_button)){const t=(0,po.zD)(e._config.sub_button),n={};Array.isArray(t.main)&&t.main.length&&(n.main=t.main.slice()),Array.isArray(t.bottom)&&t.bottom.length&&(n.bottom=t.bottom.slice());try{e._config.sub_button=n}catch(t){e._config={...e._config,sub_button:n}}}if(!e._config.sub_button)try{e._config.sub_button={}}catch(t){e._config={...e._config,sub_button:{}}}if(!Array.isArray(e._config.sub_button[t]))try{e._config.sub_button[t]=[]}catch(n){try{e._config.sub_button={...e._config.sub_button,[t]:[]}}catch(n){e._config={...e._config,sub_button:{...e._config.sub_button,[t]:[]}}}}return e._config.sub_button[t]}function Ho(e,t,n,o){const i=n([...zo(e,t)]);try{e._config.sub_button[t]=i}catch(n){try{e._config.sub_button={...e._config.sub_button,[t]:i}}catch(n){e._config={...e._config,sub_button:{...e._config.sub_button,[t]:i}}}}o&&o(e),e.requestUpdate()}function No(e,t,n,o,i){const a=[...zo(e,t)],r=o({...a[n]});a[n]=r;try{e._config.sub_button[t]=a}catch(n){try{e._config.sub_button={...e._config.sub_button,[t]:a}}catch(n){e._config={...e._config,sub_button:{...e._config.sub_button,[t]:a}}}}i&&i(e),e.requestUpdate()}function Do(e){const t=e._config.sub_button,n="sub-buttons"===e._config.card_type,o=e=>Array.isArray(e)&&e.some(e=>!!e&&(Array.isArray(e.group),!0)),i=!n&&o(t?.main),a=o(t?.bottom),r=!(!t||void 0===t.main_layout&&void 0===t.bottom_layout);if(!i&&!a&&!r){try{delete e._config.sub_button}catch(t){e._config={...e._config},delete e._config.sub_button}return void e._valueChanged({target:{configValue:"sub_button",value:void 0}})}if(a){e._firstRowsComputation=!0;const t=Boolean(window.isSectionView),n=Object.prototype.hasOwnProperty.call(e._config,"card_layout");if(t&&n&&"normal"===e._config.card_layout){try{delete e._config.card_layout}catch(t){const n={...e._config};delete n.card_layout,e._config=n}e._valueChanged({target:{configValue:"card_layout",value:void 0}})}}const s={};i&&(s.main=(t.main||[]).filter(e=>!!e)),a&&(s.bottom=(t.bottom||[]).filter(e=>!!e)),t&&void 0!==t.main_layout&&!n&&(s.main_layout=t.main_layout),t&&void 0!==t.bottom_layout&&(s.bottom_layout=t.bottom_layout),e._valueChanged({target:{configValue:"sub_button",value:s}})}function jo(e,t){const n=(0,po.mg)(e._config),o=Array.isArray(n?.[t])?n[t]:[];return{items:o,hasGroups:o.some(e=>e&&Array.isArray(e.group)),hasIndividualButtons:o.some(e=>e&&!Array.isArray(e.group))}}function Ro(e,t){let{items:n,hasGroups:o,hasIndividualButtons:i}=jo(e,t);o&&i&&(n=Bo(n),Ho(e,t,()=>n,Do));const{isDismissed:a,dismiss:r}=function(e,t){const n=`bubble-card-groups-info-dismissed-${t}`;if(e._groupsInfoDismissed||(e._groupsInfoDismissed={}),void 0===e._groupsInfoDismissed[t])try{e._groupsInfoDismissed[t]="true"===localStorage.getItem(n)}catch(n){e._groupsInfoDismissed[t]=!1}return{isDismissed:e._groupsInfoDismissed[t],dismiss:()=>{e._groupsInfoDismissed[t]=!0;try{localStorage.setItem(n,"true")}catch(e){}e.requestUpdate()}}}(e,t),s=()=>{Ho(e,t,e=>{const t=Bo(e),n=t.filter(e=>e&&Array.isArray(e.group)).length;return[...t,{name:`Group ${n+1}`,buttons_layout:"inline",group:[]}]},Do)};return zt.qy`
|
||
${o&&!a?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Groups mode
|
||
<div class="bubble-info-dismiss bubble-badge" @click=${r} title="Dismiss"
|
||
style="display: inline-flex; align-items: center; position: absolute; right: 16px; padding: 0 8px; cursor: pointer;">
|
||
<ha-icon icon="mdi:close" style="margin: 0;"></ha-icon>
|
||
Dismiss
|
||
</div>
|
||
</h4>
|
||
<div class="content">
|
||
<p>You are now in <b>groups mode</b>. All sub-buttons must be inside a group to ensure consistent ordering. You can rename, reorder, or delete groups as needed.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
${n.map((n,o)=>{if(!n)return null;if(Array.isArray(n.group))return function(e,t,n,o){const i=`${o}_group_${n}`,a="main"===o?e._config.sub_button.main:e._config.sub_button.bottom,r=t=>{No(e,o,n,e=>{const n={...e},i=Array.isArray(e.group)?[...e.group]:[],a=i.some(e=>e&&!0===e.fill_width);if(Object.prototype.hasOwnProperty.call(t,"name")&&(n.name=t.name),Object.prototype.hasOwnProperty.call(t,"buttons_layout")&&(n.buttons_layout=t.buttons_layout),"bottom"===o&&Object.prototype.hasOwnProperty.call(t,"justify_content")){const e=t.justify_content;if("fill"===e){if(Object.prototype.hasOwnProperty.call(n,"justify_content")&&delete n.justify_content,Array.isArray(i)){for(let e=0;e<i.length;e+=1){const t=i[e];if(t)if("bottom"===o){if(!1===t.fill_width){const{fill_width:n,...o}=t;i[e]={...o}}}else!0!==t.fill_width&&(i[e]={...t,fill_width:!0})}n.group=i}}else if(a);else if(n.justify_content=e,Array.isArray(i)){for(let e=0;e<i.length;e+=1){const t=i[e];t&&!1!==t.fill_width&&(i[e]={...t,fill_width:!1})}n.group=i}}return n},Do)},s=a[n],l=Mo(e,a,n,Do),c=Po(e,a,n,Do),d=Ao(e,s,Uo),u=Lo(e,s,l,Uo),p=function(e,t,n,o,i){return()=>{const a=e._clipboardButton||(i?i():null);if(!a)return;e._clipboardButton=a;const r=Eo(e,t);if(!r)return;const s=[...e._config.sub_button[r]],l={...s[n]};Array.isArray(l.group)||(l.group=[]);const c="bottom"===r&&l.justify_content&&"fill"!==l.justify_content;if(Array.isArray(a?.buttons)||Array.isArray(a?.group)){let e=JSON.parse(JSON.stringify(a.buttons||a.group||[]));c&&(e=e.map(e=>e?{...e,fill_width:!1}:e)),l.group=[...l.group,...e]}else{let e=JSON.parse(JSON.stringify(a));c&&e&&(e.fill_width=!1),l.group=[...l.group,e]}s[n]=l,To(e,r,()=>s),o&&o(e),e.requestUpdate()}}(e,a,n,Do,Oo),b=n>0,h=n<a.length-1;return zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
style="border-style: dashed;"
|
||
@expanded-changed=${t=>{e._expandedPanelStates[i]=t.target.expanded,e.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:format-list-group"></ha-icon>
|
||
${t.name||`Group ${n+1}`}
|
||
<div class="button-container" @click=${e=>e.stopPropagation()} @mousedown=${e=>e.stopPropagation()} @touchstart=${e=>e.stopPropagation()}>
|
||
${$o({trigger:zt.qy`
|
||
<mwc-icon-button slot="trigger" class="icon-button header" title="Options">
|
||
<ha-icon style="display: flex" icon="mdi:dots-vertical"></ha-icon>
|
||
</mwc-icon-button>
|
||
`,items:[{type:"item",icon:"mdi:arrow-up",label:"Move up",disabled:!b,onClick:e=>{e.stopPropagation(),b&&c(-1)}},{type:"item",icon:"mdi:arrow-down",label:"Move down",disabled:!h,onClick:e=>{e.stopPropagation(),h&&c(1)}},{type:"divider"},{type:"item",icon:"mdi:content-copy",label:"Copy group",onClick:e=>{e.stopPropagation(),d(e)}},{type:"item",icon:"mdi:content-cut",label:"Cut group",onClick:e=>{e.stopPropagation(),u(e)}},{type:"divider"},{type:"item",icon:"mdi:delete",label:"Delete",variant:"danger",onClick:e=>{e.stopPropagation(),l(e)}}]})}
|
||
</div>
|
||
</h4>
|
||
<div class="content">
|
||
${Co(e,i,!!e._expandedPanelStates[i],()=>zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:t.name??""}}
|
||
.schema=${[{name:"name",label:"Group name",selector:{text:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e=>r(e.detail.value)}
|
||
></ha-form>
|
||
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:view-grid"></ha-icon>
|
||
Group layout
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${(()=>{const e=(Array.isArray(t.group)?t.group:[]).some(e=>e&&!0===e.fill_width)?"fill":t.justify_content??"fill";return{buttons_layout:t.buttons_layout??"inline",justify_content:e}})()}
|
||
.schema=${(()=>{const e=(Array.isArray(t.group)?t.group:[]).some(e=>e&&!0===e.fill_width);let n=[{value:"fill",label:"Fill available width (default)"},{value:"end",label:"Right"},{value:"start",label:"Left"},{value:"center",label:"Center"},{value:"space-between",label:"Space between"},{value:"space-around",label:"Space around"},{value:"space-evenly",label:"Space evenly"}];"column"===t.buttons_layout&&(n=n.filter(e=>!["space-between","space-around","space-evenly"].includes(e.value)));const i=[{name:"buttons_layout",label:"Buttons layout",selector:{select:{options:[{value:"inline",label:"Inline"},{value:"column",label:"Column"}],mode:"dropdown"}}}];return"bottom"===o&&i.push({name:"justify_content",label:"Buttons alignment",selector:{select:{options:n,mode:"dropdown"}},disabled:e}),i})()}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e=>r(e.detail.value)}
|
||
></ha-form>
|
||
${"bottom"!==o?"":(Array.isArray(t.group)?t.group:[]).some(e=>e&&!0===e.fill_width)?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Buttons alignment locked by sub-button settings
|
||
</h4>
|
||
<div class="content">
|
||
<p>One or more sub-buttons explicitly enable "Fill available width". To change alignment, first disable "Fill available width" in those sub-buttons.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
<h4 class="group-buttons-header">Group sub-buttons</h4>
|
||
${Array.isArray(t.group)?t.group.map((i,a)=>{if(!i)return null;const r=t=>{t?.stopPropagation(),No(e,o,n,e=>{const t={...e},n=Array.isArray(t.group)?[...t.group]:[];return n.splice(a,1),t.group=n,t},Do)},s=Array.isArray(t.group)?t.group[a]:null,l=Ao(e,s,Uo),c=Lo(e,s,r,Uo),d=(Array.isArray(t.group)?t.group:[]).length;return So(e,i,a,`sub_button.${o}.${n}.group`,t=>{No(e,o,n,e=>{const n={...e},o=Array.isArray(n.group)?[...n.group]:[];return o[a]={...o[a]||{},...t},n.group=o,n},Do)},r,t=>{const i=a+t,r=zo(e,o),s=Array.isArray(r[n]?.group)?r[n].group:[];i<0||i>=s.length||No(e,o,n,e=>{const t={...e},n=Array.isArray(t.group)?[...t.group]:[];return[n[a],n[i]]=[n[i],n[a]],t.group=n,t},Do)},l,c,{panelKeyPrefix:`${o}_group_${n}_button`,buttonTitle:i.name||`Button ${a+1}`,arrayLength:d})}):null}
|
||
|
||
<div class="element-actions">
|
||
<button class="icon-button paste-button no-bg ${e._clipboardButton||Oo()?"":"disabled"}" @click=${p}>
|
||
<ha-icon icon="mdi:content-paste"></ha-icon>
|
||
<span class="paste-button-text">
|
||
${Io(e,Oo)}
|
||
</span>
|
||
</button>
|
||
<button class="icon-button" @click=${()=>{No(e,o,n,t=>{const n={...t};Array.isArray(n.group)||(n.group=[]);const i="bottom"===o&&n.justify_content&&"fill"!==n.justify_content?{entity:e._config.entity,fill_width:!1}:{entity:e._config.entity};return n.group=[...n.group,i],n},Do)}}>
|
||
<ha-icon icon="mdi:shape-square-rounded-plus"></ha-icon>
|
||
Add sub-button
|
||
</button>
|
||
</div>
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}(e,n,o,t);const i="main"===t?e._config.sub_button.main:e._config.sub_button.bottom,a=Mo(e,i,o,Do),r=Po(e,i,o,Do),s=i[o],l=Ao(e,s,Uo),c=Lo(e,s,a,Uo),d=i.length;return So(e,n,o,`sub_button.${t}`,n=>{Ho(e,t,e=>{const t=[...e];return t[o]={...t[o]||{},...n},t},Do)},a,r,l,c,{panelKeyPrefix:`${t}_button`,buttonTitle:`Button ${o+1}${n.name?` - ${n.name}`:""}`,arrayLength:d})})}
|
||
|
||
<div class="element-actions">
|
||
${(()=>{const n=zo(e,"main"===t?"main":"bottom"),o=function(e,t,n,o){return()=>{const i=e._clipboardButton||(o?o():null);if(!i)return;e._clipboardButton=i;const a=JSON.parse(JSON.stringify(i)),r=Eo(e,t),s=Array.isArray(a.buttons)||Array.isArray(a.group),l=r?e._config.sub_button[r]:t;let c=s?Bo(l):[...l];s?c.push({name:a.name,buttons_layout:a.display||a.buttons_layout||"inline",justify_content:a.justify_content,group:a.buttons||a.group||[]}):c.push(a),r&&To(e,r,()=>c),n&&n(e),e.requestUpdate()}}(e,n,Do,Oo);return zt.qy`
|
||
<button class="icon-button paste-button no-bg ${e._clipboardButton||Oo()?"":"disabled"}" @click=${o}>
|
||
<ha-icon icon="mdi:content-paste"></ha-icon>
|
||
<span class="paste-button-text">
|
||
${Io(e,Oo)}
|
||
</span>
|
||
</button>
|
||
`})()}
|
||
${o?zt.qy`
|
||
<button class="icon-button" @click=${()=>{s()}}>
|
||
<ha-icon icon="mdi:format-list-group-plus"></ha-icon>
|
||
Add group
|
||
</button>
|
||
`:$o({trigger:zt.qy`
|
||
<button slot="trigger" class="icon-button add-menu-trigger">
|
||
<ha-icon icon="mdi:plus"></ha-icon>
|
||
Add
|
||
</button>
|
||
`,items:[{type:"item",icon:"mdi:shape-square-rounded-plus",label:"Add sub-button",onClick:()=>{Ho(e,t,t=>[...t,{entity:e._config.entity}],Do)}},{type:"item",icon:"mdi:format-list-group-plus",label:"Add group",onClick:()=>{s()}}]})}
|
||
</div>
|
||
`}function Fo(e,t){if(!jo(e,t).hasGroups)return"";const n=`${t}_layout`,o=e._config?.sub_button?.[n]??"inline";return zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{[n]:o}}
|
||
.schema=${[{name:n,label:"Groups placement",selector:{select:{options:[{value:"inline",label:"Inline"},{value:"rows",label:"Rows (stack groups vertically)"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${t=>{const o=t.detail?.value?.[n];if(!e._config.sub_button)try{e._config.sub_button={}}catch(t){e._config={...e._config,sub_button:{}}}try{e._config.sub_button[n]=o}catch(t){try{e._config.sub_button={...e._config.sub_button,[n]:o}}catch(t){e._config={...e._config,sub_button:{...e._config.sub_button,[n]:o}}}}Do(e),e.requestUpdate()}}
|
||
></ha-form>
|
||
`}var Vo=n(933),Wo=n(766),Yo=n(937),Ko=n(868);const Jo="sensor.bubble_card_modules",Xo=["modules","store"],Go="bubble-card-force-unsupported-modules";async function Qo(e,t,n){try{if(!e.hass)return!1;if(!await(0,p.ensureBCTProviderAvailable)(e.hass))return console.warn("Bubble Card Tools is required to change global status."),!1;const o={...a.Ki.get(t)||{}};return!0===n?o.is_global=!0:delete o.is_global,a.Ki.set(t,o),await(0,p.writeModuleYaml)(e.hass,t,o),document.dispatchEvent(new CustomEvent("yaml-modules-updated")),!0}catch(e){return console.error("Error setting module global status:",e),!1}}function Zo(e,t){try{const n=a.Ki.get(e);if(n&&"object"==typeof n&&!0===n.is_global)return!0;if(p.Qy&&(0,p.Qy)())return!1;if(!t||!t.states||!t.states[Jo])return!1;const o=t.states[Jo];if(!o.attributes||!o.attributes.modules)return!1;const i=o.attributes.modules[e];return i&&!0===i.is_global}catch(t){return console.warn(`Error checking if module ${e} is global:`,t),!1}}function ei(e,t){const n=e._config?.modules||[],o=Array.isArray(n)?n:[n];return!o.includes(`!${t}`)&&(!!o.includes(t)||Zo(t,e.hass))}function ti(e){if(!a.Ki||0===a.Ki.size)return[];let t=Array.from(a.Ki.keys());const n=e._myModulesSearchQuery;if(n&&n.trim()){const e=n.toLowerCase().trim();t=t.filter(t=>{const n=(0,Vo.a7)(t),o=(n.name||t).toLowerCase(),i=(n.description||"").toLowerCase(),a=(n.creator||"").toLowerCase();return o.includes(e)||i.includes(e)||a.includes(e)})}if(!e._myModulesSortOrder)try{const t=localStorage.getItem("bubble-card-modules-sort-order");e._myModulesSortOrder=t||"default"}catch(t){e._myModulesSortOrder="default"}const o=e._myModulesSortOrder||"default",i=(0,p.Ef)(),r=e=>{const t=i.get(e);if(!t)return 0;const n=new Date(t).getTime();return isNaN(n)?0:n};return t.sort((t,n)=>{if("default"===t)return-1;if("default"===n)return 1;const i=(0,Vo.a7)(t),a=(0,Vo.a7)(n),s=ei(e,t),l=ei(e,n);switch(o){case"alphabetical":return(i.name||t).localeCompare(a.name||n,void 0,{sensitivity:"base"});case"default":if(s!==l)return s?-1:1;const e=r(t),o=r(n);return e!==o&&e>0&&o>0?o-e:(i.name||t).localeCompare(a.name||n,void 0,{sensitivity:"base"});case"recent-first":const c=r(t),d=r(n);return c!==d&&c>0&&d>0?d-c:(i.name||t).localeCompare(a.name||n,void 0,{sensitivity:"base"});default:if(s!==l)return s?-1:1;const u=r(t),p=r(n);return u!==p&&u>0&&p>0?p-u:(i.name||t).localeCompare(a.name||n,void 0,{sensitivity:"base"})}}),t}function ni(e){if(void 0===e._selectedModuleTab&&(e._selectedModuleTab=0),void 0===e._expandedPanelStates&&(e._expandedPanelStates={}),void 0===e._myModulesSortOrder)try{const t=localStorage.getItem("bubble-card-modules-sort-order");e._myModulesSortOrder=t||"default"}catch(t){e._myModulesSortOrder="default"}const t=e._myModulesSortOrder||"default",n="modules_editor_panel";if(void 0===e._forceUnsupportedModules)try{const t=localStorage.getItem(Go);e._forceUnsupportedModules="true"===t}catch(t){e._forceUnsupportedModules=!1}const o="bubble-card-module-editor-tab-group",i="undefined"!=typeof customElements&&void 0!==customElements.get("ha-tab-group")&&void 0!==customElements.get("ha-tab-group-tab")?"ha-tab-group":"undefined"!=typeof customElements&&void 0!==customElements.get("sl-tab-group")?"sl-tab-group":"ha-tabs",r="ha-tab-group"===i,l=r&&(0,s._0)(e.hass,"2026.3");e._modulesLoaded||(0,a.wv)(e).then(()=>{if(e._modulesLoaded=!0,(!p.Qy||!(0,p.Qy)())&&function(e){const t={entityFound:!1,hasAttributes:!1,hasModulesAttribute:!1,modulesIsObject:!1,hasLastUpdated:!1,isReady:!1};if(!e||!e.states)return t;const n=e.states[Jo];if(!n)return t;t.entityFound=!0;const o=n.attributes||{};return t.hasAttributes=!!n.attributes,"modules"in o&&(t.hasModulesAttribute=!0,t.modulesIsObject=null!==o.modules&&"object"==typeof o.modules),"last_updated"in o&&(t.hasLastUpdated="string"==typeof o.last_updated&&o.last_updated.length>0),t.isReady=t.entityFound&&t.hasModulesAttribute&&t.modulesIsObject&&t.hasLastUpdated,t}(e.hass).isReady){const t=e.hass.states[Jo].attributes.modules;t&&t.default&&!0!==t.default.is_global&&Qo(e,"default",!0).then(e=>{e?document.dispatchEvent(new CustomEvent("yaml-modules-updated")):console.warn(`Failed to set module 'default' to global in ${Jo}.`)})}e.requestUpdate()});const c=(0,p.Qy)();if(e._bctRetryHandle&&c&&(clearTimeout(e._bctRetryHandle),e._bctRetryHandle=null),!e.hass||c||e._bctCheckAttempted)e.hass&&c&&!e._bctCheckAttempted&&(e._bctCheckInFlight||(e._bctCheckInFlight=!0,e._bctCheckAttempted=!0,(0,p.ensureBCTProviderAvailable)(e.hass).finally(()=>{e._bctCheckInFlight=!1,(0,p.Qy)()!==c&&e.requestUpdate()})));else{const t=Date.now(),n=e._lastBctCheckAt??0,o=n?t-n:1/0,i=n&&o<5e3;if(e._bctCheckInFlight||i){if(i&&!e._bctRetryHandle){const t=Math.max(50,5e3-o);e._bctRetryHandle=setTimeout(()=>{e._bctRetryHandle=null,e.requestUpdate()},t)}}else e._bctRetryHandle&&(clearTimeout(e._bctRetryHandle),e._bctRetryHandle=null),e._bctCheckInFlight=!0,e._bctCheckAttempted=!0,e._lastBctCheckAt=t,(0,p.ensureBCTProviderAvailable)(e.hass).finally(()=>{e._bctCheckInFlight=!1,e.requestUpdate()})}if((0,Yo.kA)(e),e._workingModuleConfigs||(e._workingModuleConfigs={}),e._modulesLoaded&&!a.Ki.has("default")&&c){const t="default:\n name: Default\n version: ''\n description: Empty and enabled by default. Add your custom styles and/or JS templates here to apply them to all cards by pressing the <ha-icon icon=\"mdi:pencil\"></ha-icon> button above.\n code: ''\n is_global: true\n ";(0,Ko.m)(e,t).then(()=>{console.info("Default module created automatically"),e.requestUpdate()}).catch(e=>{console.error("Error creating default module:",e)})}const d=(0,Wo.Xe)(),u=t=>{let n;if("sl-tab-group"===i)n=parseInt(t?.detail?.name??t?.target?.activeTab??t?.detail?.value,10);else if("ha-tab-group"===i){const e=t?.detail??{},o=e.tab??e.target??e.item,i=o?.getAttribute?o.getAttribute("panel"):void 0,a=e.panel??e.tabId??i??e.value??t?.target?.activePanel??t?.target?.activeTab;if("number"==typeof a)n=a;else if("string"==typeof a){const e=Xo.indexOf(a);n=-1!==e?e:parseInt(a,10)}}else n=t?.detail?.value??t?.target?.selected;Number.isFinite(n)||(n=0),e._selectedModuleTab=n,e.requestUpdate(),requestAnimationFrame(()=>{(0,Vo.XY)(e,!1)})},b=async()=>{try{const t=e._manualYamlContent;if(!t||""===t.trim())return void(0,s.rC)(e,"bubble-card-error",{message:"No YAML content provided"});const n=await(0,Ko.m)(e,t);e._showManualImportForm=!1,e._manualYamlContent="",n&&n.moduleId&&(e._recentlyToggledModuleId=n.moduleId,setTimeout(()=>{e._recentlyToggledModuleId=null,e.requestUpdate()},2e3)),e.requestUpdate(),n&&n.moduleId&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t=e.shadowRoot?.querySelector(`ha-expansion-panel[data-module-id="${n.moduleId}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})})})}catch(e){console.error("Error installing manual module:",e)}},h=zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
.expanded=${!!e._expandedPanelStates[n]}
|
||
@expanded-changed=${t=>{t.target===t.currentTarget&&(e._expandedPanelStates[n]=t.target.expanded,e.requestUpdate())}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:puzzle"></ha-icon>
|
||
Modules
|
||
${d.hasUpdates&&c?zt.qy`
|
||
<span class="bubble-badge update-badge" style="margin-left: 8px; font-size: 0.8em; vertical-align: middle; z-index: 5;">
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
${d.updateCount} update${d.updateCount>1?"s":""} available
|
||
</span>
|
||
`:""}
|
||
</h4>
|
||
<div class="content module-editor-content ${r?"module-editor-content--ha-tab-group":""} ${l?"module-editor-content--ha-tab-group-modern":""}" style="margin: -8px 4px 14px 4px;">
|
||
${Co(e,n,!!e._expandedPanelStates[n],()=>zt.qy`
|
||
${c?"":zt.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Bubble Card Tools required
|
||
</h4>
|
||
<div class="content">
|
||
${a.Ki&&a.Ki.size>0||e.hass&&e.hass.states&&e.hass.states[Jo]?zt.qy`
|
||
<p><b>Since v3.1.0, to install, edit or delete modules, and to use the Module Store, please install <a href="https://github.com/Clooos/Bubble-Card-Tools" target="_blank" rel="noopener noreferrer">Bubble Card Tools</a> (everything is explained there).</b></p>
|
||
<p>Your existing modules will be automatically migrated once Bubble Card Tools is installed.</p>
|
||
`:zt.qy`
|
||
<p><b>No modules detected yet.</b> To create and manage modules and to use the Module Store, please install <a href="https://github.com/Clooos/Bubble-Card-Tools" target="_blank" rel="noopener noreferrer">Bubble Card Tools</a> (everything is explained there).</p>
|
||
`}
|
||
</div>
|
||
</div>
|
||
`}
|
||
|
||
<div id="module-editor-top-marker"></div>
|
||
|
||
${(()=>{const t=e._selectedModuleTab||0,n=Xo[t]??t.toString(),a=t=>{const n=Xo.indexOf(t);e._selectedModuleTab=-1!==n?n:parseInt(t,10)||0,e.requestUpdate(),requestAnimationFrame(()=>(0,Vo.XY)(e,!1))};return"ha-tab-group"===i?zt.qy`
|
||
<ha-tab-group
|
||
class="module-tabs module-tabs--ha-tab-group ${l?"module-tabs--ha-tab-group-modern":""}"
|
||
id="${o}"
|
||
.activePanel=${n}
|
||
@wa-tab-show=${u}
|
||
@active-panel-changed=${u}
|
||
>
|
||
<ha-tab-group-tab
|
||
slot="nav"
|
||
panel=${Xo[0]}
|
||
.active=${n===Xo[0]}
|
||
@click=${()=>a(Xo[0])}
|
||
>
|
||
<ha-icon icon="mdi:puzzle-heart-outline" style="margin-right: 8px;"></ha-icon>
|
||
My Modules
|
||
</ha-tab-group-tab>
|
||
<ha-tab-group-tab
|
||
slot="nav"
|
||
panel=${Xo[1]}
|
||
.active=${n===Xo[1]}
|
||
?disabled=${!c}
|
||
@click=${()=>a(Xo[1])}
|
||
>
|
||
<ha-icon icon="mdi:puzzle-plus-outline" style="margin-right: 8px;"></ha-icon>
|
||
Module Store
|
||
</ha-tab-group-tab>
|
||
</ha-tab-group>
|
||
`:"sl-tab-group"===i?zt.qy`
|
||
<sl-tab-group
|
||
class="module-tabs module-tabs--sl-tab-group"
|
||
id="${o}"
|
||
.selected=${t.toString()}
|
||
@sl-tab-show=${u}
|
||
>
|
||
<sl-tab slot="nav" panel="0">
|
||
<ha-icon icon="mdi:puzzle-heart-outline" style="color: inherit !important; margin-right: 8px;"></ha-icon>
|
||
My Modules
|
||
</sl-tab>
|
||
<sl-tab slot="nav" panel="1" ?disabled=${!c}>
|
||
<ha-icon icon="mdi:puzzle-plus-outline" style="color: inherit !important; margin-right: 8px;"></ha-icon>
|
||
Module Store
|
||
</sl-tab>
|
||
<sl-tab-panel name="0"></sl-tab-panel>
|
||
<sl-tab-panel name="1"></sl-tab-panel>
|
||
</sl-tab-group>
|
||
`:zt.qy`
|
||
<ha-tabs
|
||
class="module-tabs module-tabs--ha-tabs"
|
||
.selected=${t}
|
||
@selected-changed=${u}
|
||
>
|
||
<paper-tab>
|
||
<ha-icon icon="mdi:puzzle-heart-outline" style="margin-right: 8px;"></ha-icon>
|
||
My Modules
|
||
</paper-tab>
|
||
<paper-tab class="${c?"":"disabled"}" ?disabled=${!c}>
|
||
<ha-icon icon="mdi:puzzle-plus-outline" style="margin-right: 8px;"></ha-icon>
|
||
Module Store
|
||
</paper-tab>
|
||
</ha-tabs>
|
||
`})()}
|
||
|
||
${0!==e._selectedModuleTab&&c?(0,Wo._e)(e):zt.qy`
|
||
${e._showManualImportForm?zt.qy`
|
||
<div class="module-editor-form">
|
||
<div class="card-content">
|
||
<h3>
|
||
<ha-icon icon="mdi:code-json" style="margin: 8px;"></ha-icon>
|
||
Import Module from YAML
|
||
</h3>
|
||
<p style="margin-top: 0;">Paste the complete YAML code of the module:</p>
|
||
|
||
<div class="css-editor-container">
|
||
<ha-code-editor
|
||
.value=${e._manualYamlContent||""}
|
||
.mode=${"yaml"}
|
||
.autofocus=${!0}
|
||
@value-changed=${t=>{e._manualYamlContent=t.detail.value}}
|
||
></ha-code-editor>
|
||
</div>
|
||
|
||
<div class="module-editor-buttons-container">
|
||
<button
|
||
class="icon-button"
|
||
style="flex: 1;"
|
||
@click=${()=>{e._showManualImportForm=!1,e.requestUpdate()}}
|
||
>
|
||
<ha-icon icon="mdi:close"></ha-icon>
|
||
Cancel
|
||
</button>
|
||
<button
|
||
class="icon-button"
|
||
style="flex: 1;"
|
||
@click=${b}
|
||
>
|
||
<ha-icon icon="mdi:content-save"></ha-icon>
|
||
Import Module
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`:e._showNewModuleForm||e._editingModule?(0,Yo.cu)(e):zt.qy`
|
||
<!-- Search and Sort Controls -->
|
||
<div class="my-modules-controls">
|
||
<div class="my-modules-top-row">
|
||
<div class="my-modules-search">
|
||
${(0,s._0)(e.hass,"2026.5")?zt.qy`<ha-input-search
|
||
.value=${e._myModulesSearchQuery||""}
|
||
placeholder="Search modules"
|
||
@input=${t=>{e._myModulesSearchQuery=t.target.value,e.requestUpdate()}}
|
||
></ha-input-search>`:zt.qy`<ha-textfield
|
||
label="Search modules"
|
||
icon
|
||
.value=${e._myModulesSearchQuery||""}
|
||
@input=${t=>{e._myModulesSearchQuery=t.target.value,e.requestUpdate()}}
|
||
>
|
||
<slot name="prefix" slot="leadingIcon">
|
||
<ha-icon slot="prefix" icon="mdi:magnify"></ha-icon>
|
||
</slot>
|
||
</ha-textfield>`}
|
||
</div>
|
||
<div class="my-modules-sort-menu">
|
||
${$o({trigger:zt.qy`
|
||
<mwc-icon-button slot="trigger" class="icon-button header sort-trigger" title="Sort modules">
|
||
<ha-icon icon="mdi:sort"></ha-icon>
|
||
</mwc-icon-button>
|
||
`,items:[{type:"checkbox",icon:"mdi:check-circle",label:"Active and recent first",checked:"default"===t,onClick:t=>{t.stopPropagation(),e._myModulesSortOrder="default";try{localStorage.setItem("bubble-card-modules-sort-order","default")}catch(e){}e.requestUpdate()}},{type:"checkbox",icon:"mdi:sort-alphabetical-ascending",label:"Alphabetical",checked:"alphabetical"===t,onClick:t=>{t.stopPropagation(),e._myModulesSortOrder="alphabetical";try{localStorage.setItem("bubble-card-modules-sort-order","alphabetical")}catch(e){}e.requestUpdate()}},{type:"checkbox",icon:"mdi:clock-outline",label:"Recent first",checked:"recent-first"===t,onClick:t=>{t.stopPropagation(),e._myModulesSortOrder="recent-first";try{localStorage.setItem("bubble-card-modules-sort-order","recent-first")}catch(e){}e.requestUpdate()}}]})}
|
||
</div>
|
||
</div>
|
||
<ha-formfield label="Enable unsupported modules">
|
||
<ha-switch
|
||
.checked=${!!e._forceUnsupportedModules}
|
||
@change=${t=>{const n=t.target.checked;e._forceUnsupportedModules=n;try{localStorage.setItem(Go,n?"true":"false")}catch(e){}e.requestUpdate()}}
|
||
></ha-switch>
|
||
</ha-formfield>
|
||
${e._forceUnsupportedModules?zt.qy`
|
||
<div class="bubble-info warning unsupported-modules-warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Use carefully
|
||
</h4>
|
||
<div class="content">
|
||
<p>Some modules may work despite being marked as unsupported, while others can fail entirely.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
</div>
|
||
|
||
<!-- Installed Modules List -->
|
||
${ti(e).map(t=>{const{name:n,description:o,formSchema:i,supportedCards:a,unsupportedCard:r,creator:l,moduleLink:u,moduleVersion:p}=(0,Vo.a7)(t),b=ei(e,t),h=Zo(t,e.hass),m=i&&i.length>0,f="default"===t,g=f||m,y=e._config[t];void 0===e._workingModuleConfigs[t]&&(e._workingModuleConfigs[t]=structuredClone(y??{}));const v=e._workingModuleConfigs[t],_=e._config.card_type??"";let w=!1;w=a&&Array.isArray(a)&&a.length>0?!a.includes(_):r.includes(_);const x=!0===e._forceUnsupportedModules,C=w&&!x&&!b&&!h&&!f,k=i&&i.length>0?e._getProcessedSchema(t,i,v):[],$=d.modules.some(e=>e.id===t)&&c,S=$?d.modules.find(e=>e.id===t):null,A=e._recentlyToggledModuleId===t;return zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
class="${C?"disabled":""} ${A?"recently-toggled":""}"
|
||
data-module-id="${t}"
|
||
.expanded=${!!e._expandedPanelStates[t]}
|
||
@expanded-changed=${n=>{n.target.getAttribute("data-module-id")===t&&(e._expandedPanelStates[t]=n.target.expanded,e.requestUpdate())}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon
|
||
icon="${b?"mdi:puzzle-check":"mdi:puzzle-outline"}"
|
||
style="${b?"opacity: 1; color: var(--info-color) !important;":"opacity: 0.3;"}"
|
||
></ha-icon>
|
||
${n}
|
||
<span class="module-badges" style="display: inline-flex; margin-left: auto;">
|
||
${$?zt.qy`
|
||
<span class="bubble-badge update-badge">
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
Update: ${S.newVersion}
|
||
</span>
|
||
`:""}
|
||
${h?zt.qy`
|
||
<span class="bubble-badge update-badge global-badge">
|
||
<ha-icon icon="mdi:cards-outline" style="color: var(--primary-text-color) !important;"></ha-icon>
|
||
</span>
|
||
`:""}
|
||
</span>
|
||
</h4>
|
||
<div class="content" style="margin-top: 4px;">
|
||
${Co(e,t,!!e._expandedPanelStates[t],()=>zt.qy`
|
||
<div style="display: flex; justify-content: space-between; align-items: center;">
|
||
<div class="module-toggles-container">
|
||
<span class="module-toggles-label">
|
||
APPLY TO
|
||
</span>
|
||
<div class="module-toggles">
|
||
<button
|
||
class="bubble-badge toggle-badge ${b?"install-button":"link-button"}"
|
||
style="${"default"===t&&b?"cursor: default;":""} cursor: pointer;"
|
||
@click=${()=>{(t=>{const n=t.target,o=n.configValue,i=n.checked;e._config.modules=Array.isArray(e._config.modules)?e._config.modules:[];const a=Zo(o,e.hass);i?(e._config.modules=e._config.modules.filter(e=>e!==`!${o}`),a||e._config.modules.includes(o)||(e._config.modules=[...e._config.modules,o])):a?(e._config.modules.includes(`!${o}`)||(e._config.modules=[...e._config.modules,`!${o}`]),e._config.modules=e._config.modules.filter(e=>e!==o)):e._config.modules=e._config.modules.filter(e=>e!==o);const r=e._myModulesSortOrder||"default",l=!0===e._expandedPanelStates?.[o];"default"===r&&(e._recentlyToggledModuleId=o,l&&(e._expandedPanelStates=e._expandedPanelStates||{},e._expandedPanelStates[o]=!0),setTimeout(()=>{e._recentlyToggledModuleId=null,e.requestUpdate()},2e3)),(0,s.rC)(e,"config-changed",{config:e._config}),e.requestUpdate(),"default"===r&&i&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{const t=e.shadowRoot?.querySelector(`ha-expansion-panel[data-module-id="${o}"]`);if(t){l&&!t.expanded&&(t.expanded=!0);const e=t.getBoundingClientRect();e.top>=0&&e.bottom<=window.innerHeight||t.scrollIntoView({behavior:"smooth",block:"start"})}})})})({target:{checked:!b,configValue:t}})}}
|
||
>
|
||
<ha-icon icon="mdi:card-outline"></ha-icon>
|
||
<span>This card</span>
|
||
</button>
|
||
|
||
<button
|
||
class="bubble-badge toggle-badge ${h&&!m?"update-button":"link-button"} ${g||!c?"disabled":""}"
|
||
style="cursor: pointer; ${g||!c?"opacity: 0.7; cursor: default;":""}"
|
||
@click=${()=>{g||(async(t,n)=>{await Qo(e,t,n)&&(!0===n&&(e._config.modules=Array.isArray(e._config.modules)?e._config.modules.filter(e=>e!==`!${t}`):[]),(0,s.rC)(e,"config-changed",{config:e._config}),e.requestUpdate(),setTimeout(()=>e.requestUpdate(),100))})(t,!h)}}
|
||
?disabled=${g||!c}
|
||
>
|
||
<ha-icon icon="mdi:cards-outline"></ha-icon>
|
||
<span>${"All cards"}</span>
|
||
</button>
|
||
${g&&!f?zt.qy`
|
||
<button
|
||
class="bubble-badge toggle-badge"
|
||
style="padding: 4px;"
|
||
@click=${n=>{n.stopPropagation(),e._helpModuleId=e._helpModuleId===t?null:t,e.requestUpdate()}}
|
||
title="Show help"
|
||
>
|
||
<ha-icon icon="mdi:help"></ha-icon>
|
||
</button>
|
||
`:""}
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Module Action Buttons -->
|
||
<div class="module-actions">
|
||
${$?zt.qy`
|
||
<button
|
||
class="icon-button update-button"
|
||
style="margin: 0 24px;"
|
||
@click=${()=>{e._selectedModuleTab=1,e._storeSearchQuery=n,e.requestUpdate()}}
|
||
title="Update Module"
|
||
>
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
Update
|
||
</button>
|
||
`:""}
|
||
<button class="icon-button ${c?"":"disabled"}" @click=${()=>(0,Yo.dK)(e,t)} title="Edit Module">
|
||
<ha-icon icon="mdi:pencil"></ha-icon>
|
||
</button>
|
||
${Wo.dn&&(0,Wo.dn)(t)||"default"===t?"":zt.qy`
|
||
<button class="icon-button ${c?"":"disabled"}" @click=${()=>(0,Yo.s)(e,t)} title="Delete Module">
|
||
<ha-icon icon="mdi:delete"></ha-icon>
|
||
</button>
|
||
`}
|
||
</div>
|
||
</div>
|
||
<hr>
|
||
|
||
${e._helpModuleId===t?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Why "All cards" is disabled?
|
||
</h4>
|
||
<div class="content">
|
||
<p>Modules with custom editors cannot be applied globally. This feature is reserved for modules that only apply styles.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
|
||
${i.length>0?zt.qy`
|
||
<h4 class="${b?"":"disabled"}">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Configuration
|
||
</h4>
|
||
<ha-form
|
||
class="${b?"":"disabled"}"
|
||
.hass=${e.hass}
|
||
.data=${v}
|
||
.schema=${k}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
.disabled=${!b}
|
||
@value-changed=${n=>e._valueChangedInHaForm(n,t,i)}
|
||
></ha-form>
|
||
<hr>
|
||
`:""}
|
||
|
||
<div class="bubble-info" style="display: ${o?"":"none"}">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
About this module
|
||
</h4>
|
||
<div class="content">
|
||
${zt.qy`<span .innerHTML=${o}></span>`}
|
||
</div>
|
||
</div>
|
||
|
||
${l||u||p?zt.qy`
|
||
<h4 class="version module-version">
|
||
${l?`Created by ${l}`:""}
|
||
<span class="version-number">
|
||
${u?zt.qy`<a href="${u}" target="_blank" rel="noopener noreferrer">Module link</a> • `:""}
|
||
${p||""}
|
||
</span>
|
||
</h4>
|
||
`:""}
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`})}
|
||
|
||
${0===ti(e).length?zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
No modules found
|
||
</h4>
|
||
<div class="content">
|
||
<p>No modules match your search criteria. Try modifying your search or sort order.</p>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
`}
|
||
|
||
<hr>
|
||
${e._showNewModuleForm||e._showManualImportForm||e._editingModule||!c?"":zt.qy`
|
||
<div class="module-editor-buttons-container" style="display: flex;">
|
||
<button class="icon-button" style="flex: 1;" @click=${()=>{e._showNewModuleForm=!0,e._showManualImportForm=!1,e._generateUniqueModuleId&&(e._newModuleTemplate.id=e._generateUniqueModuleId("my_module")),e._editingModule={...e._newModuleTemplate},e._config.modules||(e._config.modules=e._config.style_templates||[]),e._config.modules.includes(e._editingModule.id)||(e._config.modules=[...e._config.modules,e._editingModule.id],(0,s.rC)(e,"config-changed",{config:e._config})),e.requestUpdate(),setTimeout(()=>(0,Vo.XY)(e),0)}}>
|
||
<ha-icon icon="mdi:puzzle-plus"></ha-icon>
|
||
Create new Module
|
||
</button>
|
||
|
||
<button class="icon-button" style="flex: 1;" @click=${()=>{e._showManualImportForm=!0,e._showNewModuleForm=!1,e._manualYamlContent="",e.requestUpdate(),setTimeout(()=>(0,Vo.XY)(e),0)}}>
|
||
<ha-icon icon="mdi:code-json"></ha-icon>
|
||
Import from YAML
|
||
</button>
|
||
</div>
|
||
`}
|
||
`}
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Modules
|
||
</h4>
|
||
<div class="content">
|
||
<p>Modules are really powerful and the best way to apply <a href="https://github.com/Clooos/Bubble-Card#styling" target="_blank" rel="noopener noreferrer">custom styles</a> and/or <a href="https://github.com/Clooos/Bubble-Card#templates" target="_blank" rel="noopener noreferrer">JS templates</a> to your cards, without having to copy/paste the same code over and over again.</p>
|
||
<p>This makes it easy to change things like the styles of all your cards, and for advanced users, to modify or add features with a real editor.</p>
|
||
<p><b>If coding isn't your thing</b>, you can also find and install modules made by the community in the <b>Module Store</b>.</p>
|
||
</div>
|
||
</div>
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`;return"sl-tab-group"===i?requestAnimationFrame(()=>{const t=e.shadowRoot?.getElementById(o);if(t&&"function"==typeof t.show){const n=void 0!==e._selectedModuleTab?e._selectedModuleTab.toString():"0";t.show(n)}}):"ha-tab-group"===i&&requestAnimationFrame(()=>{const t=e.shadowRoot?.getElementById(o);if(!t)return;const n=Xo[e._selectedModuleTab??0]??(e._selectedModuleTab??0).toString();"activePanel"in t&&(t.activePanel=n),t.setAttribute("active-panel",n)}),h}class oi extends zt.WF{_previewStyleApplied=!1;_entityCache={};_cachedAttributeList=null;_cachedAttributeListEntity=null;_expandedPanelStates={};_moduleErrorCache={};_moduleCodeEvaluating=null;_rowsAutoMode=void 0;_autoRowsComputeScheduled=!1;_previewCardRoot=null;_previewCardHost=null;_previewCardScore=-1/0;_cardContextListener=null;_lastMeasuredHeights=null;constructor(){super(),this._expandedPanelStates={},this._cardContextListener=e=>this._handleCardContext(e),window.addEventListener("bubble-card-context",this._cardContextListener)}connectedCallback(){super.connectedCallback?.();try{window.__bubbleCardEditorInstances=window.__bubbleCardEditorInstances||new Set,window.__bubbleCardEditorInstances.add(this)}catch(e){}}setConfig(e){const t=this._previewCardHost||this._previewCardRoot?.host||null,n=!!t?.isConnected;this._config={...e};const o=this.getRootNode()?.host;if("hui-card-element-editor"===o?.tagName?.toLowerCase()){const t="pop-up"===e?.card_type;Promise.resolve(o.updateComplete).then(()=>{try{t?this._injectHideTabsStyle(o.shadowRoot):o.shadowRoot?.querySelector("#bubble-card-hide-tabs")?.remove()}catch(e){}})}n?this._previewCardScore=-1/0:(this._firstRowsComputation=!1,this._lastMeasuredHeights=null,this._resetPreviewCardReference());const i=void 0!==this._config?.rows&&null!==this._config?.rows&&""!==this._config?.rows,a="string"==typeof this._config?.rows&&""!==this._config.rows.trim(),r=void 0!==this._config?.grid_options?.rows&&null!==this._config?.grid_options?.rows&&""!==this._config?.grid_options?.rows;this._rowsAutoMode=!0,(r||i&&a)&&(this._rowsAutoMode=!1)}_deepQuerySelector(e,t,n=6){try{if(!e||n<0)return null;const o=e.querySelector?.(t);if(o)return o;const i=e.querySelectorAll?.("*")||[];for(const e of i)if(e?.shadowRoot){const o=this._deepQuerySelector(e.shadowRoot,t,n-1);if(o)return o}return null}catch(e){return null}}_getEditorPreviewContainer(){try{const e=document.querySelector("body > home-assistant");return e?.shadowRoot?.querySelector("hui-dialog-edit-card")?.shadowRoot?.querySelector("ha-dialog > div.content > div.element-preview")||null}catch(e){return null}}_removeRowsOverrideAndRecalculate=()=>{try{const e={...this._config};if(e.grid_options){const{rows:t,...n}=e.grid_options;Object.keys(n).length>0?e.grid_options=n:delete e.grid_options}delete e.rows,this._rowsAutoMode=!0,this._config=e,(0,s.rC)(this,"config-changed",{config:e}),requestAnimationFrame(()=>{try{this._firstRowsComputation=!0,this._lastMeasuredHeights=null,this._setupAutoRowsObserver();const e=this._getBubbleCardFromPreview();e?this._computeAndApplyRows(e):this._waitForPreviewAndRecompute()}catch(e){}})}catch(e){console.error("Bubble Card Editor: failed to remove rows override",e)}};_waitForPreviewAndRecompute(e=0){try{const e=this._getBubbleCardFromPreview();if(e){this._setupAutoRowsObserver();const t=this._computeAndApplyRows(e);if(t?.applied)return}}catch(e){}e+1>=40||setTimeout(()=>this._waitForPreviewAndRecompute(e+1),50)}_scheduleAutoRowsCompute(){this._autoRowsComputeScheduled||(this._autoRowsComputeScheduled=!0,requestAnimationFrame(()=>{this._autoRowsComputeScheduled=!1;try{if(void 0!==this._config?.grid_options?.rows&&null!==this._config?.grid_options?.rows&&""!==this._config?.grid_options?.rows||!1===this._rowsAutoMode)return;this._setupAutoRowsObserver();const e=this._getBubbleCardFromPreview();e&&this._computeAndApplyRows(e)}catch(e){}}))}static get properties(){return{hass:{},_config:{}}}get _card_type(){return this._config?.card_type||""}get _button_type(){return this._config?.button_type||("pop-up"===this._config?.card_type?"":"switch")}get _entity(){return this._config?.entity||""}get _selectable_attributes(){return["source_list","sound_mode_list","hvac_modes","fan_modes","swing_modes","swing_horizontal_modes","preset_modes","effect_list"]}updated(e){super.updated(e),e.has("hass")&&(this.listsUpdated=!1,this._entityCache={},this._cachedAttributeList=null,this._cachedAttributeListEntity=null),this._setupAutoRowsObserver()}async firstUpdated(e){if(super.firstUpdated(e),this.hass&&this.hass.loadFragmentTranslation)try{await this.hass.loadFragmentTranslation("config")}catch(e){console.error("Bubble Card Editor: Failed to load 'config' fragment translation",e)}}disconnectedCallback(){super.disconnectedCallback?.();try{window.__bubbleCardEditorInstances?.delete(this)}catch(e){}try{this._errorListener&&(window.removeEventListener("bubble-card-error",this._errorListener),this._errorListener=null)}catch(e){}try{this._moduleChangeHandler&&(window.removeEventListener("bubble-card-modules-changed",this._moduleChangeHandler),window.removeEventListener("bubble-card-module-updated",this._moduleChangeHandler),document.removeEventListener("yaml-modules-updated",this._moduleChangeHandler),this._moduleChangeHandler=null,this._moduleChangeListenerAdded=!1)}catch(e){}try{this._storeAutoRefreshTimer&&(clearInterval(this._storeAutoRefreshTimer),this._storeAutoRefreshTimer=null)}catch(e){}try{this._progressInterval&&(clearInterval(this._progressInterval),this._progressInterval=null)}catch(e){}try{this._editorSchemaDebounce&&(clearTimeout(this._editorSchemaDebounce),this._editorSchemaDebounce=null)}catch(e){}try{this._cardContextListener&&(window.removeEventListener("bubble-card-context",this._cardContextListener),this._cardContextListener=null)}catch(e){}oi._resizeObserver&&this._observedElements&&(this._observedElements.forEach(e=>{oi._resizeObserver.unobserve(e),oi._editorInstanceMap.delete(e)}),this._observedElements=[])}render(){if(!this.hass)return zt.qy``;const e=fo(this.hass);if(!this._previewStyleApplied){const e=document.querySelector("body > home-assistant"),t=e?.shadowRoot?.querySelector("hui-dialog-edit-card")?.shadowRoot?.querySelector("ha-dialog > div.content > div.element-preview");t?.style&&"sticky"!==t.style.position&&(t.style.position="sticky",t.style.top="0",t.style.height="calc(100vh - 224px)",t.style.overflowY="auto",this._previewStyleApplied=!0)}this.listsUpdated||(this._initializeLists(e),this.listsUpdated=!0);const t=this.cardTypeList;switch(this.buttonTypeList,this._config?.card_type){case"pop-up":return co(this);case"button":return Wn(this);case"sub-buttons":return function(e){const t="pop-up"===e._config.card_type;return zt.qy`
|
||
<div class="card-config">
|
||
${t?"":e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Card settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-formfield>
|
||
<ha-switch
|
||
label="Hide main background"
|
||
.checked="${e._config?.hide_main_background||!1}"
|
||
.configValue="${"hide_main_background"}"
|
||
@change="${e._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Hide main background</label>
|
||
</div>
|
||
</ha-formfield>
|
||
|
||
<ha-formfield>
|
||
<ha-switch
|
||
label="Footer mode (Fixed position at bottom)"
|
||
.checked="${e._config?.footer_mode||!1}"
|
||
.configValue="${"footer_mode"}"
|
||
@change="${e._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Footer mode (Fixed position at bottom)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
|
||
${e._config?.footer_mode?zt.qy`
|
||
<div style="margin-top: 16px; padding-left: 16px; border-left: 2px solid var(--divider-color);">
|
||
<ha-formfield>
|
||
<ha-switch
|
||
label="Full width footer"
|
||
.checked="${e._config?.footer_full_width||!1}"
|
||
.configValue="${"footer_full_width"}"
|
||
@change="${e._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Full width footer (100% width)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
|
||
${e._config?.footer_full_width?"":zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{footer_width:e._config?.footer_width||500}}
|
||
.schema=${[{name:"footer_width",selector:{text:{type:"number"}},options:{min:200,max:1200,step:10}}]}
|
||
.computeLabel=${()=>"Custom footer width (px)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"footer_width"},detail:{value:t.detail.value.footer_width}})}}
|
||
></ha-form>
|
||
<div style="font-size: 0.8em; color: var(--secondary-text-color); margin-top: 4px;">
|
||
Footer will be centered on the page
|
||
</div>
|
||
`}
|
||
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{footer_bottom_offset:e._config?.footer_bottom_offset||16}}
|
||
.schema=${[{name:"footer_bottom_offset",selector:{text:{type:"number"}},options:{min:0,max:100,step:1}}]}
|
||
.computeLabel=${()=>"Footer bottom distance (px)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"footer_bottom_offset"},detail:{value:t.detail.value.footer_bottom_offset}})}}
|
||
></ha-form>
|
||
<div style="font-size: 0.8em; color: var(--secondary-text-color); margin-top: 4px;">
|
||
Distance from the bottom of the page (default: 16px)
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
${e.makeSubButtonPanel()}
|
||
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
${t?"":e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
|
||
${e.makeModulesEditor()}
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Sub-buttons card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card can only contain sub-buttons, perfect for displaying information, creating menus, and even a fixed footer menu at the bottom of the page.</p>
|
||
</div>
|
||
</div>
|
||
|
||
${t?"":e.makeVersion()}
|
||
</div>
|
||
`}(this);case"separator":return n=this,zt.qy`
|
||
<div class="card-config">
|
||
${n.makeDropdown("Card type","card_type",n.cardTypeList)}
|
||
<ha-form
|
||
.hass=${n.hass}
|
||
.data=${{name:n._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Name"}
|
||
@value-changed=${e=>{n._valueChanged({target:{configValue:"name"},detail:{value:e.detail.value.name}})}}
|
||
></ha-form>
|
||
${n.makeDropdown("Icon","icon")}
|
||
${n.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${n.makeLayoutPanel()}
|
||
${n.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${n.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Separator card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card is a simple separator for dividing your pop-up/dashboard into categories or sections. e.g. Lights, Devices, Covers, Settings, Automations...</p>
|
||
</div>
|
||
</div>
|
||
${n.makeVersion()}
|
||
</div>
|
||
`;case"horizontal-buttons-stack":return function(e){if(!e.buttonAdded)for(e.buttonAdded=!0,e.buttonIndex=0;e._config[e.buttonIndex+1+"_link"];)e.buttonIndex++;return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<div id="buttons-container">
|
||
${function(e){let t=[];for(let n=1;n<=e.buttonIndex;n++)t.push(zt.qy`
|
||
<div class="${n}_button">
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:border-radius"></ha-icon>
|
||
Button ${n} ${e._config[n+"_name"]?"- "+e._config[n+"_name"]:""}
|
||
<div class="button-container">
|
||
<button class="icon-button header" @click="${()=>uo(e,n)}">
|
||
<ha-icon icon="mdi:delete"></ha-icon>
|
||
</button>
|
||
</div>
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{[n+"_link"]:e._config[n+"_link"]||""}}
|
||
.schema=${[{name:n+"_link",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Link / Hash to pop-up (e.g. #kitchen)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:n+"_link"},detail:{value:t.detail.value[n+"_link"]}})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{[n+"_name"]:e._config[n+"_name"]||""}}
|
||
.schema=${[{name:n+"_name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:n+"_name"},detail:{value:t.detail.value[n+"_name"]}})}}
|
||
></ha-form>
|
||
<ha-icon-picker
|
||
label="Optional - Icon"
|
||
.value="${e._config[n+"_icon"]||""}"
|
||
.configValue="${n}_icon"
|
||
item-label-path="label"
|
||
item-value-path="value"
|
||
@value-changed="${e._valueChanged}"
|
||
></ha-icon-picker>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:n+"_entity",label:"Optional - Light / Light group (For background color)",selector:{entity:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:n+"_pir_sensor",label:"Optional - Presence / Occupancy sensor (For button auto order)",selector:{entity:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-alert alert-type="info">In fact you can also get the auto order with any entity type, for example you can add light groups to these fields and the order will change based on the last changed states.</ha-alert>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
</div>
|
||
`);return t}(e)}
|
||
</div>
|
||
<button class="icon-button" @click="${function(){e.buttonIndex++,e.requestUpdate()}}">
|
||
<ha-icon icon="mdi:plus"></ha-icon>
|
||
New button
|
||
</button>
|
||
<hr>
|
||
<ha-formfield .label="Auto order">
|
||
<ha-switch
|
||
aria-label="Toggle auto order"
|
||
.checked=${e._config?.auto_order||!1}
|
||
.configValue="${"auto_order"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Auto order (Presence/occupancy sensors needed)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Horizontal buttons stack styling
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{margin:e._config?.margin||"7px"}}
|
||
.schema=${[{name:"margin",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Margin (fix centering on some themes) (e.g. 13px)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"margin"},detail:{value:t.detail.value.margin}})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{width_desktop:e._config?.width_desktop||"540px"}}
|
||
.schema=${[{name:"width_desktop",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Width on desktop (100% by default on mobile)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"width_desktop"},detail:{value:t.detail.value.width_desktop}})}}
|
||
></ha-form>
|
||
<ha-formfield .label="Optional - Rise animation (Displays an animation once the page has loaded)">
|
||
<ha-switch
|
||
aria-label="Optional - Rise animation (Displays an animation once the page has loaded)"
|
||
.checked=${void 0===e._config?.rise_animation||e._config?.rise_animation}
|
||
.configValue="${"rise_animation"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Rise animation (Displays an animation once the page has loaded)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Highlight current hash / view">
|
||
<ha-switch
|
||
aria-label="Optional - Highlight current hash / view"
|
||
.checked=${e._config?.highlight_current_view||!1}
|
||
.configValue="${"highlight_current_view"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Highlight current hash / view</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Hide gradient">
|
||
<ha-switch
|
||
aria-label="Optional - Hide gradient"
|
||
.checked=${e._config.hide_gradient||!1}
|
||
.configValue="${"hide_gradient"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide gradient</label>
|
||
</div>
|
||
</ha-formfield>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Horizontal buttons stack card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card is a good companion to the pop-up card, allowing you to open pop-ups or any page of your dashboard. In addition, you can add your motion sensors so that the order of the buttons adapts according to the room you just entered. This card is scrollable, remains visible and acts as a footer.</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"cover":return function(e){let t=e._config.button_action||"";return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:"Entity",selector:{entity:{domain:["cover"]}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Card settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"name"},detail:{value:t.detail.value.name}})}}
|
||
></ha-form>
|
||
${e.makeDropdown("Optional - Open icon","icon_open")}
|
||
${e.makeDropdown("Optional - Closed icon","icon_close")}
|
||
${e.makeShowState()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:window-shutter-cog"></ha-icon>
|
||
Custom services
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{open_service:e._config?.open_service||"cover.open_cover"}}
|
||
.schema=${[{name:"open_service",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Open service (cover.open_cover by default)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"open_service"},detail:{value:t.detail.value.open_service}})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{stop_service:e._config?.stop_service||"cover.stop_cover"}}
|
||
.schema=${[{name:"stop_service",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Stop service (cover.stop_cover by default)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"stop_service"},detail:{value:t.detail.value.stop_service}})}}
|
||
></ha-form>
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{close_service:e._config?.close_service||"cover.close_cover"}}
|
||
.schema=${[{name:"close_service",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Close service (cover.close_cover by default)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"close_service"},detail:{value:t.detail.value.close_service}})}}
|
||
></ha-form>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on icon
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on card
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Double tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Hold action",t,"none","button_action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Cover styling
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeDropdown("Optional - Arrow down icon","icon_down")}
|
||
${e.makeDropdown("Optional - Arrow up icon","icon_up")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Cover card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card allows you to control your covers.</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"media-player":return function(e){let t=e._config.button_action||"";return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:"Entity",selector:{entity:{domain:["media_player"]}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Card settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"name"},detail:{value:t.detail.value.name}})}}
|
||
></ha-form>
|
||
${e.makeDropdown("Optional - Icon","icon")}
|
||
${e.makeShowState()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:tune-variant"></ha-icon>
|
||
Media player settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{type:"grid",flatten:!0,schema:[{name:"min_volume",label:"Min volume",selector:{number:{step:"any"}}},{name:"max_volume",label:"Max volume",selector:{number:{step:"any"}}}]}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-formfield .label="Optional - Hide play/pause button">
|
||
<ha-switch
|
||
aria-label="Optional - Hide play/pause button"
|
||
.checked=${e._config.hide?.play_pause_button||!1}
|
||
.configValue="${"hide.play_pause_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide play/pause button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Hide volume button">
|
||
<ha-switch
|
||
aria-label="Optional - Hide volume button"
|
||
.checked=${e._config.hide?.volume_button||!1}
|
||
.configValue="${"hide.volume_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide volume button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Hide next button">
|
||
<ha-switch
|
||
aria-label="Optional - Hide next button"
|
||
.checked=${e._config.hide?.next_button||!1}
|
||
.configValue="${"hide.next_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide next button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Hide previous button">
|
||
<ha-switch
|
||
aria-label="Optional - Hide previous button"
|
||
.checked=${e._config.hide?.previous_button||!1}
|
||
.configValue="${"hide.previous_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide previous button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Hide power button">
|
||
<ha-switch
|
||
aria-label="Optional - Hide power button"
|
||
.checked=${e._config.hide?.power_button}
|
||
.configValue="${"hide.power_button"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide power button</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Buttons default behavior
|
||
</h4>
|
||
<div class="content">
|
||
<p>Outside of the editor, buttons other than the power button only appear if the media player is turned on.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on icon
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on card
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Double tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Hold action",t,"none","button_action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Media player styling
|
||
</h4>
|
||
<div class="content">
|
||
<ha-formfield .label="Optional - Blurred media cover in background">
|
||
<ha-switch
|
||
aria-label="Optional - Blurred media cover in background"
|
||
.checked=${e._config.cover_background??!1}
|
||
.configValue="${"cover_background"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Blurred media cover in background</label>
|
||
</div>
|
||
</ha-formfield>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Media player card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card allows you to control a media player entity.</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"empty-column":return function(e){return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Empty column card
|
||
</h4>
|
||
<div class="content">
|
||
<p>Just an empty card to fill any empty column.</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"select":return function(e){const t=e._config.entity,n=t?.startsWith("input_select")||t?.startsWith("select")||e._config.select_attribute,o=e.hass.states[t]?.attributes,i=e._selectable_attributes.some(e=>o?.[e]),a=Object.keys(e.hass.states[t]?.attributes||{}).map(n=>{let o=e.hass.states[t];return{label:e.hass.formatEntityAttributeName(o,n),value:n}}).filter(t=>e._selectable_attributes.includes(t.value));let r=e._config.button_action||"";return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-form
|
||
.hass=${e.inputSelectList}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:"Entity",selector:{entity:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
${i?zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{select_attribute:e._config.select_attribute}}
|
||
.schema=${[{name:"select_attribute",selector:{select:{options:a,mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Select menu (from attributes)"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"select_attribute"},detail:{value:t.detail.value.select_attribute}})}}
|
||
></ha-form>
|
||
`:""}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Card settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"name"},detail:{value:t.detail.value.name}})}}
|
||
></ha-form>
|
||
${e.makeDropdown("Optional - Icon","icon")}
|
||
${e.makeShowState()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on icon
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on button
|
||
</h4>
|
||
<div class="content">
|
||
<div style="${n?"opacity: 0.5; pointer-events: none;":""}">
|
||
${e.makeActionPanel("Tap action",r,"none","button_action")}
|
||
</div>
|
||
${e.makeActionPanel("Double tap action",r,"none","button_action")}
|
||
${e.makeActionPanel("Hold action",r,"none","button_action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Select card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card allows you to have a select menu for your entities with selectable options:</p>
|
||
<ul class="icon-list">
|
||
<li><ha-icon icon="mdi:format-list-bulleted"></ha-icon>Input Select entities</li>
|
||
<li><ha-icon icon="mdi:form-dropdown"></ha-icon>Select entities</li>
|
||
<li><ha-icon icon="mdi:playlist-music"></ha-icon>Media players with <b>source list</b></li>
|
||
<li><ha-icon icon="mdi:speaker"></ha-icon>Media players with <b>sound mode list</b></li>
|
||
<li><ha-icon icon="mdi:thermostat"></ha-icon>Climate entities with <b>hvac modes</b></li>
|
||
<li><ha-icon icon="mdi:fan"></ha-icon>Climate/Fan entities with <b>fan modes</b></li>
|
||
<li><ha-icon icon="mdi:air-conditioner"></ha-icon>Climate entities with <b>swing modes</b></li>
|
||
<li><ha-icon icon="mdi:thermostat-auto"></ha-icon>Climate entities with <b>preset modes</b></li>
|
||
<li><ha-icon icon="mdi:lightbulb-group"></ha-icon>Light entities with <b>effect list</b></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"climate":return function(e){let t=e._config.button_action||"";if("climate"===e._config.card_type&&!e.climateSubButtonsAdded&&e._config.entity){const t=e.hass.states[e._config.entity]?.attributes?.hvac_modes;if(t){const t=(0,po.mg)(e._config);if(!(Array.isArray(t.main)&&t.main.length>0)){const n={name:"HVAC modes menu",select_attribute:"hvac_modes",state_background:!1,show_arrow:!1};t.main.push(n),e._config.sub_button=t,e._firstRowsComputation=!0}}e.climateSubButtonsAdded=!0}return zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entity",label:"Entity",selector:{entity:{domain:["climate"]}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
Card settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{name:e._config?.name||""}}
|
||
.schema=${[{name:"name",selector:{text:{}}}]}
|
||
.computeLabel=${()=>"Optional - Name"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"name"},detail:{value:t.detail.value.name}})}}
|
||
></ha-form>
|
||
${e.makeDropdown("Optional - Icon","icon")}
|
||
${e.makeShowState()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:tune-variant"></ha-icon>
|
||
Climate settings
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{type:"grid",flatten:!0,schema:[{name:"min_temp",label:"Min temperature",selector:{number:{step:"any"}}},{name:"max_temp",label:"Max temperature",selector:{number:{step:"any"}}},{name:"step",label:"Step",selector:{number:{step:"any"}}}]}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
.disabled="${"name"===e._config.button_type}"
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
${e.hass.states[e._config.entity]?.attributes?.target_temp_low?zt.qy`
|
||
<ha-formfield .label="Optional - Hide target temp low">
|
||
<ha-switch
|
||
aria-label="Optional - Hide target temp low"
|
||
.checked=${e._config.hide_target_temp_low}
|
||
.configValue="${"hide_target_temp_low"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide target temp low</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`:""}
|
||
${e.hass.states[e._config.entity]?.attributes?.target_temp_high?zt.qy`
|
||
<ha-formfield .label="Optional - Hide target temp high">
|
||
<ha-switch
|
||
aria-label="Optional - Hide target temp high"
|
||
.checked=${e._config.hide_target_temp_high}
|
||
.configValue="${"hide_target_temp_high"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide target temp high</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`:""}
|
||
<ha-formfield .label="Optional - Hide temperature control">
|
||
<ha-switch
|
||
aria-label="Optional - Hide temperature control"
|
||
.checked=${e._config.hide_temperature}
|
||
.configValue="${"hide_temperature"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Hide temperature control</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Optional - Constant background color when ON">
|
||
<ha-switch
|
||
aria-label="Optional - Constant background color when ON"
|
||
.checked=${!0===e._config.state_color}
|
||
.configValue="${"state_color"}"
|
||
@change=${e._valueChanged}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Optional - Constant background color when ON</label>
|
||
</div>
|
||
</ha-formfield>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on icon
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on card
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Double tap action",t,"none","button_action")}
|
||
${e.makeActionPanel("Hold action",t,"none","button_action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling and layout options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutPanel()}
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Climate card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card allows you to control your climate entities. You can also add a sub-button that display a dropdown menu for your climate modes (check if you have "Select menu" available when you create a new sub-button).</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case"calendar":return function(e){const t=fo(e.hass);return e._config.event_action||(e._config.event_action={tap_action:{action:"more-info"},double_tap_action:{action:"none"},hold_action:{action:"none"}}),zt.qy`
|
||
<div class="card-config">
|
||
${e.makeDropdown("Card type","card_type",e.cardTypeList)}
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"entities",title:t("editor.calendar.entities"),selector:{calendar_entity:{}}}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:cog"></ha-icon>
|
||
${t("editor.calendar.settings")}
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${e._config}
|
||
.schema=${[{name:"days",label:t("editor.calendar.days"),title:t("editor.calendar.days"),selector:{number:{step:1,min:1,max:7}}},{name:"limit",label:t("editor.calendar.limit"),title:t("editor.calendar.limit"),selector:{number:{step:1,min:1}}},{name:"show_end",label:t("editor.calendar.show_end"),title:t("editor.calendar.show_end"),selector:{boolean:{}}},{name:"show_progress",label:t("editor.calendar.show_progress"),title:t("editor.calendar.show_progress"),selector:{boolean:{}}},{name:"show_started_events",label:t("editor.calendar.show_started_events"),title:t("editor.calendar.show_started_events"),selector:{boolean:{}},default:!0},{name:"show_place",label:t("editor.calendar.show_place"),title:t("editor.calendar.show_place"),selector:{boolean:{}}},{name:"scrolling_effect",label:t("editor.calendar.text_scrolling"),title:t("editor.calendar.text_scrolling"),selector:{boolean:{}},default:!0}]}
|
||
.computeLabel=${e._computeLabelCallback}
|
||
@value-changed=${e._valueChanged}
|
||
></ha-form>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap"></ha-icon>
|
||
Tap action on day
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action",e._config,"none")}
|
||
${e.makeActionPanel("Double tap action")}
|
||
${e.makeActionPanel("Hold action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:gesture-tap-button"></ha-icon>
|
||
Tap action on event
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeActionPanel("Tap action",e._config.event_action,"none","event_action")}
|
||
${e.makeActionPanel("Double tap action",e._config.event_action,"none","event_action")}
|
||
${e.makeActionPanel("Hold action",e._config.event_action,"none","event_action")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeSubButtonPanel()}
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:palette"></ha-icon>
|
||
Styling options
|
||
</h4>
|
||
<div class="content">
|
||
${e.makeLayoutOptions()}
|
||
${e.makeStyleEditor()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
${e.makeModulesEditor()}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Calendar card
|
||
</h4>
|
||
<div class="content">
|
||
<p>This card allows you to display a calendar and is scrollable, so you can view additional events.</p>
|
||
</div>
|
||
</div>
|
||
${e.makeVersion()}
|
||
</div>
|
||
`}(this);case void 0:return zt.qy`
|
||
<div class="card-config">
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
You need to add a card type first
|
||
</h4>
|
||
</div>
|
||
${this.makeDropdown("Card type","card_type",t)}
|
||
<img style="width: 100%; height: auto; border-radius: 24px;" src="https://raw.githubusercontent.com/Clooos/Bubble-Card/main/.github/bubble-card.gif">
|
||
|
||
<div class="bubble-info-container">
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:tag-text"></ha-icon>
|
||
Bubble Card ${o}
|
||
</h4>
|
||
<div class="content">
|
||
<p>If you want to know what's new in this version, you can check the changelog <a href="https://github.com/Clooos/Bubble-Card/releases/tag/${o}" target="_blank" rel="noopener noreferrer"><b>here</b></a>.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:help-circle-outline"></ha-icon>
|
||
Resources & Help
|
||
</h4>
|
||
<div class="content">
|
||
<p>If you have an issue or a question you can find more details in the GitHub documentation. You can also find useful resources and help in these links.</p>
|
||
<div class="bubble-badges">
|
||
<a href="https://github.com/Clooos/Bubble-Card" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:github"></ha-icon>
|
||
<span>Documentation</span>
|
||
</a>
|
||
<a href="https://github.com/Clooos/Bubble-Card/issues" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:bug"></ha-icon>
|
||
<span>Issues</span>
|
||
</a>
|
||
<a href="https://github.com/Clooos/Bubble-Card/discussions/categories/questions-about-config-custom-styles-and-templates" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:help"></ha-icon>
|
||
<span>Config Help</span>
|
||
</a>
|
||
<a href="https://github.com/Clooos/Bubble-Card/discussions/categories/share-your-custom-styles-templates-and-dashboards" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:wrench"></ha-icon>
|
||
<span>Shared Examples</span>
|
||
</a>
|
||
<a href="https://www.youtube.com/@cloooos" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:youtube"></ha-icon>
|
||
<span>YouTube</span>
|
||
</a>
|
||
<a href="https://www.reddit.com/r/BubbleCard/" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:reddit"></ha-icon>
|
||
<span>r/BubbleCard</span>
|
||
</a>
|
||
<a href="https://community.home-assistant.io/t/bubble-card-a-minimalist-card-collection-for-home-assistant-with-a-nice-pop-up-touch/609678" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<ha-icon icon="mdi:home-assistant"></ha-icon>
|
||
<span>HA Forum</span>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:heart-outline"></ha-icon>
|
||
Support the Project
|
||
</h4>
|
||
<div class="content">
|
||
<p>Hi I'm Clooos the Bubble Card developer. I dedicate most of my spare time to making this project the best it can be. So if you appreciate my work, any donation would be a great way to show your support.</p>
|
||
<p>Also, check out my Patreon for exclusive custom styles, templates, and modules. Subscribing is probably the best way to support me and keep this project going.</p>
|
||
<div class="bubble-badges">
|
||
<a href="https://www.buymeacoffee.com/clooos" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<div class="bmc-icon">
|
||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M20.216 6.415l-.132-.666c-.119-.598-.388-1.163-1.001-1.379-.197-.069-.42-.098-.57-.241-.152-.143-.196-.366-.231-.572-.065-.378-.125-.756-.192-1.133-.057-.325-.102-.69-.25-.987-.195-.4-.597-.634-.996-.788a5.723 5.723 0 00-.626-.194c-1-.263-2.05-.36-3.077-.416a25.834 25.834 0 00-3.7.062c-.915.083-1.88.184-2.75.5-.318.116-.646.256-.888.501-.297.302-.393.77-.177 1.146.154.267.415.456.692.58.36.162.737.284 1.123.366 1.075.238 2.189.331 3.287.37 1.218.05 2.437.01 3.65-.118.299-.033.598-.073.896-.119.352-.054.578-.513.474-.834-.124-.383-.457-.531-.834-.473-.466.074-.96.108-1.382.146-1.177.08-2.358.082-3.536.006a22.228 22.228 0 01-1.157-.107c-.086-.01-.18-.025-.258-.036-.243-.036-.484-.08-.724-.13-.111-.027-.111-.185 0-.212h.005c.277-.06.557-.108.838-.147h.002c.131-.009.263-.032.394-.048a25.076 25.076 0 013.426-.12c.674.019 1.347.067 2.017.144l.228.031c.267.04.533.088.798.145.392.085.895.113 1.07.542.055.137.08.288.111.431l.319 1.484a.237.237 0 01-.199.284h-.003c-.037.006-.075.01-.112.015a36.704 36.704 0 01-4.743.295 37.059 37.059 0 01-4.699-.304c-.14-.017-.293-.042-.417-.06-.326-.048-.649-.108-.973-.161-.393-.065-.768-.032-1.123.161-.29.16-.527.404-.675.701-.154.316-.199.66-.267 1-.069.34-.176.707-.135 1.056.087.753.613 1.365 1.37 1.502a39.69 39.69 0 0011.343.376.483.483 0 01.535.53l-.071.697-1.018 9.907c-.041.41-.047.832-.125 1.237-.122.637-.553 1.028-1.182 1.171-.577.131-1.165.2-1.756.205-.656.004-1.31-.025-1.966-.022-.699.004-1.556-.06-2.095-.58-.475-.458-.54-1.174-.605-1.793l-.731-7.013-.322-3.094c-.037-.351-.286-.695-.678-.678-.336.015-.718.3-.678.679l.228 2.185.949 9.112c.147 1.344 1.174 2.068 2.446 2.272.742.12 1.503.144 2.257.156.966.016 1.942.053 2.892-.122 1.408-.258 2.465-1.198 2.616-2.657.34-3.332.683-6.663 1.024-9.995l.215-2.087a.484.484 0 01.39-.426c.402-.078.787-.212 1.074-.518.455-.488.546-1.124.385-1.766zm-1.478.772c-.145.137-.363.201-.578.233-2.416.359-4.866.54-7.308.46-1.748-.06-3.477-.254-5.207-.498-.17-.024-.353-.055-.47-.18-.22-.236-.111-.71-.054-.995.052-.26.152-.609.463-.646.484-.057 1.046.148 1.526.22.577.088 1.156.159 1.737.212 2.48.226 5.002.19 7.472-.14.45-.06.899-.13 1.345-.21.399-.072.84-.206 1.08.206.166.281.188.657.162.974a.544.544 0 01-.169.364zm-6.159 3.9c-.862.37-1.84.788-3.109.788a5.884 5.884 0 01-1.569-.217l.877 9.004c.065.78.717 1.38 1.5 1.38 0 0 1.243.065 1.658.065.447 0 1.786-.065 1.786-.065.783 0 1.434-.6 1.499-1.38l.94-9.95a3.996 3.996 0 00-1.322-.238c-.826 0-1.491.284-2.26.613z"/>
|
||
</svg>
|
||
</div>
|
||
<span>Buy me a beer</span>
|
||
</a>
|
||
<a href="https://www.paypal.com/donate/?business=MRVBV9PLT9ZPL&no_recurring=0&item_name=Hi%2C+I%27m+Clooos+the+creator+of+Bubble+Card.+Thank+you+for+supporting+me+and+my+passion.+You+are+awesome%21+%F0%9F%8D%BB¤cy_code=EUR" target="_blank" rel="noopener noreferrer" class="bubble-badge support-badge">
|
||
<div class="paypal-icon">
|
||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M7.016 19.198h-4.2a.562.562 0 0 1-.555-.65L5.093.584A.692.692 0 0 1 5.776 0h7.222c3.417 0 5.904 2.488 5.846 5.5-.006.25-.027.5-.066.747A6.794 6.794 0 0 1 12.071 12H8.743a.69.69 0 0 0-.682.583l-.325 2.056-.013.083-.692 4.39-.015.087zM19.79 6.142c-.01.087-.01.175-.023.261a7.76 7.76 0 0 1-7.695 6.598H9.007l-.283 1.795-.013.083-.692 4.39-.134.843-.014.088H6.86l-.497 3.15a.562.562 0 0 0 .555.65h3.612c.34 0 .63-.249.683-.585l.952-6.031a.692.692 0 0 1 .683-.584h2.126a6.793 6.793 0 0 0 6.707-5.752c.306-1.95-.466-3.744-1.89-4.906z"/>
|
||
</svg>
|
||
</div>
|
||
<span>PayPal</span>
|
||
</a>
|
||
<a href="https://www.patreon.com/Clooos" target="_blank" rel="noopener noreferrer" class="bubble-badge">
|
||
<div class="patreon-icon">
|
||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M22.957 7.21c-.004-3.064-2.391-5.576-5.191-6.482-3.478-1.125-8.064-.962-11.384.604C2.357 3.231 1.093 7.391 1.046 11.54c-.039 3.411.302 12.396 5.369 12.46 3.765.047 4.326-4.804 6.068-7.141 1.24-1.662 2.836-2.132 4.801-2.618 3.376-.836 5.678-3.501 5.673-7.031Z"/>
|
||
</svg>
|
||
</div>
|
||
<span>Patreon</span>
|
||
</a>
|
||
</div>
|
||
<div class="creator-message">
|
||
<a href="https://www.reddit.com/user/Clooooos/" target="_blank" rel="noopener noreferrer">
|
||
<img src="https://avatars.githubusercontent.com/u/36499953" alt="Clooos" class="creator-avatar">
|
||
</a>
|
||
<p class="bubble-thank-you">Thank you for being part of this awesome community! Cheers from Belgium! 🍻</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
${this.makeVersion()}
|
||
</div>
|
||
</div>
|
||
`}var n}makeLayoutOptions(){const e=window.isSectionView?"large":"normal",t="separator"===this._config.card_type?"0.8":"1",n="pop-up"!==this._config.card_type&&(this._config.card_layout?.includes("large")||window.isSectionView&&!this._config.card_layout);return zt.qy`
|
||
${this._renderConditionalContent(this._config.grid_options?.rows,zt.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Rows are already set in the "Layout" options
|
||
</h4>
|
||
<div class="content">
|
||
<p>If you want to change the rows, you can do it in the "Layout" options at the top of this editor. Or remove it from your config in YAML to enable this option.</p>
|
||
</div>
|
||
</div>
|
||
`)}
|
||
${this._renderConditionalContent(n,zt.qy`
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${{rows:this._config.rows??this._config.grid_options?.rows??t??""}}
|
||
.schema=${[{name:"rows",selector:{text:{type:"number"}},options:{min:0,step:.1}}]}
|
||
.disabled=${this._config.grid_options?.rows}
|
||
.computeLabel=${()=>"Rows (Card height)"}
|
||
@value-changed=${e=>{const t=e.detail.value.rows;this._valueChanged({target:{configValue:"rows"},detail:{value:t}})}}
|
||
></ha-form>
|
||
<br>
|
||
`)}
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Card layout deprecation
|
||
</h4>
|
||
<div class="content">
|
||
<p><b>The card layout options are deprecated, but still available for backwards compatibility.</b> Please use the new sub-button groups and layout options instead for better flexibility.</p>
|
||
</div>
|
||
</div>
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${{card_layout:this._config.card_layout||e}}
|
||
.schema=${[{name:"card_layout",selector:{select:{options:[{label:"Normal (previous default)",value:"normal"},{label:"Large",value:"large"},{label:"Large with 2 sub-buttons rows",value:"large-2-rows"},{label:"Large with sub-buttons in a grid (Layout: min. 2 rows)",value:"large-sub-buttons-grid"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"pop-up"===this._config.card_type?"Header card layout":"Card layout"}
|
||
@value-changed=${e=>{this._valueChanged({target:{configValue:"card_layout"},detail:{value:e.detail.value.card_layout}})}}
|
||
></ha-form>
|
||
`}makeLayoutPanel(){return zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:view-grid"></ha-icon>
|
||
Layout
|
||
</h4>
|
||
<div class="content">
|
||
${this.makeLayoutOptions()}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}makeShowState(e=this._config,t="",n=!1,o){const i=e?.entity??this._config.entity??"",a="name"===this._config.button_type,r=!i,s=i?.startsWith("input_select")||i?.startsWith("select")||e.select_attribute,l="sub_button"===n||"string"==typeof n&&n.startsWith("sub_button"),c=l&&("select"===e?.sub_button_type||!e?.sub_button_type&&s),d=e?.show_attribute?Object.keys(this.hass.states[i]?.attributes||{}).map(e=>{let t=this.hass.states[i];return{label:this.hass.formatEntityAttributeName(t,e),value:e}}):[];return zt.qy`
|
||
|
||
<ha-formfield .label="Text scrolling effect">
|
||
<ha-switch
|
||
aria-label="Text scrolling effect"
|
||
.checked=${e?.scrolling_effect??!0}
|
||
.configValue="${t+"scrolling_effect"}"
|
||
@change="${n?e=>this._arrayValueChange(o,{scrolling_effect:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Text scrolling effect</label>
|
||
</div>
|
||
</ha-formfield>
|
||
${this._renderConditionalContent(l,zt.qy`
|
||
<ha-formfield .label="Show background">
|
||
<ha-switch
|
||
aria-label="Show background when entity is on"
|
||
.checked=${e?.show_background??!0}
|
||
@change="${e=>this._arrayValueChange(o,{show_background:e.target.checked},n)}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show background when entity is on</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`)}
|
||
${this._renderConditionalContent(l&&(e?.show_background??!0),zt.qy`
|
||
<ha-formfield .label="Background color based on state">
|
||
<ha-switch
|
||
aria-label="Background color based on state"
|
||
.checked=${e?.state_background??!0}
|
||
@change="${e=>this._arrayValueChange(o,{state_background:e.target.checked},n)}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Background color based on state</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`)}
|
||
${this._renderConditionalContent(l&&(e?.state_background??!0)&&i.startsWith("light"),zt.qy`
|
||
<ha-formfield .label="Background color based on light color">
|
||
<ha-switch
|
||
aria-label="Background color based on light color"
|
||
.checked=${e?.light_background??!0}
|
||
@change="${e=>this._arrayValueChange(o,{light_background:e.target.checked},n)}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Background color based on light color</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`)}
|
||
${this._renderConditionalContent(!l&&i.startsWith("light"),zt.qy`
|
||
<ha-formfield .label="Use accent color instead of light color">
|
||
<ha-switch
|
||
aria-label="Use accent color instead of light color"
|
||
.checked=${e?.use_accent_color??!1}
|
||
.configValue="${t+"use_accent_color"}"
|
||
@change="${this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Use accent color instead of light color</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`)}
|
||
<ha-formfield .label="Show icon">
|
||
<ha-switch
|
||
aria-label="Show icon"
|
||
.checked=${e?.show_icon??!0}
|
||
.configValue="${t+"show_icon"}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_icon:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show icon</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Prioritize icon over entity picture">
|
||
<ha-switch
|
||
aria-label="Prioritize icon over entity picture"
|
||
.checked=${e?.force_icon??!1}
|
||
.configValue="${t+"force_icon"}"
|
||
.disabled="${(a||r)&&!l}"
|
||
@change="${n?e=>this._arrayValueChange(o,{force_icon:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Prioritize icon over entity picture</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show name">
|
||
<ha-switch
|
||
aria-label="Show name"
|
||
.checked=${e?.show_name??!l}
|
||
.configValue="${t+"show_name"}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_name:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show name</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show entity state">
|
||
<ha-switch
|
||
aria-label="Show entity state"
|
||
.checked="${e?.show_state??"state"===e.button_type}"
|
||
.configValue="${t+"show_state"}"
|
||
.disabled="${(a||r)&&!l}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_state:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show entity state</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show last changed">
|
||
<ha-switch
|
||
aria-label="Show last changed"
|
||
.checked=${e?.show_last_changed}
|
||
.configValue="${t+"show_last_changed"}"
|
||
.disabled="${(a||r)&&!l}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_last_changed:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show last changed</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show last updated">
|
||
<ha-switch
|
||
aria-label="Show last updated"
|
||
.checked=${e?.show_last_updated}
|
||
.configValue="${t+"show_last_updated"}"
|
||
.disabled="${(a||r)&&!l}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_last_updated:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show last updated</label>
|
||
</div>
|
||
</ha-formfield>
|
||
<ha-formfield .label="Show attribute">
|
||
<ha-switch
|
||
aria-label="Show attribute"
|
||
.checked=${e?.show_attribute}
|
||
.configValue="${t+"show_attribute"}"
|
||
.disabled="${(a||r)&&!l}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_attribute:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show attribute</label>
|
||
</div>
|
||
</ha-formfield>
|
||
${this._renderConditionalContent(e?.show_attribute,zt.qy`
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${{attribute:e?.attribute}}
|
||
.schema=${[{name:"attribute",selector:{select:{options:d,mode:"dropdown"}}}]}
|
||
.disabled=${(a||r)&&!l}
|
||
.computeLabel=${()=>"Attribute to show"}
|
||
@value-changed=${e=>{const i=e.detail.value.attribute;n?this._arrayValueChange(o,{attribute:i},n):this._valueChanged({target:{configValue:t+"attribute"},detail:{value:i}})}}
|
||
></ha-form>
|
||
`)}
|
||
${this._renderConditionalContent(c,zt.qy`
|
||
<ha-formfield .label="Show arrow (Select entities only)">
|
||
<ha-switch
|
||
aria-label="Show arrow (Select entities only)"
|
||
.checked=${e?.show_arrow??!0}
|
||
.configValue="${t+"show_arrow"}"
|
||
@change="${n?e=>this._arrayValueChange(o,{show_arrow:e.target.checked},n):this._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Show arrow (Select menu only)</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`)}
|
||
`}makeDropdown(e,t,n,o,i){if(e.includes("icon")||e.includes("Icon"))return zt.qy`
|
||
<div class="ha-icon-picker">
|
||
<ha-icon-picker
|
||
label="${e}"
|
||
.value="${this._config[t]||i}"
|
||
.configValue="${t}"
|
||
item-value-path="icon"
|
||
item-label-path="icon"
|
||
@value-changed="${this._valueChanged}"
|
||
></ha-icon-picker>
|
||
</div>
|
||
`;if(e.includes("Entity")||e.includes("entity")){let n=[],i=[];switch(this._config.card_type){case"button":default:break;case"cover":n=["cover"];break;case"climate":n=["climate"];break;case"media-player":n=["media_player"];break;case"select":n=["input_select","select"],this._config.select_attribute&&(n=[])}return zt.qy`
|
||
<ha-entity-picker
|
||
label="${e}"
|
||
.hass="${this.hass}"
|
||
.value="${this._config[t]}"
|
||
.configValue="${t}"
|
||
.includeDomains="${n.length?n:void 0}"
|
||
.excludeDomains="${i.length?i:void 0}"
|
||
.disabled="${o}"
|
||
allow-custom-entity
|
||
@value-changed="${this._valueChanged}"
|
||
></ha-entity-picker>
|
||
`}return zt.qy`
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${{[t]:this["_"+t]}}
|
||
.schema=${[{name:t,selector:{select:{options:n,mode:"dropdown"}}}]}
|
||
.disabled=${o}
|
||
.computeLabel=${()=>e}
|
||
@value-changed=${e=>{const n=e.detail.value[t];this._valueChanged({target:{configValue:t},detail:{value:n}})}}
|
||
></ha-form>
|
||
`}makeTextField(e,t,n={}){const{type:o="text",disabled:i,min:a,max:r,step:s,inputMode:l,placeholder:c}=n,d={text:{}};return"number"===o&&(d.text={type:"number"}),zt.qy`
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${{[t]:this._config[t]??""}}
|
||
.schema=${[{name:t,selector:d,..."number"===o?{options:{min:a,max:r,step:s}}:{}}]}
|
||
.disabled=${i}
|
||
.computeLabel=${()=>e}
|
||
@value-changed=${e=>{const n=e.detail.value[t];this._valueChanged({target:{configValue:t},detail:{value:n}})}}
|
||
></ha-form>
|
||
`}_renderConditionalContent(e,t){return e?t:zt.qy``}makeActionPanel(e,t=this._config,n,o,i=this._config){const a="Tap action"===e?"mdi:gesture-tap":"Double tap action"===e?"mdi:gesture-double-tap":"Hold action"===e?"mdi:gesture-tap-hold":"mdi:gesture-tap",r="Tap action"===e?"tap_action":"Double tap action"===e?"double_tap_action":"Hold action"===e?"hold_action":"Open action"===e?"open_action":"close_action",s=o?`action_panel_${o}_${i}_${r}`:`action_panel_config_${r}`;let l;try{l="Tap action"===e?t.tap_action:"Double tap action"===e?t.double_tap_action:"Hold action"===e?t.hold_action:"Open action"===e?t.open_action:t.close_action}catch{}const c=t===this._config;return n||(n=c&&"Tap action"===e?"name"!==this._config.button_type?"more-info":"none":c?"none":""),zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed=${e=>{this._expandedPanelStates[s]=e.target.expanded,this.requestUpdate()}}
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="${a}"></ha-icon>
|
||
${e}
|
||
</h4>
|
||
<div class="content">
|
||
${Co(this,s,!!this._expandedPanelStates[s],()=>zt.qy`
|
||
<ha-form
|
||
.hass=${this.hass}
|
||
.data=${t}
|
||
.configValue="${(o?o+".":"")+(parseInt(i)==i?i+".":"")+r}"
|
||
.schema=${[{name:r,label:e,selector:{ui_action:{default_action:n}}}]}
|
||
.computeLabel=${this._computeLabelCallback}
|
||
@value-changed=${e=>this._ActionChanged(e,o,i)}
|
||
></ha-form>
|
||
${"call-service"===l?.action||"perform-action"===l?.action?zt.qy`
|
||
<ha-formfield .label="Use default entity">
|
||
<ha-switch
|
||
aria-label="Use default entity"
|
||
.configValue="${(o?o+".":"")+(parseInt(i)==i?i+".":"")+r+".default_entity"}"
|
||
.checked=${"entity"===l?.target?.entity_id}
|
||
@change=${this._updateActionsEntity}
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Use default entity</label>
|
||
</div>
|
||
</ha-formfield>
|
||
`:""}
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}makeSubButtonPanel(){return void 0===(e=this)._expandedPanelStates&&(e._expandedPanelStates={}),void 0!==e._clipboardButton&&null!==e._clipboardButton||(e._clipboardButton=Oo()||null),function(e){if(Array.isArray(e._config.sub_button)){const t=(0,po.zD)(e._config.sub_button);try{e._config.sub_button=t}catch(n){e._config={...e._config,sub_button:t}}}else if(!e._config.sub_button||!(0,po.lc)(e._config.sub_button)){const t=(0,po.mg)(e._config);try{e._config.sub_button=t}catch(n){e._config={...e._config,sub_button:t}}}const t=(0,po.mg)(e._config);void 0===e._expandedPanelStates&&(e._expandedPanelStates={}),void 0!==e._clipboardButton&&null!==e._clipboardButton||(e._clipboardButton=Oo()||null);const n="sub-buttons"===e._config.card_type,o="pop-up"===e._config.card_type,i=["cover","media-player","climate"].includes(e._config.card_type),a=e._config.main_buttons_position||"default",r=e._config.main_buttons_alignment||"end",s="bottom"===a,l=e._config.main_buttons_full_width??!!s,c=Boolean(window.isSectionView),d=(e._config.card_layout||"").includes("large"),u=Object.prototype.hasOwnProperty.call(e._config,"card_layout"),p=u&&"normal"===e._config.card_layout,b=Array.isArray(t.bottom)&&t.bottom.some(e=>!!e),h=void 0!==e._config.rows&&null!==e._config.rows&&""!==e._config.rows,m=void 0!==e._config.grid_options?.rows&&null!==e._config.grid_options?.rows&&""!==e._config.grid_options?.rows,f=h&&!1===e._rowsAutoMode,g=m||f;return zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:shape-square-rounded-plus"></ha-icon>
|
||
Sub-buttons editor
|
||
</h4>
|
||
<div class="content">
|
||
${g?zt.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Rows configuration detected
|
||
</h4>
|
||
<div class="content">
|
||
<p>The card height (rows) is explicitly set in your configuration. This will prevent automatic row adjustments when sub-buttons are added (for example, when adding bottom sub-buttons). Click the button below to remove the override and let Bubble Card auto-calculate the rows.</p>
|
||
<button class="icon-button" @click="${e._removeRowsOverrideAndRecalculate}">
|
||
<ha-icon icon="mdi:autorenew"></ha-icon>
|
||
Remove override and auto-calculate
|
||
</button>
|
||
</div>
|
||
</div>
|
||
`:""}
|
||
${i?zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:circle-outline"></ha-icon>
|
||
Card specific buttons
|
||
</h4>
|
||
<div class="content">
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{main_buttons_position:a}}
|
||
.schema=${[{name:"main_buttons_position",selector:{select:{options:[{label:"Default",value:"default"},{label:"Bottom (fixed)",value:"bottom"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Main buttons position"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"main_buttons_position"},detail:{value:t.detail.value.main_buttons_position}})}}
|
||
></ha-form>
|
||
${e._renderConditionalContent(s,zt.qy`
|
||
<ha-formfield .label="Full width action buttons">
|
||
<ha-switch
|
||
aria-label="Full width action buttons"
|
||
.checked="${l}"
|
||
.configValue="${"main_buttons_full_width"}"
|
||
@change="${e._valueChanged}"
|
||
></ha-switch>
|
||
<div class="mdc-form-field">
|
||
<label class="mdc-label">Full width action buttons</label>
|
||
</div>
|
||
</ha-formfield>
|
||
${e._renderConditionalContent(!l,zt.qy`
|
||
<ha-form
|
||
.hass=${e.hass}
|
||
.data=${{main_buttons_alignment:r}}
|
||
.schema=${[{name:"main_buttons_alignment",selector:{select:{options:[{label:"Right (default)",value:"end"},{label:"Center",value:"center"},{label:"Left",value:"start"},{label:"Space between",value:"space-between"}],mode:"dropdown"}}}]}
|
||
.computeLabel=${()=>"Main buttons alignment"}
|
||
@value-changed=${t=>{e._valueChanged({target:{configValue:"main_buttons_alignment"},detail:{value:t.detail.value.main_buttons_alignment}})}}
|
||
></ha-form>
|
||
`)}
|
||
`)}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`:""}
|
||
|
||
${o?zt.qy`
|
||
${Fo(e,"main")}
|
||
${Ro(e,"main")}
|
||
`:n?"":zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:arrow-up-circle-outline"></ha-icon>
|
||
Main sub-buttons (top)
|
||
</h4>
|
||
<div class="content">
|
||
${Fo(e,"main")}
|
||
${Ro(e,"main")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}
|
||
|
||
${n?zt.qy`
|
||
${Fo(e,"bottom")}
|
||
${Ro(e,"bottom")}
|
||
`:o?"":zt.qy`
|
||
<ha-expansion-panel outlined>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:arrow-down-circle-outline"></ha-icon>
|
||
Bottom sub-buttons
|
||
</h4>
|
||
<div class="content">
|
||
${Fo(e,"bottom")}
|
||
${e._renderConditionalContent(!d&&!b&&(p||!c&&!u),zt.qy`
|
||
<div class="bubble-info warning">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-outline"></ha-icon>
|
||
Bottom sub-buttons and layout
|
||
</h4>
|
||
<div class="content">
|
||
<p>Adding bottom sub-buttons will automatically switch this card to the "Large" layout (this is the new recommended layout). This notice will disappear once you add bottom sub-buttons.</p>
|
||
</div>
|
||
</div>
|
||
`)}
|
||
${Ro(e,"bottom")}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}
|
||
|
||
${zt.qy`
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Sub-buttons
|
||
</h4>
|
||
<div class="content">
|
||
<p>This editor allows you to add customized sub-buttons to your card. Sub-buttons support three types:</p>
|
||
<ul class="icon-list">
|
||
<li><ha-icon icon="mdi:gesture-tap"></ha-icon><p><b>Default (button)</b> - Standard button with tap actions</p></li>
|
||
<li><ha-icon icon="mdi:tune-variant"></ha-icon><p><b>Slider</b> - Control or display numeric values (brightness, volume, temperature, etc.)</p></li>
|
||
<li><ha-icon icon="mdi:form-dropdown"></ha-icon><p><b>Dropdown / Select</b> - Dropdown menu for selectable entities</p></li>
|
||
</ul>
|
||
<p>Use <b>Slider</b> sub-buttons to control light brightness, media player volume, or climate temperature. Use <b>Dropdown</b> sub-buttons to select media sources, HVAC modes, or light effects. Use <b>Default</b> buttons for simple on/off controls or custom actions.</p>
|
||
<p>You can organize sub-buttons individually or group them together. Groups can be arranged inline (side by side) or in rows (stacked vertically), and buttons within groups can be displayed inline or in a column layout.</p>
|
||
</div>
|
||
</div>
|
||
`}
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}(e);var e}makeVersion(){return zt.qy`
|
||
<h4 class="version">
|
||
Bubble Card
|
||
<span class="version-number">
|
||
${o}
|
||
</span>
|
||
</h4>
|
||
`}makeStyleEditor(){const e="style_editor_panel";return zt.qy`
|
||
<ha-expansion-panel
|
||
outlined
|
||
@expanded-changed="${t=>{this._expandedPanelStates[e]=t.target.expanded,this.requestUpdate()}}"
|
||
>
|
||
<h4 slot="header">
|
||
<ha-icon icon="mdi:code-braces"></ha-icon>
|
||
Custom styles & JS templates
|
||
</h4>
|
||
<div class="content">
|
||
${Co(this,e,!!this._expandedPanelStates[e],()=>zt.qy`
|
||
<div class="code-editor">
|
||
<ha-code-editor
|
||
mode="yaml"
|
||
autofocus
|
||
autocomplete-entities
|
||
autocomplete-icons
|
||
.hass=${this.hass}
|
||
.value=${this._config.styles}
|
||
.configValue="${"styles"}"
|
||
@value-changed=${e=>{this._valueChanged(e),this._clearCurrentCardError()}}
|
||
></ha-code-editor>
|
||
</div>
|
||
${this.createErrorConsole()}
|
||
`)}
|
||
<div class="bubble-info">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
Custom styles & JS templates
|
||
</h4>
|
||
<div class="content">
|
||
<p>For advanced users, you can edit the CSS style of this card in the above code editor. More information and examples <a href="https://github.com/Clooos/Bubble-Card#styling" target="_blank" rel="noopener noreferrer">here</a>. You don't need to add <code>styles: |</code> (only used in YAML mode). You can also add <a href="https://github.com/Clooos/Bubble-Card#templates" target="_blank" rel="noopener noreferrer">JS templates</a> (Jinja is not supported).</p>
|
||
<p><b>Check out my <a href="https://www.patreon.com/Clooos" target="_blank" rel="noopener noreferrer">Patreon</a></b> for more custom styles, templates, and modules. This is also the best way to show your support to my project.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</ha-expansion-panel>
|
||
`}_clearCurrentCardError(){if(!window.bubbleCardErrorRegistry)return;const e=this._config?.card_type,t=this._config?.entity;if(!e||!t)return;const n=`${e}_${t}`;window.bubbleCardErrorRegistry[n]&&(delete window.bubbleCardErrorRegistry[n],this.errorMessage="",this.errorSource="",this.requestUpdate())}_clearCurrentModuleError(e){this._moduleCodeEvaluating=e;try{window.bubbleCardErrorRegistry&&e&&Object.keys(window.bubbleCardErrorRegistry).forEach(t=>{window.bubbleCardErrorRegistry[t]?.moduleId===e&&delete window.bubbleCardErrorRegistry[t]})}catch(e){}this.errorMessage="",this.errorSource="",this.requestUpdate()}createErrorConsole(e=this){window.bubbleCardErrorRegistry||(window.bubbleCardErrorRegistry={});const t=()=>{if(void 0!==e._editingModule&&e._editingModule){const t=e._editingModule.id;if(!t)return e.errorMessage="",void(e.errorSource="");let n=!1;window.bubbleCardErrorRegistry&&Object.values(window.bubbleCardErrorRegistry).forEach(o=>{o.moduleId===t&&(e.errorMessage=o.message,e.errorSource=o.source,n=!0)}),n||(e.errorMessage="",e.errorSource="")}else{const t=e._config?.card_type,n=e._config?.entity;if(!t||!n)return e.errorMessage="",void(e.errorSource="");const o=`${t}_${n}`;if(window.bubbleCardErrorRegistry&&window.bubbleCardErrorRegistry[o]){const t=window.bubbleCardErrorRegistry[o];e.errorMessage=t.message,e.errorSource=t.source}else e.errorMessage="",e.errorSource=""}e.requestUpdate()};return e._errorListener||(e._errorListener=e=>{const n=e.detail;if(n&&"object"==typeof n&&n.context){const{message:e,context:t}=n;if(e){if(t.cardType&&t.entityId){const n=`${t.cardType}_${t.entityId}`;window.bubbleCardErrorRegistry[n]={message:e,source:"module"===t.sourceType?`Module ('${t.moduleId}')`:"Card Configuration (styles section)",cardType:t.cardType,entityId:t.entityId,moduleId:"module"===t.sourceType?t.moduleId:null}}}else if("module"===t.sourceType&&t.moduleId)Object.keys(window.bubbleCardErrorRegistry).forEach(e=>{window.bubbleCardErrorRegistry[e]?.moduleId===t.moduleId&&delete window.bubbleCardErrorRegistry[e]});else if(t.cardType&&t.entityId){const e=`${t.cardType}_${t.entityId}`;window.bubbleCardErrorRegistry[e]&&delete window.bubbleCardErrorRegistry[e]}}t()},window.addEventListener("bubble-card-error",e._errorListener)),t(),zt.qy`
|
||
<div class="bubble-info error"
|
||
style="display: ${e.errorMessage?"":"none"}; margin-bottom: 8px;">
|
||
<h4 class="bubble-section-title">
|
||
<ha-icon icon="mdi:alert-circle-outline"></ha-icon>
|
||
Error in JS template
|
||
</h4>
|
||
<div class="content">
|
||
<p>${e.errorMessage}</p>
|
||
${e._editingModule&&"object"==typeof e._editingModule&&e._editingModule.id?zt.qy`<hr><span class="helper-text" style="margin: 0;">
|
||
<ha-icon icon="mdi:information-outline"></ha-icon>
|
||
JS template errors can sometimes be delayed in the Module Editor.
|
||
</span>`:""}
|
||
</div>
|
||
</div>
|
||
`}_getProcessedSchema(e,t,n){const o=structuredClone(t);return this._updateAttributeSelectors(o,n,e)}_valueChangedInHaForm(e,t,n){let o=e.detail.value;if(o&&"object"==typeof o&&!Array.isArray(o)){const e=Object.keys(o);e.length>0&&e.every(e=>!isNaN(parseInt(e,10)))&&(o=e.sort((e,t)=>parseInt(e,10)-parseInt(t,10)).map(e=>o[e]))}this._workingModuleConfigs&&(this._workingModuleConfigs[t]=o);const i=this._cleanEmpty(o,t);(0,s.rC)(this,"config-changed",{config:{...this._config,[t]:i}}),this.requestUpdate()}_cleanEmpty(e,t){if(Array.isArray(e))return e.map(e=>this._cleanEmpty(e,void 0)).filter(e=>!this._isEmpty(e));if(e&&"object"==typeof e){const t={};return Object.keys(e).forEach(n=>{const o=this._cleanEmpty(e[n],n);this._isEmpty(o)||(t[n]=o)}),Object.keys(t).length>0?t:void 0}return"string"!=typeof e||""!==e||"state"===t?e:void 0}_isEmpty(e){return null==e||(Array.isArray(e)?0===e.length:"object"==typeof e&&0===Object.keys(e).length)}_updateAttributeSelectors=(e,t,n=void 0)=>{const o=(e,t,n)=>{const o=Array.isArray(e)?e:Object.entries(e||{}).map(([e,t])=>({name:e,...t}));if(Array.isArray(t)&&t.length>0){const i=t.find(e=>e&&"object"==typeof e&&e.entity)??t.find(e=>e&&"object"==typeof e)??t[0],a=this._updateAttributeSelectors(o,i,n);return Array.isArray(e)?a:a.reduce((e,t)=>{const{name:n,...o}=t;return e[n]=o,e},{})}const i=this._updateAttributeSelectors(o,t,n);return Array.isArray(e)?i:i.reduce((e,t)=>{const{name:n,...o}=t;return e[n]=o,e},{})};let i=n;return e.map(e=>{const n=((e,t)=>{if(e&&void 0!==t)return Array.isArray(e)?e:e[t]})(t,e.name);if(e.selector&&e.selector.entity&&(i=((e,t)=>{if(!e)return t;if("string"==typeof e)return e||t;if(Array.isArray(e)){const n=e.find(e=>e&&e.entity||"string"==typeof e);return"string"==typeof n?n||t:n?.entity??t}return e.entity??t})(n,void 0)),e.selector&&e.selector.attribute&&(e.selector.attribute.entity_id=i),Array.isArray(e.schema))e.schema=this._updateAttributeSelectors(e.schema,n,i);else if(e.selector&&e.selector.object&&e.selector.object.fields){const t=e.selector.object;e.selector={bc_object:{...t,fields:o(t.fields,n,i)}}}return e})};makeModulesEditor(){return ni(this)}makeModuleStore(){return(0,Wo._e)(this)}_normalizeConfigValuePath(e){const t=e=>null==e?"":String(e).trim();if("string"==typeof e||"number"==typeof e)return t(e);if(Array.isArray(e))return e.map(e=>t(e)).filter(Boolean).join(".");if(e&&"object"==typeof e){if(Array.isArray(e.path))return e.path.map(e=>t(e)).filter(Boolean).join(".");if(void 0!==e.path)return t(e.path);if(void 0!==e.key)return t(e.key)}return""}_valueChanged(e){const t=e.target,n=e.detail;let o,i=!1;const a=Boolean(t&&t.configValue&&Object.prototype.hasOwnProperty.call(t,"value")&&void 0===t.value);if("HA-SWITCH"===t.tagName?(o=t.checked,i=!0):void 0!==t.value?(o="string"==typeof t.value?t.value.replace(",","."):t.value,i=!0):a?(o=t.value,i=!0):void 0!==n?.value&&(i=!0),!i)return;if("string"==typeof o&&(o.endsWith(".")||"-"===o))return;let r={...this._config};try{const{configValue:i,checked:a}=t;if(i){const a=this._normalizeConfigValuePath(i);if(!a)return void console.warn("Bubble Card Editor: skipped update due to invalid configValue",i);const s=a.split(".").filter(Boolean);if(!s.length)return void console.warn("Bubble Card Editor: empty config path provided",i);if(s.length>1){let i=r,a="";for(let e=0;e<s.length-1;e++){const t=s[e];a=a?`${a}.${t}`:t,i[t]||(i[t]={}),i[t]={...i[t]},i=i[t]}const l=s[s.length-1];"input"===e.type?i[l]=o:n&&i[l]!==n.value?i[l]=n.value:"HA-SWITCH"===t.tagName&&(i[l]=o)}else{const i=s[0];"input"===e.type?r[i]=o:n&&r[i]!==n.value?r[i]=n.value:"HA-SWITCH"===t.tagName&&(r[i]=o)}}else r=n.value}catch(e){if(t.configValue&&n)r[t.configValue]=n.value;else{if(!n)return;r=n.value}}try{if("rows"===t?.configValue){const e=r?.rows,t=null==e||""===e;this._rowsAutoMode=t,t&&delete r.rows}else if("grid_options.rows"===t?.configValue){const e=r?.grid_options?.rows,t=null==e||""===e;this._rowsAutoMode=t,t&&r?.grid_options&&delete r.grid_options.rows}"card_type"===t?.configValue&&"calendar"===n?.value&&(void 0!==r.rows&&null!==r.rows&&""!==r.rows||(r.rows=1))}catch(e){}this._config=r,(0,s.rC)(this,"config-changed",{config:r})}_arrayValueChange(e,t,n){if(this._config.sub_button&&!this.subButtonJustAdded)return this.subButtonJustAdded=!0,void setTimeout(()=>this._arrayValueChange(e,t,n),10);const o=(e,t,n,o)=>{const i=String(t).split(".").filter(Boolean);let a=e;for(let e=0;e<i.length-1;e++){const t=i[e],n=i[e+1],o=!isNaN(parseInt(n,10));void 0!==a[t]&&null!==a[t]||(a[t]=o?[]:{}),Array.isArray(a[t])?a[t]=[...a[t]]:a[t]={...a[t]},a=a[t]}const r=i[i.length-1],s=Array.isArray(a[r])?a[r]:a[r]?[...a[r]]:[],l=Array.isArray(s)?[...s]:[],c=l[n]||{};return l[n]={...c,...o},a[r]=l,l[n]};let i;if("string"==typeof n&&n.includes("."))i=o(this._config,n,e,t);else{this._config[n]=this._config[n]||[];const o=[...this._config[n]],a=o[e]||{};o[e]={...a,...t},this._config[n]=o,i=o[e]}try{if("string"==typeof n&&n.startsWith("sub_button")){const t=i||{},a=t.entity??this._config.entity??"",r="string"==typeof a&&(a.startsWith("input_select")||a.startsWith("select")),s=!!t.select_attribute;if(!t.sub_button_type&&(r||s))if("string"==typeof n&&n.includes("."))o(this._config,n,e,{sub_button_type:"select"});else{const t=[...this._config[n]],o=t[e]||{};t[e]={...o,sub_button_type:"select"},this._config[n]=t}}}catch{}(0,s.rC)(this,"config-changed",{config:this._config}),this.requestUpdate();try{const e=String(n||"");("sub_button"===e||e.startsWith("sub_button"))&&this._scheduleAutoRowsCompute("sub_button changed")}catch(e){}}_ActionChanged(e,t,n){var o=!1;try{e.currentTarget&&e.currentTarget.__schema&&e.currentTarget.__schema[0]&&e.detail.value[e.currentTarget.__schema[0].name]&&e.detail.value[e.currentTarget.__schema[0].name].target&&e.detail.value[e.currentTarget.__schema[0].name].target.entity_id&&"entity"===e.detail.value[e.currentTarget.__schema[0].name].target.entity_id[0]&&(o=!0)}catch{}try{e.currentTarget&&e.currentTarget.__schema&&e.currentTarget.__schema[0]&&e.detail.value[e.currentTarget.__schema[0].name]&&e.detail.value[e.currentTarget.__schema[0].name].target&&"entity"===e.detail.value[e.currentTarget.__schema[0].name].target.entity_id&&(o=!0)}catch{}if(o&&e.currentTarget&&e.currentTarget.__schema&&e.currentTarget.__schema[0]&&e.detail.value[e.currentTarget.__schema[0].name]&&(e.detail.value[e.currentTarget.__schema[0].name].action="call-service",null!=e.detail.value[e.currentTarget.__schema[0].name].perform_action&&(e.detail.value[e.currentTarget.__schema[0].name].service=""+e.detail.value[e.currentTarget.__schema[0].name].perform_action,delete e.detail.value[e.currentTarget.__schema[0].name].perform_action)),"button_action"===t||"event_action"===t)this._config[t]=e.detail.value;else if("string"==typeof t&&t.startsWith("sub_button")){const o=e.detail.value,i=(e,t,n,o)=>{const i=String(t).split(".").filter(Boolean);let a=e;for(let e=0;e<i.length-1;e++){const t=i[e],n=i[e+1],o=!isNaN(parseInt(n,10));void 0!==a[t]&&null!==a[t]||(a[t]=o?[]:{}),Array.isArray(a[t])?a[t]=[...a[t]]:a[t]={...a[t]},a=a[t]}const r=i[i.length-1],s=Array.isArray(a[r])?a[r]:a[r]?[...a[r]]:[],l=Array.isArray(s)?[...s]:[],c=l[n]||{};return l[n]={...c,...o},a[r]=l,l[n]};if(t.includes("."))i(this._config,t,n,o);else{this._config[t]=this._config[t]||[];const e=[...this._config[t]],i=e[n]||{};e[n]={...i,...o},this._config[t]=e}}else t?this._config[t]=e.detail.value:this._config=e.detail.value;(0,s.rC)(this,"config-changed",{config:this._config})}_updateActionsEntity(e){let t=JSON.parse(JSON.stringify(this._config));const n=e.target.configValue.split(".");let o=0;for(o=0;o<n.length-2;o++)t=t[n[o]]?t[n[o]]:{};e.target.checked?t[n[o]]?t[n[o]].target={entity_id:"entity"}:t[n[o]]={target:{entity_id:"entity"}}:t[n[o]]&&"entity"===t[n[o]].target?.entity_id&&(t[n[o]].target={});const i=n[n.length-2],a=t&&"object"==typeof t&&t[i]?t[i]:{},r={value:{[i]:a}},s={__schema:[{name:i}]},l={...e,detail:r,currentTarget:s};let c=null,d=null;if("button_action"===n[0]||"event_action"===n[0])c=n[0];else if(n.length>=4){const e=n[n.length-3];c=n.slice(0,n.length-3).join(".");const t=parseInt(e,10);d=isNaN(t)?null:t}else if(n.length>=3){c=n[0];const e=parseInt(n[1],10);d=isNaN(e)?null:e}this._ActionChanged(l,c,d)}_computeLabelCallback=e=>e.label;_conditionChanged(e,t,n){if(e.stopPropagation(),n){this._config[n]=this._config[n]||[];let o=[...this._config[n]];o[t]=o[t]||{};const i=e.detail.value;o[t]={...o[t],visibility:i},this._config[n]=o}else if("pop-up"===this._config.card_type){const t=e.detail.value;this._config={...this._config,trigger:t}}(0,s.rC)(this,"config-changed",{config:this._config}),this.requestUpdate()}static get styles(){return zt.AH`
|
||
${(0,zt.iz)('div {\n display: grid;\n grid-gap: 12px;\n}\n\n/* Card type dropdown separator */\n.card-config > ha-form:first-of-type::after {\n content: "";\n position: relative;\n background-color: var(--background-color, var(--secondary-background-color));\n display: block;\n width: 100%;\n height: 1px;\n top: 12px;\n margin-bottom: 12px !important;\n opacity: 0.6;\n}\n\n#add-button {\n margin: 0 0 14px 0;\n color: var(--text-primary-color);\n width: 100%;\n height: 32px;\n border-radius: 16px;\n border: none;\n background-color: var(--accent-color);\n cursor: pointer;\n}\n\np {\n margin-bottom: 4px;\n}\n\nul {\n margin: 0px 14px !important;\n padding-left: 0px !important;\n}\n\nha-icon, a, p, button, h4 {\n color: var(--primary-text-color) !important;\n}\n\nhr {\n display: inline-block;\n width: 100%;\n height: 1px;\n border: none;\n background-color: var(--outline-color);\n margin: 8px 0 0 0;\n}\n\ncode, code-block {\n background: rgba(0,120,180,0.3);\n color: var(--primary-text-color);\n background-blend-mode: darken;\n padding: 1px 3px;\n border-radius: 6px;\n font-size: 13px;\n}\n\ncode-block {\n display: grid;\n width: 100%;\n padding: 0;\n max-height: 285px;\n overflow: auto;\n}\n\ncode-block pre {\n white-space: pre;\n overflow: auto;\n margin: 8px;\n}\n\ncode-block.with-i pre {\n white-space: pre-line;\n overflow: auto;\n margin: 8px;\n}\n\ncode-block.with-i pre > i {\n white-space: pre;\n font-style: normal;\n}\n\nimg {\n max-width: 100%;\n margin: 14px 0;\n}\n\nimg.example {\n padding: 32px;\n box-sizing: border-box;\n background: rgba(0, 120, 180, 0.8);\n border-radius: 6px;\n}\n\n.button-header {\n height: auto;\n width: 100%;\n display: inline-flex;\n align-items: center;\n margin: 0 8px;\n}\n\n.button-number {\n display: inline-flex;\n width: auto;\n}\n\n.remove-button {\n display: inline-flex;\n border-radius: 50%;\n width: 24px;\n height: 24px;\n text-align: center;\n line-height: 24px;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.content {\n margin: 12px 4px 14px 4px;\n}\n\nh4 > ha-icon {\n margin: 8px 12px 8px 8px;\n}\n\nha-expansion-panel h4:not(.version) {\n display: flex;\n align-items: center;\n margin: 10px 0;\n}\n\nha-expansion-panel > .content, ha-expansion-panel .content {\n overflow-x: visible !important;\n display: flex;\n flex-direction: column; \n}\n\nha-form {\n --expansion-panel-summary-padding: 2px 14px;\n}\n\nha-textfield {\n width: 100%;\n}\n\n.bubble-pop-up-hash-prefix {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 8px;\n color: var(--secondary-text-color);\n font-size: 15px;\n font-weight: 600;\n line-height: 1;\n}\n\nh3 {\n margin: 4px 0;\n}\n\n.code-editor {\n overflow: scroll;\n}\n\n.icon-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n padding: 8px 16px;\n background: rgba(0,120,180,0.5);\n border: none;\n cursor: pointer;\n margin: 0;\n border-radius: 32px;\n font-size: 13px;\n font-weight: bold;\n text-align: center;\n text-decoration: none;\n transition: all 0.2s ease;\n}\n\n.icon-button:hover {\n background: rgba(0,120,180,0.7);\n transform: translateY(-1px);\n}\n\n.icon-button:active {\n background: rgba(0,120,180,0.9);\n}\n\n.icon-button.header {\n background: none;\n padding: 0;\n margin: 0 4px;\n}\n\n.button-container {\n display: flex;\n margin-left: auto !important;\n}\n\nha-card-conditions-editor {\n margin-top: -12px;\n}\n\n.disabled {\n opacity: 0.5; \n pointer-events: none;\n}\n\n.version {\n font-size: 12px !important;\n color: #fff;\n background: rgba(0,0,0,0.1);\n padding: 8px 16px;\n border-radius: 32px;\n}\n\n.module-version {\n margin: 0;\n}\n\n.version-number {\n font-size: 10px;\n background: rgba(0,120,180,1);\n padding: 0px 8px;\n border-radius: 12px;\n margin-right: -6px;\n float: right;\n color: white;\n}\n\n.version-number a {\n color: white !important;\n}\n\n.bubble-info-container {\n display: flex;\n flex-direction: column;\n}\n\n.bubble-section-title {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: -6px !important;\n color: var(--primary-text-color) !important;\n display: flex;\n align-items: center;\n position: relative;\n padding-left: 4px;\n}\n\n.bubble-section-title ha-icon {\n color: var(--info-color) !important;\n margin: 8px 8px 8px 0;\n line-height: normal !important;\n}\n\n.bubble-section-title::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 3px;\n background: var(--primary-color);\n border-radius: 2px;\n}\n\n.bubble-info {\n padding: 0 0 14px;\n position: relative;\n overflow: auto;\n}\n\n.bubble-info .content {\n margin: 0;\n padding: 0 18px;\n}\n\n.bubble-info::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n background-color: var(--info-color);\n border-radius: 4px;\n opacity: 0.12;\n pointer-events: none;\n}\n\n.bubble-info.warning::before {\n background-color: var(--warning-color);\n opacity: 0.15;\n}\n\n.bubble-info.warning .bubble-section-title::before {\n background: var(--warning-color);\n}\n\n.bubble-info.warning .bubble-section-title ha-icon {\n color: var(--warning-color) !important;\n}\n\n.bubble-info.bubble-sub-warning {\n margin: 12px 0;\n border-radius: 6px;\n box-shadow: inset 0 0 0 1px var(--warning-color);\n}\n\n.bubble-info.warning.bubble-sub-warning::before {\n opacity: 0.22;\n}\n\n.bubble-info.error::before {\n background-color: var(--error-color);\n opacity: 0.15;\n}\n\n.bubble-info.error .bubble-section-title::before {\n background: var(--error-color);\n}\n\n.bubble-info.error .bubble-section-title ha-icon {\n color: var(--error-color) !important;\n}\n\n.bubble-info h4 {\n margin: 8px 0 0 0;\n padding: 0 18px;\n}\n\n.bubble-info p {\n margin: 0;\n}\n\n.bubble-info * {\n z-index: 0;\n}\n\n.bubble-section-title + p {\n margin-top: 0;\n padding-top: 0;\n}\n\n.bubble-badges {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin: 4px 0;\n justify-content: flex-start;\n}\n\n.bubble-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n padding: 4px 8px;\n text-decoration: none;\n font-size: 13px;\n transition: all 0.2s ease;\n box-shadow: none;\n height: 26px;\n border: none;\n position: relative;\n border-radius: 18px;\n white-space: nowrap;\n background-color: var(--mdc-text-field-disabled-line-color);\n}\n\n.bubble-badge:hover {\n transform: translateY(-1px);\n background: rgba(0, 120, 180, 0.5);\n}\n\n.bubble-badge ha-icon {\n color: var(--primary-text-color) !important;\n --mdc-icon-size: 16px;\n line-height: normal;\n}\n\n.paypal-icon, .bmc-icon, .patreon-icon {\n width: 15px;\n height: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.paypal-icon svg, .bmc-icon svg, .patreon-icon svg {\n width: 100%;\n height: 100%;\n fill: var(--primary-text-color);\n}\n\n.bubble-thank-you {\n margin: 0 !important;\n padding: 8px !important;\n opacity: 0.8;\n}\n\n.creator-message {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.creator-message a {\n display: flex;\n transition: all 0.2s ease;\n}\n\n.creator-message a:hover {\n transform: scale(0.95);\n}\n\n.creator-avatar {\n min-width: 42px;\n height: 42px;\n border-radius: 50%;\n margin: 0;\n}\n\nul.icon-list {\n list-style-type: none;\n padding-left: 0 !important;\n margin-left: 0 !important;\n}\n\nul.icon-list li {\n display: flex;\n align-items: center;\n margin-bottom: 6px;\n line-height: 24px;\n}\n\nul.icon-list li ha-icon {\n min-width: 24px;\n margin-right: 8px;\n --mdc-icon-size: 18px;\n}\n\n.layout-subsection {\n display: grid;\n grid-gap: 12px;\n padding: 12px 0 0;\n}\n\n.layout-subtitle {\n display: flex;\n align-items: center;\n margin: 0;\n font-size: 14px;\n font-weight: 600;\n color: var(--primary-text-color);\n}\n\n.layout-subtitle ha-icon {\n margin-right: 8px;\n --mdc-icon-size: 18px;\n}\n\n.element-actions {\n display: flex;\n justify-content: flex-end;\n}\n\n.no-bg {\n background: none;\n box-shadow: none;\n}\n\nmwc-list-item[disabled] ha-icon {\n opacity: 0.38;\n}\n\n* {\n line-height: 20px !important;\n}:root {\n --rgb-primary-color: 3, 169, 244;\n --rgb-info-color: 33, 150, 243;\n --rgb-warning-color: 255, 152, 0;\n --rgb-error-color: 244, 67, 54;\n --rgb-success-color: 76, 175, 80;\n}\n\n/* Module Store Styles */\n.module-store {\n display: flex;\n flex-direction: column;\n gap: 16px;\n position: relative;\n padding-bottom: 40px;\n}\n\n.store-header {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-bottom: 16px;\n background-color: var(--card-background-color);\n border-radius: 16px;\n padding: 16px;\n border: 1px solid var(--divider-color);\n box-shadow: var(--shadow-elevation-1dp);\n position: relative;\n overflow: hidden;\n}\n\n.store-header-top {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 8px;\n}\n\n.store-header-title {\n font-size: 16px;\n font-weight: 600;\n display: flex;\n align-items: center;\n gap: 8px;\n}\n\n.store-header-title ha-icon {\n color: var(--info-color) !important;\n}\n\n.store-refresh-button {\n color: var(--primary-text-color);\n border-radius: 50%;\n width: 36px;\n height: 36px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: all 0.3s ease;\n box-shadow: var(--shadow-elevation-1dp);\n}\n\n.store-refresh-button:hover {\n transform: rotate(180deg);\n box-shadow: var(--shadow-elevation-2dp);\n}\n\n.store-search {\n display: flex;\n align-items: center;\n gap: 8px;\n border-radius: 32px;\n overflow: hidden;\n}\n\n.store-search ha-textfield,\n.store-search ha-input,\n.store-search ha-form,\n.store-search ha-input-search {\n flex-grow: 1;\n width: 100%;\n --ha-input-padding-bottom: 0;\n}\n\n/* Legacy search icon styling (pre-2026.5) */\n.store-search ha-textfield::part(prefix) {\n padding-left: 8px;\n}\n\n.store-search ha-textfield .leading-icon {\n color: var(--primary-text-color);\n}\n\n.store-filters {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 4px;\n}\n\n.store-filter-type {\n flex-grow: 1;\n min-width: 180px;\n}\n\n.store-modules {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.store-module-card {\n display: flex;\n flex-direction: column;\n border-radius: 16px;\n border: 1px solid var(--divider-color);\n overflow: hidden;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n background-color: var(--card-background-color);\n box-shadow: var(--shadow-elevation-1dp);\n margin-bottom: 16px;\n}\n\n.store-module-card:hover {\n transform: translateY(-3px);\n box-shadow: var(--shadow-elevation-3dp);\n}\n\n.store-module-header {\n position: relative;\n padding: 16px 16px 0 0;\n margin: 0;\n border-radius: 0;\n border-bottom: 1px solid var(--divider-color);\n}\n\n.store-module-header::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 100%;\n background-color: var(--info-color);\n border-radius: 0;\n opacity: 0.12;\n pointer-events: none;\n}\n\n.store-module-header.warning::before {\n background-color: var(--warning-color);\n opacity: 0.15;\n}\n\n.store-module-header .bubble-section-title {\n display: flex;\n align-items: center;\n gap: 12px;\n padding-left: 0;\n margin-bottom: 0px !important;\n position: relative;\n}\n\n.store-module-header .bubble-section-title::before {\n content: "";\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 3px;\n background: var(--primary-color);\n border-radius: 0 2px 2px 0;\n}\n\n.store-module-header.warning .bubble-section-title::before {\n background: var(--warning-color);\n}\n\n.store-module-header .bubble-section-title ha-icon {\n margin: 0 0 0 19px;\n color: var(--info-color) !important;\n}\n\n.store-module-header.warning .bubble-section-title ha-icon {\n color: var(--warning-color) !important;\n}\n\n.store-module-header h3 {\n margin: 0;\n font-size: 14px;\n font-weight: 500;\n}\n\n.store-module-meta {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0 0 4px 18px;\n margin-bottom: 0;\n}\n\n.store-module-badges {\n margin: 0;\n justify-content: flex-start;\n}\n\n.store-module-author {\n display: flex;\n align-items: center;\n gap: 12px;\n font-size: 14px;\n color: var(--secondary-text-color);\n}\n\n.author-avatar {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n margin: 0;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.store-module-content {\n padding: 0 16px;\n background-color: var(--card-background-color);\n grid-gap: 8px;\n}\n\n.module-description {\n margin: 0 0 -4px;\n font-size: 14px;\n font-weight: 300;\n}\n\n.module-preview-image {\n border-radius: 12px;\n max-height: 220px;\n width: 100%;\n object-fit: contain;\n background-color: var(--secondary-background-color);\n margin: 0;\n transition: all 0.3s ease;\n}\n\n.module-preview-container {\n position: relative;\n margin-top: 8px;\n overflow: hidden;\n border-radius: 12px;\n}\n\n.module-preview-zoom-btn {\n position: absolute;\n bottom: 8px;\n right: 8px;\n width: 32px;\n height: 32px;\n border-radius: 50%;\n background-color: var(--primary-color);\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.8;\n transition: all 0.2s ease;\n z-index: 3;\n box-shadow: 0 2px 5px rgba(0,0,0,0.2);\n}\n\n.module-preview-zoom-btn:hover {\n opacity: 1;\n transform: scale(1.1);\n}\n\n.module-preview-zoom-btn ha-icon {\n color: white !important;\n --mdc-icon-size: 20px;\n}\n\n.module-preview-fullscreen {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.9);\n z-index: 999;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: zoom-out;\n}\n\n.module-preview-fullscreen img {\n max-width: 90%;\n max-height: 90%;\n object-fit: contain;\n margin: 0;\n border-radius: 6px;\n}\n\n.compatibility-warning {\n margin-top: -8px;\n margin-bottom: 12px;\n}\n\n.compatibility-warning ha-icon {\n color: var(--warning-color) !important;\n}\n\n.store-module-actions {\n margin: 12px 0 12px;\n justify-content: flex-start;\n border-top: 1px solid var(--divider-color);\n padding-top: 12px;\n display: flex;\n gap: 8px;\n}\n\n.store-module-card.incompatible .store-module-actions {\n opacity: 0.8;\n}\n\n.bubble-badge.install-button {\n background-color: rgba(33, 150, 243, 0.7);\n color: var(--primary-color);\n font-weight: 500;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n}\n\n.bubble-badge.install-button span {\n color: var(--primary-text-color);\n font-weight: 500;\n transition: color 0.2s ease;\n}\n\n.bubble-badge.install-button ha-icon {\n transition: color 0.2s ease;\n}\n\n.bubble-badge.install-button:hover {\n transform: translateY(-1px);\n background-color: rgba(33, 150, 243, 0.9);\n}\n\n.bubble-badge.install-button:hover span,\n.bubble-badge.install-button:hover ha-icon {\n color: white !important;\n}\n\n.bubble-badge.update-button {\n background-color: rgb(0, 220, 80);\n font-weight: 500;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n color: rgba(0, 0, 0, 0.8) !important;\n}\n\n.bubble-badge.update-button ha-icon {\n color: rgba(0, 0, 0, 0.8) !important;\n}\n\n.bubble-badge.update-button:hover {\n transform: translateY(-1px);\n background-color: rgb(0, 180, 60);\n}\n\n.bubble-badge.clickable {\n cursor: pointer;\n}\n\n.bubble-badge.installed-button {\n background-color: rgba(var(--rgb-success-color, 0, 170, 0), 0.12);\n color: var(--success-color, var(--primary-color));\n opacity: 0.8;\n cursor: default;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.bubble-badge.installed-button span {\n color: var(--primary-text-color);\n font-weight: 500;\n}\n\n.bubble-badge.installed-button:hover {\n transform: none;\n background: rgba(var(--rgb-success-color, 0, 170, 0), 0.12);\n}\n\n.bubble-badge.link-button {\n background-color: rgba(0, 0, 0, 0.06);\n color: var(--secondary-text-color);\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.bubble-badge.link-button:hover {\n background-color: rgba(0, 0, 0, 0.12);\n transform: translateY(-1px);\n}\n\n.bubble-badge.update-badge {\n background-color: rgb(0, 220, 80);\n font-weight: 500;\n font-size: 11px;\n padding: 2px 8px;\n height: 20px;\n margin-left: auto !important;\n color: rgba(0, 0, 0, 0.8);\n}\n\n.bubble-badge.update-badge ha-icon {\n color: rgba(0, 0, 0, 0.8) !important;\n}\n\n.bubble-badge.update-badge:hover {\n transform: none;\n}\n\n.bubble-badge.version-badge {\n background-color: rgba(0, 0, 0, 0.08);\n color: var(--primary-text-color);\n font-weight: 500;\n font-size: 11px;\n padding: 2px 8px;\n height: 20px;\n}\n\n.bubble-badge.incompatible-badge {\n background-color: rgba(var(--rgb-warning-color), 0.12);\n color: var(--warning-color);\n font-weight: 500;\n font-size: 11px;\n padding: 2px 8px;\n height: 20px;\n}\n\n.bubble-badge.incompatible-badge::before {\n background-color: var(--warning-color);\n opacity: 0.3;\n}\n\n.bubble-badge.new-badge {\n background-color: rgba(var(--rgb-success-color, 0, 170, 0), 0.12);\n color: var(--primary-text-color);\n font-weight: 500;\n font-size: 11px;\n padding: 2px 8px;\n height: 20px;\n}\n\n.bubble-badge.new-badge::before {\n background-color: var(--success-color, #28a745);\n opacity: 0.2;\n}\n\n.bubble-badge.yaml-badge {\n background-color: rgba(255, 167, 38, 0.45);\n color: var(--primary-text-color);\n font-weight: 700;\n font-size: 11px;\n padding: 2px 8px;\n height: 20px;\n}\n\n.bubble-badge.yaml-badge::before {\n background-color: #ff9800;\n opacity: 0.5;\n}\n\n.version-container {\n display: flex;\n align-items: center;\n margin-left: auto;\n gap: 8px;\n}\n\n/* Material tabs */\nha-tabs, ha-tab-group, sl-tab-group {\n margin-bottom: 16px;\n --primary-tab-color: var(--primary-color);\n --secondary-tab-color: var(--secondary-text-color);\n border-bottom: 1px solid var(--divider-color);\n position: sticky;\n background-color: var(--card-background-color);\n z-index: 4;\n padding-top: 16px;\n margin-top: -24px;\n top: -40px;\n}\n\n/* Keep legacy spacing for older versions.\n Apply these offsets only on modern Home Assistant layouts. */\n.module-tabs--ha-tab-group.module-tabs--ha-tab-group-modern {\n top: -16px;\n}\n\nsl-tab-group {\n border-bottom: none;\n}\n\nha-tab-group {\n display: block;\n}\n\nha-tab-group-tab {\n flex-grow: 1;\n text-align: center;\n}\n\nha-tab-group-tab[active] {\n color: var(--primary-text-color);\n opacity: 1;\n}\n\nha-tab-group-tab[disabled] {\n opacity: 0.4;\n pointer-events: none;\n}\n.module-editor-top-marker {\n display: flex;\n position: relative;\n top: 0;\n}\n\npaper-tab {\n display: flex;\n align-items: center;\n justify-content: center;\n min-width: 120px;\n font-weight: 500;\n font-size: 14px;\n transition: all 0.3s ease;\n position: relative;\n color: var(--secondary-tab-color);\n padding: 0 16px;\n opacity: 0.8;\n}\n\npaper-tab[aria-selected="true"] {\n color: var(--primary-text-color);\n opacity: 1;\n}\n\npaper-tab.disabled,\npaper-tab[disabled] {\n opacity: 0.4;\n pointer-events: none;\n}\n\npaper-tab ha-icon {\n margin-right: 8px;\n color: var(--secondary-tab-color);\n}\n\npaper-tab[aria-selected="true"] ha-icon {\n color: var(--primary-tab-color) !important;\n}\n\npaper-tab::after {\n content: \'\';\n position: absolute;\n bottom: 0;\n left: 50%;\n width: 0;\n height: 3px;\n background-color: var(--primary-tab-color);\n transition: all 0.3s ease;\n transform: translateX(-50%);\n border-radius: 3px 3px 0 0;\n opacity: 0;\n}\n\npaper-tab[aria-selected="true"]::after {\n width: 80%;\n opacity: 1;\n}\n\npaper-tab:hover {\n background-color: rgba(var(--rgb-primary-color), 0.05);\n}\n\n/* Tab ripple effect */\npaper-ripple {\n color: var(--primary-tab-color);\n opacity: 0.1;\n}\n\n#tabs {\n border-radius: 8px 8px 0 0;\n overflow: hidden;\n background-color: var(--card-background-color);\n box-shadow: var(--shadow-elevation-1dp);\n}\n\n@media (max-width: 600px) {\n paper-tab {\n min-width: auto;\n padding: 0 12px;\n font-size: 13px;\n }\n}\n\nsl-tab {\n flex: 1;\n text-align: center;\n}\n\n.bubble-badge.hoverable {\n cursor: pointer !important;\n transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;\n}\n\n.bubble-badge.hoverable:active {\n transform: translateY(0);\n}\n\n/* Back to top button */\n.back-to-top-button {\n position: sticky;\n bottom: 0px;\n right: 20px;\n width: 44px;\n height: 44px;\n border-radius: 50%;\n background-color: var(--primary-color);\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n box-shadow: 0 2px 6px rgba(0,0,0,0.3);\n transition: all 0.2s ease;\n z-index: 4;\n margin-left: auto;\n margin-top: 16px;\n}\n\n.back-to-top-button:hover {\n transform: translateY(-4px);\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n}\n\n.back-to-top-button:active {\n transform: translateY(0);\n box-shadow: 0 1px 3px rgba(0,0,0,0.3);\n}\n\n.back-to-top-button ha-icon {\n color: white !important;\n --mdc-icon-size: 22px;\n}\n\n.store-loading {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 42px;\n gap: 24px;\n position: relative;\n background-color: var(--card-background-color);\n border-radius: 16px;\n border: 1px solid var(--divider-color);\n box-shadow: var(--shadow-elevation-1dp);\n overflow: hidden;\n}\n\n.bubble-loading-icon {\n position: relative;\n width: 64px;\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 8px;\n}\n\n.icon-center-wrapper {\n position: absolute;\n top: 3px;\n left: 6px;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 2;\n}\n\n.bubble-loading-icon ha-icon {\n --mdc-icon-size: 26px;\n color: var(--primary-color);\n opacity: 0.9;\n animation: pulseAnimation 3s ease-in-out infinite;\n margin: 0;\n padding: 0;\n}\n\n.bubble-loading-orbit {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 2px dashed rgba(var(--rgb-primary-color), 0.2);\n border-radius: 50%;\n animation: orbitRotation 8s linear infinite;\n}\n\n.bubble-loading-satellite {\n position: absolute;\n width: 12px;\n height: 12px;\n background-color: var(--info-color);\n border-radius: 50%;\n top: -6px;\n left: calc(50% - 6px);\n box-shadow: 0 0 10px rgba(var(--rgb-info-color), 0.7);\n animation: pulseAnimation 2s ease-in-out infinite;\n transform-origin: center center;\n}\n\n.bubble-progress-container {\n width: 100%;\n max-width: 400px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n position: relative;\n}\n\n.bubble-progress-track {\n height: 10px;\n background-color: rgba(var(--rgb-primary-color), 0.12);\n border-radius: 10px;\n overflow: hidden;\n position: relative;\n backdrop-filter: blur(4px);\n box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n transition: all 0.3s ease;\n transform: translateZ(0);\n contain: paint;\n}\n\n.bubble-progress-bar {\n background: var(--info-color);\n border-radius: 10px;\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n min-width: 10px;\n}\n\n.bubble-progress-glow {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n\n.bubble-progress-percentage {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 14px;\n color: var(--primary-text-color);\n}\n\n.bubble-progress-text {\n font-weight: 500;\n}\n\n.bubble-progress-value {\n font-weight: 600;\n color: var(--primary-color);\n font-variant-numeric: tabular-nums;\n}\n\n.bubble-progress-dots {\n display: flex;\n gap: 4px;\n}\n\n.bubble-progress-dots .dot {\n width: 6px;\n height: 6px;\n border-radius: 50%;\n background-color: var(--primary-color);\n opacity: 0.5;\n}\n\n.bubble-progress-dots .dot:nth-child(1) {\n animation: dotAnimation 1.4s ease-in-out infinite;\n}\n\n.bubble-progress-dots .dot:nth-child(2) {\n animation: dotAnimation 1.4s ease-in-out 0.2s infinite;\n}\n\n.bubble-progress-dots .dot:nth-child(3) {\n animation: dotAnimation 1.4s ease-in-out 0.4s infinite;\n}\n\n@keyframes orbitRotation {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes pulseAnimation {\n 0%, 100% {\n transform: scale(1);\n opacity: 0.9;\n }\n 50% {\n transform: scale(1.1);\n opacity: 1;\n }\n}\n\n@keyframes glowAnimation {\n 0% {\n --x: 0%;\n opacity: 0.5;\n }\n 50% {\n --x: 100%;\n opacity: 1;\n }\n 100% {\n --x: 0%;\n opacity: 0.5;\n }\n}\n\n@keyframes dotAnimation {\n 0%, 100% {\n transform: translateY(0);\n opacity: 0.5;\n }\n 50% {\n transform: translateY(-4px);\n opacity: 1;\n }\n}\n\n/* Styles for the supported cards selector */\n.checkbox-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 12px;\n margin-bottom: 8px;\n}\n\n@media (max-width: 600px) {\n .checkbox-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n}\n\n/* Module Editor Styles */\n.module-actions {\n display: flex;\n gap: 8px;\n margin-left: auto;\n}\n\n.module-editor-form .card-content {\n display: grid;\n grid-gap: 16px;\n padding: 0;\n}\n\n.module-editor-form h3 {\n margin: 8px 0;\n color: var(--primary-text-color);\n font-size: 18px;\n font-weight: 500;\n}\n\n.module-editor-form h4:not(.bubble-section-title) {\n margin: 0 !important;\n font-size: 16px;\n}\n\n.module-editor-form ha-code-editor {\n max-height: 600px;\n width: 100%;\n max-width: 100%;\n border: 1px solid var(--divider-color);\n border-radius: 4px;\n overflow: scroll !important;\n box-sizing: border-box;\n display: block;\n}\n\n.module-editor-form ha-code-editor::part(editor) {\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.module-editor-form ha-code-editor .monaco-editor {\n width: 100% !important;\n max-width: 100% !important;\n}\n\n.module-editor-form ha-code-editor .monaco-editor .monaco-editor-background {\n width: 100% !important;\n}\n\n.module-editor-form ha-code-editor .monaco-editor .overflow-guard {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.module-editor-form ha-code-editor .monaco-editor .monaco-scrollable-element {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.css-editor-container {\n width: 100%;\n max-width: 100%;\n max-height: 500px;\n overflow-x: auto;\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.css-editor-container ha-code-editor {\n width: 100%;\n max-width: 100%;\n overflow: hidden;\n box-sizing: border-box;\n display: block;\n}\n\n.css-editor-container ha-code-editor::part(editor) {\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.css-editor-container ha-code-editor .monaco-editor {\n width: 100% !important;\n max-width: 100% !important;\n}\n\n.css-editor-container ha-code-editor .monaco-editor .monaco-editor-background {\n width: 100% !important;\n}\n\n.css-editor-container ha-code-editor .monaco-editor .overflow-guard {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.css-editor-container ha-code-editor .monaco-editor .monaco-scrollable-element {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.module-editor-form ha-textarea {\n width: 100%;\n}\n\n.module-actions .icon-button {\n width: 36px;\n height: 36px;\n border-radius: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n}\n\n.module-actions .icon-button {\n background: none;\n}\n\n.module-actions .icon-button ha-icon {\n --mdc-icon-size: 18px;\n}\n\n.code-editor-container, .editor-schema-container {\n position: relative;\n margin-bottom: 8px;\n overflow-x: auto;\n overflow-y: visible;\n width: 100%;\n max-width: 100%;\n box-sizing: border-box;\n}\n\n.code-editor-container ha-code-editor,\n.editor-schema-container ha-code-editor {\n height: auto; \n width: 100%;\n max-width: 100%;\n border: 1px solid var(--divider-color);\n border-radius: 4px;\n overflow: hidden;\n box-sizing: border-box;\n display: block;\n}\n\n.code-editor-container ha-code-editor::part(editor),\n.editor-schema-container ha-code-editor::part(editor) {\n width: 100%;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.code-editor-container ha-code-editor .monaco-editor,\n.editor-schema-container ha-code-editor .monaco-editor {\n width: 100% !important;\n max-width: 100% !important;\n}\n\n.code-editor-container ha-code-editor .monaco-editor .monaco-editor-background,\n.editor-schema-container ha-code-editor .monaco-editor .monaco-editor-background {\n width: 100% !important;\n}\n\n.code-editor-container ha-code-editor .monaco-editor .overflow-guard,\n.editor-schema-container ha-code-editor .monaco-editor .overflow-guard {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.code-editor-container ha-code-editor .monaco-scrollable-element,\n.editor-schema-container ha-code-editor .monaco-scrollable-element {\n width: 100% !important;\n max-width: 100% !important;\n overflow-x: auto !important;\n}\n\n.form-preview {\n border: 1px solid var(--divider-color);\n border-radius: 8px;\n padding: 16px;\n}\n\n.form-preview h4 {\n margin-top: 0;\n margin-bottom: 16px;\n color: var(--primary-color);\n display: flex;\n align-items: center;\n}\n\n.form-preview-container {\n padding: 8px;\n border-radius: 4px;\n}\n\n@keyframes pulse {\n 0% {\n opacity: 0.7;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n opacity: 0.7;\n }\n}\n\n.export-section {\n margin-top: 12px;\n}\n\n.export-buttons {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 8px;\n margin-bottom: 16px;\n}\n\n.export-buttons .icon-button {\n flex: 1;\n min-width: 160px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 10px 16px;\n}\n\n.export-preview {\n margin-top: 12px;\n padding: 8px;\n border: 1px solid var(--divider-color);\n border-radius: 8px;\n max-height: 300px;\n overflow: auto;\n background: var(--secondary-background-color);\n}\n\n.export-preview pre {\n margin: 0;\n white-space: pre-wrap;\n font-family: monospace;\n font-size: 12px;\n line-height: 1.4;\n padding: 8px;\n}\n\nha-expansion-panel {\n --input-fill-color: none;\n scroll-margin-top: 64px;\n contain: inline-size;\n overflow: clip;\n}\n\nha-expansion-panel > .content,\nha-expansion-panel .content {\n min-width: 0;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: visible;\n box-sizing: border-box;\n}\n\nha-yaml-editor,\nha-code-editor {\n min-width: 0;\n max-width: 100%;\n width: 100%;\n display: block;\n box-sizing: border-box;\n contain: inline-size;\n}\n\n@keyframes highlight {\n 0% { background-color: var(--primary-color); }\n 100% { background-color: transparent; }\n}\n\nha-expansion-panel.recently-toggled {\n animation: highlight 2s;\n}\n\n.helper-text {\n display: block;\n color: var(--secondary-text-color);\n font-size: 12px;\n margin-top: -4px;\n margin-bottom: 8px;\n}\n\n.helper-text a {\n color: var(--primary-color);\n}\n\n.helper-text a:hover {\n opacity: 0.8;\n}\n\n.bubble-info > div {\n --mdc-icon-size: 18px;\n}\n\nha-formfield.apply-module-button {\n height: 40px;\n border-radius: 32px;\n padding: 0 16px;\n background-color: rgba(0, 0, 0, 0.1);;\n}\n\n.module-editor-buttons-container {\n display: flex; \n gap: 8px; \n justify-content: flex-end;\n position: sticky;\n bottom: -24px;\n background-color: var(--card-background-color);\n padding: 8px 0;\n}\n\n.module-editor-content--ha-tab-group.module-editor-content--ha-tab-group-modern .module-editor-buttons-container {\n bottom: -8px;\n padding-bottom: 12px;\n}\n\n.module-toggles-container {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.module-toggles-label {\n font-size: 0.85em;\n font-weight: 500;\n color: var(--secondary-text-color);\n padding-left: 4px;\n margin-bottom: -4px;\n}\n\n.module-toggles {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 8px;\n}\n\n.module-badges {\n display: inline-flex;\n margin-left: auto;\n gap: 4px;\n}\n\n/* Module status icon */\n.module-status-icon {\n opacity: 0.3;\n transition: opacity 0.2s ease, color 0.2s ease;\n}\n\n.module-status-icon--opaque {\n opacity: 1;\n}\n\n.module-status-icon--active {\n color: var(--info-color) !important;\n}\n\n.module-badges .update-badge {\n margin-left: 0 !important;\n}\n\n.global-badge {\n background-color: transparent !important;\n border: 1px solid rgb(0, 220, 80);\n padding: 1px 3px !important;\n}\n\n.update-badge + .global-badge {\n margin-left: 4px !important;\n}\n\n.toggle-badge {\n cursor: pointer !important;\n border: 1px solid var(--primary-text-color);\n}\n\n/* My Modules Search and Sort Controls */\n.my-modules-controls {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-bottom: 16px;\n background-color: var(--card-background-color);\n border-radius: 16px;\n padding: 16px;\n border: 1px solid var(--divider-color);\n box-shadow: var(--shadow-elevation-1dp);\n}\n\n.my-modules-top-row {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.my-modules-search {\n flex: 1;\n display: flex;\n align-items: center;\n border-radius: 32px;\n overflow: hidden;\n}\n\n.my-modules-search ha-textfield,\n.my-modules-search ha-input,\n.my-modules-search ha-form,\n.my-modules-search ha-input-search {\n flex-grow: 1;\n width: 100%;\n --ha-input-padding-bottom: 0;\n}\n\n/* Legacy search icon styling (pre-2026.5) */\n.my-modules-search ha-textfield::part(prefix) {\n padding-left: 8px;\n}\n\n.my-modules-search ha-textfield .leading-icon {\n color: var(--primary-text-color);\n}\n\n.my-modules-sort-menu {\n display: flex;\n align-items: center;\n}\n\n\n.unsupported-modules-warning {\n margin: 0;\n}\n\n.my-modules-sort-menu .sort-trigger {\n background: none;\n padding: 0;\n margin: 0 4px;\n}\n\n.my-modules-sort-menu mwc-list-item[selected] {\n background-color: rgba(var(--rgb-primary-color), 0.12) !important;\n}\n\n.my-modules-sort-menu mwc-list-item[selected]:hover {\n background-color: rgba(var(--rgb-primary-color), 0.18) !important;\n}\n\nmwc-icon-button ha-icon {\n line-height: 100% !important;\n}\n'+D)}
|
||
`}static _resizeObserver=null;static _editorInstanceMap=new WeakMap;_getBubbleCardFromPreview(){try{if(this._previewCardRoot){const e=this._previewCardRoot.host||this._previewCardHost;if(e?.isConnected||this._previewCardRoot.isConnected)return this._previewCardRoot}if(this._previewCardHost?.isConnected)return this._previewCardHost.shadowRoot||this._previewCardHost.getRootNode?.()||null;const e=this._getEditorPreviewContainer();if(e){const t=this._deepQuerySelector(e,"bubble-card"),n=t?.shadowRoot||null;if(n)return this._previewCardHost=t,this._previewCardRoot=n,n}}catch(e){return null}}_setupAutoRowsObserver(){const e=void 0!==this._config?.grid_options?.rows&&null!==this._config?.grid_options?.rows&&""!==this._config?.grid_options?.rows;if(!this._config||e||!1===this._rowsAutoMode)return;const t=this._getBubbleCardFromPreview();if(!t)return;const n=[t.querySelector(".bubble-sub-button-bottom-container"),t.querySelector(".bubble-buttons-container.bottom-fixed"),t.querySelector(".bubble-sub-button-container")].filter(Boolean);oi._resizeObserver||(oi._resizeObserver=new ResizeObserver(e=>{for(const t of e){const e=oi._editorInstanceMap.get(t.target);if(e){const t=e._getBubbleCardFromPreview();t&&e._computeAndApplyRows(t)}}})),this._observedElements&&this._observedElements.forEach(e=>{n.includes(e)||(oi._resizeObserver.unobserve(e),oi._editorInstanceMap.delete(e))}),n.forEach(e=>{this._observedElements?.includes(e)||(oi._resizeObserver.observe(e),oi._editorInstanceMap.set(e,this))}),this._observedElements=n,requestAnimationFrame(()=>{const e=this._getBubbleCardFromPreview();e&&this._computeAndApplyRows(e)})}_hasCustomHeightStyles(){const e=[/\.bubble-container[^{]*\{[^}]*aspect-ratio\s*:/i,/\.bubble-container[^{]*\{[^}]*height\s*:\s*100%/i,/\.bubble-container[^{]*\{[^}]*height\s*:\s*\d+(\.\d+)?\s*(px|em|rem|vh|vw|%)/i],t=t=>!(!t||"string"!=typeof t)&&e.some(e=>e.test(t));if(this._config?.styles&&t(this._config.styles))return!0;try{if(a.Ki&&a.Ki.size>0){const e=new Set,n=new Set;Array.isArray(this._config?.modules)?this._config.modules.forEach(t=>{"string"==typeof t&&t.startsWith("!")?n.add(t.substring(1)):"string"==typeof t&&e.add(t)}):this._config?.modules&&"string"==typeof this._config.modules&&(this._config.modules.startsWith("!")?n.add(this._config.modules.substring(1)):e.add(this._config.modules)),a.Ki.has("default")&&!n.has("default")&&e.add("default"),a.Ki.forEach((t,o)=>{t&&"object"==typeof t&&!0===t.is_global&&!n.has(o)&&e.add(o)});for(const n of e){const e=a.Ki.get(n);if(e&&t("object"==typeof e?e.code:e))return!0}}}catch(e){}return!1}_computeAndApplyRows(e){try{if(!e||!1===this._rowsAutoMode||!this._config)return{applied:!1};if(this._hasCustomHeightStyles()){if(void 0!==this._config.rows&&!1!==this._rowsAutoMode){const e={...this._config};delete e.rows,this._config=e,(0,s.rC)(this,"config-changed",{config:e})}return{applied:!1}}const t="calendar"===this._config.card_type,n="separator"===this._config.card_type,o=e.querySelector(".bubble-sub-button-bottom-container"),i=e.querySelector(".bubble-buttons-container.bottom-fixed"),a=e.querySelector(".bubble-sub-button-container"),r=e.querySelector(".bubble-content-container"),l=o?o.getBoundingClientRect().height:0,c=i?i.getBoundingClientRect().height:0,d=a?a.getBoundingClientRect().height:0,u={bottomSub:Math.round(l),bottomMain:Math.round(c),mainSub:Math.round(d)};if(this._lastMeasuredHeights){const e=1,t=Math.abs(u.bottomSub-this._lastMeasuredHeights.bottomSub),n=Math.abs(u.bottomMain-this._lastMeasuredHeights.bottomMain),o=Math.abs(u.mainSub-this._lastMeasuredHeights.mainSub);if(t<e&&n<e&&o<e)return{applied:!1}}if(this._lastMeasuredHeights=u,t&&!(l>0||c>0)){if(this._firstRowsComputation=!0,1!==this._config.rows){const e={...this._config,rows:1};this._config=e,(0,s.rC)(this,"config-changed",{config:e})}return}const p=e.querySelector(".bubble-container");p&&p.getBoundingClientRect();let b=!1;r&&(b=Array.from(r.children||[]).some(e=>{const t=e.getBoundingClientRect(),n=getComputedStyle(e);return t.width>0&&t.height>0&&"none"!==n.display&&"hidden"!==n.visibility&&"0"!==n.opacity}));const h=d>0,m=(()=>{const e=this._config?.sub_button;return!!e&&(!Array.isArray(e)&&(Array.isArray(e.bottom)?e.bottom:[]).some(e=>!!e))})();let f=l+c;f<=0&&m&&(f=46);const g=e=>{if(!e)return 0;try{const t=getComputedStyle(e),n=parseFloat(t.bottom);return Number.isFinite(n)?Math.max(0,n):0}catch(e){return 0}};i&&l>0&&(f+=g(i));let y=0;if(h){y=d;const e=getComputedStyle(a),t=parseFloat(e.marginTop)||0,n=parseFloat(e.marginBottom)||0;y+=t+n+(parseFloat(e.paddingTop)||0)+(parseFloat(e.paddingBottom)||0)}const v=f>0,_=v?46:36;y>0&&(y=Math.max(y,_));const w=p||e?getComputedStyle(p||e):null,x=w?w.getPropertyValue("--row-height"):"",C=parseFloat(x)||56,k=w?w.getPropertyValue("--row-gap"):"",$=C+(parseFloat(k)||8),S="separator"===this._config.card_type?.8:1;let A;const L=v&&!h&&(b||t||n),E=f+y;if(E>0||L){const e=Number.isFinite($)&&$>0?$:C,t=(L?46:0)-36+("sub-buttons"===this._config.card_type?-4:0);A=S+Math.ceil((E||0)+t)/e,A=Math.max(.1,Math.round(1e3*A)/1e3)}else A=void 0;const T=this._config.rows;if(A===T||void 0===A&&void 0===T)return this._firstRowsComputation=!0,{applied:!1};if("number"==typeof A&&"number"==typeof T&&Math.abs(A-T)<.01)return{applied:!1};if(A===S&&void 0===T)return{applied:!1};if(!1===this._rowsAutoMode)return{applied:!1};const M={...this._config};return void 0===A?delete M.rows:M.rows=A,this._config=M,this._firstRowsComputation?((0,s.rC)(this,"config-changed",{config:M}),{applied:!0,rows:M.rows}):(this._firstRowsComputation=!0,{applied:!1,skippedFirst:!0})}catch(e){}return{applied:!1}}_initializeLists(e){let t=[];0===Object.keys(this._entityCache).length?Object.keys(this.hass.states).forEach(e=>{const n=this.hass.states[e],o=e.split(".")[0];this._entityCache[o]||(this._entityCache[o]=[]),this._entityCache[o].push(e),this._selectable_attributes.some(e=>n.attributes?.[e])&&(t.includes(e)||t.push(e))}):(["input_select","select"].forEach(e=>{this._entityCache[e]&&(t=[...t,...this._entityCache[e]])}),Object.keys(this.hass.states).forEach(e=>{const n=this.hass.states[e];this._selectable_attributes.some(e=>n.attributes?.[e])&&(t.includes(e)||t.push(e))})),["input_select","select"].forEach(e=>{this._entityCache[e]&&this._entityCache[e].forEach(e=>{t.includes(e)||t.push(e)})}),t=[...new Set(t)];const n={};t.forEach(e=>{this.hass.states[e]&&(n[e]=this.hass.states[e])}),this.inputSelectList={...this.hass},this.inputSelectList.states=n,this._entity?this._entity===this._cachedAttributeListEntity&&this._cachedAttributeList?this.attributeList=this._cachedAttributeList:(this.attributeList=Object.keys(this.hass.states[this._entity]?.attributes||{}).map(e=>{let t=this.hass.states[this._entity];return{label:this.hass.formatEntityAttributeName(t,e),value:e}}),this._cachedAttributeList=this.attributeList,this._cachedAttributeListEntity=this._entity):(this.attributeList=[],this._cachedAttributeList=null,this._cachedAttributeListEntity=null);const o=e("editor.calendar.name");(!this.cardTypeList||this._cachedCalendarLabel&&this._cachedCalendarLabel!==o)&&(this.cardTypeList=[{label:"Button (Switch, slider, ...)",value:"button"},{label:o,value:"calendar"},{label:"Cover",value:"cover"},{label:"Climate",value:"climate"},{label:"Empty column",value:"empty-column"},{label:"Horizontal buttons stack",value:"horizontal-buttons-stack"},{label:"Media player",value:"media-player"},{label:"Pop-up",value:"pop-up"},{label:"Select",value:"select"},{label:"Separator",value:"separator"},{label:"Sub-buttons only",value:"sub-buttons"}],this._cachedCalendarLabel=o)}_getHomeAssistantHost(){try{return document.querySelector("body > home-assistant")||null}catch(e){return null}}_getActiveEditCardDialog(){try{return this._getHomeAssistantHost()?.shadowRoot?.querySelector("hui-dialog-edit-card")||null}catch(e){return null}}_getActiveLovelace(){const e=this._getActiveEditCardDialog();if(e?._params?.lovelace)return e._params.lovelace;const t=this._getHomeAssistantHost();if(!t)return null;try{const e=this._deepQuerySelector(t.shadowRoot,"hui-root");return e?.lovelace||null}catch(e){return null}}_getActiveLovelaceViewIndex(){const e=e=>{if(null==e||""===e)return null;const t="number"==typeof e?e:Number(e);return Number.isInteger(t)&&t>=0?t:null},t=e(this._getActiveEditCardDialog()?._params?.viewIndex);if(null!==t)return t;const n=this._getHomeAssistantHost();if(!n)return null;try{const t=this._deepQuerySelector(n.shadowRoot,"hui-root");return[t?._viewIndex,t?.viewIndex,t?._selectedView,t?.selectedView,t?.lovelace?.current_view].map(e).find(e=>null!==e)??null}catch(e){return null}}_getActiveLovelaceConfig(){const e=this._getActiveLovelace();return e?.rawConfig||e?.config?e.rawConfig||e.config:this._getActiveEditCardDialog()?._params?.lovelaceConfig||null}_captureStandaloneParentDialogParams(){const e=this._getActiveEditCardDialog(),t=e?._params;return t?function(e,t){if(!e)return null;const n=Rt(t||e.cardConfig||{}),o=e.cardConfig||n,i=Wt(o,n)||[],a=Rt(i.length>0?o:n);return{...e,cardConfig:a,_originalCardConfig:Rt(a),_standalonePopupConfig:n,_standalonePopupPathInDialog:i}}(t,this._config):null}_extractCardsFromStandaloneLovelaceConfig(e){const t=e?.views?.[0]?.sections?.[0]?.cards;return Array.isArray(t)?t:Array.isArray(e?.views?.[0]?.cards)?e.views[0].cards:[]}_showStandaloneDialogParams(e,t){if(!e||!t||"function"!=typeof e.showDialog)return!1;try{return jt(e),e.showDialog(t),!0}catch(e){return!1}}_reopenStandaloneParentDialog(e,t,n=null){if(!e)return!1;const o=function(e,t){if(!e)return null;const n=e._standalonePopupPathInDialog,o=function(e,t){const n=e?._standalonePopupConfig;return n&&t&&n.card_type&&!t.card_type?{...Rt(n),...Rt(t)}:Rt(t)}(e,t||e.cardConfig||{});let i=o;return Array.isArray(n)&&n.length>0&&(i=function(e,t,n){if(!Array.isArray(t)||0===t.length)return Rt(n);const o=Rt(e);let i=o;for(let e=0;e<t.length-1;e+=1)if(i=i?.[t[e]],void 0===i)return o;return i[t[t.length-1]]=Rt(n),o}(e.cardConfig||e._originalCardConfig||{},n,o)),{...e,cardConfig:i}}(e,t);if(!o)return!1;let i=null;if(this._showStandaloneDialogParams(n,o))i=n;else{const e=this._getActiveEditCardDialog();this._showStandaloneDialogParams(e,o)&&(i=e)}if(i)return this._applyPopupEditorTabState(i),!0;const a=this._getHomeAssistantHost();return!!a&&(setTimeout(()=>{(0,s.rC)(a,"show-dialog",{dialogTag:"hui-dialog-edit-card",dialogImport:()=>Promise.resolve(),dialogParams:{...o}})},0),!0)}_applyPopupEditorTabState(e){const t=()=>{try{jt(e);const t=Ht(e);if(!t)return;this._injectHideTabsStyle(t.shadowRoot)}catch(e){}};t(),setTimeout(t,0)}_injectHideTabsStyle(e){if(!e||e.querySelector("#bubble-card-hide-tabs"))return;const t=document.createElement("style");t.id="bubble-card-hide-tabs",t.textContent="ha-tab-group { display: none !important; }",e.appendChild(t)}_openStandaloneChildDialogInCurrentEditor(e,t,n){const o=this._getActiveEditCardDialog();if(!o||!e)return!1;let i=null;const a=()=>{i&&(clearTimeout(i),i=null)},r=()=>{a(),window.removeEventListener("dialog-closed",l,!0),s()},s=function(e,t){if(!e||"function"!=typeof t)return()=>{};const n=Object.prototype.hasOwnProperty.call(e,"closeDialog"),o=e.closeDialog,i=()=>{e.closeDialog===a&&(n?e.closeDialog=o:delete e.closeDialog)};function a(...n){i();const a=function(...t){return"function"==typeof o&&o.call(e,...t)}(...n);return!!a&&(t(),!0)}return e.closeDialog=a,i}(o,()=>{const e=this._reopenStandaloneParentDialog(t,n(),o);return e&&(a(),i=setTimeout(()=>{r()},500)),e}),l=e=>{"hui-dialog-edit-card"===e?.detail?.dialog&&(r(),this._reopenStandaloneParentDialog(t,n(),o))};window.addEventListener("dialog-closed",l,!0);try{jt(o);try{o.shadowRoot?.querySelector("hui-card-element-editor")?.shadowRoot?.querySelector("#bubble-card-hide-tabs")?.remove()}catch(e){}return o.showDialog(e),!0}catch(e){return r(),!1}}async _dispatchStandaloneSectionDialog(e,t,n,o){const i=this._getHomeAssistantHost();if(!i)return!1;const a={type:"grid",cards:[...e]},r=document.createElement("hui-section");r.style.display="none",r.hass=this.hass,r.index=0,r.viewIndex=0,r.config=a,r.lovelace={config:{views:[{path:"bubble-card-standalone",title:"Bubble Card",sections:[a]}]},editMode:!0,saveConfig:async e=>{await o(e)}},i.appendChild(r);try{"function"==typeof r._initializeConfig?await r._initializeConfig():await r.updateComplete;const e=r._layoutElement;return!!e&&(e.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0,detail:n})),!0)}catch(e){return console.error("Bubble Card Editor: failed to open standalone pop-up dialog",e),!1}finally{setTimeout(()=>r.remove(),0)}}async _openStandaloneCardDialog(e){const t=this._getHomeAssistantHost();jt(this._getActiveEditCardDialog());const n=this._captureStandaloneParentDialogParams();if(!t||!n)return!1;let o={...this._config,cards:[...this._config?.cards||[]]};const i=async e=>{o={...o,cards:this._extractCardsFromStandaloneLovelaceConfig(e)},this._config=o};if("add"===e?.type){let e=null;const a=t=>{"hui-dialog-edit-card"===t?.detail?.dialogTag&&(e=t.detail?.dialogParams,t.stopImmediatePropagation?.(),t.stopPropagation())},r=i=>{"hui-dialog-create-card"===i?.detail?.dialog&&(t.removeEventListener("show-dialog",a,!0),window.removeEventListener("dialog-closed",r,!0),e&&setTimeout(()=>{this._openStandaloneChildDialogInCurrentEditor(e,n,()=>o)},0))};t.addEventListener("show-dialog",a,!0),window.addEventListener("dialog-closed",r,!0);const s=await this._dispatchStandaloneSectionDialog(o.cards,"ll-create-card",void 0,i);return s||(t.removeEventListener("show-dialog",a,!0),window.removeEventListener("dialog-closed",r,!0)),s}const a=e=>{"hui-dialog-edit-card"===e?.detail?.dialogTag&&(t.removeEventListener("show-dialog",a,!0),e.stopImmediatePropagation?.(),e.stopPropagation(),this._openStandaloneChildDialogInCurrentEditor(e.detail?.dialogParams,n,()=>o))};t.addEventListener("show-dialog",a,!0);const r=await this._dispatchStandaloneSectionDialog(o.cards,"ll-edit-card",{path:[0,0,e.index]},i);return r||t.removeEventListener("show-dialog",a,!0),r}_handleCardContext(e){try{const t=e?.detail;if(!t)return;const n=t.context||t.card?.closest?.("bubble-card")||t.card?.getRootNode?.()?.host||null,o=t.context?.shadowRoot||n?.shadowRoot||t.card?.getRootNode?.()||null;if(!o)return;const i=this._scoreCardContext(t),a=this._previewCardHost?.isConnected,r=!!n&&n===this._previewCardHost;if(i<this._previewCardScore)return;if(i===this._previewCardScore&&r&&a)return;this._previewCardScore=i,this._previewCardRoot=o,this._previewCardHost=n||o.host||null;const l=this._previewCardHost;if(Array.isArray(t?.config?.cards)&&l){const e=e=>{this._openStandaloneCardDialog(e)};l._standaloneCardsUpdater=e=>{this._config={...this._config,cards:e},(0,s.rC)(this,"config-changed",{config:this._config})},l._standaloneOpenCardDialog=e,this._rememberStandaloneOpenCardDialog(t.config,e)}this._setupAutoRowsObserver()}catch(e){}}_scoreCardContext(e){const t=e?.config||{},n=this._config||{};let o=0;return(e?.isEditor||e?.editMode)&&(o+=5),t.card_type&&t.card_type===n.card_type&&(o+=4),t.entity&&t.entity===n.entity&&(o+=3),t.hash&&t.hash===n.hash&&(o+=2),t.button_type&&t.button_type===n.button_type&&(o+=1),o}_rememberStandaloneOpenCardDialog(e,t){try{if("undefined"==typeof window||"function"!=typeof t)return;const n=this._normalizePopupHash(e?.hash||this._config?.hash);if(!n)return;window.__bubbleStandalonePopupEditorOpeners=window.__bubbleStandalonePopupEditorOpeners||new Map,window.__bubbleStandalonePopupEditorOpeners.set(n,t)}catch(e){}}_normalizePopupHash(e){if("string"!=typeof e)return"";const t=e.trim();return t?t.startsWith("#")?t:`#${t}`:""}_resetPreviewCardReference(){this._previewCardRoot=null,this._previewCardHost=null,this._previewCardScore=-1/0,this._lastMeasuredHeights=null}}function ii(e){const t=e.elements?.popUpContainer;t&&(t.querySelector(".bubble-editor-placeholder")||t.appendChild(function(e){const t=(0,s.n)("div","bubble-editor-placeholder"),n=gn(e.config),o=(0,s.n)("ha-icon");o.icon="mdi:information-outline";const i=(0,s.n)("div","bubble-editor-placeholder-info"),a=(0,s.n)("div","bubble-editor-placeholder-header"),r=(0,s.n)("div","bubble-editor-placeholder-hash");if(r.textContent=e.config.hash||"No hash defined",a.appendChild(r),n){const e=(0,s.n)("span","bubble-badge bubble-editor-placeholder-badge"),t=(0,s.n)("ha-icon");t.icon="mdi:swap-horizontal-bold",e.appendChild(t),e.appendChild(document.createTextNode("Migration available")),e.title="Migration available",a.appendChild(e)}const l=(0,s.n)("div","bubble-editor-placeholder-hint");return l.textContent="Content hidden in edit mode for performance",i.appendChild(a),i.appendChild(l),t.appendChild(o),t.appendChild(i),t}(e)),t.classList.add("has-placeholder"))}function ai(e){const t=e.elements?.popUpContainer;t&&(t.classList.remove("has-placeholder"),t.querySelector(".bubble-editor-placeholder")?.remove())}function ri(e){if(e.isStandalonePopUp)return void ii(e);if(!e.elements?.popUpContainer||e.storedContent)return;const t=e.elements.popUpContainer,n=document.createDocumentFragment();[...t.children].filter(e=>"STYLE"!==e.tagName).forEach(e=>n.appendChild(e)),e.storedContent=n,ii(e)}function si(e){if(e.isStandalonePopUp)return void ai(e);if(!e.elements?.popUpContainer||!e.storedContent)return;const t=e.elements.popUpContainer;ai(e),t.appendChild(e.storedContent),e.storedContent=null}function li(e){if(!e.verticalStack&&!e.isStandalonePopUp||!e.popUp)return!1;const t=e.editor||e.detectedEditor;let n=!1;if(!t&&!e.editorAccess)return n;const{popUp:o,sectionRow:i,sectionRowContainer:a,elements:r,config:l}=e,c=function(e){if(!e.editor&&!e.detectedEditor)return!1;const t=["hui-card-preview","hui-section-preview","element-preview"];try{let n=e.popUp;for(;n;){if(n.tagName&&t.includes(n.tagName.toLowerCase()))return!0;if(n.classList?.contains("element-preview"))return!0;if(n.parentNode)n=n.parentNode;else{if(!(n.getRootNode()instanceof ShadowRoot))break;n=n.getRootNode().host}}}catch(e){}return!1}(e),d="hui-card"===i?.tagName?.toLowerCase();e.bubbleInstanceId=e.bubbleInstanceId||Math.random().toString(36).slice(2,15),window.bubbleNewlyCreatedInstances=window.bubbleNewlyCreatedInstances||new Set;const u=window.bubbleNewlyCreatedInstances.has(e.bubbleInstanceId)||window.bubbleNewlyCreatedHashes?.has(l.hash)&&c;if(u&&c&&window.bubbleNewlyCreatedInstances.add(e.bubbleInstanceId),t&&d&&a&&je(e),t){e.editorAccess||(clearTimeout(e.hideContentTimeout),e.hideContentTimeout=null,(0,s.qo)(!1),o.classList.remove("is-popup-opened"),o.classList.add("is-popup-closed","editor"),o.style.display="",o.style.visibility="",r?.content?.classList.add("popup-content-in-editor-mode"),de(e,!0),e.editorAccess=!0,function(e){const{hideBackdrop:t}=H(e),n=e.detectedEditor;if(e.editor||n)return t(),clearTimeout(e.removeDomTimeout),void(n||function(e){if(e.observer&&(e.observer.disconnect(),e.observer=null),e.sectionRow){const t=new IntersectionObserver(t=>{t.forEach(t=>{const n=e.editor||e.detectedEditor;t.isIntersecting&&!e.isStandalonePopUp&&!e.verticalStack.contains(e.popUp)&&n&&e.verticalStack.appendChild(e.popUp)})},{rootMargin:"100px",threshold:.01});t.observe(e.sectionRow),e.observer=t}}(e));e.observer&&(e.observer.disconnect(),e.observer=null)}(e)),window.__bubblePopupEditorDialogListenerAdded||(window.addEventListener("dialog-closed",()=>{setTimeout(()=>{window.bubbleNewlyCreatedInstances?.clear(),window.bubbleNewlyCreatedHashes?.clear(),window.dispatchEvent(new Event("location-changed"))},100)},{capture:!0}),window.__bubblePopupEditorDialogListenerAdded=!0);const t=c||u;return e.isStandalonePopUp?(se(e,t),t?si(e):ri(e),le(e),n=!0):t?si(e):ri(e),n}if(e.editorAccess){r?.content?.classList.remove("popup-content-in-editor-mode"),si(e),e.observer&&(e.observer.disconnect(),e.observer=null);const t=l.hash?l.hash.startsWith("#")?l.hash:`#${l.hash}`:"";e.isStandalonePopUp&&(se(e,t?location.hash===t:o.classList.contains("is-popup-opened")),le(e),n=!0),t&&location.hash===t?(o.classList.remove("editor","is-popup-closed"),o.classList.add("is-popup-opened"),(0,s.qo)(!0)):(o.classList.remove("editor"),e.isStandalonePopUp?(o.style.display="",o.style.visibility="",Re(e)):(de(e,!1),ce(e,0))),e.editorAccess=!1}return n}function ci(e){null!=e?._styleUpdateFrame&&("function"==typeof cancelAnimationFrame&&cancelAnimationFrame(e._styleUpdateFrame),e._styleUpdateFrame=null)}function di(e,t){if(ci(e),"function"==typeof requestAnimationFrame)e._styleUpdateFrame=requestAnimationFrame(()=>{e._styleUpdateFrame=null,!1!==e.isConnected&&t()});else{if(!1===e.isConnected)return;t()}}function ui(e){const{backdropCustomStyle:t,updateBackdropStyles:n}=H(e),o=e.popUp?.classList?.contains("is-opening")||e.popUp?.classList?.contains("is-closing"),i=function(e){const t=e.config||{},n=location.pathname||"",o=!!e.editor,i=!!e.detectedEditor,a=t.popup_mode??"",r=t.performance_mode??"",s=!!t.with_bottom_offset,l=t.popup_style??"",c=t.show_header??!0,d=t.show_previous_button??!1,u=t.show_close_button??!0,p=t.buttons_position??"",b=t.card_layout??"",h=t.rows??t.grid_options?.rows??"",m=t.main_buttons_position??"default",f=t.main_buttons_alignment??"end",g=t.main_buttons_full_width??"bottom"===m,y=t.sub_button||null,v=t.grid_options||null;return(e._lastPopupShellLocationPath!==n||e._lastPopupShellEditing!==o||e._lastPopupShellDetectedEditor!==i||e._lastPopupShellMode!==a||e._lastPopupShellPerformanceMode!==r||e._lastPopupShellBottomOffset!==s||e._lastPopupShellStyle!==l||e._lastPopupShellShowHeader!==c||e._lastPopupShellShowPreviousButton!==d||e._lastPopupShellShowCloseButton!==u||e._lastPopupShellButtonsPosition!==p||e._lastPopupShellCardLayout!==b||e._lastPopupShellRows!==h||e._lastPopupShellMainButtonsPosition!==m||e._lastPopupShellMainButtonsAlignment!==f||e._lastPopupShellMainButtonsFullWidth!==g||e._lastPopupShellSubButtonRef!==y||e._lastPopupShellGridOptionsRef!==v)&&(e._lastPopupShellLocationPath=n,e._lastPopupShellEditing=o,e._lastPopupShellDetectedEditor=i,e._lastPopupShellMode=a,e._lastPopupShellPerformanceMode=r,e._lastPopupShellBottomOffset=s,e._lastPopupShellStyle=l,e._lastPopupShellShowHeader=c,e._lastPopupShellShowPreviousButton=d,e._lastPopupShellShowCloseButton=u,e._lastPopupShellButtonsPosition=p,e._lastPopupShellCardLayout=b,e._lastPopupShellRows=h,e._lastPopupShellMainButtonsPosition=m,e._lastPopupShellMainButtonsAlignment=f,e._lastPopupShellMainButtonsFullWidth=g,e._lastPopupShellSubButtonRef=y,e._lastPopupShellGridOptionsRef=v,!0)}(e);i&&(0,s.JK)(e,e.popUp);const a=e._hass?.themes;var r,l;a!==e._lastSeenThemes&&(e._lastSeenThemes=a,e.updatePopupColor?.()),o?di(e,()=>P(e,e.popUp)):(ci(e),P(e,e.popUp)),o||"function"!=typeof n?o||di(e,()=>P(e,t)):n(),i&&(qe(e.popUp,e.config),Oe(e.popUp,e.config),r=e.popUp,l=e.config,r?.classList&&r.classList.toggle("popup-style-classic",function(e){return e?.popup_style===ve?ve:"bubble"}(l)===ve),function(e){const t=e.config.show_header??!0,n=e.config.show_previous_button??!1,o=e.config.show_close_button??!0,i="left"===e.config.buttons_position;e.popUp.classList.toggle("no-header",!t),e.popUp.classList.toggle("show-previous-button",n),e.popUp.classList.toggle("hide-close-button",!o),e.popUp.classList.toggle("no-header-actions",!(n||o)),e.popUp.classList.toggle("close-button-left",i)}(e))}function pi(e){const t=!e.hasPageLoaded;return e.hasPageLoaded=!0,t}function bi(e,t,n,o){e.config.hash!==location.hash?t&&(function(e){e._pendingPopupOpenSource="trigger"}(e),ct(e.config.hash)):t||!n||o||lt()}function hi(e){const t=function(e){const t=e.config.trigger;if(!t)return null;if(e._preparedTriggerSource===t&&e._preparedTriggerConditions)return e._preparedTriggerConditions;const n=(0,d.eC)(t)||[],o={conditions:n,isValid:n.length>0&&(0,d.db)(n)};return e._preparedTriggerSource=t,e._preparedTriggerConditions=o,o}(e);if(t){if(0===t.conditions.length)return void(e.previousTrigger=!1);if(t.isValid){const n=(0,d.XH)(t.conditions,e._hass);if(n===e.previousTrigger)return;bi(e,n,e.config.trigger_close??!0,pi(e)),e.previousTrigger=n}return}const n=function(e){const t=e.config.trigger_entity??"",n=e.config.trigger_state??"";if(!t||!n)return null;const o=e._hass.states[t]?.state;return e.oldTriggerEntityState===o?null:{entityState:o,trigger:o===n,triggerClose:e.config.trigger_close??!1}}(e);n&&(bi(e,n.trigger,n.triggerClose,pi(e)),e.oldTriggerEntityState=n.entityState)}customElements.define("bubble-card-editor",oi);var mi=n(314);function fi(e){let t=e.config.button_type;return"custom"===t&&(console.error('Buttons "custom" have been removed. Use either "switch", "slider", "state" or "name"'),t=""),e.config.entity?t||"switch":t||"name"}function gi(e){const t=e.config.entity;return(0,s.md)(e,"sensor",t)&&"%"===(0,s.D$)(e,"unit_of_measurement",t)}var yi=n(459);new WeakMap;var vi=n(653);function _i(e,t=e.content){const n=fi(e);"button"!==e.cardType&&e.buttonType!==n&&function(e,t=e.container){const n="button",o=fi(e),i="slider"===o,a={};a.slider={icon:!0,button:{tap_action:{action:(0,s.md)(e,"sensor")?"more-info":"toggle"},double_tap_action:{action:"none"},hold_action:{action:"none"}}},a.switch={icon:!0,button:{tap_action:{action:"toggle"},double_tap_action:{action:"none"},hold_action:{action:"more-info"}}},a.state={icon:{tap_action:{action:"more-info"},double_tap_action:{action:"none"},hold_action:{action:"none"}},button:{tap_action:{action:"more-info"},double_tap_action:{action:"none"},hold_action:{action:"more-info"}}},a.name={icon:{tap_action:{action:"none"},double_tap_action:{action:"none"},hold_action:{action:"none"}},button:{tap_action:{action:"none"},double_tap_action:{action:"none"},hold_action:{action:"none"}}},i&&!e.config.read_only_slider&&e.config.button_action?.hold_action?.action&&"none"!==e.config.button_action.hold_action.action&&(e.config={...e.config,button_action:{...e.config.button_action,hold_action:{action:"none"}}});const r=(0,vi.N0)(e,{type:n,appendTo:t,styles:".bubble-range-slider {\n display: flex;\n position: absolute;\n justify-content: space-between;\n align-items: center;\n height: 100%;\n width: 100%;\n cursor: ew-resize;\n border-radius: calc(var(--bubble-button-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2))));\n overflow: hidden;\n}\n\n.bubble-background {\n background-color: var(--bubble-button-background-color);\n border-radius: calc(var(--bubble-button-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2))));\n}\n\n.bubble-buttons-container {\n display: contents;\n}",withSlider:i,holdToSlide:i,readOnlySlider:gi(e),withFeedback:!e.config.tap_to_slide,withSubButtons:!0,iconActions:a[o]?.icon,buttonActions:!e.config.tap_to_slide&&a[o]?.button});r.background.classList.add("bubble-button-background"),r.mainContainer.classList.add("bubble-button-card-container"),r.cardWrapper.classList.add("bubble-button-card"),i&&r.mainContainer.classList.add("bubble-button-slider-container"),t!==e.container?e.buttonType=o:e.cardType=n}(e,t),"name"!==n&&(function(e){const t=(0,s.Gu)(e),n=e.config.card_type;"unavailable"===t?"button"===n?e.card.classList.add("is-unavailable"):"pop-up"===n&&e.elements.headerContainer.classList.add("is-unavailable"):"button"===n?e.card.classList.remove("is-unavailable"):"pop-up"===n&&e.elements.headerContainer.classList.remove("is-unavailable")}(e),function(e){const t=e.config.card_type,n=fi(e),o=(0,s.md)(e,"light"),i=(0,s.$C)(e),a=(0,s.m_)(e),r=(0,l.VA)(e),c="button"===t?e.card.style.getPropertyValue("--bubble-button-background-color"):e.popUp.style.getPropertyValue("--bubble-button-background-color"),d=e.elements.background?.style.opacity;let u="",p="";const b=e.config.use_accent_color;"switch"===n&&i?a?(u="var(--red-color, var(--error-color))",p="1"):r&&o&&!b?(u=(0,s.C$)(e,e.config.entity,!0,null,null),p=".7"):(u="var(--bubble-button-accent-color, var(--bubble-accent-color, var(--bubble-default-color)))",p="1"):(u="rgba(0, 0, 0, 0)",p=".5"),"slider"===n&&(0,yi.VM)(e),c===u&&d===p||function(e,t,n,o){const i=e.elements?.background;if(!i)return;const a="button"===o?e.card:e.popUp;a&&(a.style.setProperty("--bubble-button-background-color",t),i.style.opacity=n)}(e,u,p,t)}(e)),(0,mi.wd)(e),(0,mi.m9)(e),(0,mi.Uk)(e),(0,c.Kr)(e),"pop-up"!==e.cardType&&function(e){(0,s.JK)(e),P(e)}(e)}function wi(e,t){e&&t&&t.parentNode!==e&&e.appendChild(t)}function xi(e,t){if(!e||e._bubbleHeaderButtonBound)return;const n=e=>{e?.stopPropagation(),e?.preventDefault(),t(),(0,s.jp)("selection")};e.addEventListener("click",n),e.addEventListener("touchend",n),e.addEventListener("pointerdown",t=>{t.stopPropagation(),e.haRipple&&"function"==typeof e.haRipple.startPress&&e.haRipple.startPress(t)}),e.addEventListener("pointerup",()=>{e.haRipple&&"function"==typeof e.haRipple.endPress&&e.haRipple.endPress()}),e.addEventListener("pointercancel",()=>{e.haRipple&&"function"==typeof e.haRipple.endPress&&e.haRipple.endPress()}),e._bubbleHeaderButtonBound=!0}function Ci(e,t,n){const o=(0,s.n)("div",`bubble-header-action-button ${e}`),i=(0,s.n)("div","bubble-feedback-container"),a=(0,s.n)("div","bubble-feedback-element feedback-element"),r=(0,s.n)("span",`bubble-header-action-icon ${t}`);return i.appendChild(a),o.appendChild(i),r.innerHTML=n,o.appendChild(r),o.feedback=a,o.haRipple=(0,s.n)("ha-ripple"),o.appendChild(o.haRipple),{button:o,icon:r}}function ki(e){e._popupTouchStartY=null,e._popupLastTouchY=null}function $i(e){e.popUp?.style&&(e.popUp.style.transform="")}function Si(e){e.popUp.style.setProperty("--custom-height-offset-desktop",e.config.margin_top_desktop??"0px"),e.popUp.style.setProperty("--custom-height-offset-mobile",e.config.margin_top_mobile??"0px"),e.popUp.style.setProperty("--custom-margin",`-${e.config.margin??"7px"}`);const t=e.config.hide_backdrop,n=e.config.backdrop_blur&&"0"!==e.config.backdrop_blur,o=parseFloat(e.config.bg_blur??10);let i;i=!t&&n?"none":`blur(${o}px)`,e.popUp.style.setProperty("--custom-popup-filter",i);const a=Number(e.config.shadow_opacity??0)/100,r=Number.isFinite(a)?a:0;e.popUp.style.setProperty("--custom-shadow-opacity",r),e.popUp.classList.toggle("has-popup-shadow",r>0)}function Ai(e){const t=e.popUp?.querySelector(".bubble-header-container"),n=t||(0,s.n)("div","bubble-header-container"),o=n.querySelector(".bubble-header")||(0,s.n)("div","bubble-header"),i=o.querySelector(".bubble-button-container")||(0,s.n)("div","bubble-button-container"),a=n.querySelector(".bubble-header-actions")||(0,s.n)("div","bubble-header-actions");let r=n.querySelector(".bubble-previous-button"),l=n.querySelector(".bubble-previous-icon");if(!r){const e=Ci("bubble-previous-button previous-pop-up","bubble-previous-icon",'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"><title>arrow-left</title><path d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z" /></svg>');r=e.button,l=e.icon}let c=n.querySelector(".bubble-close-button"),d=n.querySelector(".bubble-close-icon");if(!c){const e=Ci("bubble-close-button close-pop-up","bubble-close-icon",'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-hidden="true" focusable="false"><title>close</title><path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z" /></svg>');c=e.button,d=e.icon}n.setAttribute("id","header-container"),wi(o,i),wi(n,o),wi(a,r),wi(a,c),wi(n,a),xi(r,()=>{!function(e){const t=location.hash,n=e?._previousPopupHash||"";if(!t||t!==e?.config?.hash)return!1;if(n&&n!==t&&Ot(n))try{return history.back(),!0}catch(e){}lt(!0)}(e)}),xi(c,()=>{lt(!0)}),e.elements={...e.elements,previousIcon:l,previousButton:r,closeIcon:d,closeButton:c,buttonContainer:i,header:o,headerActions:a,headerContainer:n}}function Li(e){try{if(!e.popUp)return;e.elements.style=(0,s.n)("style"),e.elements.style.innerText='.bubble-pop-up-container {\n display: flex;\n flex-direction: column;\n flex: 1 1 auto;\n min-height: 0;\n margin-top: calc(-1 * var(--bubble-pop-up-header-overlap, 50px));\n max-width: 100%;\n grid-gap: var(--bubble-pop-up-gap, 14px);\n gap: var(--bubble-pop-up-gap, 14px);\n column-gap: var(--bubble-pop-up-gap, 14px);\n --grid-gap: var(--bubble-pop-up-gap, 14px);\n --vertical-stack-card-gap: var(--bubble-pop-up-gap, 14px);\n --horizontal-stack-card-gap: var(--bubble-pop-up-gap, 14px);\n --stack-card-gap: var(--bubble-pop-up-gap, 14px);\n --row-size: 1;\n -ms-overflow-style: none; /* for Internet Explorer, Edge */\n scrollbar-width: none; /* for Firefox */\n overflow: auto; \n grid-auto-rows: min-content;\n --bubble-pop-up-visible-bottom-padding: 18px;\n --bubble-pop-up-extra-bottom-space: max(0px, calc(var(--bubble-pop-up-bottom-padding, 84px) - var(--bubble-pop-up-visible-bottom-padding, 18px)));\n padding: 18px 18px var(--bubble-pop-up-visible-bottom-padding, 18px) 18px;\n border-radius: var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)));\n -webkit-clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))));\n clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))));\n box-sizing: border-box;\n touch-action: pan-x pan-y pinch-zoom;\n overscroll-behavior: contain;\n}\n\n.bubble-pop-up:not(.no-header):not(.editor) > .bubble-pop-up-container {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n -webkit-clip-path: inset(0 round 0 0 var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))));\n clip-path: inset(0 round 0 0 var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))));\n}\n\n.bubble-pop-up:not(.editor):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) > .bubble-pop-up-container {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n -webkit-clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) 0 0);\n clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) 0 0);\n}\n\n.bubble-pop-up:not(.no-header):not(.editor):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) > .bubble-pop-up-container {\n -webkit-clip-path: inset(0 round 0);\n clip-path: inset(0 round 0);\n}\n\n.bubble-pop-up.popup-mode-fit-content.popup-mode-with-bottom-offset:not(.editor) > .bubble-pop-up-container::after {\n content: "";\n display: block;\n width: 100%;\n flex: 0 0 var(--bubble-pop-up-extra-bottom-space, 0px);\n min-height: var(--bubble-pop-up-extra-bottom-space, 0px);\n pointer-events: none;\n}\n\n.bubble-pop-up.editor .bubble-pop-up-container {\n overscroll-behavior: auto;\n}\n\n.bubble-pop-up:not(.editor):not(.is-popup-closed) .bubble-pop-up-container {\n --bubble-pop-up-mask-top-alpha: 1;\n --bubble-pop-up-mask-bottom-alpha: 1;\n --bubble-pop-up-mask-top-stop: 0px;\n --bubble-pop-up-mask-bottom-stop: 0px;\n mask-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, var(--bubble-pop-up-mask-top-alpha)) 0px,\n black var(--bubble-pop-up-mask-top-stop),\n black calc(100% - var(--bubble-pop-up-mask-bottom-stop)),\n rgba(0, 0, 0, var(--bubble-pop-up-mask-bottom-alpha)) 100%\n );\n -webkit-mask-image: linear-gradient(\n to bottom,\n rgba(0, 0, 0, var(--bubble-pop-up-mask-top-alpha)) 0px,\n black var(--bubble-pop-up-mask-top-stop),\n black calc(100% - var(--bubble-pop-up-mask-bottom-stop)),\n rgba(0, 0, 0, var(--bubble-pop-up-mask-bottom-alpha)) 100%\n );\n mask-repeat: no-repeat;\n -webkit-mask-repeat: no-repeat;\n mask-size: 100% 100%;\n -webkit-mask-size: 100% 100%;\n}\n\n.bubble-pop-up:not(.editor):not(.is-popup-closed) .bubble-pop-up-container.is-scrollable {\n --bubble-pop-up-mask-top-alpha: 0;\n --bubble-pop-up-mask-bottom-alpha: 0;\n --bubble-pop-up-mask-top-stop: 24px;\n --bubble-pop-up-mask-bottom-stop: 16px;\n}\n\n.bubble-pop-up-container > * {\n flex-shrink: 0 !important;\n}\n\n.bubble-pop-up.card-content {\n width: 100% !important;\n padding: 0 !important;\n}\n\n.bubble-pop-up {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n gap: var(--vertical-stack-card-gap, var(--stack-card-gap, 8px));\n transition: transform 0.3s ease;\n position: fixed;\n width: 100%;\n max-width: 100%;\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) 0 0;\n box-sizing: border-box;\n margin-left: var(--custom-margin);\n left: 7px;\n z-index: 5 !important;\n isolation: isolate;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n\n.bubble-pop-up:not(.editor)::before {\n content: "";\n position: absolute;\n inset: 0;\n border-radius: inherit;\n pointer-events: none;\n opacity: 0;\n backdrop-filter: var(--custom-popup-filter);\n -webkit-backdrop-filter: var(--custom-popup-filter);\n transition: opacity 0.4s ease;\n}\n\n.bubble-pop-up[data-bubble-popup-blur-will-change="true"]:not(.editor)::before {\n will-change: opacity;\n}\n\n.bubble-pop-up.is-popup-opened:not(.editor):not([data-bubble-popup-blur-guard="true"])::before,\n.bubble-pop-up.is-closing:not(.editor):not(.is-switch-closing)::before {\n opacity: 1;\n}\n\n.bubble-pop-up.is-opening[data-bubble-popup-blur-guard="true"]:not(.editor)::before,\n.bubble-pop-up.is-popup-closed:not(.editor)::before,\n.bubble-pop-up.is-closing.is-switch-closing::before {\n opacity: 0;\n}\n\n.bubble-pop-up.popup-performance-default:not(.editor)::before {\n content: none;\n}\n\n.bubble-pop-up:not(.editor) {\n --bubble-pop-up-available-height: calc(100vh - 56px - var(--custom-height-offset-mobile));\n height: auto;\n top: calc(56px + var(--custom-height-offset-mobile));\n bottom: 0;\n}\n\n.bubble-pop-up.is-popup-closed:not(.editor) {\n contain: layout paint;\n contain-intrinsic-size: 0 0;\n pointer-events: none;\n}\n\n.bubble-pop-up.popup-mode-fit-content:not(.editor) {\n --bubble-pop-up-bottom-padding: 18px;\n top: auto;\n bottom: 0;\n max-height: var(--bubble-pop-up-available-height);\n}\n\n.bubble-pop-up.popup-mode-fit-content.popup-mode-with-bottom-offset:not(.editor) {\n --bubble-pop-up-bottom-padding: 84px;\n}\n\n.bubble-pop-up.popup-mode-centered:not(.editor) {\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n margin: auto !important;\n width: calc(100vw - 32px) !important;\n max-width: var(--desktop-width, 540px) !important;\n min-width: 0 !important;\n height: fit-content !important;\n max-height: calc(100vh - 112px - 2 * var(--custom-height-offset-desktop, 0px)) !important;\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n --bubble-pop-up-bottom-padding: 18px;\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;\n}\n\n.bubble-pop-up.popup-mode-centered .bubble-pop-up-background {\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n}\n\n.bubble-pop-up.popup-mode-centered.is-popup-closed:not(.editor) {\n contain: paint !important;\n transform: scale(0.85) !important;\n opacity: 0 !important;\n pointer-events: none !important;\n}\n\n.bubble-pop-up.popup-mode-centered.is-popup-opened:not(.editor),\n.bubble-pop-up.popup-mode-centered.is-opening:not(.editor) {\n transform: scale(1) !important;\n opacity: 1 !important;\n}\n\n.bubble-pop-up.popup-mode-centered.is-closing:not(.editor) {\n transform: scale(0.9) !important;\n opacity: 0 !important;\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n transition: transform 0.2s ease-in, opacity 0.2s ease-in !important;\n}\n\n@keyframes bubble-popup-fast-open-bottom-sheet {\n from {\n transform: translateY(14px);\n opacity: 0.84;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}\n\n@keyframes bubble-popup-fast-open-dialog {\n from {\n transform: translateY(8px) scale(0.985);\n opacity: 0.88;\n }\n to {\n transform: translateY(0) scale(1);\n opacity: 1;\n }\n}\n\n.bubble-pop-up.is-fast-opening:not(.editor):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) {\n animation: bubble-popup-fast-open-bottom-sheet 0.14s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n.bubble-pop-up.is-fast-opening.popup-mode-centered:not(.editor),\n.bubble-pop-up.is-fast-opening.popup-mode-adaptive-dialog:not(.editor) {\n animation: bubble-popup-fast-open-dialog 0.14s cubic-bezier(0.22, 1, 0.36, 1);\n}\n\n@media only screen and (max-width: 600px) {\n .bubble-pop-up.popup-mode-centered.popup-mode-full-width-on-mobile:not(.editor) {\n width: 100vw !important;\n max-width: 100vw !important;\n }\n}\n\n@media only screen and (min-width: 768px) {\n .bubble-pop-up.popup-mode-centered:not(.editor) {\n left: var(--mdc-drawer-width, 0px) !important;\n }\n}\n\n.bubble-pop-up.popup-mode-adaptive-dialog:not(.editor) {\n --bubble-pop-up-bottom-padding: 18px;\n top: auto;\n bottom: 0;\n max-height: var(--bubble-pop-up-available-height);\n}\n\n.bubble-pop-up:not(.editor):not(.is-standalone-pop-up):not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) {\n height: 100%;\n top: auto;\n bottom: calc(-56px - var(--custom-height-offset-mobile));\n}\n\n.bubble-pop-up.is-standalone-pop-up:not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog):not(.editor) {\n --bubble-pop-up-bottom-padding: 84px;\n}\n\n.bubble-pop-up.is-standalone-pop-up:not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog):not(.editor) > .bubble-pop-up-container::after {\n content: "";\n display: block;\n width: 100%;\n flex: 0 0 var(--bubble-pop-up-extra-bottom-space, 0px);\n min-height: var(--bubble-pop-up-extra-bottom-space, 0px);\n pointer-events: none;\n}\n\n.bubble-pop-up:not(.editor):not(.is-standalone-pop-up):not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) .bubble-pop-up-container {\n height: 100%;\n margin-top: -50px;\n padding-top: 18px;\n padding-bottom: calc(140px + var(--custom-height-offset-mobile));\n mask-image: linear-gradient(to bottom, transparent 0px, black 24px, black calc(100% - 40px), transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, transparent 0px, black 24px, black calc(100% - 40px), transparent 100%);\n touch-action: pan-y pinch-zoom;\n}\n\n.bubble-pop-up:not(.editor):not(.is-standalone-pop-up):not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog).is-popup-opened .bubble-pop-up-container > * {\n contain: style;\n contain-intrinsic-size: auto 120px;\n}\n\n@media (max-width: 870px), (max-height: 500px) {\n .bubble-pop-up.popup-mode-adaptive-dialog:not(.editor) > .bubble-pop-up-container {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n -webkit-clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) 0 0);\n clip-path: inset(0 round var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) var(--bubble-pop-up-content-border-radius, var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px))) 0 0);\n }\n\n .bubble-pop-up.popup-mode-adaptive-dialog:not(.no-header):not(.editor) > .bubble-pop-up-container {\n -webkit-clip-path: inset(0 round 0);\n clip-path: inset(0 round 0);\n }\n\n .bubble-pop-up.popup-mode-adaptive-dialog.popup-mode-with-bottom-offset:not(.editor) {\n --bubble-pop-up-bottom-padding: 84px;\n }\n\n .bubble-pop-up.popup-mode-adaptive-dialog.popup-mode-with-bottom-offset:not(.editor) > .bubble-pop-up-container::after {\n content: "";\n display: block;\n width: 100%;\n flex: 0 0 var(--bubble-pop-up-extra-bottom-space, 0px);\n min-height: var(--bubble-pop-up-extra-bottom-space, 0px);\n pointer-events: none;\n }\n}\n\n.bubble-pop-up.popup-style-classic:not(.editor) > .bubble-header-container::before {\n content: "";\n display: block;\n position: absolute;\n top: 6px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 4px;\n border-radius: 2px;\n background-color: var(--divider-color);\n pointer-events: none;\n z-index: 4;\n}\n\n.bubble-pop-up.popup-mode-centered.popup-style-classic:not(.editor) > .bubble-header-container::before {\n display: none;\n}\n\n.bubble-pop-up.popup-style-classic.editor:not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) > .bubble-header-container::before {\n content: "";\n display: block;\n position: absolute;\n top: 6px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 4px;\n border-radius: 2px;\n background-color: var(--divider-color);\n pointer-events: none;\n z-index: 4;\n}\n\n.bubble-pop-up.no-header:not(.popup-mode-centered):not(.editor) > .bubble-header-container::before {\n content: "";\n display: block;\n position: absolute;\n top: 6px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 4px;\n border-radius: 2px;\n background-color: var(--divider-color);\n pointer-events: none;\n z-index: 4;\n}\n\n@media only screen and (min-width: 871px) and (min-height: 501px) {\n .bubble-pop-up.popup-mode-adaptive-dialog:not(.editor) {\n top: 0 !important;\n left: var(--mdc-drawer-width, 0px) !important;\n right: 0 !important;\n bottom: 0 !important;\n margin: auto !important;\n width: calc(100vw - 32px) !important;\n max-width: var(--desktop-width, 540px) !important;\n min-width: 0 !important;\n height: fit-content !important;\n max-height: calc(100vh - 112px - 2 * var(--custom-height-offset-desktop, 0px)) !important;\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n --bubble-pop-up-bottom-padding: 18px;\n transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease !important;\n }\n .bubble-pop-up.popup-mode-adaptive-dialog .bubble-pop-up-background {\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n }\n .bubble-pop-up.popup-mode-adaptive-dialog.is-popup-closed:not(.editor) {\n contain: paint !important;\n transform: scale(0.85) !important;\n opacity: 0 !important;\n pointer-events: none !important;\n }\n .bubble-pop-up.popup-mode-adaptive-dialog.is-popup-opened:not(.editor),\n .bubble-pop-up.popup-mode-adaptive-dialog.is-opening:not(.editor) {\n transform: scale(1) !important;\n opacity: 1 !important;\n }\n .bubble-pop-up.popup-mode-adaptive-dialog.is-closing:not(.editor) {\n transform: scale(0.9) !important;\n opacity: 0 !important;\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n transition: transform 0.2s ease-in, opacity 0.2s ease-in !important;\n }\n .bubble-pop-up.popup-mode-adaptive-dialog.popup-style-classic:not(.editor) > .bubble-header-container::before {\n display: none;\n }\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container {\n align-items: center;\n padding: 0px 18px 12px 18px;\n min-height: 56px;\n gap: 8px;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header-actions {\n gap: 8px;\n flex-shrink: 0;\n min-width: 40px;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header {\n margin-right: 0;\n padding: 10px 0;\n min-height: 48px;\n align-items: center;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-name {\n font-size: 20px !important;\n font-weight: 500 !important;\n line-height: 1.2 !important;\n color: var(--primary-text-color) !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .name-without-icon {\n margin-left: 4px !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-button-card-container {\n background: none !important;\n box-shadow: none !important;\n cursor: default !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-background {\n display: none !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-button-card-container > ha-ripple {\n display: none !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header-actions > .bubble-header-action-button {\n background-color: var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))) !important;\n border: none !important;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px)) !important;\n height: 36px !important;\n width: 36px !important;\n color: var(--primary-text-color) !important;\n transition: none !important;\n overflow: hidden !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-sub-button-container {\n right: 0;\n gap: 8px;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-sub-slider-wrapper:not(.inline) {\n width: calc(100% - 8px);\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-sub-slider-wrapper.top-aligned {\n top: calc(50% - (var(--bubble-sub-slider-height, 36px) / 2));\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-icon-container {\n background-color: transparent !important;\n margin-left: 0 !important;\n margin-right: 8px !important;\n min-width: 36px;\n min-height: 36px;\n width: 36px;\n height: 36px;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header-actions .bubble-header-action-icon svg {\n fill: currentColor;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header-actions > .bubble-close-button .bubble-header-action-icon svg {\n width: 20px;\n height: 20px;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-content-container::after,\n.bubble-pop-up.popup-style-classic > .bubble-header-container > .bubble-header .bubble-content-container::before {\n display: none !important;\n}\n\n.bubble-pop-up.popup-style-classic > .bubble-header-container {\n --bubble-sub-button-background-color: var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color)));\n --bubble-sub-slider-background-color: var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color)));\n}\n\n.no-header.popup-mode-adaptive-dialog {\n --bubble-pop-up-header-overlap: 20px;\n}\n\n.bubble-pop-up.no-header.popup-mode-adaptive-dialog > .bubble-header-container {\n height: 20px !important;\n visibility: visible !important;\n opacity: 1 !important;\n}\n.bubble-pop-up.no-header.popup-mode-adaptive-dialog > .bubble-header-container > * {\n visibility: hidden !important;\n}\n.bubble-pop-up-background {\n width: 100%;\n height: 100%;\n display: flex;\n top: 0;\n left: 0;\n position: absolute;\n background-color: var(--bubble-pop-up-main-background-color, var(--bubble-pop-up-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color)))));\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) 0 0;\n border: var(--bubble-pop-up-border, var(--bubble-border, none));\n box-sizing: border-box;\n contain: paint;\n pointer-events: none;\n overflow: hidden;\n z-index: 0;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n\n.bubble-pop-up-container::-webkit-scrollbar {\n display: none; /* for Chrome, Safari, and Opera */\n}\n\n.is-popup-opened {\n box-shadow: 0px 0px 50px rgba(0, 0, 0, var(--custom-shadow-opacity));\n}\n\n.bubble-pop-up.is-popup-opened,\n.bubble-pop-up.is-opening {\n transform: translate3d(0, 0, 0);\n}\n\n.bubble-pop-up.is-opening:not(.has-popup-shadow),\n.bubble-pop-up.is-closing {\n box-shadow: none !important;\n}\n\n.bubble-pop-up.popup-performance-default.is-opening:not(.editor),\n.bubble-pop-up.popup-performance-default.is-popup-opened:not(.editor),\n.bubble-pop-up.popup-performance-default.is-closing:not(.editor):not(.is-switch-closing) {\n backdrop-filter: var(--custom-popup-filter);\n -webkit-backdrop-filter: var(--custom-popup-filter);\n}\n\n.bubble-pop-up.is-closing {\n transform: translate3d(0, 100%, 0);\n}\n\n.bubble-pop-up.is-closing:not(.is-switch-closing) {\n background-color: var(--bubble-pop-up-main-background-color, var(--bubble-pop-up-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color)))));\n}\n\n.bubble-pop-up.is-closing:not(.is-switch-closing) .bubble-pop-up-container {\n overflow: hidden;\n}\n\n.is-popup-closed { \n transform: translate3d(0, 100%, 0);\n box-shadow: none !important;\n}\n\n@media only screen and (min-width: 600px) {\n .bubble-pop-up {\n margin-left: 0 !important;\n min-width: var(--desktop-width, 540px);\n max-width: var(--desktop-width, 540px);\n left: calc(50% - (var(--desktop-width, 540px) / 2));\n }\n .bubble-pop-up-container {\n padding: 18px 18px var(--bubble-pop-up-visible-bottom-padding, 18px) 18px;\n }\n .bubble-pop-up:not(.editor):not(.is-standalone-pop-up):not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) .bubble-pop-up-container {\n padding-bottom: calc(140px + var(--custom-height-offset-desktop));\n }\n}\n\n@media only screen and (min-width: 768px) {\n .bubble-pop-up:not(.editor) {\n --bubble-pop-up-available-height: calc(100vh - 56px - var(--custom-height-offset-desktop));\n top: calc(56px + var(--custom-height-offset-desktop));\n bottom: 0;\n left: calc(var(--mdc-drawer-width, 0px) / 2 + 50% - (var(--desktop-width, 540px) / 2));\n }\n .bubble-pop-up:not(.editor):not(.is-standalone-pop-up):not(.popup-mode-fit-content):not(.popup-mode-centered):not(.popup-mode-adaptive-dialog) {\n top: auto;\n bottom: calc(-56px - var(--custom-height-offset-desktop));\n }\n}\n\n.bubble-pop-up.editor {\n transition: none !important;\n position: relative !important;\n top: auto !important;\n left: 0;\n bottom: auto !important;\n width: 100% !important;\n max-width: 100% !important;\n backdrop-filter: none !important;\n display: flex !important;\n flex-direction: column !important;\n transform: none !important;\n height: auto !important;\n min-width: auto;\n margin-left: 0 !important;\n z-index: 0 !important;\n contain: none !important;\n}\n\n/* Optimize performance during open/close transitions */\n.bubble-pop-up.is-opening .bubble-pop-up-container,\n.bubble-pop-up.is-closing:not(.is-switch-closing) .bubble-pop-up-container {\n transform: translateZ(0);\n}\n\n.bubble-pop-up.is-popup-opened .bubble-header-container,\n.bubble-pop-up.is-popup-opened .bubble-header-action-button,\n.bubble-pop-up.is-closing .bubble-header-container,\n.bubble-pop-up.is-closing .bubble-header-action-button {\n transform: translateZ(0);\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n}\n\n.bubble-pop-up.is-closing:not(.is-switch-closing) .bubble-header-container,\n.bubble-pop-up.is-closing:not(.is-switch-closing) .bubble-header-action-button {\n will-change: transform, opacity;\n}\n\n.bubble-pop-up.is-opening .bubble-pop-up-background,\n.bubble-pop-up.is-closing:not(.is-switch-closing) .bubble-pop-up-background {\n transform: translateZ(0);\n}\n\n.bubble-header-container {\n display: flex;\n min-height: 50px;\n width: 100%;\n margin: 0;\n z-index: 3;\n padding: 18px 18px 22px;\n position: relative;\n background: none !important;\n overflow: visible;\n align-items: flex-start;\n flex-shrink: 0;\n box-sizing: border-box;\n}\n\n.bubble-header {\n display: flex;\n flex-grow: 1;\n min-width: 0;\n margin-right: 14px;\n color: var(--primary-text-color);\n}\n\n.bubble-header-actions {\n display: flex;\n align-items: center;\n gap: 14px;\n flex-shrink: 0;\n}\n\n.bubble-name {\n font-size: 14px;\n font-weight: heavy;\n}\n\n.bubble-header-action-button {\n display: flex;\n position: relative;\n height: 50px;\n width: 50px;\n border: var(--bubble-pop-up-close-button-border, var(--bubble-pop-up-border, var(--bubble-border, none)));\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px));\n background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));\n color: var(--primary-text-color);\n flex-shrink: 0;\n cursor: pointer;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n z-index: 1;\n transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;\n box-sizing: border-box;\n}\n\n.bubble-header-action-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--primary-text-color);\n line-height: normal;\n}\n\n.bubble-header-action-icon svg {\n width: 24px;\n height: 24px;\n fill: currentColor;\n display: block;\n}\n\n.bubble-previous-button {\n display: none;\n}\n\n.bubble-pop-up.show-previous-button > .bubble-header-container > .bubble-header-actions > .bubble-previous-button {\n display: flex;\n}\n\n.bubble-pop-up.hide-close-button > .bubble-header-container > .bubble-header-actions > .bubble-close-button {\n display: none;\n}\n\n.bubble-pop-up.no-header-actions > .bubble-header-container > .bubble-header-actions {\n display: none;\n}\n\n.bubble-pop-up.no-header-actions > .bubble-header-container > .bubble-header {\n margin-right: 0;\n}\n\n.bubble-pop-up.close-button-left > .bubble-header-container > .bubble-header-actions {\n order: -1;\n}\n\n.bubble-pop-up.close-button-left > .bubble-header-container > .bubble-header {\n margin-right: 0;\n margin-left: 14px;\n}\n\n.bubble-pop-up.popup-style-classic.close-button-left > .bubble-header-container > .bubble-header {\n margin-left: 0;\n}\n\n.bubble-pop-up.close-button-left.no-header-actions > .bubble-header-container > .bubble-header {\n margin-left: 0;\n}\n\n.bubble-button-card-container {\n background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));\n}\n\n.bubble-pop-up-container.has-placeholder {\n min-height: 80px;\n padding-top: 18px !important;\n padding-bottom: 18px !important;\n --bubble-pop-up-extra-bottom-space: 0px;\n height: auto !important;\n flex: 0 0 auto;\n}\n\n.bubble-editor-placeholder {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 8px 16px;\n margin-top: 20px;\n background: var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)));\n border-radius: var(--bubble-border-radius, 32px);\n color: var(--primary-text-color);\n font-size: 16px;\n opacity: 0.8;\n min-height: 56px;\n box-sizing: border-box;\n border: 1px dashed var(--divider-color, rgba(127, 127, 127, 0.3));\n width: 100%;\n}\n\n.no-header .bubble-editor-placeholder {\n margin-top: 0;\n}\n\n.bubble-editor-placeholder ha-icon {\n --mdc-icon-size: 24px;\n color: var(--primary-text-color);\n opacity: 0.6;\n flex-shrink: 0;\n}\n\n.bubble-editor-placeholder-info {\n display: flex;\n flex-direction: column;\n gap: 2px;\n overflow: hidden;\n}\n\n.bubble-editor-placeholder-header {\n display: flex;\n align-items: center;\n gap: 8px;\n min-width: 0;\n}\n\n.bubble-editor-placeholder-hash {\n font-weight: 500;\n font-size: 14px;\n color: var(--primary-text-color);\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.bubble-editor-placeholder .bubble-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n flex-shrink: 0;\n padding: 4px 8px;\n border-radius: 18px;\n white-space: nowrap;\n background-color: var(--mdc-text-field-disabled-line-color);\n font-size: 13px;\n}\n\n.bubble-editor-placeholder-badge {\n color: var(--warning-color, #ff9800);\n}\n\n.bubble-editor-placeholder-badge ha-icon {\n --mdc-icon-size: 16px;\n line-height: 0;\n color: inherit;\n}\n\n.bubble-editor-placeholder-hint {\n font-size: 11px;\n color: var(--secondary-text-color);\n opacity: 0.7;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n}\n\n.is-standalone-pop-up > .bubble-pop-up-container {\n --bubble-pop-up-header-gap-reserve: var(--bubble-pop-up-header-gap, 8px);\n margin-top: calc(-1 * var(--bubble-pop-up-header-overlap, 50px) + var(--bubble-pop-up-header-gap-reserve));\n padding-top: max(18px, calc(18px + var(--bubble-pop-up-gap, 14px) - var(--bubble-pop-up-header-gap-reserve)));\n}\n\n.bubble-pop-up.editor > .bubble-pop-up-container {\n padding-bottom: 18px !important;\n --bubble-pop-up-extra-bottom-space: 0px;\n mask-image: none;\n -webkit-mask-image: none; \n overflow: hidden; \n}\n\n.editor .bubble-pop-up-background {\n width: 100%;\n height: 100%;\n left: 0px;\n top: 0px;\n z-index: -1;\n display: flex;\n position: absolute;\n background-color: var(--bubble-pop-up-main-background-color, var(--bubble-pop-up-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color)))));\n border-radius: var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) var(--bubble-pop-up-border-radius, var(--bubble-border-radius, 42px)) !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n contain: none !important;\n}\n\n.editor * {\n transition: none !important;\n}\n\n.no-header {\n --bubble-pop-up-header-overlap: 32px;\n}\n\n.bubble-pop-up.no-header > .bubble-header-container {\n visibility: visible !important;\n height: 24px !important;\n min-height: 24px !important;\n padding: 0 18px 8px !important;\n opacity: 1 !important;\n}\n\n.bubble-pop-up.no-header > .bubble-header-container > .bubble-header,\n.bubble-pop-up.no-header > .bubble-header-container > .bubble-header-actions {\n display: none !important;\n}\n\n.bubble-pop-up.no-header > .bubble-pop-up-container {\n margin-top: calc(-1 * var(--bubble-pop-up-header-overlap, 24px)) !important;\n padding-top: max(18px, calc(18px + var(--vertical-stack-card-gap, var(--stack-card-gap, 8px)) - var(--bubble-pop-up-header-overlap, 24px))) !important;\n}\n\n.bubble-pop-up.no-header:not(.editor):not(.is-popup-closed) > .bubble-pop-up-container.is-scrollable {\n --bubble-pop-up-mask-top-alpha: 0;\n --bubble-pop-up-mask-bottom-alpha: 0;\n --bubble-pop-up-mask-top-stop: 18px;\n --bubble-pop-up-mask-bottom-stop: 16px;\n}\n\n.large .bubble-header-container {\n min-height: calc( var(--row-height,56px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ));\n}\n\n.large .bubble-header-action-button {\n height: var(--row-height,56px);\n width: var(--row-height,56px);\n}';const n=e.popUp.querySelector("style");e.stylesAdded&&n?e.elements.customStyle=n:(e.elements.customStyle=(0,s.n)("style"),e.popUp.appendChild(e.elements.customStyle),e.popUp.appendChild(e.elements.style),e.stylesAdded=!0),e.updatePopupColor||(e.updatePopupColor=()=>{const t=e.config.bg_color||O,n=Math.min(1,Math.max(0,(e.config.bg_opacity??88)/100));if(t===e._lastPopupBgColor&&n===e._lastPopupBgOpacity)return;e._lastPopupBgColor=t,e._lastPopupBgOpacity=n;const o=(0,r.Bz)(t,n,1.02),i=Math.min(1,.65*n),a=(0,r.Bz)(t,i,1.02);e.popUp.style.setProperty("--bubble-pop-up-background-color",o),e.popUp.style.setProperty("--bubble-pop-up-fade-color",a)}),e.updatePopupColor(),e.popUp.style.setProperty("--desktop-width",e.config.width_desktop??"540px"),qe(e.popUp,e.config),Oe(e.popUp,e.config),function(e){const t=()=>{lt(!0)};e.handleTouchStart=t=>{t.touches?.[0]&&(e._popupTouchStartY=t.touches[0].clientY,e._popupLastTouchY=e._popupTouchStartY)},e.handleHeaderTouchMove=t=>{const n=t.touches?.[0];if(!n)return;const o=e._popupTouchStartY??n.clientY,i=n.clientY-o;i>0&&(t.preventDefault?.(),e.popUp.style.transform=`translateY(${i}px)`)},e.handleHeaderTouchEnd=n=>{const o=n.changedTouches?.[0]||n.touches?.[0];if(!o)return $i(e),void ki(e);const i=e._popupTouchStartY??o.clientY,a=o.clientY-i;if(ki(e),a>50)return e.popUp.style.transform="translateY(100%)",void t();$i(e)},e.handleHeaderTouchCancel=()=>{$i(e),ki(e)},e.handleTouchEnd=()=>{ki(e)},e.handleTouchCancel=()=>{$i(e),ki(e)},e.closeOnEscape=n=>{"Escape"===n.key&&e.config.hash===location.hash&&t()};const n=e.config.slide_to_close_distance??400;e.handleTouchMove=o=>{const i=o.touches?.[0];if(!i)return;const a=i.clientY,r=a-(e._popupTouchStartY??a),s=e._popupLastTouchY??a;r>n&&a>s&&t(),e._popupLastTouchY=a}}(e),e.elements.popUpContainer=function(e){const t=e.popUp.querySelector(".bubble-pop-up-container");if(t)return t;const n=(0,s.n)("div");n.classList.add("bubble-pop-up-container");let o=e.popUp.firstChild;for(;o;)n.appendChild(o),o=e.popUp.firstChild;return n}(e),(t=e.elements.popUpContainer)&&!t._bubbleScrollMaskAdded&&(t.addEventListener("scroll",()=>{t.classList.contains("is-scrollable")||t.classList.add("is-scrollable")},{passive:!0}),t._bubbleScrollMaskAdded=!0),e.popUpBackground=e.popUp.querySelector(".bubble-pop-up-background")||(0,s.n)("div","bubble-pop-up-background"),e.popUpBackground.querySelector(".bubble-pop-up-blur-layer")?.remove(),e.popUpBackground.isConnected||e.popUp.appendChild(e.popUpBackground),e.popUp.appendChild(e.elements.headerContainer),e.popUp.appendChild(e.elements.popUpContainer),function(e){if(e.config.background_update&&e.config.hash!==location.hash)e.popUp.style.display="none";else{if(e.config.hash!==location.hash)return e.isStandalonePopUp?(e.popUp.style.display="",void(e.popUp.style.visibility="")):void ce(e,0);Tt(e,!0)}}(e)}catch(e){console.error(e)}var t}!function(){if(window.__bubblePopUpHashNavigationBridgeInitialized)return;window.__bubblePopUpHashNavigationBridgeInitialized=!0,function(){try{const e=localStorage.getItem(Yt);if(!e)return;const t=JSON.parse(e);if(!t||"object"!=typeof t||Array.isArray(t))return;const n=en();for(const[e,o]of Object.entries(t))if(Array.isArray(o))for(const t of o){const o=Zt(t?.hash);o&&n.set(o,{name:t.name||null,icon:t.icon||null,path:e})}}catch(e){}}(),cn()||customElements.whenDefined("ha-navigation-picker").then(()=>{cn(),sn()}).catch(()=>{}),window.addEventListener(Kt,sn,{passive:!0});let e=Qt();window.addEventListener("location-changed",()=>{const t=Qt();t!==e&&(e=t,sn())},{passive:!0})}();const Ei=[];let Ti=null,Mi=null;function Pi(){const e=function(){!function(){for(let e=Ei.length-1;e>=0;e--)Ei[e]?.deref?.()||Ei.splice(e,1)}();const e=[];for(const t of Ei){const n=t?.deref?.();n&&!1!==n.isConnected&&n.popUp&&n.elements&&!n.editor&&!n.detectedEditor&&e.push(n)}return e}();for(const t of e)Mt(t,!1),hi(t)}function Bi(){null!==Ti&&(cancelAnimationFrame(Ti),Ti=null),Mi&&(clearTimeout(Mi),Mi=null),"function"==typeof requestAnimationFrame?Ti=requestAnimationFrame(()=>{Ti=null,Pi(),Mi=setTimeout(()=>{Mi=null,Pi()},800)}):Pi()}function Ii(e){const t=function(e){const t=e?.sub_button;if(!t)return[];const n=e?.entity||"",o=[],i=Array.isArray(t)?[t]:[t.main||[],t.bottom||[]];for(const e of i)if(Array.isArray(e))for(const t of e)if(t)if(Array.isArray(t.group))for(const e of t.group)e&&o.push(e.entity||n);else o.push(t.entity||n);return o}(e.config),n=e._hass?.states;e._lastSubBtnEntityKeys=t,e._lastSubBtnEntityRefs=t.map(e=>n?.[e]??null)}function qi(e){return!!e&&(!(!e.show_last_changed&&!e.show_last_updated)||!!Array.isArray(e.group)&&e.group.some(qi))}function Oi(e,t=!1){return!(!e.isStandalonePopUp||!e._standalonePopUpCardsActive||t)}function Ui(e){return!(!e.isStandalonePopUp||e.editor||e.detectedEditor||e.config.background_update||e.config.hash===location.hash||e._standalonePopUpCardsActive)}function zi(e){Hi(e),ui(e)}function Hi(e){(e.config.hash===location.hash||e.editor||e.config.background_update&&!e.headerInitialized)&&function(e){if(!e.elements?.header)return!1;const t=e.config?.entity||"",n=t?e._hass?.states?.[t]:null,o=e._hass?.locale,i=e._hass?.config?.unit_system,a=!(!e.editor&&!e.detectedEditor);return function(e){if(!e)return!1;if(e.show_last_changed||e.show_last_updated)return!0;const t=e.sub_button;return!!t&&(Array.isArray(t)?[t]:[t.main||[],t.bottom||[]]).some(e=>Array.isArray(e)&&e.some(qi))}(e.config)||e._lastHeaderConfigRef!==e.config||e._lastHeaderStateRef!==n||e._lastHeaderLocaleRef!==o||e._lastHeaderUnitSystemRef!==i||e._lastHeaderEditMode!==a?(e._lastHeaderConfigRef=e.config,e._lastHeaderStateRef=n,e._lastHeaderLocaleRef=o,e._lastHeaderUnitSystemRef=i,e._lastHeaderEditMode=a,Ii(e),!0):!!function(e){const t=e._lastSubBtnEntityRefs;if(!t)return!1;const n=e._lastSubBtnEntityKeys,o=e._hass?.states;for(let e=0;e<n.length;e++)if(t[e]!==(o?.[n[e]]??null))return!0;return!1}(e)&&(Ii(e),!0)}(e)&&(function(e){if(!function(e){if(e.config.entity||e.config.name||e.config.icon)return!0;const t=e.config.sub_button;if(t){if(Array.isArray(t))return t.length>0;if(t.main&&t.main.length>0)return!0;if(t.bottom&&t.bottom.length>0)return!0}return!1}(e)||!e.elements?.header)return;const t=e.config.sub_button,n=e.config.button_type,o=e.config.tap_action,i=e.config.double_tap_action,a=e.config.hold_action,r=e.config.button_action,s="classic"===e.config.popup_style;try{if(t){const t=(0,po.mg)(e.config);e.config.sub_button={main:t.main||[],bottom:[]}}s&&(e.config.button_type="switch",e.config.tap_action={action:"none"},e.config.double_tap_action={action:"none"},e.config.hold_action={action:"none"},e.config.button_action=""),_i(e,e.elements.header)}finally{e.config.sub_button=t,s&&(e.config.button_type=n,e.config.tap_action=o,e.config.double_tap_action=i,e.config.hold_action=a,e.config.button_action=r)}}(e),e.config.background_update&&(e.headerInitialized=!0))}function Ni(e){(function(e){Lt(e),At(e,!1),Ve(e,!1);const t=e.popUp?.classList?.contains("is-popup-opened"),n=!!e.editor;t||n?je(e):Re(e),e.observer&&(e.observer.disconnect(),e.observer=null),pe.activePopups.delete(e),pt(e);try{t&&dt(e,!1)}catch(e){}!function(e){if(!e?._registeredHash)return;const t=Bt.get(e._registeredHash);t?.deref()===e&&Bt.delete(e._registeredHash),e._registeredHash=null}(e),function(e){q&&(e&&q.activeContext!==e||(q.activeContext=null),q.clearPendingBackdropContext?.(e))}(e),!t&&function(){if(pe.activePopups.size>0)return!1;const e=location.hash;return!e||!Ot(e)}()&&z(),(0,s.qo)(!1)})(e),function(e){Z(e),e._standalonePopUpCardsActive=!1}(e),e._standaloneNeedsShellRefresh=!1,e.refreshPopupHeader=null,e.refreshPopupShell=null,ci(e),e.elements?.popUpContainer&&(e.elements.popUpContainer.classList.remove("has-placeholder"),e.elements.popUpContainer.querySelector(".bubble-editor-placeholder")?.remove()),e.storedContent=null}function Di(e){return e.cardContainer||e.card.parentNode?.host?.parentNode?.parentNode}function ji(e){e.cardContainer&&(e.cardContainer.style.position="")}function Ri(e,t){return function(e,t){return!(!e||void 0===e.supported_features)&&0!==(e.supported_features&t)}(e.attributes,t)}let Fi=!1;function Vi(e,t){const n=e.config[`${t}_name`]??"",o=e.config[`${t}_icon`]??"",i=e.config[`${t}_pir_sensor`],a=e.config[`${t}_link`],r=e.config[`${t}_entity`];Fi=Fi||location.hash===a;const l=(0,s.n)("ha-icon","bubble-icon icon");l.icon=o;const c=(0,s.n)("div","bubble-name name");c.innerText=n;const d=(0,s.n)("div","bubble-background-color background-color"),u=(0,s.n)("div","bubble-background background"),p=(0,s.n)("div",`bubble-button bubble-button-${t} button ${a.substring(1)}`);let b=localStorage.getItem(`bubbleButtonWidth-${a}`);return p.style.width=`${b}px`,p.appendChild(l),p.appendChild(c),p.appendChild(d),p.appendChild(u),p.addEventListener("click",()=>{const e=p.link;if(e){if(!function(e){return"string"==typeof e&&e.startsWith("#")}(e))return(0,s.oo)(p,e),void(0,s.jp)("light");location.hash!==e&&(Fi=!1),Fi?lt():ct(e),Fi=!Fi,(0,s.jp)("light")}}),p.icon=l,p.name=c,p.backgroundColor=d,p.background=u,p.pirSensor=i,p.lightEntity=r,p.link=a,p.index=t,p.haRipple=(0,s.n)("ha-ripple"),p.appendChild(p.haRipple),window.addEventListener("location-changed",function(){if(!e.config.highlight_current_view)return;const t=p.link;location.pathname===t||location.hash===t?p.classList.add("highlight"):p.classList.remove("highlight")}),e.elements.buttons.push(p),p}function Wi(e,t){return Math.floor((t-e)/6e4)}function Yi(e){const t=e.elements.calendarCardContent;if(!t)return;const n=t.scrollTop>0,o=t.scrollHeight>t.clientHeight&&t.scrollTop<t.scrollHeight-t.clientHeight-1;t.classList.toggle("can-scroll-top",n),t.classList.toggle("can-scroll-bottom",o);const i=t.clientHeight<=100?16:32;t.style.setProperty("--bubble-calendar-mask-size",`${i}px`)}function Ki(e){const t=(0,s.D$)(e,"supported_features"),n=Number(t);return Number.isFinite(n)?n:0}function Ji(e,t){return 0!==(e&t)}function Xi(e){const t=e?._hass?.states?.[e?.config?.entity]?.state??"",n=Ki(e),o=Ji(n,1),i=Ji(n,4096),a=Ji(n,16384);return"playing"===t?o?{icon:"mdi:pause",service:"media_pause"}:i?{icon:"mdi:stop",service:"media_stop"}:{icon:"mdi:pause",service:"media_play_pause"}:a?{icon:"mdi:play",service:"media_play"}:{icon:"mdi:play",service:"media_play_pause"}}var Gi=n(880);const Qi=new Set(["off","unavailable","unknown","standby"]);function Zi(e){const t=e.elements.buttonsContainer?.classList.contains("bottom-fixed");if(t)return;const n=e.elements.volumeSliderWrapper.classList.contains("is-hidden")?"1":"0";e.elements.mediaInfoContainer.style.opacity=n,e.elements.nameContainer.style.opacity=n,e.elements.subButtonContainer&&(e.elements.subButtonContainer.style.opacity=n),e.elements.playPauseButton.style.opacity=n,e.elements.previousButton.style.opacity=n,e.elements.nextButton.style.opacity=n,e.elements.powerButton.style.opacity=n,e.elements.volumeButton.style.opacity=n,e.elements.iconContainer&&(e.elements.iconContainer.style.opacity=n)}function ea(e){return e._mediaCoverState||(e._mediaCoverState={cachedUrl:"",resolvedUrl:"",iconDisplayedUrl:"",backgroundDisplayedUrl:"",idleTimeout:null,lastState:""}),e._mediaCoverState}function ta(e){const t=ea(e),n=Boolean(e.config.force_icon);let o=n?"":(0,l.Qp)(e)||"";const i=((0,s.Gu)(e)||"").toLowerCase();if(o){const t=((0,s.D$)(e,"media_content_id")||"")+((0,s.D$)(e,"media_title")||"")+((0,s.D$)(e,"media_artist")||"");if(t){let e=0;for(let n=0;n<t.length;n++)e=(e<<5)-e+t.charCodeAt(n),e|=0;const n=o.includes("?")?"&":"?";o=`${o}${n}v=${Math.abs(e).toString(36)}`}}const a=n||Qi.has(i),r="idle"===i;return t.lastState!==i&&(t.idleTimeout&&(clearTimeout(t.idleTimeout),t.idleTimeout=null),r&&t.cachedUrl&&(t.idleTimeout=setTimeout(()=>{t.cachedUrl="",t.resolvedUrl="",function(e){const t=ea(e);if(t.iconDisplayedUrl){const n=na(e,"icon");n&&n.currentValue?(e.elements.icon&&(e.elements.icon.style.display=""),e.elements.image&&(e.elements.image.style.display=""),oa(n,"",()=>{t.iconDisplayedUrl="",e.elements.image&&(e.elements.image.style.display="none")})):(t.iconDisplayedUrl="",e.elements.icon&&(e.elements.icon.style.display=""),e.elements.image&&(e.elements.image.style.display="none"))}if(t.backgroundDisplayedUrl){const n=na(e,"background");n&&n.currentValue?oa(n,"",()=>{t.backgroundDisplayedUrl=""}):t.backgroundDisplayedUrl=""}}(e)},2e3)),t.lastState=i),o&&o!==t.cachedUrl?(t.idleTimeout&&(clearTimeout(t.idleTimeout),t.idleTimeout=null),t.cachedUrl=o):a&&!o&&t.cachedUrl&&(t.idleTimeout&&(clearTimeout(t.idleTimeout),t.idleTimeout=null),t.cachedUrl=""),t.resolvedUrl=!r||o?o||(a?"":t.cachedUrl):t.cachedUrl,t}function na(e,t){if(e._mediaCoverLayers=e._mediaCoverLayers||{},e._mediaCoverLayers[t])return e._mediaCoverLayers[t];const n="icon"===t?e.elements?.image:e.elements?.background;if(!n)return null;n.style.backgroundImage="",n.classList.add("icon"===t?"bubble-cover-icon-crossfade":"bubble-cover-background-crossfade");const o="icon"===t?"bubble-cover-crossfade-layer bubble-cover-crossfade-layer--icon":"bubble-cover-crossfade-layer bubble-cover-crossfade-layer--background",i=document.createElement("div");i.className=`${o} is-visible`;const a=document.createElement("div");for(a.className=o;n.firstChild;)n.removeChild(n.firstChild);n.append(i,a);const r={container:n,layers:[i,a],visibleIndex:0,currentValue:""};return e._mediaCoverLayers[t]=r,r}function oa(e,t,n){if(!e)return;if(e.currentValue===t)return void(n&&n());const o=0===e.visibleIndex?1:0,i=e.layers[e.visibleIndex],a=e.layers[o],r=()=>{a.classList.add("is-visible"),"function"==typeof requestAnimationFrame?requestAnimationFrame(()=>{setTimeout(()=>{i.classList.remove("is-visible"),e.visibleIndex=o,e.currentValue=t,n&&setTimeout(n,1e3)},50)}):setTimeout(()=>{i.classList.remove("is-visible"),e.visibleIndex=o,e.currentValue=t,n&&setTimeout(n,1e3)},50)};if(t){const o=`url(${t})`;if(a.style.backgroundImage===o)a.classList.remove("is-empty"),r();else{const i=new Image;i.onload=()=>{a.style.backgroundImage=o,a.classList.remove("is-empty"),r()},i.onerror=()=>{a.style.backgroundImage="",a.classList.add("is-empty"),e.currentValue="",n&&n()},i.src=t}}else a.style.backgroundImage="",a.classList.add("is-empty"),r()}var ia=n(345),aa=n(361),ra=n(752);let sa=null;const la={"pop-up":function(e){if(function(e){const t=[location.pathname||"",e.config?.hash||"",e.config?.name||"",e.config?.icon||"",e.editor?"editor":"live",e.isConnected?"1":"0"].join("|");e._lastPopUpHashRegistrationKey!==t&&(e._lastPopUpHashRegistrationKey=t,un(e.config?.hash,{name:e.config?.name,icon:e.config?.icon,isConnected:e.isConnected,element:e.editor?null:e}))}(e),"pop-up"!==e.cardType){if(e.getRootNode()instanceof ShadowRoot==0)return;return void((t=e.config)&&"custom:bubble-card"===t.type&&"pop-up"===t.card_type&&Array.isArray(t.cards)?function(e){if(function(e){e.cardType="pop-up",e.isStandalonePopUp=!0,e._standalonePopUpCardsActive=!1,e.verticalStack=null,e.sectionRow="function"==typeof e.closest?e.closest("hui-card"):null,e.sectionRowContainer=e.sectionRow?.closest?.(".card")||e.sectionRow?.parentElement||null,e.cardTitle=null,e.popUp||(e.popUp=(0,s.n)("div"),(e.shadowRoot??e.content).appendChild(e.popUp)),e.popUp.id="root",e.card?.parentNode&&e.card.parentNode.removeChild(e.card),e.popUp.classList.add("bubble-pop-up","pop-up","is-popup-closed","is-standalone-pop-up"),e.popUp.classList.remove("is-popup-opened","is-opening","is-closing"),e.elements={},H(e),Si(e),e.editor||e.detectedEditor?je(e):Re(e),Ut(e)}(e),!e.popUp)return;Ai(e),Li(e),e.refreshPopupHeader=()=>{Hi(e)},e.refreshPopupShell=()=>{zi(e),e._standaloneNeedsShellRefresh=!1},Ui(e)?e._standaloneNeedsShellRefresh=!0:e.refreshPopupShell();const t=li(e);Oi(e,t)&&le(e),e.config.background_update&&!e.headerInitialized&&(e.headerInitialized=!0)}(e):function(e){(function(e){try{if(e.cardType="pop-up",e.isStandalonePopUp=!1,e.verticalStack=e.getRootNode(),!e.verticalStack||!e.verticalStack.host)throw new Error("Vertical stack not found, don't panic, it will be added automatically to your pop-up.");if(e.sectionRow=e.verticalStack.host.parentElement,e.sectionRowContainer=e.sectionRow?.parentElement,e.popUp=e.verticalStack.querySelector("#root"),!e.popUp)throw new Error("Vertical stack not found, don't panic, it will be added automatically to your pop-up.");e.popUp.classList.add("bubble-pop-up","pop-up","is-popup-closed"),e.popUp.classList.remove("is-standalone-pop-up","is-popup-opened","is-opening","is-closing"),e.cardTitle=e.verticalStack.querySelector(".card-header"),e.editor||e.config.background_update||(e.popUp.style.visibility="hidden",setTimeout(()=>{e.verticalStack?.contains(e.popUp)&&!e.popUp.classList.contains("is-popup-opened")&&(e.popUp.style.visibility="",e.verticalStack.removeChild(e.popUp))},100)),e.elements={},H(e),e.cardTitle&&(e.cardTitle.style.display="none"),Si(e),Ut(e),window.popUpError=!1}catch(t){console.warn(t),window.popUpError=!0;const n=e.content?.querySelector?.(".bubble-error-text");if(!n&&e.content){const t=(0,s.n)("div","bubble-error-text");(0,zt.XX)(function(e){const t=e?.config?.popup_mode??"default",n=e?.config?.full_width_on_mobile?"true":"false",o=e?.config?.with_bottom_offset?"true":"false";return zt.qy`
|
||
<style>
|
||
.bubble-popup-onboarding {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 12px;
|
||
padding: 16px 12px 8px;
|
||
contain: layout paint style;
|
||
}
|
||
.bhp-visual {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
gap: 12px;
|
||
width: 100%;
|
||
max-width: 280px;
|
||
container-type: inline-size;
|
||
}
|
||
.bhp-screen {
|
||
position: relative;
|
||
width: 100%;
|
||
aspect-ratio: 210 / 130;
|
||
background: var(--primary-background-color);
|
||
border: 1.5px solid var(--bubble-button-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));
|
||
border-radius: 11.7cqw;
|
||
overflow: hidden;
|
||
container-type: inline-size;
|
||
}
|
||
.bhp-bg {
|
||
position: absolute;
|
||
inset: 3.81cqw;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 3.81cqw;
|
||
}
|
||
.bhp-bg-row {
|
||
flex: 1;
|
||
border-radius: 9.52cqw;
|
||
background: var(--bubble-button-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));
|
||
opacity: 0.3;
|
||
}
|
||
.bhp-overlay {
|
||
position: absolute;
|
||
inset: 0;
|
||
background: var(--bubble-backdrop-background-color, var(--bubble-default-backdrop-background-color));
|
||
opacity: 0;
|
||
animation: bhp-overlay 5s ease infinite;
|
||
}
|
||
/* === popup shell === */
|
||
.bhp-popup {
|
||
position: absolute;
|
||
inset: auto 0 0;
|
||
height: 48.57cqw;
|
||
border-radius: 11.43cqw 11.43cqw 0 0;
|
||
background: var(--ha-card-background, var(--card-background-color));
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 3.81cqw;
|
||
padding: 5.71cqw;
|
||
box-sizing: border-box;
|
||
transform: translateY(100%);
|
||
animation: bhp-slide 5s ease infinite;
|
||
}
|
||
/* header row */
|
||
.bhp-popup-header {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 3.81cqw;
|
||
flex-shrink: 0;
|
||
height: 16.67cqw;
|
||
}
|
||
/* placeholder for the header button/entity card */
|
||
.bhp-popup-header-card {
|
||
flex: 1;
|
||
height: 16.67cqw;
|
||
border-radius: 8.57cqw;
|
||
background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));
|
||
}
|
||
/* close button — mirrors .bubble-header-action-button */
|
||
.bhp-popup-close-btn {
|
||
width: 16.67cqw;
|
||
height: 16.67cqw;
|
||
border-radius: 8.57cqw;
|
||
background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));
|
||
flex-shrink: 0;
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.bhp-popup-close-btn::before,
|
||
.bhp-popup-close-btn::after {
|
||
content: '';
|
||
position: absolute;
|
||
width: 6.19cqw;
|
||
height: 0.71cqw;
|
||
border-radius: 0.48cqw;
|
||
background: var(--primary-text-color);
|
||
opacity: 0.55;
|
||
}
|
||
.bhp-popup-close-btn::before { transform: rotate(45deg); }
|
||
.bhp-popup-close-btn::after { transform: rotate(-45deg); }
|
||
/* content rows */
|
||
.bhp-popup-content {
|
||
flex: 0 0 16.67cqw;
|
||
display: flex;
|
||
flex-direction: column;
|
||
}
|
||
.bubble-popup-onboarding[data-bottom-offset="true"] .bhp-popup-content {
|
||
padding-bottom: 9.52cqw;
|
||
}
|
||
.bubble-popup-onboarding[data-bottom-offset="true"] .bhp-popup {
|
||
height: 58.57cqw;
|
||
}
|
||
.bhp-popup-row {
|
||
flex: 1;
|
||
border-radius: 9.52cqw;
|
||
background: var(--bubble-button-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));
|
||
}
|
||
/* === default mode (full-height bottom sheet) === */
|
||
.bubble-popup-onboarding[data-mode="default"] .bhp-popup {
|
||
inset: 0;
|
||
height: auto;
|
||
}
|
||
/* === centered mode === */
|
||
.bubble-popup-onboarding[data-mode="centered"] .bhp-popup {
|
||
inset: 50% 4.76cqw auto;
|
||
height: 48.57cqw;
|
||
border-radius: 11.43cqw;
|
||
transform: translateY(-50%) scale(0.85);
|
||
opacity: 0;
|
||
animation: bhp-center 5s ease infinite;
|
||
}
|
||
.bubble-popup-onboarding[data-mode="centered"][data-full-width="true"] .bhp-popup {
|
||
inset: 50% 0 auto;
|
||
border-radius: 11.43cqw;
|
||
}
|
||
/* === adaptive-dialog (alternates: centered dialog → bottom sheet) === */
|
||
.bubble-popup-onboarding[data-mode="adaptive-dialog"] .bhp-popup {
|
||
animation: bhp-adaptive 10s ease infinite;
|
||
}
|
||
.bubble-popup-onboarding[data-mode="adaptive-dialog"][data-bottom-offset="true"] .bhp-popup {
|
||
animation: bhp-adaptive-offset 10s ease infinite;
|
||
}
|
||
@media (max-width: 767px) {
|
||
.bubble-popup-onboarding[data-mode="centered"][data-full-width="true"] .bhp-popup {
|
||
inset: auto 0 0;
|
||
border-radius: 11.43cqw 11.43cqw 0 0;
|
||
}
|
||
}
|
||
/* === trigger button === */
|
||
.bhp-button {
|
||
position: relative;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 4.76cqw;
|
||
width: 100%;
|
||
height: 20.95cqw;
|
||
border-radius: 10.48cqw;
|
||
background: var(--bubble-button-main-background-color, var(--bubble-main-background-color, var(--background-color-2, var(--secondary-background-color))));
|
||
padding: 0 4.29cqw;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
animation: bhp-press 5s ease infinite;
|
||
}
|
||
.bhp-icon {
|
||
width: 13.33cqw;
|
||
height: 13.33cqw;
|
||
border-radius: 50%;
|
||
background: var(--primary-background-color);
|
||
flex-shrink: 0;
|
||
}
|
||
.bhp-text {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 1.9cqw;
|
||
}
|
||
.bhp-text-line {
|
||
height: 3.33cqw;
|
||
border-radius: 1.9cqw;
|
||
background: var(--primary-text-color);
|
||
opacity: 0.12;
|
||
}
|
||
.bhp-text-line--long { width: 65%; }
|
||
.bhp-text-line--short { width: 42%; }
|
||
.bhp-ripple {
|
||
position: absolute;
|
||
inset: 0;
|
||
border-radius: inherit;
|
||
background: var(--primary-text-color);
|
||
opacity: 0;
|
||
transform: scale(0);
|
||
animation: bhp-ripple 5s ease infinite;
|
||
}
|
||
.bhp-desc {
|
||
width: 100%;
|
||
max-width: 280px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
gap: 8px;
|
||
margin-top: 32px;
|
||
}
|
||
.bhp-desc-body {
|
||
margin: 0;
|
||
line-height: 1.5;
|
||
color: var(--secondary-text-color);
|
||
}
|
||
.bhp-step {
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 10px;
|
||
background: var(--card-background-color, var(--primary-background-color));
|
||
border: 1px solid var(--divider-color);
|
||
border-radius: 12px;
|
||
padding: 8px 10px;
|
||
}
|
||
.bhp-step-num {
|
||
flex-shrink: 0;
|
||
width: 20px;
|
||
height: 20px;
|
||
border-radius: 50%;
|
||
background: var(--primary-color);
|
||
color: var(--on-primary-color, white);
|
||
font-size: 12px;
|
||
font-weight: 700;
|
||
line-height: 20px;
|
||
text-align: center;
|
||
display: inline-block;
|
||
}
|
||
.bhp-step-text {
|
||
line-height: 1.5;
|
||
color: var(--secondary-text-color);
|
||
}
|
||
@keyframes bhp-slide {
|
||
0%, 15% { transform: translateY(100%); }
|
||
28%, 55% { transform: translateY(0); }
|
||
65%, 100%{ transform: translateY(100%); }
|
||
}
|
||
@keyframes bhp-center {
|
||
0%, 15% { transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
28%, 55% { transform: translateY(-50%) scale(1); opacity: 1; }
|
||
65%, 100%{ transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
}
|
||
@keyframes bhp-adaptive {
|
||
/* === centered dialog phase (first 5s mapped to 0-50%) === */
|
||
/* 0%,15% of bhp-center → 0%,7.5% */
|
||
0%, 7.5% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
/* 28%,55% of bhp-center → 14%,27.5% */
|
||
14%, 27.5% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(1); opacity: 1; }
|
||
/* 65%,100% of bhp-center → 32.5%,49% */
|
||
32.5%, 49% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
/* snap to bottom while invisible */
|
||
50% { inset: auto 0 0; height: 48.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 0; }
|
||
/* === bottom-sheet phase (second 5s mapped to 50-100%) === */
|
||
/* 0%,15% of bhp-slide → 50%,57.5% */
|
||
57.5% { inset: auto 0 0; height: 48.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 1; }
|
||
/* 28%,55% of bhp-slide → 64%,77.5% */
|
||
64%, 77.5% { inset: auto 0 0; height: 48.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(0); opacity: 1; }
|
||
/* 65%,100% of bhp-slide → 82.5%,100% */
|
||
82.5%, 100%{ inset: auto 0 0; height: 48.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 1; }
|
||
}
|
||
@keyframes bhp-adaptive-offset {
|
||
/* === centered dialog phase — same as bhp-adaptive === */
|
||
0%, 7.5% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
14%, 27.5% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(1); opacity: 1; }
|
||
32.5%, 49% { inset: 50% 4.76cqw auto; height: 48.57cqw; border-radius: 11.43cqw; transform: translateY(-50%) scale(0.85); opacity: 0; }
|
||
/* snap to bottom while invisible */
|
||
50% { inset: auto 0 0; height: 58.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 0; }
|
||
/* === bottom-sheet phase — 58.57cqw to show offset === */
|
||
57.5% { inset: auto 0 0; height: 58.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 1; }
|
||
64%, 77.5% { inset: auto 0 0; height: 58.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(0); opacity: 1; }
|
||
82.5%, 100%{ inset: auto 0 0; height: 58.57cqw; border-radius: 11.43cqw 11.43cqw 0 0; transform: translateY(100%); opacity: 1; }
|
||
}
|
||
@keyframes bhp-overlay {
|
||
0%, 15% { opacity: 0; }
|
||
28%, 55% { opacity: 1; }
|
||
65%, 100%{ opacity: 0; }
|
||
}
|
||
@keyframes bhp-press {
|
||
0%, 8% { transform: scale(1); }
|
||
12% { transform: scale(0.93); }
|
||
17% { transform: scale(1); }
|
||
100% { transform: scale(1); }
|
||
}
|
||
@keyframes bhp-ripple {
|
||
0%, 10% { opacity: 0; transform: scale(0); }
|
||
11% { opacity: 0.12; transform: scale(0); }
|
||
22% { opacity: 0; transform: scale(2); }
|
||
100% { opacity: 0; transform: scale(0); }
|
||
}
|
||
</style>
|
||
<div class="bubble-popup-onboarding" data-mode="${t}" data-full-width="${n}" data-bottom-offset="${o}">
|
||
<div class="bhp-visual" aria-hidden="true">
|
||
<div class="bhp-screen">
|
||
<div class="bhp-bg">
|
||
<div class="bhp-bg-row"></div>
|
||
<div class="bhp-bg-row"></div>
|
||
<div class="bhp-bg-row"></div>
|
||
</div>
|
||
<div class="bhp-overlay"></div>
|
||
<div class="bhp-popup">
|
||
<div class="bhp-popup-header">
|
||
<div class="bhp-popup-header-card"></div>
|
||
<div class="bhp-popup-close-btn"></div>
|
||
</div>
|
||
<div class="bhp-popup-content">
|
||
<div class="bhp-popup-row"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="bhp-button">
|
||
<div class="bhp-icon"></div>
|
||
<div class="bhp-text">
|
||
<div class="bhp-text-line bhp-text-line--long"></div>
|
||
<div class="bhp-text-line bhp-text-line--short"></div>
|
||
</div>
|
||
<div class="bhp-ripple"></div>
|
||
</div>
|
||
</div>
|
||
<div class="bhp-desc">
|
||
<p class="bhp-desc-body"><b>Once created, this pop-up will be hidden by default</b> and can be opened via a <b>Navigate</b> action. Here's how to set it up:</p>
|
||
<div class="bhp-step">
|
||
<span class="bhp-step-num">1</span>
|
||
<span class="bhp-step-text"><b>Set a hash:</b> A unique identifier like <code>#kitchen</code>.</span>
|
||
</div>
|
||
<div class="bhp-step">
|
||
<span class="bhp-step-num">2</span>
|
||
<span class="bhp-step-text"><b>Link a card:</b> Set any card's tap action to <b>Navigate</b> and select that pop-up hash as the path. Tapping it will open this pop-up.</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`}(e),t),e.content.appendChild(t)}}})(e),e.popUp&&(Ai(e),Li(e),e.refreshPopupHeader=()=>{Hi(e)},e.refreshPopupShell=()=>{(e.editor||e.config.background_update||e.config.hash===location.hash)&&zi(e)},(e.config.hash===location.hash||e.editor||!!e.config.background_update)&&zi(e),e.config.background_update&&!e.headerInitialized&&(e.headerInitialized=!0))}(e))}var t;if(!e.popUp||!e.elements)return;"undefined"==typeof window||window.__bubbleWakeSyncListenersAdded||(window.__bubbleWakeSyncListenersAdded=!0,window.addEventListener("focus",Bi),window.addEventListener("pageshow",Bi),"undefined"!=typeof document&&document.addEventListener("visibilitychange",()=>{"visible"===document.visibilityState&&Bi()})),function(e){if(e){for(let t=Ei.length-1;t>=0;t--){const n=Ei[t]?.deref?.();if(n){if(n===e)return}else Ei.splice(t,1)}Ei.push(new WeakRef(e))}}(e),Ui(e)?(e._standaloneNeedsShellRefresh=!0,"function"!=typeof e.refreshPopupHeader&&(e.refreshPopupHeader=()=>{Hi(e)}),"function"!=typeof e.refreshPopupShell&&(e.refreshPopupShell=()=>{zi(e),e._standaloneNeedsShellRefresh=!1})):"function"==typeof e.refreshPopupShell?e.refreshPopupShell():(e.isStandalonePopUp||e.editor||e.config.background_update||e.config.hash===location.hash)&&zi(e),Ut(e),e.editor||e.detectedEditor||Mt(e,!1),e.editor||hi(e);const n=li(e);Oi(e,n)&&le(e)},button:_i,"sub-buttons":function(e,t=e.content){"sub-buttons"!==e.cardType&&function(e,t=e.container){const n="sub-buttons",o=(0,vi.N0)(e,{type:n,appendTo:t,styles:".bubble-container.no-background,\n.bubble-container.no-background::after,\n.bubble-container.no-background::before {\n background-color: transparent !important;\n border-radius: 0 !important;\n overflow: visible !important;\n border: none !important;\n box-shadow: none !important;\n}\n\n.no-background .bubble-sub-button-container {\n right: 0;\n}\n\n.bubble-sub-button-container.space-between-justify {\n justify-content: space-between !important;\n}\n\n.bubble-sub-button-container {\n height: auto;\n min-height: auto;\n max-height: none;\n}\n\nha-card.footer-mode {\n bottom: var(--bubble-footer-bottom, 16px);\n height: auto;\n margin-top: 0;\n position: fixed;\n width: calc(100% - var(--mdc-drawer-width, 0px) - 8px);\n left: calc(var(--mdc-drawer-width, 0px) + 4px);\n z-index: 5;\n}\n\nha-card.footer-mode:not(.footer-full-width) {\n width: var(--bubble-footer-width, 500px);\n left: calc(var(--mdc-drawer-width, 0px) + (100% - var(--mdc-drawer-width, 0px) - var(--bubble-footer-width, 500px)) / 2);\n}\n\n@media only screen and (max-width: 600px) {\n ha-card.footer-mode {\n width: calc(100% - 16px);\n left: 8px;\n }\n \n ha-card.footer-mode:not(.footer-full-width) {\n width: calc(100% - 16px);\n left: 8px;\n }\n}\n\nha-card.footer-mode .bubble-container {\n margin: 0;\n box-shadow: var(--bubble-footer-box-shadow, 2px 2px 40px rgba(0, 0, 0, 0.4));\n}\n\nha-card.footer-mode .bubble-container::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.2;\n background: var(--bubble-pop-up-main-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));\n}\n\nha-card.footer-mode.editor {\n position: relative;\n width: 100%;\n left: 0;\n bottom: 0;\n}\n\n.editor {\n transition: none !important;\n}",withBaseElements:!1,withBackground:!0,withFeedback:!1,withSubButtons:!0});if(e.config.hide_main_background&&o.mainContainer.classList.add("no-background"),e.config.menu_style&&o.subButtonContainer.classList.add("menu-style"),e.config.menu_style&&e.config.labels_below&&o.subButtonContainer.classList.add("labels-below"),e.config.space_between_buttons&&o.subButtonContainer.classList.add("space-between-buttons"),e.config.hide_button_labels&&o.subButtonContainer.classList.add("hide-labels"),e.config.compact_mode&&o.subButtonContainer.classList.add("compact-mode"),e.config.footer_mode){e.card.classList.add("footer-mode"),e.config.footer_full_width?e.card.classList.add("footer-full-width"):e.config.footer_width&&e.card.style.setProperty("--bubble-footer-width",`${e.config.footer_width}px`);const t=e.config.footer_bottom_offset||16;e.card.style.setProperty("--bubble-footer-bottom",`${t}px`)}e.config.footer_mode&&!e.editor&&(e.cardContainer=e.card.parentNode.host?.parentNode?.parentNode,e.cardContainer,e.cardContainer.classList.contains("card")&&(e.cardContainer.style.position="absolute")),e.cardType=n}(e,t);const n=e.config.sub_button;if(n){const t=(0,po.mg)(e.config);e.config.sub_button={main:[],bottom:t.bottom||[]}}(0,c.Kr)(e),e.config.sub_button=n,function(e){(0,s.JK)(e),P(e),e.config.footer_mode&&(function(e){const t=e.config.footer_bottom_offset||16;e.card.style.setProperty("--bubble-footer-bottom",`${t}px`)}(e),e.editor||function(e){const t=function(e){const t=document.querySelector("body > home-assistant");if(!t?.shadowRoot)return e?.parentNode;const n=t.shadowRoot.querySelector("home-assistant-main");if(!n?.shadowRoot)return e?.parentNode;const o=n.shadowRoot.querySelector("ha-drawer > partial-panel-resolver > ha-panel-lovelace");if(!o?.shadowRoot)return e?.parentNode;const i=o.shadowRoot.querySelector("hui-root");return i?.shadowRoot&&i.shadowRoot.querySelector("#view > hui-view > hui-sections-view")||e?.parentNode}(Di(e));t&&function(e,t,n){const o=()=>{const o=(Number(e.offsetHeight||e.getBoundingClientRect().height)||0)+(Number(n?.config?.footer_bottom_offset)||16)+16;t.style.paddingBottom=`${o}px`};requestAnimationFrame(()=>{requestAnimationFrame(o)})}(e.card,t,e)}(e))}(e),function(e){const t=e.editor||e.detectedEditor,n=e.card.classList.contains("editor");t?n||(ji(e),e.card.classList.add("editor")):n&&(e.card.classList.remove("editor"),e.config.footer_mode?function(e){const t=Di(e);t&&""!==t.style.position||function(e){const t=Di(e);t?.classList.contains("card")&&(t.style.position="absolute",e.cardContainer=t)}(e)}(e):ji(e))}(e)},separator:function(e){"separator"!==e.cardType&&function(e){const t="separator";e.elements={},e.elements.mainContainer=(0,s.n)("div","bubble-container bubble-separator separator-container"),e.elements.icon=(0,s.n)("ha-icon","bubble-icon"),e.elements.name=(0,s.n)("h4","bubble-name"),e.elements.line=(0,s.n)("div","bubble-line"),e.elements.mainContainer.appendChild(e.elements.icon),e.elements.mainContainer.appendChild(e.elements.name),e.elements.mainContainer.appendChild(e.elements.line),(0,vi.N0)(e,{type:t,styles:".bubble-container {\n display: flex;\n background: none;\n align-items: center;\n height: 40px;\n overflow: visible;\n --bubble-separator-border: none;\n}\n.bubble-icon {\n display: inline-flex;\n height: auto;\n width: auto;\n margin: 0 22px 0 8px;\n}\n.bubble-name {\n margin: 0 30px 0 0;\n font-size: 16px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.bubble-name:empty {\n display: none;\n}\n\n.bubble-line {\n border-radius: 6px;\n margin-right: 14px;\n opacity: 0.6;\n flex-grow: 1;\n height: 6px;\n background-color: var(--bubble-line-background-color, var(--ha-card-background-color, var(--secondary-background-color)));\n}\n\n.bubble-sub-button-container {\n margin-left: 8px;\n}\n\n.rows-2 .bubble-sub-button-container {\n margin-left: 14px;\n}\n\n.large .bubble-container {\n height: calc( var(--row-height,44px) * var(--row-size,0.8) + var(--row-gap,8px) * ( var(--row-size,0.8) - 1 ))\n}\n\n.bubble-container.with-bottom-buttons {\n align-items: flex-start;\n}\n\n.with-bottom-buttons .bubble-line {\n margin-top: 15px;\n}\n\n.with-bottom-buttons .bubble-icon,\n.with-bottom-buttons .bubble-name,\n.with-bottom-buttons .bubble-line {\n display: initial;\n line-height: 36px;\n}",withMainContainer:!1,withBaseElements:!1,withSubButtons:!0,iconActions:!1,buttonActions:!1}),e.cardType=t}(e),function(e){e.elements.icon.icon=(0,l.sW)(e),""===e.elements.icon.icon&&""===e.elements.icon.style.margin?(e.elements.icon.style.margin="0px 8px",e.elements.icon.style.width="0px"):""!==e.elements.icon.icon&&"0px 8px"===e.elements.icon.style.margin&&(e.elements.icon.style.margin="",e.elements.icon.style.width="")}(e),(0,mi.m9)(e,!1),(0,c.Kr)(e),function(e){(0,s.JK)(e),P(e)}(e)},cover:function(e){"cover"!==e.cardType&&function(e){const t="cover",n=(0,vi.N0)(e,{type:t,styles:".bubble-cover-button {\n display: flex;\n position: relative;\n height: 36px;\n width: 36px;\n border-radius: var(--bubble-cover-buttons-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-cover-button-background-color);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n transition: all 0.3s ease;\n box-sizing: border-box;\n}\n\n.bubble-cover-button-icon {\n --mdc-icon-size: 20px;\n color: var(--primary-text-color);\n line-height: normal;\n}\n\n.bubble-buttons-container {\n align-items: center;\n gap: 8px;\n}\n\n.bubble-button.disabled {\n opacity: 0.3 !important;\n pointer-events: none !important;\n cursor: none !important;\n}\n\n.large .bubble-cover-button-icon {\n --mdc-icon-size: 24px;\n}",withSubButtons:!0,iconActions:!0,buttonActions:!0});function o(e,t,n){const o=(0,s.n)("div",`bubble-cover-button ${t}`),i=(0,s.n)("ha-icon",`bubble-cover-button-icon ${n}`);i.setAttribute("icon",e);const a=(0,s.n)("div","bubble-feedback-container"),r=(0,s.n)("div","bubble-feedback-element feedback-element");return a.appendChild(r),o.appendChild(a),o.appendChild(i),o.icon=i,o.feedback=r,o.haRipple=(0,s.n)("ha-ripple"),o.appendChild(o.haRipple),o}n.buttonsContainer.classList.add("bubble-buttons","buttons-container"),n.buttonOpen=o("mdi:arrow-up","bubble-button bubble-open button open","bubble-icon-open"),n.buttonStop=o("mdi:stop","bubble-button bubble-stop button stop","bubble-icon-stop"),n.buttonClose=o("mdi:arrow-down","bubble-button bubble-close button close","bubble-icon-close"),n.buttonsContainer.append(n.buttonOpen,n.buttonStop,n.buttonClose),n.buttonOpen.addEventListener("click",()=>{(0,s.jp)("selection");const t=e.config.open_service??"cover.open_cover",[n,o]=t.split(".");e._hass.callService(n,o,{entity_id:e.config.entity})}),n.buttonStop.addEventListener("click",()=>{(0,s.jp)("selection");const t=e.config.stop_service??"cover.stop_cover",[n,o]=t.split(".");e._hass.callService(n,o,{entity_id:e.config.entity})}),n.buttonClose.addEventListener("click",()=>{(0,s.jp)("selection");const t=e.config.close_service??"cover.close_cover",[n,o]=t.split(".");e._hass.callService(n,o,{entity_id:e.config.entity})}),e.cardType=t}(e),(0,mi.zQ)(e),(0,mi.wd)(e),(0,mi.m9)(e),(0,mi.Uk)(e),function(e){const t=e._hass.states[e.config.entity],{current_position:n,assumed_state:o}=t.attributes,i=Ri(t,1),a=Ri(t,2),r=Ri(t,8),c=function(e){return void 0!==e.attributes.current_position?100===e.attributes.current_position:"open"===e.state}(t),d=function(e){return void 0!==e.attributes.current_position?0===e.attributes.current_position:"closed"===e.state}(t),u="curtain"===(0,s.D$)(e,"device_class");e.elements.icon.icon=c?(0,l.sW)(e,e.config.entity,e.config.icon_open):(0,l.sW)(e,e.config.entity,e.config.icon_close);const p=e.config.icon_up||(u?"mdi:arrow-expand-horizontal":"mdi:arrow-up"),b=e.config.icon_down||(u?"mdi:arrow-collapse-horizontal":"mdi:arrow-down");e.elements.buttonOpen.icon.setAttribute("icon",p),e.elements.buttonClose.icon.setAttribute("icon",b),void 0!==n?(c?e.elements.buttonOpen.classList.add("disabled"):i&&e.elements.buttonOpen.classList.remove("disabled"),d?e.elements.buttonClose.classList.add("disabled"):a&&e.elements.buttonClose.classList.remove("disabled")):(e.elements.buttonOpen.classList.remove("disabled"),e.elements.buttonClose.classList.remove("disabled")),e.elements.buttonStop.style.display=r?"":"none"}(e),(0,c.Kr)(e),function(e){(0,s.JK)(e),P(e)}(e)},"empty-column":function(e){"empty-column"!==e.cardType&&function(e){e.elements={},e.elements.emptyColumnCard=(0,s.n)("div","bubble-empty-column empty-column"),e.elements.mainContainer=e.elements.emptyColumnCard,e.elements.style=(0,s.n)("style"),e.elements.style.innerText=".empty-column {\n display: flex;\n width: 100%;\n height: 0px;\n box-sizing: border-box;\n}\n\n.large .empty-column {\n height: calc( var(--row-height,0px) * var(--row-size,1) + var(--row-gap,8px) * ( var(--row-size,1) - 1 ) );\n}\n",e.elements.customStyle=(0,s.n)("style"),e.content.innerHTML="",e.content.appendChild(e.elements.emptyColumnCard),e.content.appendChild(e.elements.style),e.content.appendChild(e.elements.customStyle),e.cardType="empty-column"}(e)},"horizontal-buttons-stack":function(e){"horizontal-buttons-stack"!==e.cardType&&function(e){e.elements={},e.elements.buttons=[],e.elements.cardContainer=(0,s.n)("div","bubble-horizontal-buttons-stack-card-container horizontal-buttons-stack-container");let t=1;for(;e.config[t+"_link"];)e.elements.cardContainer.appendChild(Vi(e,t)),t++;e.elements.style=(0,s.n)("style"),e.elements.style.innerText="@keyframes from-bottom {\n 0% { transform: translate(-50%, 100px); }\n 26% { transform: translate(-50%, -8px); }\n 46% { transform: translate(-50%, 1px); }\n 62% { transform: translate(-50%, -2px); }\n 70% { transform: translate(-50%, 0); }\n 100% { transform: translate(-50%, 0); }\n}\n@keyframes pulse {\n 0% { filter: brightness(0.7); }\n 100% { filter: brightness(1.3); }\n}\nha-card {\n border-radius: 0;\n}\n.horizontal-buttons-stack-card {\n bottom: 16px;\n height: 51px;\n margin-top: 0;\n position: fixed;\n width: calc(100% - var(--mdc-drawer-width, 0px) - 8px);\n left: calc(var(--mdc-drawer-width, 0px) + 4px);\n z-index: 6; /* Higher value hide the more-info panel */\n}\n@media only screen and (max-width: 870px) {\n .horizontal-buttons-stack-card {\n width: calc(100% - 16px);\n left: 8px;\n }\n\n .horizontal-buttons-stack-card::before {\n left: -10px;\n }\n}\n.horizontal-buttons-stack-card::before {\n content: '';\n position: absolute;\n top: -32px;\n display: none;\n background: linear-gradient(0deg, var(--bubble-horizontal-buttons-stack-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--primary-background-color)))) 50%, transparent);\n width: 200%;\n height: 100px;\n pointer-events: none;\n}\n.has-gradient.horizontal-buttons-stack-card::before {\n display: block;\n}\n\n.card-content {\n width: calc(100% + 36px);\n padding: 0 !important;\n max-width: calc(var(--desktop-width) - 8px);\n box-sizing: border-box;\n overflow: scroll;\n position: absolute;\n left: 50%;\n transform: translateX(-50%);\n -ms-overflow-style: none;\n scrollbar-width: none;\n mask-image: linear-gradient(\n 90deg,\n #000000 0%,\n #000000 calc(0% + 28px),\n #000000 calc(100% - 28px),\n transparent 100%\n );\n}\n.is-scrollable.card-content {\n padding: 0 !important;\n width: 100%;\n}\n.is-scrolled.card-content {\n padding: 0 !important;\n width: 100%;\n mask-image: linear-gradient(\n 90deg,\n transparent 0%,\n #000000 calc(0% + 28px),\n #000000 calc(100% - 28px),\n transparent 100%\n );\n}\n.is-maxed-scroll.card-content {\n mask-image: linear-gradient(\n 90deg,\n transparent 0%,\n #000000 calc(0% + 28px),\n #000000 calc(100% - 28px),\n #000000 100%\n );\n}\n.card-content::-webkit-scrollbar {\n display: none;\n}\n\n.bubble-horizontal-buttons-stack-card-container {\n height: 51px;\n position: relative;\n margin: auto;\n}\n\n.bubble-button {\n align-items: center;\n border-radius: var(--bubble-horizontal-buttons-stack-border-radius, var(--bubble-border-radius, 32px));\n color: var(--primary-text-color);\n cursor: pointer;\n display: inline-flex;\n height: 50px;\n left: 0;\n padding: 0 16px;\n position: absolute;\n white-space: nowrap;\n z-index: 1;\n transition: transform 1s;\n box-sizing: border-box;\n}\n.bubble-button.highlight {\n animation: pulse 1.4s infinite alternate;\n}\n.bubble-background-color {\n border: 1px solid var(--primary-text-color);\n border-radius: var(--bubble-horizontal-buttons-stack-border-radius, var(--bubble-border-radius, 32px));\n box-sizing: border-box;\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n transition: background-color 1s;\n width: 100%;\n z-index: 1;\n}\n.bubble-background {\n opacity: 0.8;\n border-radius: var(--bubble-horizontal-buttons-stack-border-radius, var(--bubble-border-radius, 32px));\n width: 100%;\n height: 100%;\n box-sizing: border-box !important;\n position: absolute;\n left: 0;\n z-index: 0;\n background-color: var(--bubble-horizontal-buttons-stack-background-color, var(--bubble-secondary-background-color, var(--background-color, var(--secondary-background-color))));\n}\n.bubble-icon {\n height: 24px;\n width: 24px;\n z-index: 2;\n}\n.bubble-icon + .bubble-name {\n margin-left: 8px;\n z-index: 2;\n}\n\n.horizontal-buttons-stack-card.editor {\n position: relative;\n width: 100%;\n left: 0;\n bottom: 0;\n}\n.horizontal-buttons-stack-card.editor::before {\n background: none;\n}",e.elements.customStyle=(0,s.n)("style"),e.card.classList.add("horizontal-buttons-stack-card"),e.card.style.marginLeft=e.config.margin??"",e.config.hide_gradient||e.card.classList.add("has-gradient"),e.card.style.setProperty("--desktop-width",e.config.width_desktop??"500px"),e.elements.cardContainer.appendChild(e.elements.style),e.elements.cardContainer.appendChild(e.elements.customStyle),e.content.appendChild(e.elements.cardContainer),e.content.addEventListener("scroll",()=>{e.content.scrollLeft>0?e.content.classList.add("is-scrolled"):e.content.classList.remove("is-scrolled"),e.content.scrollWidth-12<e.content.offsetWidth+e.content.scrollLeft?e.content.classList.add("is-maxed-scroll"):e.content.classList.remove("is-maxed-scroll")}),(e.config.rise_animation??1)&&(e.content.style.animation="from-bottom .6s forwards",setTimeout(()=>{e.content.style.animation="none"},1500));let n=e.card.parentNode.host;n?.parentElement&&!e.editor&&"hui-card"===n?.parentElement?.tagName.toLowerCase()&&(n.parentElement.style.padding="0 0 80px"),e.cardType="horizontal-buttons-stack"}(e),function(e){P(e)}(e),function(e){if(!e.config.auto_order)return;const t=e._hass.states;e.elements.buttons.sort((e,n)=>{if(!t[e.pirSensor])return 1;if(!t[n.pirSensor])return-1;const o=t[e.pirSensor]?.last_updated,i=t[n.pirSensor]?.last_updated;return"on"===t[e.pirSensor]?.state&&"on"===t[n.pirSensor]?.state?o>i?-1:o===i?0:1:"on"===t[e.pirSensor]?.state?-1:"on"===t[n.pirSensor]?.state?1:o>i?-1:o===i?0:1})}(e),function(e){e.elements.buttons.forEach(t=>{const n=t.index,o=e.config[`${n}_name`]??"",i=e.config[`${n}_icon`]??"",a=e.config[`${n}_pir_sensor`],r=e.config[`${n}_link`],s=e.config[`${n}_entity`];t.pirSensor=a,t.lightEntity=s,t.link=r,o?(t.name.innerText=o,t.name.style.display=""):t.name.style.display="none",i?(t.icon.icon=i,t.icon.style.display=""):t.icon.style.display="none",void 0===r&&(t.remove(),e.elements.buttons=e.elements.buttons.filter(e=>e!==t),e.elements.buttons.forEach((e,t)=>{e.index=t+1}))});let t=e.elements.buttons.length+1;for(;void 0!==e.config[`${t}_link`];){if(!e.elements.buttons.find(e=>e.index===t)){const n=Vi(e,t);e.elements.buttons.push(n)}t++}}(e),function(e){e.editor||e.detectedEditor?(e.elements.cardContainer.classList.add("editor"),e.card.classList.add("editor")):(e.elements.cardContainer.classList.remove("editor"),e.card.classList.remove("editor"))}(e),function(e){let t=0;for(let n=0;n<e.elements.buttons.length;++n){let o=localStorage.getItem(`bubbleButtonWidth-${e.elements.buttons[n].link}`);e.elements.buttons[n].style.width="";const i=e.elements.buttons[n].offsetWidth;e.elements.buttons[n].style.width=`${i}px`,i>0&&(o=i,localStorage.setItem(`bubbleButtonWidth-${e.elements.buttons[n].link}`,`${i}`)),null!==o&&(e.elements.buttons[n].style.transform=`translateX(${t}px)`,e.elements.buttons[n].style.width="",t+=+o+12)}e.elements.cardContainer.style.width=`${t}px`}(e),function(e){e.elements.buttons.forEach(t=>{const n=e._hass.states[t.lightEntity],o=n?.attributes.rgb_color,i=n?.state;if(o){const e=(0,r.qd)(o)?"rgba(255, 220, 200, 0.5)":`rgba(${o}, 0.5)`;t.backgroundColor.style.backgroundColor=e,t.backgroundColor.style.borderColor="rgba(0, 0, 0, 0)"}else"on"==i?(t.backgroundColor.style.backgroundColor="rgba(255, 255, 255, 0.5)",t.backgroundColor.style.borderColor="rgba(0, 0, 0, 0)"):(t.backgroundColor.style.backgroundColor="rgba(0, 0, 0, 0)",t.backgroundColor.style.borderColor="var(--primary-text-color)")})}(e),function(e){e.content.scrollWidth>=e.content.offsetWidth?e.content.classList.add("is-scrollable"):e.content.classList.remove("is-scrollable")}(e)},calendar:function(e){"calendar"!==e.cardType&&function(e){const t="calendar",n=(0,vi.N0)(e,{type:t,styles:'.bubble-container {\n height: var(--bubble-calendar-height, 56px);\n display: flex;\n gap: 8px;\n}\n.bubble-calendar-content {\n flex-grow: 1;\n min-width: 0;\n height: 100%;\n overflow: scroll;\n}\n.bubble-calendar-content.can-scroll-top {\n mask-image: linear-gradient(to bottom, transparent 0%, black var(--bubble-calendar-mask-size, 16px), black 100%);\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--bubble-calendar-mask-size, 16px), black 100%);\n}\n.bubble-calendar-content.can-scroll-bottom {\n mask-image: linear-gradient(to bottom, black 0%, black calc(100% - var(--bubble-calendar-mask-size, 16px)), transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, black 0%, black calc(100% - var(--bubble-calendar-mask-size, 16px)), transparent 100%);\n}\n.bubble-calendar-content.can-scroll-top.can-scroll-bottom {\n mask-image: linear-gradient(to bottom, transparent 0%, black var(--bubble-calendar-mask-size, 16px), black calc(100% - var(--bubble-calendar-mask-size, 16px)), transparent 100%);\n -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black var(--bubble-calendar-mask-size, 16px), black calc(100% - var(--bubble-calendar-mask-size, 16px)), transparent 100%);\n}\n.card-content::after {\n border-radius: 0 0 var(--bubble-calendar-border-radius, var(--bubble-border-radius, 32px)) var(--bubble-calendar-border-radius, var(--bubble-border-radius, 32px));\n content: "";\n display: flex;\n height: 32px;\n width: 100%;\n position: absolute;\n bottom: 0;\n pointer-events: none;\n transition: opacity .2s, transform .2s;\n z-index: 1;\n}\n.bubble-sub-button-container {\n flex-shrink: 0;\n position: sticky !important;\n top: 0;\n}\n.bubble-day-wrapper {\n display: flex;\n align-items: flex-start;\n justify-content: center;\n width: 100%;\n gap: 8px;\n padding: 7px 16px 7px 8px;\n position: relative;\n box-sizing: border-box;\n}\n.bubble-day-wrapper + .bubble-day-wrapper::before {\n content: "";\n position: absolute;\n top: -1px;\n left: 62px;\n right: 16px;\n height: 2px;\n background-color: var(--bubble-button-icon-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n}\n.bubble-day-chip {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n width: 42px;\n height: 42px;\n border-radius: var(--bubble-button-icon-border-radius, var(--bubble-icon-border-radius, var(--bubble-border-radius, 50%)));\n background-color: var(--bubble-button-icon-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n position: relative;\n}\n.bubble-day-number {\n font-size: 24px;\n line-height: 20px;\n font-weight: 600;\n opacity: 0.6;\n}\n.is-active .bubble-day-number {\n filter: brightness(1.1);\n opacity: 1;\n}\n.bubble-day-month {\n font-size: 12px;\n line-height: 12px;\n font-weight: 400;\n opacity: 0.6;\n}\n.is-active .bubble-day-month {\n filter: brightness(1.1);\n opacity: 1;\n}\n.bubble-day-events {\n width: 100%;\n border-radius: var(--bubble-calendar-border-radius, var(--bubble-border-radius, 32px));\n min-width: 0;\n}\n.bubble-event {\n background-color: var(--bubble-event-background-color);\n background-image: var(--bubble-event-background-image);\n display: flex;\n align-items: flex-start;\n gap: 8px;\n padding: 4px 6px;\n border-radius: var(--bubble-calendar-border-radius, var(--bubble-border-radius, 32px));\n margin-left: -6px;\n position: relative;\n line-height: 1em;\n}\n.bubble-event-time {\n font-size: 12px;\n font-weight: 400;\n white-space: nowrap;\n flex-shrink: 0;\n flex-grow: 0;\n opacity: 0.7;\n}\n.bubble-event-color {\n height: 12px;\n width: 12px;\n border-radius: var(--bubble-calendar-border-radius, var(--bubble-border-radius, 32px));\n flex-shrink: 0;\n flex-grow: 0;\n}\n.bubble-event-name-wrapper {\n width: 10px;\n flex: 1;\n}\n.bubble-event-name {\n font-size: 13px;\n font-weight: 600;\n max-width: 100%;\n min-width: 0;\n flex-shrink: 1;\n flex-grow: 1;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.bubble-event-place {\n opacity: 0.6;\n display: flex;\n align-items: center;\n margin-top: 2px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n max-width: 100%;\n min-width: 0;\n flex-shrink: 1;\n flex-grow: 1;\n}\n.bubble-event-place-icon {\n display: inline-flex;\n --mdc-icon-size: 12px;\n margin-right: 4px;\n}\n\n.bubble-sub-button-container.fixed-top {\n margin-top: 10px;\n}\n\n.with-bottom-buttons .bubble-calendar-content {\n height: 52px;\n}',withBaseElements:!1,withSubButtons:!0,iconActions:!1,buttonActions:!1});n.calendarCardContent=(0,s.n)("div","bubble-calendar-content"),n.mainContainer.style.setProperty("--bubble-calendar-height",56*(e.config.rows??1)+"px"),n.mainContainer.prepend(n.calendarCardContent),e.cardType=t}(e);const t=JSON.stringify(e.config.entities.map(t=>e._hass.states[t.entity]));e.cacheKey!==t&&(e.cacheKey=t,setTimeout(()=>{e.cacheKey=""},9e5),async function(e){const t=Math.max(1,e.config.days??7),n=new Date,o=n.toISOString(),i=new Date(n);i.setDate(i.getDate()+(t-1)),i.setHours(23,59,59,999);const a=`start=${o}&end=${i.toISOString()}`,r=e.config.entities.map(async t=>{const n=`calendars/${t.entity}?${a}`;return(await e._hass.callApi("get",n)).map(e=>({...e,entity:t}))});let s=(await Promise.all(r)).flat().sort(_o);!1===e.config.show_started_events&&(s=function(e,t){return e.filter(e=>{const n=vo(e.start),o=vo(e.end);return!(n<t&&o>t)})}(s,new Date)),e.events=s.slice(0,e.config.limit??void 0)}(e).then(()=>{!async function(e){const t=fo(e._hass),n=e.events.reduce((e,t)=>{const n=(e=>{const t=vo(e);return`${t.getFullYear()}-${(t.getMonth()+1).toString().padStart(2,"0")}-${t.getDate().toString().padStart(2,"0")}`})(t.start);return e[n]||(e[n]=[]),e[n].push(t),e},{});if(0===Object.keys(n).length){const e=(new Date).toISOString().split("T")[0];n[e]=[{start:{date:e},end:{date:e},summary:"No events",entity:{color:"transparent"}}]}const o=new DocumentFragment;Object.keys(n).sort().forEach(a=>{const r=vo({date:a}),l=new Date,c=(0,s.n)("div","bubble-day-number"),d=e._hass.locale.language,u=e._hass.locale.time_format;c.innerHTML=`${r.getDate()}`;const p=(0,s.n)("div","bubble-day-month");p.innerHTML=r.toLocaleString(d,{month:"short"});const b=(0,s.n)("div","bubble-day-chip");b.appendChild(c),b.appendChild(p),r.getDate()===l.getDate()&&r.getMonth()===l.getMonth()&&b.classList.add("is-active"),(0,i.dN)(b,{...e.config},null);const h=(0,s.n)("div","bubble-day-events");n[a].forEach(n=>{const o=void 0!==n.start.date,a=new Date,r=vo(n.start),l=vo(n.end),c=(0,s.n)("div","bubble-event-time");c.innerHTML=o?t("cards.calendar.all_day"):r.toLocaleTimeString(d,{hour:"numeric",minute:"numeric",hour12:"12"===u}),o||!0!==e.config.show_end||(c.innerHTML+=` – ${l.toLocaleTimeString(d,{hour:"numeric",minute:"numeric",hour12:"12"===u})}`);const p=(0,s.n)("div","bubble-event-name-wrapper"),b=(0,s.n)("div","bubble-event-name"),m=n.summary||t("cards.calendar.busy");(0,N.N)(e,b,m),p.appendChild(b);const f=(0,s.n)("div","bubble-event-color");if(f.style.backgroundColor=n.entity.color?n.entity.color.startsWith("#")?n.entity.color:`var(--${n.entity.color}-color)`:yo(go(n.entity.entity)),"transparent"===n.entity.color&&(f.style.display="none"),!0===e.config.show_place&&null!==n.location){const t=(0,s.n)("div","bubble-event-place");(0,N.N)(e,t,n.location),p.appendChild(t)}const g=(0,s.n)("div","bubble-event");g.appendChild(f),g.appendChild(c),g.appendChild(p),(0,i.dN)(g,e.config.event_action,n.entity.entity,{tap_action:{action:"none"},double_tap_action:{action:"none"},hold_action:{action:"none"}});const y="var(--bubble-event-accent-color, var(--bubble-accent-color, var(--bubble-default-color)))";if(!0===e.config.show_progress&&o&&r<a)g.style.setProperty("--bubble-event-background-color",y);else if(!0===e.config.show_progress&&!o&&r<a){const e=Wi(r,l),t=100*Wi(r,a)/e;g.style.setProperty("--bubble-event-background-image",`linear-gradient(to right, ${y} ${t}%, transparent ${t}%)`)}h.appendChild(g)});const m=(0,s.n)("div","bubble-day-wrapper");m.appendChild(b),m.appendChild(h),o.appendChild(m),e.elements.mainContainer.scrollHeight>e.elements.mainContainer.offsetHeight&&e.content.classList.add("is-overflowing")}),e.elements.calendarCardContent.innerHTML="",e.elements.calendarCardContent.appendChild(o),setTimeout(()=>Yi(e),0)}(e)})),function(e){if((0,s.JK)(e),P(e),e.elements?.calendarCardContent){Yi(e);const t=e.elements.calendarCardContent;t&&!t._scrollListener&&(t._scrollListener=()=>Yi(e),t.addEventListener("scroll",t._scrollListener))}}(e),(0,c.Kr)(e)},"media-player":function(e){"media-player"!==e.cardType&&function(e){const t="media-player",n=(0,vi.N0)(e,{type:t,styles:".bubble-media-button {\n display: flex;\n position: relative;\n height: 36px;\n width: 36px;\n border-radius: var(--bubble-media-player-buttons-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-media-player-button-background-color);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n transition: all 0.3s ease;\n box-sizing: border-box;\n}\n\n.bubble-media-player .bubble-entity-picture {\n inset: 0;\n pointer-events: none;\n}\n\n.bubble-cover-icon-crossfade,\n.bubble-cover-background-crossfade {\n position: absolute;\n inset: 0;\n overflow: hidden;\n}\n\n.bubble-cover-crossfade-layer {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0;\n transition: opacity 2s ease;\n pointer-events: none;\n}\n\n.bubble-cover-crossfade-layer.is-visible {\n opacity: 1;\n}\n\n.bubble-cover-crossfade-layer.is-empty {\n opacity: 0;\n}\n\n.bubble-cover-crossfade-layer--icon {\n z-index: 0;\n}\n\n.bubble-media-player .bubble-cover-background {\n overflow: hidden;\n}\n\n.bubble-button-container {\n align-items: center;\n gap: 8px;\n }\n\n.bubble-media-button-icon {\n --mdc-icon-size: 20px;\n color: var(--primary-text-color);\n line-height: normal;\n}\n\n.bubble-play-pause-button,\n.full-width > .bubble-play-pause-button {\n background-color: var(--bubble-accent-color, var(--bubble-default-color));\n}\n\n.bubble-play-pause-button .bubble-media-button-icon {\n color: var(--bubble-media-player-play-pause-icon-color, var(--bubble-button-active-icon-color, var(--primary-background-color, white)));\n}\n\n.bubble-play-pause-button:not(.large) {\n height: 36px;\n width: 36px;\n}\n\n/* Volume slider wrapper (similar to sub-button slider) */\n.bubble-volume-slider-wrapper {\n position: absolute;\n display: flex;\n align-items: center;\n gap: 8px;\n height: 38px;\n width: calc(100% - 16px);\n left: 8px;\n right: 8px;\n z-index: 1;\n opacity: 1;\n transition: opacity .2s, transform .2s;\n transform: translateX(0);\n touch-action: none;\n}\n\n.bubble-volume-slider {\n position: relative;\n flex: 1 1 auto;\n height: 100%;\n overflow: hidden;\n border-radius: var(--bubble-media-player-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-media-player-slider-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background)))));\n}\n\n.bubble-range-value {\n display: flex;\n justify-content: flex-end;\n height: 38px;\n align-items: center;\n font-size: 12px;\n opacity: 0.8;\n z-index: 1;\n}\n\n.bubble-mute-button {\n opacity: 1;\n transition: opacity .2s, transform .2s;\n transform: translateX(0);\n}\n\n.is-hidden {\n opacity: 0 !important;\n pointer-events: none;\n transform: translateX(14px);\n}\n\n/* Keep hidden volume slider overlays inside card width */\n.bubble-volume-slider-wrapper.is-hidden {\n right: calc(8px + 14px);\n}\n\n/* Position volume slider at bottom when buttons are in bottom-fixed mode */\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider-wrapper {\n bottom: 8px;\n top: auto;\n width: 100%;\n left: 0;\n right: auto;\n padding: 0px 8px;\n box-sizing: border-box;\n}\n\n/* Bottom-fixed layout uses explicit width reduction to absorb the translateX */\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider-wrapper.is-hidden {\n width: calc(100% - 14px);\n}\n\n.bubble-range-fill {\n background-color: var(--bubble-accent-color, var(--bubble-default-color));\n height: 101%; /* Ensure the fill covers the entire slider */\n}\n\n/* Original mute button (in icon container, normal mode) */\n.bubble-mute-button {\n display: flex;\n position: absolute;\n height: 38px;\n width: 38px;\n justify-content: center;\n align-items: center;\n}\n\n/* Mute button in volume slider wrapper */\n.bubble-volume-slider-mute-button {\n display: flex;\n position: relative;\n height: 36px;\n width: 36px;\n border-radius: var(--bubble-media-player-buttons-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-media-player-button-background-color);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n transition: all 0.3s ease;\n box-sizing: border-box;\n flex-shrink: 0;\n touch-action: none;\n}\n\n/* Close button in volume slider wrapper */\n.bubble-volume-slider-close-button {\n display: flex;\n position: relative;\n height: 36px;\n width: 36px;\n border-radius: var(--bubble-media-player-buttons-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-media-player-button-background-color);\n cursor: pointer;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n transition: all 0.3s ease;\n box-sizing: border-box;\n flex-shrink: 0;\n touch-action: none;\n}\n\n.bubble-media-info-container {\n display: flex;\n line-height: 14px;\n font-size: 12px;\n flex-direction: column;\n justify-content: center;\n flex-grow: 1;\n margin: 0 16px 0 4px;\n pointer-events: none;\n position: relative;\n overflow: hidden;\n}\n\n.bubble-title,\n.bubble-artist {\n display: flex;\n margin: 2px 0;\n position: relative;\n white-space: nowrap;\n}\n\n.bubble-title {\n font-weight: 600;\n}\n\n.bubble-background {\n background-size: cover;\n background-position: center;\n filter: blur(50px);\n opacity: 0.5;\n}\n\n.bubble-media-info-container.name-without-icon {\n margin-left: 16px;\n}\n\n@media screen and (max-width: 250px) {\n .bubble-previous-button {\n display: none;\n }\n}\n\n@media screen and (max-width: 206px) {\n .bubble-next-button {\n display: none;\n }\n}\n\n@media screen and (max-width: 160px) {\n .bubble-volume-button {\n display: none;\n }\n}\n\n.large .bubble-mute-button {\n height: 42px;\n width: 42px;\n}\n\n.large .bubble-volume-slider-wrapper {\n height: 42px;\n}\n\n.large .bubble-volume-slider {\n height: 42px;\n border-radius: var(--bubble-media-player-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n}\n\n.large .bubble-volume-slider-mute-button,\n.large .bubble-volume-slider-close-button {\n height: 42px;\n width: 42px;\n}\n\n.large .bubble-range-value {\n place-items: center;\n height: 42px;\n}\n\n.full-width > .bubble-play-pause-button,\n.large .full-width > .bubble-play-pause-button {\n height: 36px;\n}\n\n.large .bubble-play-pause-button {\n height: 42px;\n width: 42px;\n}\n\n/* Ensure volume slider + its wrapper buttons match sub-buttons size when bottom-fixed */\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider-wrapper {\n height: 36px;\n}\n\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider,\n.bubble-wrapper.has-bottom-buttons .bubble-range-value {\n height: 36px;\n}\n\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider-mute-button,\n.bubble-wrapper.has-bottom-buttons .bubble-volume-slider-close-button {\n height: 36px;\n width: 36px;\n}\n\n.fixed-top .bubble-buttons-container {\n margin-top: 7px;\n}\n\n.fixed-top .bubble-buttons-container:not(.bottom-fixed) {\n height: 42px;\n}\n\n.fixed-top .bubble-volume-slider-wrapper {\n margin-top: 7px;\n}",iconActions:!0,buttonActions:!0,withSubButtons:!0});function o(e,t){const n=(0,s.n)("div",`bubble-media-button ${t}`),o=(0,s.n)("ha-icon","bubble-media-button-icon");o.setAttribute("icon",e);const i=(0,s.n)("div","bubble-feedback-container"),a=(0,s.n)("div","bubble-feedback-element feedback-element");return i.appendChild(a),n.appendChild(i),n.appendChild(o),n.icon=o,n.feedback=a,n.haRipple=(0,s.n)("ha-ripple"),n.appendChild(n.haRipple),n}if(n.mediaInfoContainer=(0,s.n)("div","bubble-media-info-container"),n.playPauseButton=o("mdi:play","bubble-play-pause-button"),n.previousButton=o("mdi:skip-previous","bubble-previous-button"),n.nextButton=o("mdi:skip-next","bubble-next-button"),n.volumeButton=o("mdi:volume-high","bubble-volume-button"),n.powerButton=o("mdi:power","bubble-power-button"),n.muteButton=o("mdi:volume-off","bubble-mute-button is-hidden"),n.volumeSliderMuteButton=o("mdi:volume-high","bubble-volume-slider-mute-button"),n.volumeSliderCloseButton=o("mdi:close","bubble-volume-slider-close-button"),n.title=(0,s.n)("div","bubble-title"),n.artist=(0,s.n)("div","bubble-artist"),n.background.classList.add("bubble-cover-background"),n.buttonsContainer.classList.add("bubble-button-container"),n.iconContainer.appendChild(n.muteButton),n.mediaInfoContainer.append(n.title,n.artist),n.contentContainer.append(n.mediaInfoContainer),n.buttonsContainer.append(n.powerButton,n.previousButton,n.nextButton,n.volumeButton,n.playPauseButton),n.volumeSliderWrapper=(0,s.n)("div","bubble-volume-slider-wrapper is-hidden"),n.volumeSliderContainer=(0,s.n)("div","bubble-volume-slider"),(0,ia.H)(e,{targetElement:n.volumeSliderContainer,sliderLiveUpdate:!1,withValueDisplay:!0,holdToSlide:!1}),n.volumeSliderWrapper.appendChild(n.volumeSliderMuteButton),n.volumeSliderWrapper.appendChild(n.volumeSliderContainer),n.volumeSliderWrapper.appendChild(n.volumeSliderCloseButton),n.cardWrapper.appendChild(n.volumeSliderWrapper),!n._volumeStopPropAdded){const e=e=>e.stopPropagation();["pointerdown","pointermove","touchstart","touchmove","mousedown","mousemove","click"].forEach(t=>{n.volumeSliderWrapper.addEventListener(t,e,{passive:!1})}),n._volumeStopPropAdded=!0}function a(){if(n.volumeSliderWrapper.classList.contains("is-hidden"))return;const t=n.buttonsContainer?.classList.contains("bottom-fixed");n.volumeSliderWrapper.classList.add("is-hidden"),t?n.buttonsContainer.classList.remove("is-hidden"):(n.muteButton.classList.add("is-hidden"),Zi(e))}if(n.volumeButton.addEventListener("click",t=>{t.stopPropagation();const o=n.buttonsContainer?.classList.contains("bottom-fixed");n.volumeSliderWrapper.classList.toggle("is-hidden"),o?n.buttonsContainer.classList.toggle("is-hidden"):(n.muteButton.classList.toggle("is-hidden"),Zi(e))}),(0,i.pd)(n.volumeButton,n.volumeButton.feedback),!n._volumeOutsideListenerAdded){const e=e=>{if(n.volumeSliderWrapper.classList.contains("is-hidden"))return;const t=e.target;n.volumeSliderWrapper.contains(t)||n.volumeButton&&n.volumeButton.contains(t)||a()};document.addEventListener("click",e,{passive:!0}),n._volumeOutsideListenerAdded=!0,n._volumeOutsideHandler=e}n.powerButton.addEventListener("click",()=>{const t=(0,s.Gu)(e),n="off"!==t&&"unknown"!==t;e._hass.callService("media_player",n?"turn_off":"turn_on",{entity_id:e.config.entity})}),(0,i.pd)(n.powerButton,n.powerButton.feedback);const r=t=>{t.addEventListener("pointerdown",n=>{n.stopPropagation();const o=!0===(0,s.D$)(e,"is_volume_muted");e._hass.callService("media_player","volume_mute",{entity_id:e.config.entity,is_volume_muted:!o}),t.clicked=!0}),["click","touchstart","touchend","pointerup","pointercancel"].forEach(e=>{t.addEventListener(e,e=>{e.stopPropagation()})}),(0,i.pd)(t,t.feedback)};r(n.muteButton),r(n.volumeSliderMuteButton),n.previousButton.addEventListener("click",()=>{e._hass.callService("media_player","media_previous_track",{entity_id:e.config.entity})}),(0,i.pd)(n.previousButton,n.previousButton.feedback),n.nextButton.addEventListener("click",()=>{e._hass.callService("media_player","media_next_track",{entity_id:e.config.entity})}),(0,i.pd)(n.nextButton,n.nextButton.feedback),n.playPauseButton.addEventListener("click",()=>{const{service:t}=Xi(e);e._hass.callService("media_player",t,{entity_id:e.config.entity}),n.playPauseButton.clicked=!0}),(0,i.pd)(n.playPauseButton,n.playPauseButton.feedback),n.volumeSliderCloseButton.addEventListener("click",e=>{e.stopPropagation(),a()}),(0,i.pd)(n.volumeSliderCloseButton,n.volumeSliderCloseButton.feedback),n.mainContainer.addEventListener("click",()=>(0,s.jp)("selection")),e.cardType=t}(e),(0,mi.zQ)(e),(0,mi.m9)(e),function(e){const t=(0,s.D$)(e,"media_title"),n=(0,s.D$)(e,"media_artist"),o=t+n;o!==e.previousMediaState&&(e.elements.artist.style.display=""===n?"none":"flex",e.previousMediaState=o),(0,N.N)(e,e.elements.title,t),(0,N.N)(e,e.elements.artist,n)}(e),function(e){const t=e=>null==e?"":String(e).trim(),n=t((0,s.D$)(e,"media_title")),o=t((0,s.D$)(e,"media_artist")),i=t((0,s.D$)(e,"source")),a=n+o===""||""!==n&&""!==i&&n===i,r=e.config.show_icon??!0,l="idle"===(0,s.Gu)(e);e.elements.mediaInfoContainer.style.display=a||l?"none":"",e.elements.nameContainer.style.display=a||l?"":"none",e.elements.mediaInfoContainer.classList.toggle("name-without-icon",!r)}(e),function(e){const t=e.elements.icon,n=e.elements.image,o=e.elements.iconContainer;if(!t||!o)return;const i=e.config.card_type,a=e.config.button_type,r=e.config.use_accent_color,c=(0,s.md)(e),d=(0,s.$C)(e),u=ta(e),p=Boolean(u.resolvedUrl)&&Boolean(n),b=(0,l.sW)(e),h=t.icon,m="name"===a||"pop-up"===i&&!a;let f="inherit";d&&((0,s.md)(e,"light")&&!r||!m?f=`var(--bubble-icon-color, ${(0,l.VA)(e)})`:"climate"===c&&(f=(0,Gi.R)(e)));const g=o.style.color;"inherit"!==f?g!==f&&(o.style.color=f):""!==g&&(o.style.color=""),b&&h!==b&&(t.icon=b),t.style.color!==f&&(t.style.color=f);const y=()=>{if(n){const t=na(e,"icon");t&&u.iconDisplayedUrl?oa(t,"",()=>{n&&(n.style.display="none")}):n&&(n.style.display="none")}t&&(t.style.display=""),u.iconDisplayedUrl=""};if(p){const o=na(e,"icon");o?u.resolvedUrl!==u.iconDisplayedUrl?(t&&(t.style.display=""),n&&(n.style.display=""),oa(o,u.resolvedUrl),u.iconDisplayedUrl=u.resolvedUrl):(t&&(t.style.display=""),n&&(n.style.display="")):y()}else y();t.getAttribute("icon")!==t.icon&&t.setAttribute("icon",t.icon)}(e),function(e){if(!e.elements.background)return;const t=ta(e),n=Boolean(e.config.cover_background),o=n?t.resolvedUrl:"";if(n){if(o&&o!==t.backgroundDisplayedUrl){const n=na(e,"background");n&&(oa(n,o),t.backgroundDisplayedUrl=o)}else if(!o&&t.backgroundDisplayedUrl){const n=na(e,"background");n&&oa(n,""),t.backgroundDisplayedUrl=""}}else if(t.backgroundDisplayedUrl){const n=na(e,"background");n&&oa(n,""),t.backgroundDisplayedUrl=""}}(e),(0,mi.Uk)(e),function(e){e.elements.rangeFill&&(0,yi.VM)(e)}(e),function(e){const{icon:t}=Xi(e);e.elements.playPauseButton.icon.setAttribute("icon",t),e.elements.playPauseButton.clicked=!1}(e),function(e){const t=1==(0,s.D$)(e,"is_volume_muted");"var(--primary-text-color)"!==e.elements.muteButton.icon.style.color&&(e.elements.muteButton.icon.style.color="var(--primary-text-color)"),t?e.elements.muteButton.icon.setAttribute("icon","mdi:volume-off"):e.elements.muteButton.icon.setAttribute("icon","mdi:volume-high"),e.elements.muteButton.clicked=!1,e.elements.volumeSliderMuteButton&&("var(--primary-text-color)"!==e.elements.volumeSliderMuteButton.icon.style.color&&(e.elements.volumeSliderMuteButton.icon.style.color="var(--primary-text-color)"),t?e.elements.volumeSliderMuteButton.icon.setAttribute("icon","mdi:volume-off"):e.elements.volumeSliderMuteButton.icon.setAttribute("icon","mdi:volume-high"),e.elements.volumeSliderMuteButton.clicked=!1)}(e),function(e){const t=(0,s.Gu)(e),n="off"!==t&&"unknown"!==t;e.elements.powerButton.icon.style.color=n?"var(--accent-color)":""}(e),(0,c.Kr)(e),function(e){(0,s.JK)(e),P(e);const t=(0,s.Gu)(e),n="off"!==t&&"unknown"!==t,o="playing"===t,i="paused"===t,a="idle"===t,r=function(e){const t=e?._hass?.states?.[e?.config?.entity]?.state??"";return"playing"===t||"paused"===t||"unknown"===t||"on"===t}(e),l=function(e){const t=Ki(e);return{canPrevious:Ji(t,16),canNext:Ji(t,32),canPlay:Ji(t,16384),canPause:Ji(t,1),canStop:Ji(t,4096),canTurnOn:Ji(t,128),canTurnOff:Ji(t,256),canVolumeSet:Ji(t,4),canVolumeStep:Ji(t,1024),canMute:Ji(t,8),canPlayMedia:Ji(t,512),canSelectSource:Ji(t,2048),canSelectSoundMode:Ji(t,65536)}}(e),c=!e.config.hide?.power_button&&(l.canTurnOn||l.canTurnOff),d=!e.config.hide?.previous_button&&l.canPrevious&&(e.editor||r),u=!e.config.hide?.next_button&&l.canNext&&(e.editor||r),p=!e.config.hide?.volume_button&&(l.canVolumeSet||l.canVolumeStep||l.canMute)&&(e.editor||r||n),b=!e.config.hide?.play_pause_button&&(e.editor||r||n||a||i||o),h=!(c||d||u||p||b);(!n&&e.config.hide?.power_button||h)&&"none"!==e.elements.buttonsContainer.style.display?(e.elements.buttonsContainer.classList.add("hidden"),(0,mi.iJ)(e)):h&&e.config.hide?.power_button||!e.elements.buttonsContainer.classList.contains("hidden")||(e.elements.buttonsContainer.classList.remove("hidden"),(0,mi.iJ)(e)),c||"none"===e.elements.powerButton.style.display?c&&e.elements.powerButton.classList.contains("hidden")&&e.elements.powerButton.classList.remove("hidden"):e.elements.powerButton.classList.add("hidden"),d||"none"===e.elements.previousButton.style.display?d&&e.elements.previousButton.classList.contains("hidden")&&e.elements.previousButton.classList.remove("hidden"):e.elements.previousButton.classList.add("hidden"),u||"none"===e.elements.nextButton.style.display?u&&e.elements.nextButton.classList.contains("hidden")&&e.elements.nextButton.classList.remove("hidden"):e.elements.nextButton.classList.add("hidden"),p||"none"===e.elements.volumeButton.style.display?p&&e.elements.volumeButton.classList.contains("hidden")&&e.elements.volumeButton.classList.remove("hidden"):e.elements.volumeButton.classList.add("hidden"),b||"none"===e.elements.playPauseButton.style.display?b&&e.elements.playPauseButton.classList.contains("hidden")&&e.elements.playPauseButton.classList.remove("hidden"):e.elements.playPauseButton.classList.add("hidden"),e.elements.muteButton&&(p&&l.canMute||"none"===e.elements.muteButton.style.display?p&&l.canMute&&e.elements.muteButton.classList.contains("hidden")&&e.elements.muteButton.classList.remove("hidden"):e.elements.muteButton.classList.add("hidden")),function(e){let t=50,n=146;e.content.classList.contains("large")&&(t=58,n=160);const o=(0,s.Gu)(e),i="off"!==o&&"unknown"!==o;(e.config.hide?.play_pause_button||!e.editor&&!i)&&(e.content.classList.contains("large")?n-=42:n-=36),e.elements.cardWrapper.style.setProperty("--volume-slider-left-offset",`${t}px`),e.elements.cardWrapper.style.setProperty("--volume-slider-width-calc",`calc(100% - ${n}px)`)}(e)}(e)},select:function(e){e.cardType,"select"!==e.cardType&&(function(e){try{const t=e.config?.button_action||{};e.config.button_action={...t,tap_action:{action:"none"}}}catch(e){}(0,vi.N0)(e,{type:"select",styles:".bubble-container {\n overflow: inherit;\n transition: border 0.3s ease;\n}\n\n.bubble-background {\n cursor: pointer;\n}\n",withFeedback:!0,withSubButtons:!0,withIconActions:!0,buttonActions:!0}).mainContainer.classList.add("bubble-select-card-container"),e.cardType="select"}(e),(0,aa.Fi)(e),(0,aa.XO)(e)),(0,ra.O)(e,e.elements,e.config.entity,e.config),(0,mi.zQ)(e),(0,mi.wd)(e),(0,mi.m9)(e),(0,mi.Uk)(e),(0,c.Kr)(e),function(e){(0,s.JK)(e),P(e)}(e)},climate:function(e){"climate"!==e.cardType&&function(e){const t="climate",n=(0,vi.N0)(e,{type:t,styles:".bubble-temperature-container, .bubble-low-temp-container, .bubble-high-temp-container {\n display: inline-flex;\n position: relative;\n font-size: 12px;\n white-space: nowrap;\n justify-content: center;\n align-items: center;\n width: auto;\n height: 36px;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n background-color: var(--bubble-climate-button-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))));\n}\n\n.bubble-low-temp-container {\n color: var(--state-climate-heat-color, var(--state-climate-active-color, var(--state-active-color)));\n}\n\n.bubble-high-temp-container {\n color: var(--state-climate-cool-color, var(--state-climate-active-color, var(--state-active-color)));\n}\n\n.bubble-target-temperature-container {\n display: flex;\n gap: 10px;\n}\n\n.bubble-climate-minus-button,\n.bubble-climate-plus-button {\n display: flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 34px;\n height: 34px;\n margin: 2px;\n vertical-align: middle;\n font-size: 18px;\n color: var(--primary-text-color);\n cursor: pointer;\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, calc(var(--row-height,56px)/2)));\n}\n\n.bubble-climate-minus-button-icon,\n.bubble-climate-plus-button-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n --mdc-icon-size: 16px;\n}\n\n.bubble-climate-temp-display {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n white-space: nowrap;\n padding: 0 4px;\n box-sizing: border-box;\n}\n\n@keyframes tap-warning {\n 10%, 90% { transform: translateX(-1px); }\n 20%, 80% { transform: translateX(1px); }\n 30%, 50%, 70% { transform: translateX(-2px); }\n 40%, 60% { transform: translateX(2px); }\n}\n\n/* Full width styles for climate buttons when in bottom position */\n\n.full-width > .bubble-temperature-container,\n.full-width > .bubble-target-temperature-container,\n.full-width .bubble-low-temp-container,\n.full-width .bubble-high-temp-container {\n background-color: transparent;\n gap: 8px;\n flex: 1;\n}\n\n.full-width > .bubble-target-temperature-container {\n display: flex;\n}\n\n.full-width .bubble-climate-minus-button,\n.full-width .bubble-climate-plus-button {\n flex: 1;\n width: 36px;\n height: 36px;\n margin: 0;\n background-color: var(--bubble-main-buttons-background-color, var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))));\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n}\n\n.full-width .bubble-climate-minus-button-icon,\n.full-width .bubble-climate-plus-button-icon {\n --mdc-icon-size: 20px;\n}\n\n.full-width .bubble-climate-temp-display {\n flex: 1;\n height: 36px;\n background-color: var(--bubble-main-buttons-background-color, var(--bubble-sub-button-background-color, var(--bubble-icon-background-color, var(--bubble-secondary-background-color, var(--card-background-color, var(--ha-card-background))))));\n border-radius: var(--bubble-sub-button-border-radius, var(--bubble-border-radius, 18px));\n padding: 0;\n}",withSubButtons:!0,iconActions:!0,buttonActions:!0});function o(t,o,a){const r=(0,Gi.N$)(e,a),l=(0,s.n)("div","bubble-climate-minus-button"),c=(0,s.n)("div","bubble-climate-plus-button"),d=(0,s.n)("ha-icon","bubble-climate-minus-button-icon");d.setAttribute("icon","mdi:minus"),l.appendChild(d),l.haRipple=(0,s.n)("ha-ripple"),l.appendChild(l.haRipple),(0,i.pd)(l);const u=(0,s.n)("ha-icon","bubble-climate-plus-button-icon");let p,b;u.setAttribute("icon","mdi:plus"),c.appendChild(u),c.haRipple=(0,s.n)("ha-ripple"),c.appendChild(c.haRipple),(0,i.pd)(c),"temperature"===o?(n.tempDisplay=(0,s.n)("div","bubble-temperature-display bubble-climate-temp-display"),p=n.tempDisplay):"target_temp_low"===o?(n.lowTempDisplay=(0,s.n)("div","bubble-low-temperature-display bubble-climate-temp-display"),p=n.lowTempDisplay):"target_temp_high"===o&&(n.highTempDisplay=(0,s.n)("div","bubble-high-temperature-display bubble-climate-temp-display"),p=n.highTempDisplay),t.appendChild(l),t.appendChild(p),t.appendChild(c);let h=parseFloat((0,s.D$)(e,o))||0,m=h;function f(){const t=parseFloat((0,s.D$)(e,o))||0;t!==m&&(h=t,m=t)}function g(){f();const t={entity_id:e.config.entity};"target_temp_low"===o?(t.target_temp_low=h,t.target_temp_high=(0,s.D$)(e,"target_temp_high")):"target_temp_high"===o?(t.target_temp_high=h,t.target_temp_low=(0,s.D$)(e,"target_temp_low")):t[o]=h,e._hass.callService("climate","set_temperature",t)}function y(t){f();const i=e._hass.states[e.config.entity],l=e.config.min_temp??i?.attributes?.min_temp??0,c=e.config.max_temp??i?.attributes?.max_temp??1e3;let d=parseFloat((h+t).toFixed(r));if(d=Math.min(c,Math.max(l,d)),d<l?d=l:d>c&&(d=c),d!==h)h=d,function(t){"temperature"===o?n.tempDisplay.innerText=(0,Gi.cH)(t,e,a):"target_temp_low"===o?n.lowTempDisplay.innerText=(0,Gi.cH)(t,e,a):"target_temp_high"===o&&(n.highTempDisplay.innerText=(0,Gi.cH)(t,e,a))}(h),clearTimeout(b),b=setTimeout(g,700);else{(0,s.jp)("failure");const t=e.elements.mainContainer;t.style.animation="tap-warning 0.4s cubic-bezier(.36,.07,.19,.97) both",setTimeout(()=>{t.style.animation=""},500)}}l.addEventListener("click",()=>y(-a)),c.addEventListener("click",()=>y(a))}n.temperatureContainer=(0,s.n)("div","bubble-temperature-container"),n.targetTemperatureContainer=(0,s.n)("div","bubble-target-temperature-container"),n.background.classList.add("bubble-color-background"),n.buttonsContainer.append(n.temperatureContainer,n.targetTemperatureContainer);const a=e._hass.states[e.config.entity],r="°C"===e._hass.config.unit_system.temperature,l=e.config.step??(a.attributes.target_temp_step?a.attributes.target_temp_step:r?.5:1);o(n.temperatureContainer,"temperature",l),n.lowTempContainer=(0,s.n)("div","bubble-low-temp-container"),o(n.lowTempContainer,"target_temp_low",l),n.targetTemperatureContainer.appendChild(n.lowTempContainer),n.highTempContainer=(0,s.n)("div","bubble-high-temp-container"),o(n.highTempContainer,"target_temp_high",l),n.targetTemperatureContainer.appendChild(n.highTempContainer),e.cardType=t}(e),(0,mi.zQ)(e),(0,mi.m9)(e),(0,mi.wd)(e),(0,mi.Uk)(e),function(e){const t=(0,s.D$)(e,"temperature"),n=(0,s.Gu)(e);(0,Gi.N$)(e),e.config.hide_temperature||"unavailable"===n||""===t||void 0===t?e.elements.temperatureContainer?.classList.add("hidden"):e.elements.temperatureContainer?.classList.remove("hidden"),t!==e.previousTemp&&(e.previousTemp=t,e.elements.tempDisplay&&""!==t&&void 0!==t&&(e.elements.tempDisplay.innerText=(0,Gi.cH)(t,e)))}(e),function(e){const t=(0,s.D$)(e,"target_temp_low"),n=e.config.hide_target_temp_low,o=(0,s.Gu)(e);(0,Gi.N$)(e),"unavailable"===o||""===t||void 0===t||n?(e.elements.targetTemperatureContainer?.classList.add("hidden"),e.elements.lowTempContainer?.classList.add("hidden")):(e.elements.targetTemperatureContainer?.classList.remove("hidden"),e.elements.lowTempContainer?.classList.remove("hidden")),t!==e.previousTargetTempLow&&(e.previousTargetTempLow=t,e.elements.lowTempDisplay&&""!==t&&void 0!==t&&(e.elements.lowTempDisplay.innerText=(0,Gi.cH)(t,e)))}(e),function(e){const t=(0,s.D$)(e,"target_temp_high"),n=e.config.hide_target_temp_high,o=(0,s.Gu)(e);(0,Gi.N$)(e),"unavailable"===o||""===t||void 0===t||n?e.elements.highTempContainer?.classList.add("hidden"):(e.elements.highTempContainer?.classList.remove("hidden"),e.elements.targetTemperatureContainer?.classList.remove("hidden")),t!==e.previousTargetTempHigh&&(e.previousTargetTempHigh=t,e.elements.highTempDisplay&&""!==t&&void 0!==t&&(e.elements.highTempDisplay.innerText=(0,Gi.cH)(t,e)))}(e),(0,c.Kr)(e),function(e){(0,s.JK)(e),P(e);const t=(0,s.Gu)(e);e.previousState!==t&&(e.previousState=t,e.elements.background.style.backgroundColor=`var(--bubble-climate-background-color, ${(0,Gi.R)(e)})`),e.config.card_layout,e.elements.hvacModeDropdown}(e)}};class ca extends HTMLElement{editor=!1;isConnected=!1;_editorUpdateTimeout=null;connectedCallback(){this.isConnected=!0,function(e){if(!e.content){let t=e.shadowRoot||e.attachShadow({mode:"open"}),n=document.createElement("ha-card");n.style.cssText="background: none; border: none; box-shadow: none; border-radius: 16px;";let o=document.createElement("div");o.className="card-content",o.style.padding="0",n.appendChild(o),t.appendChild(n),e.card=n,e.content=o}}(this),(0,a.nO)(this),(0,r.$i)(),"pop-up"===this.config?.card_type&&this.config?.hash&&Ut(this),"pop-up"!==this.config?.card_type||Array.isArray(this.config?.cards)||this.editor||zn(this._hass),this._hass&&("function"==typeof this?.closest&&"true"===this.closest(".bubble-pop-up")?.dataset?.bubblePopupOpening&&"pop-up"!==this.config?.card_type?this._deferredUpdateTimer=setTimeout(()=>{this.isConnected&&this.updateBubbleCard()},320):this.updateBubbleCard())}disconnectedCallback(){this.isConnected=!1,(0,i.Xs)();try{"pop-up"===this.config?.card_type&&Ni(this)}catch(e){}try{this.content&&(0,N.I)(this.content)}catch(e){}try{this.context&&(0,s.bE)(this.context)}catch(e){}try{this._moduleChangeHandler&&(window.removeEventListener("bubble-card-modules-changed",this._moduleChangeHandler),window.removeEventListener("bubble-card-module-updated",this._moduleChangeHandler),document.removeEventListener("yaml-modules-updated",this._moduleChangeHandler),this._moduleChangeHandler=null,this._moduleChangeListenerAdded=!1)}catch(e){}clearTimeout(this._editorUpdateTimeout),clearTimeout(this._deferredUpdateTimer)}get detectedEditor(){return!!this.editor&&"hui-dialog-edit-card"===window.history?.state?.dialog}set editMode(e){this.editor!==e&&(this.editor=e,["pop-up","horizontal-buttons-stack","sub-buttons"].includes(this.config.card_type)&&this.updateBubbleCard())}set hass(e){e?.themes!==sa&&(sa=e?.themes??null,U(),(0,r.$i)()),this._hass=e,this.updateBubbleCard(),!this.isConnected||"pop-up"!==this.config?.card_type||Array.isArray(this.config?.cards)||this.editor||zn(e)}updateBubbleCard(){if(!this.isConnected&&"pop-up"!==this.config.card_type)return;const e=this.config.card_type;la[e]&&(la[e](this),this._notifyEditorContext())}setConfig(e){if(e.error)throw new Error(e.error);const t={...e};if(!t.card_type)throw new Error("You need to define a card type");if(void 0!==t.grid_options?.rows&&(t.rows=t.grid_options.rows),"pop-up"===t.card_type){if(t.hash&&t.button_type&&"name"!==t.button_type&&!t.entity&&t.modules&&"classic"!==t.popup_style&&!1!==t.show_header)throw new Error("You need to define an entity")}else if("horizontal-buttons-stack"===t.card_type){const e={};for(const n in t)if(/^\d+_icon$/.test(n)){const o=n.replace("_icon","_link");if(void 0===t[o])throw new Error("You need to define "+o);if(e[t[o]])throw new Error("You can't use "+t[o]+" twice");e[t[o]]=!0}}else if(["button","cover","climate","select","media-player"].includes(t.card_type)){if(!t.entity&&"name"!==t.button_type)throw new Error("You need to define an entity")}else if("calendar"===t.card_type&&!t.entities)throw new Error("You need to define an entity list");if("select"===t.card_type&&t.entity&&!t.select_attribute&&!t.entity.startsWith("input_select")&&!t.entity.startsWith("select"))throw new Error('"Select menu (from attributes)" missing');this.config=t}getCardSize(){switch(this.config.card_type){case"pop-up":return-1e5;case"button":case"sub-buttons":case"separator":case"empty-column":case"horizontal-buttons-stack":case"calendar":case"media-player":case"select":case"climate":return 1;case"cover":return 2}}getGridOptions(){const e=this.config.columns;let t={columns:e?3*e:12,rows:this.config.rows??"auto"};return"horizontal-buttons-stack"===this.config.card_type?t.rows=1.3:"separator"===this.config.card_type&&void 0===this.config.grid_options?.rows&&(t.rows=this.config.rows?"auto":.8),t}getLayoutOptions(){let e=1;"pop-up"===this.config.card_type?e=0:"horizontal-buttons-stack"===this.config.card_type?e=1:"cover"===this.config.card_type&&(e=2);let t=4;return"pop-up"===this.config.card_type?t=0:"horizontal-buttons-stack"===this.config.card_type&&(t=4),{grid_columns:this.config.columns??t,grid_rows:this.config.rows??e}}static getConfigElement(){return document.createElement("bubble-card-editor")}_notifyEditorContext(){try{if(!this.editor||!this.config||!this.card)return;const e={context:this,card:this.card,config:this.config,card_type:this.config.card_type,entity:this.config.entity,hash:this.config.hash,isEditor:this.detectedEditor,editMode:this.editor};window.dispatchEvent(new CustomEvent("bubble-card-context",{detail:e}))}catch(e){}}}customElements.define("bubble-card",ca),window.customCards=window.customCards||[],window.customCards.push({type:"bubble-card",name:"Bubble Card",preview:!1,description:"A minimalist card collection with a nice pop-up touch.",documentationURL:"https://github.com/Clooos/Bubble-Card/"}),console.info(`%c Bubble Card %c ${o} `,"background-color: #555;color: #fff;padding: 3px 2px 3px 3px;border-radius: 14px 0 0 14px;font-family: DejaVu Sans,Verdana,Geneva,sans-serif;text-shadow: 0 1px 0 rgba(1, 1, 1, 0.3)","background-color: #506eac;color: #fff;padding: 3px 3px 3px 2px;border-radius: 0 14px 14px 0;font-family: DejaVu Sans,Verdana,Geneva,sans-serif;text-shadow: 0 1px 0 rgba(1, 1, 1, 0.3)")})();
|