iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 12.6 kB
JavaScript
export const __webpack_ids__=["61427"];export const __webpack_modules__={99426:function(e,i,t){t.r(i);var o=t(44249),s=t(57243),a=t(15093),n=t(35359),r=t(36522);t(23334),t(37583);const l={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,o.Z)([(0,a.Mo)("ha-alert")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),e(this)}},d:[{kind:"field",decorators:[(0,a.Cb)()],key:"title",value:()=>""},{kind:"field",decorators:[(0,a.Cb)({attribute:"alert-type"})],key:"alertType",value:()=>"info"},{kind:"field",decorators:[(0,a.Cb)({type:Boolean})],key:"dismissable",value:()=>!1},{kind:"field",decorators:[(0,a.Cb)({type:Boolean})],key:"narrow",value:()=>!1},{kind:"method",key:"render",value:function(){return s.dy` <div class="issue-type ${(0,n.$)({[this.alertType]:!0})}" role="alert"> <div class="icon ${this.title?"":"no-title"}"> <slot name="icon"> <ha-svg-icon .path="${l[this.alertType]}"></ha-svg-icon> </slot> </div> <div class="${(0,n.$)({content:!0,narrow:this.narrow})}"> <div class="main-content"> ${this.title?s.dy`<div class="title">${this.title}</div>`:s.Ld} <slot></slot> </div> <div class="action"> <slot name="action"> ${this.dismissable?s.dy`<ha-icon-button ="${this._dismissClicked}" label="Dismiss alert" .path="${"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"}"></ha-icon-button>`:s.Ld} </slot> </div> </div> </div> `}},{kind:"method",key:"_dismissClicked",value:function(){(0,r.B)(this,"alert-dismissed-clicked")}},{kind:"field",static:!0,key:"styles",value:()=>s.iv`.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}`}]}}),s.oi)},73729:function(e,i,t){t.d(i,{i:()=>u});var o=t(44249),s=t(72621),a=t(74966),n=t(51408),r=t(57243),l=t(15093),d=t(76525);t(23334);const c=["button","ha-list-item"],u=(e,i)=>r.dy` <div class="header_title"> <ha-icon-button .label="${e?.localize("ui.common.close")??"Close"}" .path="${"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"}" dialogAction="close" class="header_button"></ha-icon-button> <span>${i}</span> </div> `;(0,o.Z)([(0,l.Mo)("ha-dialog")],(function(e,i){class t extends i{constructor(...i){super(...i),e(this)}}return{F:t,d:[{kind:"field",key:d.gA,value:void 0},{kind:"method",key:"scrollToPos",value:function(e,i){this.contentElement?.scrollTo(e,i)}},{kind:"method",key:"renderHeading",value:function(){return r.dy`<slot name="heading"> ${(0,s.Z)(t,"renderHeading",this,3)([])} </slot>`}},{kind:"method",key:"firstUpdated",value:function(){(0,s.Z)(t,"firstUpdated",this,3)([]),this.suppressDefaultPressSelector=[this.suppressDefaultPressSelector,c].join(", "),this._updateScrolledAttribute(),this.contentElement?.addEventListener("scroll",this._onScroll,{passive:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){(0,s.Z)(t,"disconnectedCallback",this,3)([]),this.contentElement.removeEventListener("scroll",this._onScroll)}},{kind:"field",key:"_onScroll",value(){return()=>{this._updateScrolledAttribute()}}},{kind:"method",key:"_updateScrolledAttribute",value:function(){this.contentElement&&this.toggleAttribute("scrolled",0!==this.contentElement.scrollTop)}},{kind:"field",static:!0,key:"styles",value:()=>[n.W,r.iv`:host([scrolled]) ::slotted(ha-dialog-header){border-bottom:1px solid var(--mdc-dialog-scroll-divider-color,rgba(0,0,0,.12))}.mdc-dialog{--mdc-dialog-scroll-divider-color:var(
--dialog-scroll-divider-color,
var(--divider-color)
);z-index:var(--dialog-z-index,8);-webkit-backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));--mdc-dialog-box-shadow:var(--dialog-box-shadow, none);--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-font-size:1.574rem}.mdc-dialog__actions{justify-content:var(--justify-action-buttons,flex-end);padding-bottom:max(env(safe-area-inset-bottom),24px)}.mdc-dialog__actions span:first-child{flex:var(--secondary-action-button-flex,unset)}.mdc-dialog__actions span:nth-child(2){flex:var(--primary-action-button-flex,unset)}.mdc-dialog__container{align-items:var(--vertical-align-dialog,center)}.mdc-dialog__title{padding:24px 24px 0 24px}.mdc-dialog__title:has(span){padding:12px 12px 0}.mdc-dialog__actions{padding:12px 24px 12px 24px}.mdc-dialog__title::before{content:unset}.mdc-dialog .mdc-dialog__content{position:var(--dialog-content-position,relative);padding:var(--dialog-content-padding,24px)}:host([hideactions]) .mdc-dialog .mdc-dialog__content{padding-bottom:max(var(--dialog-content-padding,24px),env(safe-area-inset-bottom))}.mdc-dialog .mdc-dialog__surface{position:var(--dialog-surface-position,relative);top:var(--dialog-surface-top);margin-top:var(--dialog-surface-margin-top);min-height:var(--mdc-dialog-min-height,auto);border-radius:var(--ha-dialog-border-radius,28px);-webkit-backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);background:var(--ha-dialog-surface-background,var(--mdc-theme-surface,#fff))}:host([flexContent]) .mdc-dialog .mdc-dialog__content{display:flex;flex-direction:column}.header_title{display:flex;align-items:center;direction:var(--direction)}.header_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:4px}.header_button{text-decoration:none;color:inherit;inset-inline-start:initial;inset-inline-end:-12px;direction:var(--direction)}.dialog-actions{inset-inline-start:initial!important;inset-inline-end:0px!important;direction:var(--direction)}`]}]}}),a.M)},19767:function(e,i,t){t.a(e,(async function(e,o){try{t.r(i);var s=t(44249),a=t(72621),n=(t(31622),t(57243)),r=t(15093),l=t(36522),d=t(17170),c=(t(99426),t(73729)),u=t(28008),h=e([d]);d=(h.then?(await h)():h)[0];const v="M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",p="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z";(0,s.Z)([(0,r.Mo)("dialog-zwave_js-remove-node")],(function(e,i){class t extends i{constructor(...i){super(...i),e(this)}}return{F:t,d:[{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"entry_id",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"_status",value:()=>""},{kind:"field",decorators:[(0,r.SB)()],key:"_node",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"_removedCallback",value:void 0},{kind:"field",key:"_removeNodeTimeoutHandle",value:void 0},{kind:"field",key:"_subscribed",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"_error",value:void 0},{kind:"method",key:"disconnectedCallback",value:function(){(0,a.Z)(t,"disconnectedCallback",this,3)([]),this._unsubscribe()}},{kind:"method",key:"showDialog",value:async function(e){this.entry_id=e.entry_id,this._removedCallback=e.removedCallback,e.skipConfirmation&&this._startExclusion()}},{kind:"method",key:"render",value:function(){return this.entry_id?n.dy` <ha-dialog open ="${this.closeDialog}" .heading="${(0,c.i)(this.hass,this.hass.localize("ui.panel.config.zwave_js.remove_node.title"))}"> ${""===this._status?n.dy` <p> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.introduction")} </p> <mwc-button slot="primaryAction" ="${this._startExclusion}"> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.start_exclusion")} </mwc-button> `:n.Ld} ${"started"===this._status?n.dy` <div class="flex-container"> <ha-spinner></ha-spinner> <div class="status"> <p> <b>${this.hass.localize("ui.panel.config.zwave_js.remove_node.controller_in_exclusion_mode")}</b> </p> <p> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.follow_device_instructions")} </p> </div> </div> <mwc-button slot="primaryAction" ="${this.closeDialog}"> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.cancel_exclusion")} </mwc-button> `:n.Ld} ${"failed"===this._status?n.dy` <div class="flex-container"> <ha-svg-icon .path="${p}" class="failed"></ha-svg-icon> <div class="status"> <p> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.exclusion_failed")} </p> ${this._error?n.dy`<ha-alert alert-type="error"> ${this._error} </ha-alert>`:n.Ld} </div> </div> <mwc-button slot="primaryAction" ="${this.closeDialog}"> ${this.hass.localize("ui.common.close")} </mwc-button> `:n.Ld} ${"finished"===this._status?n.dy` <div class="flex-container"> <ha-svg-icon .path="${v}" class="success"></ha-svg-icon> <div class="status"> <p> ${this.hass.localize("ui.panel.config.zwave_js.remove_node.exclusion_finished",{id:this._node.node_id})} </p> </div> </div> <mwc-button slot="primaryAction" ="${this.closeDialog}"> ${this.hass.localize("ui.common.close")} </mwc-button> `:n.Ld} </ha-dialog> `:n.Ld}},{kind:"method",key:"_startExclusion",value:function(){this.hass&&(this._subscribed=this.hass.connection.subscribeMessage((e=>this._handleMessage(e)),{type:"zwave_js/remove_node",entry_id:this.entry_id}).catch((e=>{this._status="failed",this._error=e.message})),this._status="started",this._removeNodeTimeoutHandle=window.setTimeout((()=>this._unsubscribe()),12e4))}},{kind:"method",key:"_handleMessage",value:function(e){"exclusion started"===e.event&&(this._status="started"),"exclusion failed"===e.event&&(this._unsubscribe(),this._status="failed"),"exclusion stopped"===e.event&&("finished"!==this._status&&(this._status=""),this._unsubscribe()),"node removed"===e.event&&(this._status="finished",this._node=e.node,this._unsubscribe(),this._removedCallback&&this._removedCallback())}},{kind:"method",key:"_unsubscribe",value:function(){this._subscribed&&(this._subscribed.then((e=>e&&e())),this._subscribed=void 0),"started"===this._status&&this.hass.callWS({type:"zwave_js/stop_exclusion",entry_id:this.entry_id}),"finished"!==this._status&&(this._status=""),this._removeNodeTimeoutHandle&&clearTimeout(this._removeNodeTimeoutHandle)}},{kind:"method",key:"closeDialog",value:function(){this._unsubscribe(),this.entry_id=void 0,this._status="",(0,l.B)(this,"dialog-closed",{dialog:this.localName})}},{kind:"get",static:!0,key:"styles",value:function(){return[u.yu,n.iv`.success{color:var(--success-color)}.failed{color:var(--error-color)}.flex-container{display:flex;align-items:center}ha-svg-icon{width:68px;height:48px}.flex-container ha-spinner,.flex-container ha-svg-icon{margin-right:20px;margin-inline-end:20px;margin-inline-start:initial}`]}}]}}),n.oi);o()}catch(e){o(e)}}))}};
//# sourceMappingURL=61427.9440bc0ad267e961.js.map