iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 9.58 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[64656],{92020:function(t,e,a){a.a(t,async function(t,s){try{a.d(e,{d:function(){return h}});var i=a(83309),o=a(12010),n=a(95747),r=a(30162),c=t([r,n]);[r,n]=c.then?(await c)():c;const h=(t,e,a,s)=>{const c=null!=s?s:new Date;return(0,i.r)(t,c)?(0,r.fU)(t,e,a):(0,o.s)(t,c)?(0,n.ZS)(t,e,a):(0,n.aQ)(t,e,a)};s()}catch(h){s(h)}})},70773:function(t,e,a){a.a(t,async function(t,e){try{var s=a(40445),i=a(92913),o=a(35932),n=a(83339),r=a(5124),c=a(67576),h=a(92020),l=t([h]);h=(l.then?(await l)():l)[0];const u=5e3;class d extends r.mN{disconnectedCallback(){super.disconnectedCallback(),this._clearTimeout()}connectedCallback(){super.connectedCallback(),this.datetime&&this._updateNextDay()}createRenderRoot(){return this}firstUpdated(t){super.firstUpdated(t),this._updateAbsolute()}update(t){super.update(t),this._updateAbsolute()}_clearTimeout(){this._timeout&&(window.clearTimeout(this._timeout),this._timeout=void 0)}_updateNextDay(){this._clearTimeout();const t=new Date,e=(0,i.f)((0,o.o)(t),1),a=(0,n.b)(e,t)+u;this._timeout=window.setTimeout(()=>{this._updateNextDay(),this._updateAbsolute()},a)}_updateAbsolute(){this.datetime?this.innerHTML=(0,h.d)(new Date(this.datetime),this.hass.locale,this.hass.config):this.innerHTML=this.hass.localize("ui.components.absolute_time.never")}}(0,s.Cg)([(0,c.MZ)({attribute:!1})],d.prototype,"hass",void 0),(0,s.Cg)([(0,c.MZ)({attribute:!1})],d.prototype,"datetime",void 0),d=(0,s.Cg)([(0,c.EM)("ha-absolute-time")],d),e()}catch(u){e(u)}})},6531:function(t,e,a){a.a(t,async function(t,e){try{a(62953);var s=a(40445),i=a(5124),o=a(67576),n=a(70773),r=a(36158),c=a(22675),h=a(64808),l=a(62688),u=t([n,r,l]);[n,r,l]=u.then?(await u)():u;let d,p,b,f,m,g=t=>t;class v extends i.WF{_localizeState(){return this.stateObj.attributes.device_class===h.Sn&&this.stateObj.state!==c.Hh&&this.stateObj.state!==c.HV?(0,i.qy)(d||(d=g` <hui-timestamp-display .hass="${0}" .ts="${0}" format="relative" capitalize></hui-timestamp-display> `),this.hass,new Date(this.stateObj.state)):this.hass.formatEntityState(this.stateObj)}_toggleAbsolute(){this._absoluteTime=!this._absoluteTime}render(){var t,e,a;const s=null!==(t=this.stateOverride)&&void 0!==t?t:this._localizeState();return(0,i.qy)(p||(p=g` <p class="state">${0}</p> <div class="time-row"> <p class="last-changed" ="${0}"> ${0} </p> <slot name="after-time"></slot> </div> `),s,this._toggleAbsolute,this._absoluteTime?(0,i.qy)(b||(b=g` <ha-absolute-time .hass="${0}" .datetime="${0}"></ha-absolute-time> `),this.hass,null!==(e=this.changedOverride)&&void 0!==e?e:this.stateObj.last_changed):(0,i.qy)(f||(f=g` <ha-relative-time .hass="${0}" .datetime="${0}" capitalize></ha-relative-time> `),this.hass,null!==(a=this.changedOverride)&&void 0!==a?a:this.stateObj.last_changed))}constructor(...t){super(...t),this._absoluteTime=!1}}v.styles=(0,i.AH)(m||(m=g`p{text-align:center;margin:0}.state{font-style:normal;font-weight:var(--ha-font-weight-normal);font-size:36px;line-height:var(--ha-line-height-condensed)}.time-row{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--ha-space-5)}::slotted([slot=after-time]){position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%)}.last-changed{font-style:normal;font-size:var(--ha-font-size-l);font-weight:var(--ha-font-weight-medium);line-height:var(--ha-line-height-normal);letter-spacing:.1px;padding:var(--ha-space-1) 0;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}`)),(0,s.Cg)([(0,o.MZ)({attribute:!1})],v.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],v.prototype,"stateObj",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],v.prototype,"stateOverride",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],v.prototype,"changedOverride",void 0),(0,s.Cg)([(0,o.wk)()],v.prototype,"_absoluteTime",void 0),v=(0,s.Cg)([(0,o.EM)("ha-more-info-state-header")],v),e()}catch(d){e(d)}})},37863:function(t,e,a){a.d(e,{K:function(){return i}});let s;const i=(0,a(5124).AH)(s||(s=(t=>t)`:host{display:flex;flex-direction:column;flex:1;justify-content:space-between}.controls{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.controls:not(:last-child){margin-bottom:var(--ha-space-6)}.controls>:not(:last-child){margin-bottom:var(--ha-space-6)}.buttons{display:flex;align-items:center;justify-content:center;margin-bottom:var(--ha-space-3)}.buttons>*{margin:var(--ha-space-2)}ha-attributes{display:block;width:100%}ha-more-info-control-select-container+ha-attributes:not([empty]){margin-top:var(--ha-space-4)}`))},62387:function(t,e,a){a.a(t,async function(t,s){try{a.r(e);var i=a(40445),o=a(5124),n=a(67576),r=(a(78791),a(6531)),c=a(37863),h=t([r]);r=(h.then?(await h)():h)[0];let l,u=t=>t;const d="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13",p="M12,3A9,9 0 0,0 3,12A9,9 0 0,0 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M12,19A7,7 0 0,1 5,12A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19Z";class b extends o.WF{render(){return this.hass&&this.stateObj?(0,o.qy)(l||(l=u` <ha-more-info-state-header .hass="${0}" .stateObj="${0}"></ha-more-info-state-header> <div class="controls"> <ha-state-control-toggle .stateObj="${0}" .hass="${0}" .iconPathOn="${0}" .iconPathOff="${0}"></ha-state-control-toggle> </div> `),this.hass,this.stateObj,this.stateObj,this.hass,d,p):o.s6}static get styles(){return c.K}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],b.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({attribute:!1})],b.prototype,"stateObj",void 0),b=(0,i.Cg)([(0,n.EM)("more-info-input_boolean")],b),s()}catch(l){s(l)}})},59815:function(t,e,a){a.d(e,{B:function(){return c},e:function(){return r}});var s=a(5124);let i,o,n=t=>t;const r=(0,s.AH)(i||(i=n`ha-control-switch{height:45vh;max-height:320px;min-height:200px;--control-switch-thickness:130px;--control-switch-border-radius:var(--ha-border-radius-6xl);--control-switch-padding:6px;--mdc-icon-size:24px}.buttons{display:flex;flex-direction:column;width:130px;height:45vh;max-height:320px;min-height:200px;padding:6px;box-sizing:border-box}ha-control-button{flex:1;width:100%;--control-button-border-radius:var(--ha-border-radius-6xl);--mdc-icon-size:24px}ha-control-button.active{--control-button-icon-color:white;--control-button-background-color:var(--color);--control-button-focus-color:var(--color);--control-button-background-opacity:1}ha-control-button:not(:last-child){margin-bottom:6px}`)),c=(0,s.AH)(o||(o=n` pulse{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.pulse{animation:pulse 1s infinite}`))},78791:function(t,e,a){a(3362);var s=a(40445),i=a(5124),o=a(67576),n=a(6412),r=a(89784),c=a(71727),h=a(47129),l=a(52658),u=(a(48374),a(25094),a(22675)),d=a(88360),p=a(59815);let b,f,m=t=>t;const g="M7,2V13H10V22L17,10H13L17,2H7Z",v="M17,10H13L17,2H7V4.18L15.46,12.64M3.27,3L2,4.27L7,9.27V13H10V22L13.58,15.86L17.73,20L19,18.73L3.27,3Z";class y extends i.WF{_valueChanged(t){t.target.checked?this._turnOn():this._turnOff()}_turnOn(){this._callService(!0)}_turnOff(){this._callService(!1)}async _callService(t){if(!this.hass||!this.stateObj)return;(0,d.j)(this,"light");const e=(0,c.m)(this.stateObj.entity_id);let a,s;"group"===e?(a="homeassistant",s=t?"turn_on":"turn_off"):(a=e,s=t?"turn_on":"turn_off"),await this.hass.callService(a,s,{entity_id:this.stateObj.entity_id})}render(){const t=(0,l.Se)(this.stateObj,"on"),e=(0,l.Se)(this.stateObj,"off"),a="on"===this.stateObj.state,s="off"===this.stateObj.state;return this.stateObj.attributes.assumed_state||this.stateObj.state===u.HV?(0,i.qy)(b||(b=m` <div class="buttons"> <ha-control-button .label="${0}" ="${0}" .disabled="${0}" class="${0}" style="${0}"> <ha-svg-icon .path="${0}"></ha-svg-icon> </ha-control-button> <ha-control-button .label="${0}" ="${0}" .disabled="${0}" class="${0}" style="${0}"> <ha-svg-icon .path="${0}"></ha-svg-icon> </ha-control-button> </div> `),this.hass.localize("ui.card.common.turn_on"),this._turnOn,this.stateObj.state===u.Hh,(0,n.H)({active:a}),(0,r.W)({"--color":t}),this.iconPathOn||g,this.hass.localize("ui.card.common.turn_off"),this._turnOff,this.stateObj.state===u.Hh,(0,n.H)({active:s}),(0,r.W)({"--color":e}),this.iconPathOff||v):(0,i.qy)(f||(f=m` <ha-control-switch touch-action="none" .pathOn="${0}" .pathOff="${0}" vertical reversed .checked="${0}" .showHandle="${0}" ="${0}" .label="${0}" style="${0}" .disabled="${0}"> </ha-control-switch> `),this.iconPathOn||g,this.iconPathOff||v,a,(0,h.a)(this.stateObj),this._valueChanged,this.hass.localize("ui.card.common.toggle"),(0,r.W)({"--control-switch-on-color":t,"--control-switch-off-color":e}),this.stateObj.state===u.Hh)}}y.styles=[p.e],(0,s.Cg)([(0,o.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],y.prototype,"stateObj",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],y.prototype,"iconPathOn",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],y.prototype,"iconPathOff",void 0),y=(0,s.Cg)([(0,o.EM)("ha-state-control-toggle")],y)},83309:function(t,e,a){a.d(e,{r:function(){return o}});a(62953);var s=a(74816),i=a(35932);function o(t,e,a){const[o,n]=(0,s.x)(null==a?void 0:a.in,t,e);return+(0,i.o)(o)===+(0,i.o)(n)}},12010:function(t,e,a){a.d(e,{s:function(){return i}});a(62953);var s=a(74816);function i(t,e,a){const[i,o]=(0,s.x)(null==a?void 0:a.in,t,e);return i.getFullYear()===o.getFullYear()}}}]);