UNPKG

iobroker.lovelace

Version:

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

1 lines 9.43 kB
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[67039],{92020:function(t,e,a){a.a(t,async function(t,s){try{a.d(e,{d:function(){return c}});var i=a(83309),o=a(12010),n=a(95747),r=a(30162),l=t([r,n]);[r,n]=l.then?(await l)():l;const c=(t,e,a,s)=>{const l=null!=s?s:new Date;return(0,i.r)(t,l)?(0,r.fU)(t,e,a):(0,o.s)(t,l)?(0,n.ZS)(t,e,a):(0,n.aQ)(t,e,a)};s()}catch(c){s(c)}})},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),l=a(67576),c=a(92020),h=t([c]);c=(h.then?(await h)():h)[0];const d=5e3;class u 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)+d;this._timeout=window.setTimeout(()=>{this._updateNextDay(),this._updateAbsolute()},a)}_updateAbsolute(){this.datetime?this.innerHTML=(0,c.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,l.MZ)({attribute:!1})],u.prototype,"hass",void 0),(0,s.Cg)([(0,l.MZ)({attribute:!1})],u.prototype,"datetime",void 0),u=(0,s.Cg)([(0,l.EM)("ha-absolute-time")],u),e()}catch(d){e(d)}})},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),l=a(22675),c=a(64808),h=a(62688),d=t([n,r,h]);[n,r,h]=d.then?(await d)():d;let u,p,m,b,g,v=t=>t;class f extends i.WF{_localizeState(){return this.stateObj.attributes.device_class===c.Sn&&this.stateObj.state!==l.Hh&&this.stateObj.state!==l.HV?(0,i.qy)(u||(u=v` <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=v` <p class="state">${0}</p> <div class="time-row"> <p class="last-changed" @click="${0}"> ${0} </p> <slot name="after-time"></slot> </div> `),s,this._toggleAbsolute,this._absoluteTime?(0,i.qy)(m||(m=v` <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)(b||(b=v` <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}}f.styles=(0,i.AH)(g||(g=v`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})],f.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],f.prototype,"stateObj",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],f.prototype,"stateOverride",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],f.prototype,"changedOverride",void 0),(0,s.Cg)([(0,o.wk)()],f.prototype,"_absoluteTime",void 0),f=(0,s.Cg)([(0,o.EM)("ha-more-info-state-header")],f),e()}catch(u){e(u)}})},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)}`))},8866:function(t,e,a){a.a(t,async function(t,s){try{a.r(e);a(74423),a(3362);var i=a(40445),o=a(5124),n=a(67576),r=a(89784),l=a(52658),c=(a(48374),a(93367)),h=a(9182),d=a(53939),u=a(6531),p=a(37863),m=t([c,d,u]);[c,d,u]=m.then?(await m)():m;let b,g,v,f,y,_=t=>t;class x extends o.WF{async _disarm(){(0,h.UW)(this,this.hass,this.stateObj,"disarmed")}render(){if(!this.hass||!this.stateObj)return o.s6;const t={"--icon-color":(0,l.Se)(this.stateObj)};return(0,o.qy)(b||(b=_` <ha-more-info-state-header .hass="${0}" .stateObj="${0}"></ha-more-info-state-header> <div class="controls" style="${0}"> ${0} </div> <div> ${0} </div> `),this.hass,this.stateObj,(0,r.W)(t),["triggered","arming","pending"].includes(this.stateObj.state)?(0,o.qy)(g||(g=_` <div class="status"> <div class="icon"> <ha-state-icon .stateObj="${0}"> </ha-state-icon> </div> </div> `),this.stateObj):(0,o.qy)(v||(v=_` <ha-state-control-alarm_control_panel-modes .stateObj="${0}" .hass="${0}"> </ha-state-control-alarm_control_panel-modes> `),this.stateObj,this.hass),["triggered","arming","pending"].includes(this.stateObj.state)?(0,o.qy)(f||(f=_` <ha-control-button @click="${0}" class="disarm"> ${0} </ha-control-button> `),this._disarm,this.hass.localize("ui.card.alarm_control_panel.disarm")):o.s6)}static get styles(){return[p.K,(0,o.AH)(y||(y=_`:host{--icon-color:var(--primary-color)}@keyframes pulse{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.status{display:flex;align-items:center;flex-direction:column}.status .icon{position:relative;--mdc-icon-size:80px;animation:pulse 1s infinite;color:var(--icon-color);border-radius:var(--ha-border-radius-circle);width:144px;height:144px;display:flex;align-items:center;justify-content:center}.status .icon::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:var(--ha-border-radius-circle);background-color:var(--icon-color);transition:background-color 180ms ease-in-out;opacity:.2}ha-control-button.disarm{height:60px;min-width:130px;max-width:200px;margin:0 auto;--control-button-border-radius:var(--ha-border-radius-3xl)}`))]}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],x.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({attribute:!1})],x.prototype,"stateObj",void 0),x=(0,i.Cg)([(0,n.EM)("more-info-alarm_control_panel")],x),s()}catch(b){s(b)}})},53939:function(t,e,a){a.a(t,async function(t,e){try{a(18111),a(22489),a(20116),a(61701),a(3362),a(62953);var s=a(40445),i=a(5124),o=a(67576),n=a(89784),r=a(22786),l=a(52658),c=a(82286),h=(a(43958),a(10223)),d=a(9182),u=a(22675),p=t([h]);h=(p.then?(await p)():p)[0];let m,b,g=t=>t;class v extends i.WF{willUpdate(t){super.willUpdate(t),t.has("stateObj")&&(this._currentMode=this._getCurrentMode(this.stateObj))}_getCurrentMode(t){return this._modes(t).find(e=>e===t.state)}async _setMode(t){await(0,d.UW)(this,this.hass,this.stateObj,t)}async _valueChanged(t){const e=t.detail.value;if(e===this.stateObj.state)return;const a=this._getCurrentMode(this.stateObj);this._currentMode=e;try{await this._setMode(e)}catch(s){this._currentMode=a}}render(){const t=(0,l.Se)(this.stateObj),e=this._modes(this.stateObj),a=e.map(t=>({value:t,label:this.hass.localize(`ui.card.alarm_control_panel.modes.${t}`),path:d.t[t].path}));return(0,i.qy)(m||(m=g` <ha-control-select vertical .options="${0}" .value="${0}" @value-changed="${0}" .label="${0}" style="${0}" .disabled="${0}"> </ha-control-select> `),a,this._currentMode,this._valueChanged,this.hass.localize("ui.card.alarm_control_panel.modes_label"),(0,n.W)({"--control-select-color":t,"--modes-count":e.length.toString()}),this.stateObj.state===u.Hh)}constructor(...t){super(...t),this._modes=(0,r.A)(t=>Object.keys(d.t).filter(e=>{const a=d.t[e].feature;return!a||(0,c.$)(t,a)}))}}v.styles=(0,i.AH)(b||(b=g`ha-control-select{height:45vh;max-height:max(320px,var(--modes-count,1) * 80px);min-height:max(200px,var(--modes-count,1) * 80px);--control-select-thickness:130px;--control-select-border-radius:var(--ha-border-radius-6xl);--control-select-color:var(--primary-color);--control-select-background:var(--disabled-color);--control-select-background-opacity:0.2}`)),(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.wk)()],v.prototype,"_currentMode",void 0),v=(0,s.Cg)([(0,o.EM)("ha-state-control-alarm_control_panel-modes")],v),e()}catch(m){e(m)}})},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()}}}]);