iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
3 lines • 12.6 kB
JavaScript
/*! For license information please see 67704.425e8235149abc81.js.LICENSE.txt */
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["67704"],{95198:function(e,t,i){var o=i(61701),a=(i(71695),i(47021),i(57243)),n=i(50778);let l,s,d=e=>e;(0,o.Z)([(0,n.Mo)("ha-dialog-header")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"method",key:"render",value:function(){return(0,a.dy)(l||(l=d` <header class="header"> <div class="header-bar"> <section class="header-navigation-icon"> <slot name="navigationIcon"></slot> </section> <section class="header-content"> <div class="header-title"> <slot name="title"></slot> </div> <div class="header-subtitle"> <slot name="subtitle"></slot> </div> </section> <section class="header-action-items"> <slot name="actionItems"></slot> </section> </div> <slot></slot> </header> `))}},{kind:"get",static:!0,key:"styles",value:function(){return[(0,a.iv)(s||(s=d`:host{display:block}:host([show-border]){border-bottom:1px solid var(--mdc-dialog-scroll-divider-color,rgba(0,0,0,.12))}.header-bar{display:flex;flex-direction:row;align-items:flex-start;padding:4px;box-sizing:border-box}.header-content{flex:1;padding:10px 4px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-title{font-size:22px;line-height:28px;font-weight:400}.header-subtitle{font-size:14px;line-height:20px;color:var(--secondary-text-color)} all and (min-width:450px) and (min-height:500px){.header-bar{padding:12px}}.header-navigation-icon{flex:none;min-width:8px;height:100%;display:flex;flex-direction:row}.header-action-items{flex:none;min-width:8px;height:100%;display:flex;flex-direction:row}`))]}}]}}),a.oi)},51784:function(e,t,i){i.d(t,{dJ:()=>g,zB:()=>p});var o=i(61701),a=i(72621),n=(i(52247),i(71695),i(19423),i(40251),i(47021),i(67840)),l=i(88854),s=i(57243),d=i(50778);let r,c,h=e=>e;n.A.addInitializer((async e=>{await e.updateComplete;const t=e;t.dialog.prepend(t.scrim),t.scrim.style.inset=0,t.scrim.style.zIndex=0;const{getOpenAnimation:i,getCloseAnimation:o}=t;t.getOpenAnimation=()=>{var e,t;const o=i.call(void 0);return o.container=[...null!==(e=o.container)&&void 0!==e?e:[],...null!==(t=o.dialog)&&void 0!==t?t:[]],o.dialog=[],o},t.getCloseAnimation=()=>{var e,t;const i=o.call(void 0);return i.container=[...null!==(e=i.container)&&void 0!==e?e:[],...null!==(t=i.dialog)&&void 0!==t?t:[]],i.dialog=[],i}}));(0,o.Z)([(0,d.Mo)("ha-md-dialog")],(function(e,t){class o extends t{constructor(){super(),e(this),this.addEventListener("cancel",this._handleCancel),"function"!=typeof HTMLDialogElement&&(this.addEventListener("open",this._handleOpen),c||(c=i.e("73854").then(i.bind(i,85893)))),void 0===this.animate&&(this.quick=!0),void 0===this.animate&&(this.quick=!0)}}return{F:o,d:[{kind:"field",decorators:[(0,d.Cb)({attribute:"disable-cancel-action",type:Boolean})],key:"disableCancelAction",value(){return!1}},{kind:"field",key:"_polyfillDialogRegistered",value(){return!1}},{kind:"method",key:"_handleOpen",value:async function(e){var t;if(e.preventDefault(),this._polyfillDialogRegistered)return;this._polyfillDialogRegistered=!0,this._loadPolyfillStylesheet("/static/polyfills/dialog-polyfill.css");const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("dialog");(await c).default.registerDialog(i),this.removeEventListener("open",this._handleOpen),this.show()}},{kind:"method",key:"_loadPolyfillStylesheet",value:async function(e){const t=document.createElement("link");return t.rel="stylesheet",t.href=e,new Promise(((i,o)=>{var a;t.onload=()=>i(),t.onerror=()=>o(new Error(`Stylesheet failed to load: ${e}`)),null===(a=this.shadowRoot)||void 0===a||a.appendChild(t)}))}},{kind:"method",key:"_handleCancel",value:function(e){if(this.disableCancelAction){var t;e.preventDefault();const i=null===(t=this.shadowRoot)||void 0===t?void 0:t.querySelector("dialog .container");void 0!==this.animate&&(null==i||i.animate([{transform:"rotate(-1deg)","animation-timing-function":"ease-in"},{transform:"rotate(1.5deg)","animation-timing-function":"ease-out"},{transform:"rotate(0deg)","animation-timing-function":"ease-in"}],{duration:200,iterations:2}))}}},{kind:"field",static:!0,key:"styles",value(){return[...(0,a.Z)(o,"styles",this),(0,s.iv)(r||(r=h`:host{--md-dialog-container-color:var(--card-background-color);--md-dialog-headline-color:var(--primary-text-color);--md-dialog-supporting-text-color:var(--primary-text-color);--md-sys-color-scrim:#000000;--md-dialog-headline-weight:400;--md-dialog-headline-size:1.574rem;--md-dialog-supporting-text-size:1rem;--md-dialog-supporting-text-line-height:1.5rem}:host([type=alert]){min-width:320px} all and (max-width:450px),all and (max-height:500px){:host(:not([type=alert])){min-width:calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));max-width:calc(100vw - env(safe-area-inset-right) - env(safe-area-inset-left));min-height:100%;max-height:100%;--md-dialog-container-shape:0}}::slotted(ha-dialog-header[slot=headline]){display:contents}.scroller{overflow:var(--dialog-content-overflow,auto)}slot[name=content]::slotted(*){padding:var(--dialog-content-padding,24px)}.scrim{z-index:10}`))]}}]}}),n.A);const m=Object.assign(Object.assign({},l.I),{},{dialog:[[[{transform:"translateY(50px)"},{transform:"translateY(0)"}],{duration:500,easing:"cubic-bezier(.3,0,0,1)"}]],container:[[[{opacity:0},{opacity:1}],{duration:50,easing:"linear",pseudoElement:"::before"}]]}),u=Object.assign(Object.assign({},l.G),{},{dialog:[[[{transform:"translateY(0)"},{transform:"translateY(50px)"}],{duration:150,easing:"cubic-bezier(.3,0,0,1)"}]],container:[[[{opacity:"1"},{opacity:"0"}],{delay:100,duration:50,easing:"linear",pseudoElement:"::before"}]]}),g=()=>window.matchMedia("all and (max-width: 450px), all and (max-height: 500px)").matches?m:l.I,p=()=>window.matchMedia("all and (max-width: 450px), all and (max-height: 500px)").matches?u:l.G},52623:function(e,t,i){i.a(e,(async function(e,o){try{i.r(t);var a=i(61701),n=(i(71695),i(92745),i(9359),i(70104),i(40251),i(47021),i(57243)),l=i(50778),s=i(35359),d=i(36522),r=(i(59826),i(51784)),c=(i(95198),i(79505),i(90243)),h=i(28008),m=(i(41025),i(89187)),u=e([m]);m=(u.then?(await u)():u)[0];let g,p,v,f,_,y,x=e=>e;const k="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z";(0,a.Z)([(0,l.Mo)("dialog-light-color-favorite")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,l.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_dialogParams",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_entry",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_color",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_mode",value:void 0},{kind:"field",decorators:[(0,l.SB)()],key:"_modes",value(){return[]}},{kind:"field",decorators:[(0,l.IO)("ha-md-dialog")],key:"_dialog",value:void 0},{kind:"method",key:"showDialog",value:async function(e){var t;this._entry=e.entry,this._dialogParams=e,this._color=null!==(t=e.initialColor)&&void 0!==t?t:this._computeCurrentColor(),this._updateModes()}},{kind:"method",key:"closeDialog",value:function(){var e;null===(e=this._dialog)||void 0===e||e.close()}},{kind:"method",key:"_updateModes",value:function(){const e=(0,c.Fe)(this.stateObj,c.ZE.COLOR_TEMP),t=[];(0,c.Yk)(this.stateObj)&&t.push("color"),e&&t.push("color_temp"),this._modes=t,this._color?this._mode="color_temp_kelvin"in this._color?"color_temp":"color":this._mode=this._modes[0]}},{kind:"method",key:"_computeCurrentColor",value:function(){const e=this.stateObj.attributes,t=e.color_mode;let i;return t===c.ZE.XY?e.hs_color?i={hs_color:e.hs_color}:e.rgb_color&&(i={rgb_color:e.rgb_color}):t===c.ZE.COLOR_TEMP&&e.color_temp_kelvin?i={color_temp_kelvin:e.color_temp_kelvin}:e[t+"_color"]&&(i={[t+"_color"]:e[t+"_color"]}),i}},{kind:"method",key:"_colorChanged",value:function(e){this._color=e.detail}},{kind:"get",key:"stateObj",value:function(){return this._entry&&this.hass.states[this._entry.entity_id]}},{kind:"method",key:"_cancel",value:async function(){var e,t;null===(e=this._dialogParams)||void 0===e||null===(t=e.cancel)||void 0===t||t.call(e)}},{kind:"method",key:"_cancelDialog",value:function(){this._cancel(),this.closeDialog()}},{kind:"method",key:"_dialogClosed",value:function(){this._dialogParams=void 0,this._entry=void 0,this._color=void 0,(0,d.B)(this,"dialog-closed",{dialog:this.localName})}},{kind:"method",key:"_save",value:async function(){var e,t;this._color?(null===(e=this._dialogParams)||void 0===e||null===(t=e.submit)||void 0===t||t.call(e,this._color),this.closeDialog()):this._cancel()}},{kind:"method",key:"_modeChanged",value:function(e){const t=e.currentTarget.mode;t!==this._mode&&(this._mode=t)}},{kind:"method",key:"render",value:function(){var e;return this._entry&&this.stateObj?(0,n.dy)(g||(g=x` <ha-md-dialog open ="${0}" ="${0}" aria-labelledby="dialog-light-color-favorite-title" .getOpenAnimation="${0}" .getCloseAnimation="${0}"> <ha-dialog-header slot="headline"> <ha-icon-button slot="navigationIcon" ="${0}" .label="${0}" .path="${0}"></ha-icon-button> <span slot="title" id="dialog-light-color-favorite-title">${0}</span> </ha-dialog-header> <div slot="content"> <div class="header"> ${0} </div> <div class="content"> ${0} ${0} </div> </div> <div slot="actions"> <ha-button ="${0}"> ${0} </ha-button> <ha-button ="${0}" .disabled="${0}">${0}</ha-button> </div> </ha-md-dialog> `),this._cancel,this._dialogClosed,r.dJ,r.zB,this.closeDialog,this.hass.localize("ui.common.close"),k,null===(e=this._dialogParams)||void 0===e?void 0:e.title,this._modes.length>1?(0,n.dy)(p||(p=x` <div class="modes"> ${0} </div> `),this._modes.map((e=>(0,n.dy)(v||(v=x` <ha-icon-button-toggle border-only .selected="${0}" .label="${0}" .mode="${0}" ="${0}"> <span class="wheel ${0}"></span> </ha-icon-button-toggle> `),e===this._mode,this.hass.localize(`ui.dialogs.more_info_control.light.color_picker.mode.${e}`),e,this._modeChanged,(0,s.$)({[e]:!0}))))):n.Ld,"color_temp"===this._mode?(0,n.dy)(f||(f=x` <light-color-temp-picker .hass="${0}" .stateObj="${0}" -changed="${0}"> </light-color-temp-picker> `),this.hass,this.stateObj,this._colorChanged):n.Ld,"color"===this._mode?(0,n.dy)(_||(_=x` <light-color-rgb-picker .hass="${0}" .stateObj="${0}" -changed="${0}"> </light-color-rgb-picker> `),this.hass,this.stateObj,this._colorChanged):n.Ld,this._cancelDialog,this.hass.localize("ui.common.cancel"),this._save,!this._color,this.hass.localize("ui.common.save")):n.Ld}},{kind:"get",static:!0,key:"styles",value:function(){return[h.yu,(0,n.iv)(y||(y=x`ha-md-dialog{min-width:420px;max-height:min(600px,100% - 48px)} all and (max-width:450px),all and (max-height:500px){ha-md-dialog{min-width:100%;min-height:auto;max-height:calc(100% - 100px);margin-bottom:0;--md-dialog-container-shape-start-start:28px;--md-dialog-container-shape-start-end:28px}}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;flex:1}.modes{display:flex;flex-direction:row;justify-content:flex-end;padding:0 24px}.wheel{width:30px;height:30px;flex:none;border-radius:15px}.wheel.color{background-image:url("/static/images/color_wheel.png");background-size:cover}.wheel.color_temp{background:linear-gradient(0,#a6d1ff 0%,#fff 50%,#ffa000 100%)}`))]}}]}}),n.oi);o()}catch(g){o(g)}}))},1231:function(e,t,i){i.d(t,{B:()=>r});var o=i(9065),a=i(50778),n=(i(71695),i(47021),i(57243));class l extends n.oi{constructor(){super(...arguments),this.inset=!1,this.insetStart=!1,this.insetEnd=!1}}(0,o.__decorate)([(0,a.Cb)({type:Boolean,reflect:!0})],l.prototype,"inset",void 0),(0,o.__decorate)([(0,a.Cb)({type:Boolean,reflect:!0,attribute:"inset-start"})],l.prototype,"insetStart",void 0),(0,o.__decorate)([(0,a.Cb)({type:Boolean,reflect:!0,attribute:"inset-end"})],l.prototype,"insetEnd",void 0);let s;const d=(0,n.iv)(s||(s=(e=>e)`:host{box-sizing:border-box;color:var(--md-divider-color,var(--md-sys-color-outline-variant,#cac4d0));display:flex;height:var(--md-divider-thickness,1px);width:100%}:host([inset-start]),:host([inset]){padding-inline-start:16px}:host([inset-end]),:host([inset]){padding-inline-end:16px}:host::before{background:currentColor;content:"";height:100%;width:100%}{:host::before{background:CanvasText}}`));let r=class extends l{};r.styles=[d],r=(0,o.__decorate)([(0,a.Mo)("md-divider")],r)}}]);
//# sourceMappingURL=67704.425e8235149abc81.js.map