iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
4 lines • 3.18 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[45750],{90005:function(a,t,e){e.a(a,async function(a,r){try{e.r(t),e.d(t,{PanelView:function(){return _}});e(3362),e(62953);var i=e(40445),s=e(5124),o=e(67576),d=e(6412),l=e(1087),n=e(15638),h=e(38962),c=e(18350),v=a([h,c]);[h,c]=v.then?(await v)():v;let u,p,g,b,f=a=>a;const w="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z";let y=!1;class _ extends s.WF{setConfig(a){}willUpdate(a){var t,r,i;if(super.willUpdate(a),null!==(t=this.lovelace)&&void 0!==t&&t.editMode&&!y&&(y=!0,e.e(59127).then(e.bind(e,70410))),a.has("cards")&&this._createCard(),!a.has("lovelace"))return;const s=a.get("lovelace");(!a.has("cards")&&(null==s?void 0:s.config)!==(null===(r=this.lovelace)||void 0===r?void 0:r.config)||s&&(null==s?void 0:s.editMode)!==(null===(i=this.lovelace)||void 0===i?void 0:i.editMode))&&this._createCard()}render(){var a;return(0,s.qy)(u||(u=f` ${0} ${0} ${0} `),this.cards.length>1?(0,s.qy)(p||(p=f`<ha-alert alert-type="warning">${0}</ha-alert>`),this.hass.localize("ui.panel.lovelace.editor.view.panel_mode.warning_multiple_cards")):"",this._card,null!==(a=this.lovelace)&&void 0!==a&&a.editMode&&0===this.cards.length?(0,s.qy)(g||(g=f` <ha-button size="large" ="${0}" class="${0}"> <ha-svg-icon slot="start" .path="${0}"></ha-svg-icon> ${0} </ha-button> `),this._addCard,(0,d.H)({rtl:(0,n.qC)(this.hass.language,this.hass.translationMetadata.translations)}),w,this.hass.localize("ui.panel.lovelace.editor.edit_card.add")):"")}_addCard(){(0,l.r)(this,"ll-create-card")}_createCard(){var a;if(0===this.cards.length)return void(this._card=void 0);const t=this.cards[0];if(t.layout="panel",this.isStrategy||null===(a=this.lovelace)||void 0===a||!a.editMode)return t.preview=!1,void(this._card=t);const e=document.createElement("hui-card-options");e.hass=this.hass,e.lovelace=this.lovelace,e.path=[this.index,0],e.hidePosition=!0,t.preview=!0,e.appendChild(t),this._card=e}constructor(...a){super(...a),this.isStrategy=!1,this.cards=[]}}_.styles=(0,s.AH)(b||(b=f`:host{display:block;height:100%;--restore-card-border-radius:var(
--ha-card-border-radius,
var(--ha-border-radius-lg)
);--restore-card-border-width:var(--ha-card-border-width, 1px);--restore-card-box-shadow:var(--ha-card-box-shadow, none)}*{--ha-card-border-radius:var(--ha-border-radius-square);--ha-card-border-width:0;--ha-card-box-shadow:none}ha-button{position:fixed;right:calc(16px + var(--safe-area-inset-right));bottom:calc(16px + var(--safe-area-inset-bottom));z-index:1;float:var(--float-end);inset-inline-end:calc(16px + var(--safe-area-inset-right));inset-inline-start:initial;--ha-button-box-shadow:var(--ha-box-shadow-l)}`)),(0,i.Cg)([(0,o.MZ)({attribute:!1})],_.prototype,"hass",void 0),(0,i.Cg)([(0,o.MZ)({attribute:!1})],_.prototype,"lovelace",void 0),(0,i.Cg)([(0,o.MZ)({type:Number})],_.prototype,"index",void 0),(0,i.Cg)([(0,o.MZ)({attribute:!1})],_.prototype,"isStrategy",void 0),(0,i.Cg)([(0,o.MZ)({attribute:!1})],_.prototype,"cards",void 0),(0,i.Cg)([(0,o.wk)()],_.prototype,"_card",void 0),_=(0,i.Cg)([(0,o.EM)("hui-panel-view")],_),r()}catch(u){r(u)}})}}]);