iobroker.lovelace/hass_frontend/frontend_es5/1960.c7801050acef0c3e.js

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[1960],{16891:function(e,t,s){s.r(t),s.d(t,{HaSnowflakes:function(){return c}});s(44114),s(18111),s(61701),s(62953);var a=s(40445),n=s(5124),o=s(67576),r=s(93758),i=s(54706);let l,d,h,u=e=>e;class c extends((0,i.E)(n.WF)){hassSubscribe(){return[(0,r.CO)(this.hass.connection,"frontend","winter_mode",e=>{this._enabled=e.enabled})]}_generateSnowflakes(){if(!this._enabled)return void(this._snowflakes=[]);const e=[];for(let t=0;t<this._maxSnowflakes;t++)e.push({id:t,left:100*Math.random(),size:12*Math.random()+8,duration:8*Math.random()+8,delay:8*Math.random(),rotation:720*Math.random()-360});this._snowflakes=e}willUpdate(e){super.willUpdate(e),e.has("_enabled")&&this._generateSnowflakes()}render(){var e,t;if(!this._enabled)return n.s6;const s=null!==(e=null===(t=this.hass)||void 0===t?void 0:t.themes.darkMode)&&void 0!==e&&e;return(0,n.qy)(l||(l=u` <div class="snowflakes ${0}" aria-hidden="true"> ${0} </div> `),s?"dark":"light",this._snowflakes.map(e=>(0,n.qy)(d||(d=u` <svg class="snowflake ${0}" style="left:${0}%;width:${0}px;height:${0}px;animation-duration:${0}s;animation-delay:${0}s;--rotation:${0}deg" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M7.991 0a.644.644 0 0 1 .283 1.221v2.553l.986-.988a.645.645 0 0 1 .612-.839.644.644 0 1 1-.222 1.247l-1.376 1.38V7.52l1.65-.954.466-1.879a.645.645 0 0 1 .1-1.042.643.643 0 1 1 .445 1.189l-.363 1.356 3.145-1.82a.643.643 0 1 1 .282.49l-2.205 1.277 1.347.361a.643.643 0 1 1-.158.543l-1.88-.505L8.573 8l1.632.945 1.858-.535a.64.64 0 0 1 .95-.434.643.643 0 1 1-.805.98l-1.354.364L14 11.14a.641.641 0 0 1 .914.855.643.643 0 0 1-1.197-.366l-2.205-1.276.36 1.35a.642.642 0 0 1 .419.95.643.643 0 1 1-.967-.816l-.503-1.884L8.273 8.48v1.909l1.39 1.344a.644.644 0 1 1 .208 1.252.644.644 0 0 1-.606-.852l-.991-.994v3.64A.644.644 0 0 1 7.99 16a.644.644 0 0 1-.282-1.221v-2.553l-.986.988a.645.645 0 0 1-.612.839.644.644 0 1 1 .222-1.247l1.376-1.38V8.5l-1.632.945-.467 1.879q.079.068.134.163a.643.643 0 1 1-.68-.31l.364-1.357-3.145 1.82A.643.643 0 1 1 2 11.15l2.205-1.276-1.347-.361a.643.643 0 1 1 .158-.543l1.88.505L7.444 8l-1.65-.954-1.857.534a.64.64 0 0 1-.95.434.643.643 0 1 1 .805-.98l1.354-.364L2 4.85a.641.641 0 0 1-.914-.855.643.643 0 0 1 1.197.366l2.205 1.276-.36-1.35a.642.642 0 0 1-.419-.95.643.643 0 1 1 .967.816l.503 1.884L7.71 7.5V5.611L6.32 4.267a.644.644 0 1 1-.208-1.252.644.644 0 0 1 .607.852l.991.994V1.22A.644.644 0 0 1 7.991 0" fill="currentColor"/> </svg> `),this.narrow&&e.id>=30?"hide-narrow":"",e.left,e.size,e.size,e.duration,e.delay,e.rotation)))}constructor(...e){super(...e),this.narrow=!1,this._enabled=!1,this._snowflakes=[],this._maxSnowflakes=50}}c.styles=(0,n.AH)(h||(h=u`:host{display:block;position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.snowflakes{position:absolute;top:-10%;left:0;width:100%;height:110%;pointer-events:none}.snowflake{position:absolute;top:-10%;opacity:.7;user-select:none;pointer-events:none;animation:fall linear infinite}.light .snowflake{color:#00bcd4}.dark .snowflake{color:#fff}.snowflake.hide-narrow{display:none}@keyframes fall{0%{transform:translateY(-10vh) translateX(0) rotate(var(--rotation))}25%{transform:translateY(30vh) translateX(10px) rotate(calc(var(--rotation) + 25deg))}50%{transform:translateY(60vh) translateX(-10px) rotate(calc(var(--rotation) + 50deg))}75%{transform:translateY(85vh) translateX(10px) rotate(calc(var(--rotation) + 75deg))}100%{transform:translateY(120vh) translateX(0) rotate(calc(var(--rotation) + 100deg))}}@media (prefers-reduced-motion:reduce){.snowflake{animation:none;display:none}}`)),(0,a.Cg)([(0,o.MZ)({attribute:!1})],c.prototype,"hass",void 0),(0,a.Cg)([(0,o.MZ)({type:Boolean})],c.prototype,"narrow",void 0),(0,a.Cg)([(0,o.wk)()],c.prototype,"_enabled",void 0),(0,a.Cg)([(0,o.wk)()],c.prototype,"_snowflakes",void 0),c=(0,a.Cg)([(0,o.EM)("ha-snowflakes")],c)},93758:function(e,t,s){s.d(t,{CO:function(){return h},NS:function(){return d},f$:function(){return o},ok:function(){return r}});s(3362);var a=s(90889),n=s(9899);const o=async e=>(await e.callWS({type:"labs/list"})).features,r=(e,t,s,a,n)=>e.callWS(Object.assign({type:"labs/update",domain:t,preview_feature:s,enabled:a},void 0!==n&&{create_backup:n})),i=e=>e.sendMessagePromise({type:"labs/list"}).then(e=>e.features),l=(e,t)=>e.subscribeEvents((0,n.s)(()=>i(e).then(e=>t.setState(e,!0)),500,!0),"labs_updated"),d=(e,t)=>(0,a.N)("_labFeatures",i,l,e,t),h=(e,t,s,a)=>e.subscribeMessage(a,{type:"labs/subscribe",domain:t,preview_feature:s})},54706:function(e,t,s){s.d(t,{E:function(){return o}});s(74423),s(18111),s(13579),s(3362),s(62953);var a=s(40445),n=s(67576);const o=e=>{class t extends e{connectedCallback(){super.connectedCallback(),this._checkSubscribed()}disconnectedCallback(){if(super.disconnectedCallback(),this.__unsubs){for(;this.__unsubs.length;){const e=this.__unsubs.pop();e instanceof Promise?e.then(e=>e()):e()}this.__unsubs=void 0}}updated(e){if(super.updated(e),e.has("hass"))this._checkSubscribed();else if(this.hassSubscribeRequiredHostProps)for(const t of e.keys())if(this.hassSubscribeRequiredHostProps.includes(t))return void this._checkSubscribed()}hassSubscribe(){return[]}_checkSubscribed(){var e;void 0!==this.__unsubs||!this.isConnected||void 0===this.hass||null!==(e=this.hassSubscribeRequiredHostProps)&&void 0!==e&&e.some(e=>void 0===this[e])||(this.__unsubs=this.hassSubscribe())}}return(0,a.Cg)([(0,n.MZ)({attribute:!1})],t.prototype,"hass",void 0),t}}}]);