iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 13.6 kB
JavaScript
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["24650"],{99426:function(e,t,i){i.r(t);var a=i(61701),r=(i(71695),i(47021),i(57243)),s=i(50778),n=i(35359),o=i(36522);i(23334),i(37583);let c,l,d,h,u=e=>e;const m={info:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z",warning:"M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16",error:"M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z",success:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2,4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"};(0,a.Z)([(0,s.Mo)("ha-alert")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,s.Cb)()],key:"title",value(){return""}},{kind:"field",decorators:[(0,s.Cb)({attribute:"alert-type"})],key:"alertType",value(){return"info"}},{kind:"field",decorators:[(0,s.Cb)({type:Boolean})],key:"dismissable",value(){return!1}},{kind:"field",decorators:[(0,s.Cb)({type:Boolean})],key:"narrow",value(){return!1}},{kind:"method",key:"render",value:function(){return(0,r.dy)(c||(c=u` <div class="issue-type ${0}" role="alert"> <div class="icon ${0}"> <slot name="icon"> <ha-svg-icon .path="${0}"></ha-svg-icon> </slot> </div> <div class="${0}"> <div class="main-content"> ${0} <slot></slot> </div> <div class="action"> <slot name="action"> ${0} </slot> </div> </div> </div> `),(0,n.$)({[this.alertType]:!0}),this.title?"":"no-title",m[this.alertType],(0,n.$)({content:!0,narrow:this.narrow}),this.title?(0,r.dy)(l||(l=u`<div class="title">${0}</div>`),this.title):r.Ld,this.dismissable?(0,r.dy)(d||(d=u`<ha-icon-button ="${0}" label="Dismiss alert" .path="${0}"></ha-icon-button>`),this._dismissClicked,"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"):r.Ld)}},{kind:"method",key:"_dismissClicked",value:function(){(0,o.B)(this,"alert-dismissed-clicked")}},{kind:"field",static:!0,key:"styles",value(){return(0,r.iv)(h||(h=u`.issue-type{position:relative;padding:8px;display:flex}.issue-type::after{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;pointer-events:none;content:"";border-radius:4px}.icon{z-index:1}.icon.no-title{align-self:center}.content{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:var(--float-start)}.content.narrow{flex-direction:column;align-items:flex-end}.action{z-index:1;width:min-content;--mdc-theme-primary:var(--primary-text-color)}.main-content{overflow-wrap:anywhere;word-break:break-word;margin-left:8px;margin-right:0;margin-inline-start:8px;margin-inline-end:0}.title{margin-top:2px;font-weight:700}.action ha-icon-button,.action mwc-button{--mdc-theme-primary:var(--primary-text-color);--mdc-icon-button-size:36px}.issue-type.info>.icon{color:var(--info-color)}.issue-type.info::after{background-color:var(--info-color)}.issue-type.warning>.icon{color:var(--warning-color)}.issue-type.warning::after{background-color:var(--warning-color)}.issue-type.error>.icon{color:var(--error-color)}.issue-type.error::after{background-color:var(--error-color)}.issue-type.success>.icon{color:var(--success-color)}.issue-type.success::after{background-color:var(--success-color)}:host ::slotted(ul){margin:0;padding-inline-start:20px}`))}}]}}),r.oi)},55486:function(e,t,i){var a=i(61701),r=(i(71695),i(47021),i(4918)),s=i(6394),n=i(57243),o=i(50778),c=i(35359),l=i(36522);let d,h,u=e=>e;(0,a.Z)([(0,o.Mo)("ha-formfield")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,o.Cb)({type:Boolean,reflect:!0})],key:"disabled",value(){return!1}},{kind:"method",key:"render",value:function(){const e={"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween,"mdc-form-field--nowrap":this.nowrap};return(0,n.dy)(d||(d=u` <div class="mdc-form-field ${0}"> <slot></slot> <label class="mdc-label" ="${0}"> <slot name="label">${0}</slot> </label> </div>`),(0,c.$)(e),this._labelClick,this.label)}},{kind:"method",key:"_labelClick",value:function(){const e=this.input;if(e&&(e.focus(),!e.disabled))switch(e.tagName){case"HA-CHECKBOX":e.checked=!e.checked,(0,l.B)(e,"change");break;case"HA-RADIO":e.checked=!0,(0,l.B)(e,"change");break;default:e.click()}}},{kind:"field",static:!0,key:"styles",value(){return[s.W,(0,n.iv)(h||(h=u`:host(:not([alignEnd])) ::slotted(ha-switch){margin-right:10px;margin-inline-end:10px;margin-inline-start:inline}.mdc-form-field{align-items:var(--ha-formfield-align-items,center);gap:4px}.mdc-form-field>label{direction:var(--direction);margin-inline-start:0;margin-inline-end:auto;padding:0}:host([disabled]) label{color:var(--disabled-text-color)}`))]}}]}}),r.a)},50634:function(e,t,i){i.r(t),i.d(t,{HaQrCode:()=>m});var a=i(61701),r=i(72621),s=(i(71695),i(9359),i(70104),i(23669),i(47021),i(57243)),n=i(50778),o=i(54647),c=(i(99426),i(11259));let l,d,h,u=e=>e,m=(0,a.Z)([(0,n.Mo)("ha-qr-code")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,n.Cb)()],key:"data",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:"error-correction-level"})],key:"errorCorrectionLevel",value(){return"medium"}},{kind:"field",decorators:[(0,n.Cb)({type:Number})],key:"width",value(){return 4}},{kind:"field",decorators:[(0,n.Cb)({type:Number})],key:"scale",value(){return 4}},{kind:"field",decorators:[(0,n.Cb)({type:Number})],key:"margin",value(){return 4}},{kind:"field",decorators:[(0,n.Cb)({attribute:!1,type:Number})],key:"maskPattern",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:"center-image"})],key:"centerImage",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_error",value:void 0},{kind:"field",decorators:[(0,n.IO)("canvas")],key:"_canvas",value:void 0},{kind:"method",key:"willUpdate",value:function(e){(0,r.Z)(i,"willUpdate",this,3)([e]),(e.has("data")||e.has("scale")||e.has("width")||e.has("margin")||e.has("maskPattern")||e.has("errorCorrectionLevel"))&&this._error&&(this._error=void 0)}},{kind:"method",key:"updated",value:function(e){const t=this._canvas;if(t&&this.data&&(e.has("data")||e.has("scale")||e.has("width")||e.has("margin")||e.has("maskPattern")||e.has("errorCorrectionLevel")||e.has("centerImage"))){const e=getComputedStyle(this),i=e.getPropertyValue("--rgb-primary-text-color"),a=e.getPropertyValue("--rgb-card-background-color"),r=(0,c.CO)(i.split(",").map((e=>parseInt(e,10)))),s=(0,c.CO)(a.split(",").map((e=>parseInt(e,10))));if(o.toCanvas(t,this.data,{errorCorrectionLevel:this.errorCorrectionLevel||(this.centerImage?"Q":"M"),width:this.width,scale:this.scale,margin:this.margin,maskPattern:this.maskPattern,color:{light:s,dark:r}}).catch((e=>{this._error=e.message})),this.centerImage){const e=this._canvas.getContext("2d"),i=new Image;i.src=this.centerImage,i.onload=()=>{null==e||e.drawImage(i,.375*t.width,.375*t.height,t.width/4,t.height/4)}}}}},{kind:"method",key:"render",value:function(){return this.data?this._error?(0,s.dy)(l||(l=u`<ha-alert alert-type="error">${0}</ha-alert>`),this._error):(0,s.dy)(d||(d=u`<canvas></canvas>`)):s.Ld}},{kind:"field",static:!0,key:"styles",value(){return(0,s.iv)(h||(h=u`:host{display:block}`))}}]}}),s.oi)},1888:function(e,t,i){var a=i(61701),r=i(72621),s=(i(71695),i(47021),i(62523)),n=i(83835),o=i(57243),c=i(50778),l=i(13560);let d,h=e=>e;(0,a.Z)([(0,c.Mo)("ha-switch")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",decorators:[(0,c.Cb)({type:Boolean})],key:"haptic",value(){return!1}},{kind:"method",key:"firstUpdated",value:function(){(0,r.Z)(i,"firstUpdated",this,3)([]),this.addEventListener("change",(()=>{this.haptic&&(0,l.j)("light")}))}},{kind:"field",static:!0,key:"styles",value(){return[n.W,(0,o.iv)(d||(d=h`:host{--mdc-theme-secondary:var(--switch-checked-color)}.mdc-switch.mdc-switch--checked .mdc-switch__thumb{background-color:var(--switch-checked-button-color);border-color:var(--switch-checked-button-color)}.mdc-switch.mdc-switch--checked .mdc-switch__track{background-color:var(--switch-checked-track-color);border-color:var(--switch-checked-track-color)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb{background-color:var(--switch-unchecked-button-color);border-color:var(--switch-unchecked-button-color)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track{background-color:var(--switch-unchecked-track-color);border-color:var(--switch-unchecked-track-color)}`))]}}]}}),s.H)},59694:function(e,t,i){i.r(t);var a=i(61701),r=(i(71695),i(40251),i(81804),i(47021),i(31622),i(57243)),s=i(50778),n=i(36522),o=(i(99426),i(73729)),c=(i(55486),i(50634),i(1888),i(83166),i(28008));let l,d,h,u,m,p,k,v,g,y=e=>e;(0,a.Z)([(0,s.Mo)("dialog-tag-detail")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,s.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_id",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_name",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_error",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_params",value:void 0},{kind:"field",decorators:[(0,s.SB)()],key:"_submitting",value(){return!1}},{kind:"method",key:"showDialog",value:function(e){this._params=e,this._error=void 0,this._params.entry?this._name=this._params.entry.name||"":(this._id="",this._name="")}},{kind:"method",key:"closeDialog",value:function(){return this._params=void 0,(0,n.B)(this,"dialog-closed",{dialog:this.localName}),!0}},{kind:"method",key:"render",value:function(){return this._params?(0,r.dy)(l||(l=y` <ha-dialog open ="${0}" scrimClickAction escapeKeyAction .heading="${0}"> <div> ${0} <div class="form"> ${0} <ha-textfield dialogInitialFocus .value="${0}" .configValue="${0}" ="${0}" .label="${0}" .validationMessage="${0}" required></ha-textfield> ${0} </div> ${0} </div> ${0} <mwc-button slot="primaryAction" ="${0}" .disabled="${0}"> ${0} </mwc-button> ${0} </ha-dialog> `),this.closeDialog,(0,o.i)(this.hass,this._params.entry?this._params.entry.name||this._params.entry.id:this.hass.localize("ui.panel.config.tag.detail.new_tag")),this._error?(0,r.dy)(d||(d=y`<ha-alert alert-type="error">${0}</ha-alert>`),this._error):"",this._params.entry?(0,r.dy)(h||(h=y`${0}: ${0}`),this.hass.localize("ui.panel.config.tag.detail.tag_id"),this._params.entry.id):"",this._name,"name",this._valueChanged,this.hass.localize("ui.panel.config.tag.detail.name"),this.hass.localize("ui.panel.config.tag.detail.required_error_msg"),this._params.entry?"":(0,r.dy)(u||(u=y`<ha-textfield .value="${0}" .configValue="${0}" ="${0}" .label="${0}" .placeholder="${0}"></ha-textfield>`),this._id||"","id",this._valueChanged,this.hass.localize("ui.panel.config.tag.detail.tag_id"),this.hass.localize("ui.panel.config.tag.detail.tag_id_placeholder")),this._params.entry?(0,r.dy)(m||(m=y` <div> <p> ${0} </p> </div> <div id="qr"> <ha-qr-code .data="${0}" center-image="/static/icons/favicon-192x192.png" error-correction-level="quartile" scale="5"> </ha-qr-code> </div> `),this.hass.localize("ui.panel.config.tag.detail.usage",{companion_link:(0,r.dy)(p||(p=y`<a href="https://companion.home-assistant.io/" target="_blank" rel="noreferrer">${0}</a>`),this.hass.localize("ui.panel.config.tag.detail.companion_apps"))}),`https://www.home-assistant.io/tag/${this._params.entry.id}`):"",this._params.entry?(0,r.dy)(k||(k=y` <mwc-button slot="secondaryAction" class="warning" @click="${0}" .disabled="${0}"> ${0} </mwc-button> `),this._deleteEntry,this._submitting,this.hass.localize("ui.panel.config.tag.detail.delete")):r.Ld,this._updateEntry,this._submitting||!this._name,this._params.entry?this.hass.localize("ui.panel.config.tag.detail.update"):this.hass.localize("ui.panel.config.tag.detail.create"),this._params.openWrite&&!this._params.entry?(0,r.dy)(v||(v=y`<mwc-button slot="primaryAction" @click="${0}" .disabled="${0}"> ${0} </mwc-button>`),this._updateWriteEntry,this._submitting||!this._name,this.hass.localize("ui.panel.config.tag.detail.create_and_write")):""):r.Ld}},{kind:"method",key:"_valueChanged",value:function(e){const t=e.target,i=t.configValue;this._error=void 0,this[`_${i}`]=t.value}},{kind:"method",key:"_updateEntry",value:async function(){let e;this._submitting=!0;try{const t={name:this._name.trim()};e=this._params.entry?await this._params.updateEntry(t):await this._params.createEntry(t,this._id),this.closeDialog()}catch(t){this._error=t?t.message:"Unknown error"}finally{this._submitting=!1}return e}},{kind:"method",key:"_updateWriteEntry",value:async function(){var e;const t=null===(e=this._params)||void 0===e?void 0:e.openWrite,i=await this._updateEntry();i&&t&&t(i)}},{kind:"method",key:"_deleteEntry",value:async function(){this._submitting=!0;try{await this._params.removeEntry()&&(this._params=void 0)}finally{this._submitting=!1}}},{kind:"get",static:!0,key:"styles",value:function(){return[c.yu,(0,r.iv)(g||(g=y`a{color:var(--primary-color)}#qr{text-align:center}ha-textfield{display:block;margin:8px 0}::slotted(img){height:100%}`))]}}]}}),r.oi)}}]);
//# sourceMappingURL=24650.594421bb7467e7bb.js.map