UNPKG

iobroker.lovelace

Version:

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

1 lines 1.73 kB
export const __rspack_esm_id=39791;export const __rspack_esm_ids=[39791];export const __webpack_modules__={4178(s,t,i){i.a(s,async function(s,e){try{i.r(t);var a=i(62826),o=i(5124),r=i(22441),n=i(30162),l=i(36158),c=s([l,n]);[l,n]=c.then?(await c)():c;class h extends o.WF{render(){if(!this.hass||!this.stateObj)return o.s6;const s=new Date(this.stateObj.attributes.next_rising),t=new Date(this.stateObj.attributes.next_setting),i=s>t?["set","ris"]:["ris","set"];return o.qy` <hr> ${i.map(i=>o.qy` <div class="row"> <div class="key"> <span>${"ris"===i?this.hass.localize("ui.dialogs.more_info_control.sun.rising"):this.hass.localize("ui.dialogs.more_info_control.sun.setting")}</span> <ha-relative-time .hass="${this.hass}" .datetime="${"ris"===i?s:t}"></ha-relative-time> </div> <div class="value"> ${(0,n.fU)("ris"===i?s:t,this.hass.locale,this.hass.config)} </div> </div> `)} <div class="row"> <div class="key"> ${this.hass.localize("ui.dialogs.more_info_control.sun.elevation")} </div> <div class="value"> ${this.hass.formatEntityAttributeValue(this.stateObj,"elevation")} </div> </div> <div class="row"> <div class="key"> ${this.hass.localize("ui.dialogs.more_info_control.sun.azimuth")} </div> <div class="value"> ${this.hass.formatEntityAttributeValue(this.stateObj,"azimuth")} </div> </div> `}}h.styles=o.AH`.row{margin:0;display:flex;flex-direction:row;justify-content:space-between}ha-relative-time{display:inline-block;white-space:nowrap}hr{border-color:var(--divider-color);border-bottom:none;margin:var(--ha-space-4) 0}`,(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"hass",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],h.prototype,"stateObj",void 0),h=(0,a.Cg)([(0,r.EM)("more-info-sun")],h),e()}catch(s){e(s)}})}};