iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 7.83 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[45001],{12587:function(e,t,o){o.d(t,{E:function(){return i},m:function(){return a}});o(3362);const a=e=>{requestAnimationFrame(()=>setTimeout(e,0))},i=()=>new Promise(e=>{a(e)})},11382:function(e,t,o){o(3362),o(62953);var a=o(40445),i=o(5124),n=o(67576),s=o(6412),r=o(1087),d=o(12587);o(67094);let l,h,c,p,u=e=>e;class m extends i.WF{render(){const e=this.noCollapse?i.s6:(0,i.qy)(l||(l=u` <ha-svg-icon .path="${0}" class="summary-icon ${0}"></ha-svg-icon> `),"M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z",(0,s.H)({expanded:this.expanded}));return(0,i.qy)(h||(h=u` <div class="top ${0}"> <div id="summary" class="${0}" ="${0}" ="${0}" ="${0}" ="${0}" role="button" tabindex="${0}" aria-expanded="${0}" aria-controls="sect1" part="summary"> ${0} <slot name="leading-icon"></slot> <slot name="header"> <div class="header"> ${0} <slot class="secondary" name="secondary">${0}</slot> </div> </slot> <slot name="event"></slot> ${0} <slot name="icons"></slot> </div> </div> <div class="container ${0}" ="${0}" role="region" aria-labelledby="summary" aria-hidden="${0}" tabindex="-1"> ${0} </div> `),(0,s.H)({expanded:this.expanded}),(0,s.H)({noCollapse:this.noCollapse}),this._toggleContainer,this._toggleContainer,this._focusChanged,this._focusChanged,this.noCollapse?-1:0,this.expanded,this.leftChevron?e:i.s6,this.header,this.secondary,this.leftChevron?i.s6:e,(0,s.H)({expanded:this.expanded}),this._handleTransitionEnd,!this.expanded,this._showContent?(0,i.qy)(c||(c=u`<slot></slot>`)):"")}willUpdate(e){super.willUpdate(e),e.has("expanded")&&(this._showContent=this.expanded,setTimeout(()=>{this._container.style.overflow=this.expanded?"initial":"hidden"},300))}_handleTransitionEnd(){this._container.style.removeProperty("height"),this._container.style.overflow=this.expanded?"initial":"hidden",this._showContent=this.expanded}async _toggleContainer(e){if(e.defaultPrevented)return;if("keydown"===e.type&&"Enter"!==e.key&&" "!==e.key)return;if(e.preventDefault(),this.noCollapse)return;const t=!this.expanded;(0,r.r)(this,"expanded-will-change",{expanded:t}),this._container.style.overflow="hidden",t&&(this._showContent=!0,await(0,d.E)());const o=this._container.scrollHeight;this._container.style.height=`${o}px`,t||setTimeout(()=>{this._container.style.height="0px"},0),this.expanded=t,(0,r.r)(this,"expanded-changed",{expanded:this.expanded})}_focusChanged(e){this.noCollapse||this.shadowRoot.querySelector(".top").classList.toggle("focused","focus"===e.type)}constructor(...e){super(...e),this.expanded=!1,this.outlined=!1,this.leftChevron=!1,this.noCollapse=!1,this._showContent=this.expanded}}m.styles=(0,i.AH)(p||(p=u`:host{display:block}.top{display:flex;align-items:center;border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg))}.top.expanded{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.top.focused{background:var(--input-fill-color)}:host([outlined]){box-shadow:none;border-width:1px;border-style:solid;border-color:var(--outline-color);border-radius:var(--ha-card-border-radius,var(--ha-border-radius-lg))}.summary-icon{transition:transform 150ms cubic-bezier(.4, 0, .2, 1);direction:var(--direction);margin-left:8px;margin-inline-start:8px;margin-inline-end:initial;border-radius:var(--ha-border-radius-circle)}#summary:focus-visible ha-svg-icon.summary-icon{background-color:var(--ha-color-fill-neutral-normal-active)}::slotted([slot=leading-icon]),:host([left-chevron]) .summary-icon{margin-left:0;margin-right:8px;margin-inline-start:0;margin-inline-end:8px}#summary{flex:1;display:flex;padding:var(--expansion-panel-summary-padding,0 8px);min-height:48px;align-items:center;cursor:pointer;overflow:hidden;font-weight:var(--ha-font-weight-medium);outline:0}#summary.noCollapse{cursor:default}.summary-icon.expanded{transform:rotate(180deg)}.header,::slotted([slot=header]){flex:1;overflow-wrap:anywhere;color:var(--primary-text-color)}.container{padding:var(--expansion-panel-content-padding,0 8px);overflow:hidden;transition:height .3s cubic-bezier(.4, 0, .2, 1);height:0px}.container.expanded{height:auto}.secondary{display:block;color:var(--secondary-text-color);font-size:var(--ha-font-size-s)}`)),(0,a.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],m.prototype,"expanded",void 0),(0,a.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],m.prototype,"outlined",void 0),(0,a.Cg)([(0,n.MZ)({attribute:"left-chevron",type:Boolean,reflect:!0})],m.prototype,"leftChevron",void 0),(0,a.Cg)([(0,n.MZ)({attribute:"no-collapse",type:Boolean,reflect:!0})],m.prototype,"noCollapse",void 0),(0,a.Cg)([(0,n.MZ)()],m.prototype,"header",void 0),(0,a.Cg)([(0,n.MZ)()],m.prototype,"secondary",void 0),(0,a.Cg)([(0,n.wk)()],m.prototype,"_showContent",void 0),(0,a.Cg)([(0,n.P)(".container")],m.prototype,"_container",void 0),m=(0,a.Cg)([(0,n.EM)("ha-expansion-panel")],m)},40003:function(e,t,o){o.a(e,async function(e,a){try{o.r(t),o.d(t,{HaFormExpandable:function(){return v}});o(62953);var i=o(40445),n=o(5124),s=o(67576),r=(o(11382),o(52763)),d=e([r]);r=(d.then?(await d)():d)[0];let l,h,c,p,u,m=e=>e;class v extends n.WF{reportValidity(){var e,t;return null===(e=null===(t=this._form)||void 0===t?void 0:t.reportValidity())||void 0===e||e}_renderDescription(){var e;const t=null===(e=this.computeHelper)||void 0===e?void 0:e.call(this,this.schema);return t?(0,n.qy)(l||(l=m`<p>${0}</p>`),t):n.s6}render(){var e,t,o;return(0,n.qy)(h||(h=m` <ha-expansion-panel outlined .expanded="${0}"> ${0} <div slot="header" role="heading" aria-level="${0}"> ${0} </div> <div class="content"> ${0} <ha-form .hass="${0}" .data="${0}" .schema="${0}" .disabled="${0}" .computeLabel="${0}" .computeHelper="${0}" .localizeValue="${0}"></ha-form> </div> </ha-expansion-panel> `),Boolean(this.schema.expanded),this.schema.icon?(0,n.qy)(c||(c=m` <ha-icon slot="leading-icon" .icon="${0}"></ha-icon> `),this.schema.icon):this.schema.iconPath?(0,n.qy)(p||(p=m` <ha-svg-icon slot="leading-icon" .path="${0}"></ha-svg-icon> `),this.schema.iconPath):n.s6,null!==(e=null===(t=this.schema.headingLevel)||void 0===t?void 0:t.toString())&&void 0!==e?e:"3",this.schema.title||(null===(o=this.computeLabel)||void 0===o?void 0:o.call(this,this.schema)),this._renderDescription(),this.hass,this.data,this.schema.schema,this.disabled,this._computeLabel,this._computeHelper,this.localizeValue)}constructor(...e){super(...e),this.disabled=!1,this._computeLabel=(e,t,o)=>this.computeLabel?this.computeLabel(e,t,Object.assign(Object.assign({},o),{},{path:[...(null==o?void 0:o.path)||[],this.schema.name]})):this.computeLabel,this._computeHelper=(e,t)=>this.computeHelper?this.computeHelper(e,Object.assign(Object.assign({},t),{},{path:[...(null==t?void 0:t.path)||[],this.schema.name]})):this.computeHelper}}v.styles=(0,n.AH)(u||(u=m`:host{display:flex!important;flex-direction:column}:host ha-form{display:block}.content{padding:12px}.content p{margin:0 0 24px}ha-expansion-panel{display:block;--expansion-panel-content-padding:0;border-radius:var(--ha-border-radius-md);--ha-card-border-radius:var(--ha-border-radius-md)}ha-icon,ha-svg-icon{color:var(--secondary-text-color)}`)),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"hass",void 0),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"data",void 0),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"schema",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean})],v.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"computeLabel",void 0),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"computeHelper",void 0),(0,i.Cg)([(0,s.MZ)({attribute:!1})],v.prototype,"localizeValue",void 0),(0,i.Cg)([(0,s.P)("ha-form",!0)],v.prototype,"_form",void 0),v=(0,i.Cg)([(0,s.EM)("ha-form-expandable")],v),a()}catch(l){a(l)}})}}]);