iobroker.lovelace/hass_frontend/frontend_latest/67039.518aebd1f698e6e7.js

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

export const __rspack_esm_id=67039;export const __rspack_esm_ids=[67039];export const __webpack_modules__={92020(t,e,a){a.a(t,async function(t,s){try{a.d(e,{d:()=>l});var i=a(83309),o=a(12010),r=a(95747),n=a(30162),c=t([n,r]);[n,r]=c.then?(await c)():c;const l=(t,e,a,s)=>{const c=s??new Date;return(0,i.r)(t,c)?(0,n.fU)(t,e,a):(0,o.s)(t,c)?(0,r.ZS)(t,e,a):(0,r.aQ)(t,e,a)};s()}catch(t){s(t)}})},70773(t,e,a){a.a(t,async function(t,e){try{var s=a(62826),i=a(92913),o=a(35932),r=a(83339),n=a(5124),c=a(22441),l=a(92020),h=t([l]);l=(h.then?(await h)():h)[0];const d=5e3;class u extends n.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,r.b)(e,t)+d;this._timeout=window.setTimeout(()=>{this._updateNextDay(),this._updateAbsolute()},a)}_updateAbsolute(){this.datetime?this.innerHTML=(0,l.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})],u.prototype,"hass",void 0),(0,s.Cg)([(0,c.MZ)({attribute:!1})],u.prototype,"datetime",void 0),u=(0,s.Cg)([(0,c.EM)("ha-absolute-time")],u),e()}catch(t){e(t)}})},6531(t,e,a){a.a(t,async function(t,e){try{var s=a(62826),i=a(5124),o=a(22441),r=a(70773),n=a(36158),c=a(22675),l=a(64808),h=a(62688),d=t([r,n,h]);[r,n,h]=d.then?(await d)():d;class u extends i.WF{_localizeState(){return this.stateObj.attributes.device_class===l.Sn&&this.stateObj.state!==c.Hh&&this.stateObj.state!==c.HV?i.qy` <hui-timestamp-display .hass="${this.hass}" .ts="${new Date(this.stateObj.state)}" format="relative" capitalize></hui-timestamp-display> `:this.hass.formatEntityState(this.stateObj)}_toggleAbsolute(){this._absoluteTime=!this._absoluteTime}render(){const t=this.stateOverride??this._localizeState();return i.qy` <p class="state">${t}</p> <div class="time-row"> <p class="last-changed" @click="${this._toggleAbsolute}"> ${this._absoluteTime?i.qy` <ha-absolute-time .hass="${this.hass}" .datetime="${this.changedOverride??this.stateObj.last_changed}"></ha-absolute-time> `:i.qy` <ha-relative-time .hass="${this.hass}" .datetime="${this.changedOverride??this.stateObj.last_changed}" capitalize></ha-relative-time> `} </p> <slot name="after-time"></slot> </div> `}constructor(...t){super(...t),this._absoluteTime=!1}}u.styles=i.AH`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})],u.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],u.prototype,"stateObj",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],u.prototype,"stateOverride",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],u.prototype,"changedOverride",void 0),(0,s.Cg)([(0,o.wk)()],u.prototype,"_absoluteTime",void 0),u=(0,s.Cg)([(0,o.EM)("ha-more-info-state-header")],u),e()}catch(t){e(t)}})},37863(t,e,a){a.d(e,{K:()=>s});const s=a(5124).AH`: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(t,e,a){a.a(t,async function(t,s){try{a.r(e);a(74423);var i=a(62826),o=a(5124),r=a(22441),n=a(89784),c=a(52658),l=(a(48374),a(93367)),h=a(9182),d=a(53939),u=a(6531),p=a(37863),m=t([l,d,u]);[l,d,u]=m.then?(await m)():m;class b 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,c.Se)(this.stateObj)};return o.qy` <ha-more-info-state-header .hass="${this.hass}" .stateObj="${this.stateObj}"></ha-more-info-state-header> <div class="controls" style="${(0,n.W)(t)}"> ${["triggered","arming","pending"].includes(this.stateObj.state)?o.qy` <div class="status"> <div class="icon"> <ha-state-icon .stateObj="${this.stateObj}"> </ha-state-icon> </div> </div> `:o.qy` <ha-state-control-alarm_control_panel-modes .stateObj="${this.stateObj}" .hass="${this.hass}"> </ha-state-control-alarm_control_panel-modes> `} </div> <div> ${["triggered","arming","pending"].includes(this.stateObj.state)?o.qy` <ha-control-button @click="${this._disarm}" class="disarm"> ${this.hass.localize("ui.card.alarm_control_panel.disarm")} </ha-control-button> `:o.s6} </div> `}static get styles(){return[p.K,o.AH`: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,r.MZ)({attribute:!1})],b.prototype,"hass",void 0),(0,i.Cg)([(0,r.MZ)({attribute:!1})],b.prototype,"stateObj",void 0),b=(0,i.Cg)([(0,r.EM)("more-info-alarm_control_panel")],b),s()}catch(t){s(t)}})},53939(t,e,a){a.a(t,async function(t,e){try{a(18111),a(22489),a(20116),a(61701);var s=a(62826),i=a(5124),o=a(22441),r=a(89784),n=a(22786),c=a(52658),l=a(82286),h=(a(43958),a(10223)),d=a(9182),u=a(22675),p=t([h]);h=(p.then?(await p)():p)[0];class m 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(t){this._currentMode=a}}render(){const t=(0,c.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 i.qy` <ha-control-select vertical .options="${a}" .value="${this._currentMode}" @value-changed="${this._valueChanged}" .label="${this.hass.localize("ui.card.alarm_control_panel.modes_label")}" style="${(0,r.W)({"--control-select-color":t,"--modes-count":e.length.toString()})}" .disabled="${this.stateObj.state===u.Hh}"> </ha-control-select> `}constructor(...t){super(...t),this._modes=(0,n.A)(t=>Object.keys(d.t).filter(e=>{const a=d.t[e].feature;return!a||(0,l.$)(t,a)}))}}m.styles=i.AH`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})],m.prototype,"hass",void 0),(0,s.Cg)([(0,o.MZ)({attribute:!1})],m.prototype,"stateObj",void 0),(0,s.Cg)([(0,o.wk)()],m.prototype,"_currentMode",void 0),m=(0,s.Cg)([(0,o.EM)("ha-state-control-alarm_control_panel-modes")],m),e()}catch(t){e(t)}})},83309(t,e,a){a.d(e,{r:()=>o});var s=a(74816),i=a(35932);function o(t,e,a){const[o,r]=(0,s.x)(a?.in,t,e);return+(0,i.o)(o)===+(0,i.o)(r)}},12010(t,e,a){a.d(e,{s:()=>i});var s=a(74816);function i(t,e,a){const[i,o]=(0,s.x)(a?.in,t,e);return i.getFullYear()===o.getFullYear()}}};