iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
2 lines • 12.9 kB
JavaScript
export const __webpack_ids__=["29453"];export const __webpack_modules__={44925:function(t,e,i){var a=i(44249),s=i(57243),n=i(15093),r=i(28816);i(65981);(0,a.Z)([(0,n.Mo)("ha-battery-icon")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"batteryStateObj",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"batteryChargingStateObj",value:void 0},{kind:"method",key:"render",value:function(){return this.batteryStateObj?s.dy` <ha-icon .icon="${(0,r.U)(this.batteryStateObj.state,"on"===this.batteryChargingStateObj?.state)}"></ha-icon> `:s.Ld}}]}}),s.oi)},12763:function(t,e,i){i.a(t,(async function(t,e){try{var a=i(44249),s=(i(9359),i(56475),i(70104),i(57243)),n=i(15093),r=i(25904),o=i(59519),d=i(28008),l=i(59389),c=(i(41307),t([l,o,r]));[l,o,r]=c.then?(await c)():c;(0,a.Z)([(0,n.Mo)("ha-attributes")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"field",decorators:[(0,n.Cb)({attribute:"extra-filters"})],key:"extraFilters",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_expanded",value:()=>!1},{kind:"get",key:"_filteredAttributes",value:function(){return this._computeDisplayAttributes(o.wk.concat(this.extraFilters?this.extraFilters.split(","):[]))}},{kind:"method",key:"willUpdate",value:function(t){(t.has("extraFilters")||t.has("stateObj"))&&this.toggleAttribute("empty",0===this._filteredAttributes.length)}},{kind:"method",key:"render",value:function(){if(!this.stateObj)return s.Ld;const t=this._filteredAttributes;return 0===t.length?s.Ld:s.dy` <ha-expansion-panel .header="${this.hass.localize("ui.components.attributes.expansion_header")}" outlined -will-change="${this._expandedChanged}"> <div class="attribute-container"> ${this._expanded?s.dy` ${t.map((t=>s.dy` <div class="data-entry"> <div class="key"> ${(0,r.computeAttributeNameDisplay)(this.hass.localize,this.stateObj,this.hass.entities,t)} </div> <div class="value"> <ha-attribute-value .hass="${this.hass}" .attribute="${t}" .stateObj="${this.stateObj}"></ha-attribute-value> </div> </div> `))} `:""} </div> </ha-expansion-panel> ${this.stateObj.attributes.attribution?s.dy` <div class="attribution"> ${this.stateObj.attributes.attribution} </div> `:""} `}},{kind:"get",static:!0,key:"styles",value:function(){return[d.Qx,s.iv`.attribute-container{margin-bottom:8px;direction:ltr}.data-entry{display:flex;flex-direction:row;justify-content:space-between}.data-entry .value{max-width:60%;overflow-wrap:break-word;text-align:right}.key{flex-grow:1}.attribution{color:var(--secondary-text-color);text-align:center;margin-top:16px}hr{border-color:var(--divider-color);border-bottom:none;margin:16px 0}`]}},{kind:"method",key:"_computeDisplayAttributes",value:function(t){return this.stateObj?Object.keys(this.stateObj.attributes).filter((e=>-1===t.indexOf(e))):[]}},{kind:"method",key:"_expandedChanged",value:function(t){this._expanded=t.detail.expanded}}]}}),s.oi);e()}catch(t){e(t)}}))},92824:function(t,e,i){var a=i(44249),s=i(72621),n=i(60930),r=i(9714),o=i(57243),d=i(15093),l=i(22381),c=i(76320);i(23334);(0,a.Z)([(0,d.Mo)("ha-select")],(function(t,e){class i extends e{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"field",decorators:[(0,d.Cb)({type:Boolean})],key:"icon",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)({type:Boolean,reflect:!0})],key:"clearable",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)({attribute:"inline-arrow",type:Boolean})],key:"inlineArrow",value:()=>!1},{kind:"field",decorators:[(0,d.Cb)()],key:"options",value:void 0},{kind:"method",key:"render",value:function(){return o.dy` ${(0,s.Z)(i,"render",this,3)([])} ${this.clearable&&!this.required&&!this.disabled&&this.value?o.dy`<ha-icon-button label="clear" ="${this._clearValue}" .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>`:o.Ld} `}},{kind:"method",key:"renderLeadingIcon",value:function(){return this.icon?o.dy`<span class="mdc-select__icon"><slot name="icon"></slot></span>`:o.Ld}},{kind:"method",key:"connectedCallback",value:function(){(0,s.Z)(i,"connectedCallback",this,3)([]),window.addEventListener("translations-updated",this._translationsUpdated)}},{kind:"method",key:"firstUpdated",value:async function(){(0,s.Z)(i,"firstUpdated",this,3)([]),this.inlineArrow&&this.shadowRoot?.querySelector(".mdc-select__selected-text-container")?.classList.add("inline-arrow")}},{kind:"method",key:"updated",value:function(t){if((0,s.Z)(i,"updated",this,3)([t]),t.has("inlineArrow")){const t=this.shadowRoot?.querySelector(".mdc-select__selected-text-container");this.inlineArrow?t?.classList.add("inline-arrow"):t?.classList.remove("inline-arrow")}t.get("options")&&(this.layoutOptions(),this.selectByValue(this.value))}},{kind:"method",key:"disconnectedCallback",value:function(){(0,s.Z)(i,"disconnectedCallback",this,3)([]),window.removeEventListener("translations-updated",this._translationsUpdated)}},{kind:"method",key:"_clearValue",value:function(){!this.disabled&&this.value&&(this.valueSetDirectly=!0,this.select(-1),this.mdcFoundation.handleChange())}},{kind:"field",key:"_translationsUpdated",value(){return(0,l.D)((async()=>{await(0,c.y)(),this.layoutOptions()}),500)}},{kind:"field",static:!0,key:"styles",value:()=>[r.W,o.iv`:host([clearable]){position:relative}.mdc-select:not(.mdc-select--disabled) .mdc-select__icon{color:var(--secondary-text-color)}.mdc-select__anchor{width:var(--ha-select-min-width,200px)}.mdc-select--filled .mdc-select__anchor{height:var(--ha-select-height,56px)}.mdc-select--filled .mdc-floating-label{inset-inline-start:12px;inset-inline-end:initial;direction:var(--direction)}.mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label{inset-inline-start:48px;inset-inline-end:initial;direction:var(--direction)}.mdc-select .mdc-select__anchor{padding-inline-start:12px;padding-inline-end:0px;direction:var(--direction)}.mdc-select__anchor .mdc-floating-label--float-above{transform-origin:var(--float-start)}.mdc-select__selected-text-container{padding-inline-end:var(--select-selected-text-padding-end,0px)}:host([clearable]) .mdc-select__selected-text-container{padding-inline-end:var(--select-selected-text-padding-end,12px)}ha-icon-button{position:absolute;top:10px;right:28px;--mdc-icon-button-size:36px;--mdc-icon-size:20px;color:var(--secondary-text-color);inset-inline-start:initial;inset-inline-end:28px;direction:var(--direction)}.inline-arrow{flex-grow:0}`]}]}}),n.K)},61372:function(t,e,i){i.a(t,(async function(t,a){try{i.r(e);var s=i(44249),n=(i(9359),i(56475),i(70104),i(87319),i(57243)),r=i(15093),o=i(27486),d=i(49976),l=i(59847),c=i(75278),u=(i(44925),i(12763)),h=(i(65981),i(23334),i(92824),i(96194)),v=i(63318),b=i(3713),y=t([u]);u=(y.then?(await y)():y)[0];const p="M12,11A1,1 0 0,0 11,12A1,1 0 0,0 12,13A1,1 0 0,0 13,12A1,1 0 0,0 12,11M12.5,2C17,2 17.11,5.57 14.75,6.75C13.76,7.24 13.32,8.29 13.13,9.22C13.61,9.42 14.03,9.73 14.35,10.13C18.05,8.13 22.03,8.92 22.03,12.5C22.03,17 18.46,17.1 17.28,14.73C16.78,13.74 15.72,13.3 14.79,13.11C14.59,13.59 14.28,14 13.88,14.34C15.87,18.03 15.08,22 11.5,22C7,22 6.91,18.42 9.27,17.24C10.25,16.75 10.69,15.71 10.89,14.79C10.4,14.59 9.97,14.27 9.65,13.87C5.96,15.85 2,15.07 2,11.5C2,7 5.56,6.89 6.74,9.26C7.24,10.25 8.29,10.68 9.22,10.87C9.41,10.39 9.73,9.97 10.14,9.65C8.15,5.96 8.94,2 12.5,2Z",f=[{translationKey:"start",icon:"M8,5.14V19.14L19,12.14L8,5.14Z",serviceName:"start",isVisible:t=>(0,c.e)(t,b.Cv.START)},{translationKey:"pause",icon:"M14,19H18V5H14M6,19H10V5H6V19Z",serviceName:"pause",isVisible:t=>(0,c.e)(t,b.Cv.PAUSE)&&((0,c.e)(t,b.Cv.STATE)||(0,c.e)(t,b.Cv.START))},{translationKey:"start_pause",icon:"M3,5V19L11,12M13,19H16V5H13M18,5V19H21V5",serviceName:"start_pause",isVisible:t=>!(0,c.e)(t,b.Cv.STATE)&&!(0,c.e)(t,b.Cv.START)&&(0,c.e)(t,b.Cv.PAUSE)},{translationKey:"stop",icon:"M18,18H6V6H18V18Z",serviceName:"stop",isVisible:t=>(0,c.e)(t,b.Cv.STOP)},{translationKey:"clean_spot",icon:"M22.08,11.04H20.08V4H13.05V2H11.04V4H4V11.04H2V13.05H4V20.08H11.04V22.08H13.05V20.08H20.08V13.05H22.08V11.04M18.07,18.07H13.05V16.06H11.04V18.07H6V13.05H8.03V11.04H6V6H11.04V8.03H13.05V6H18.07V11.04H16.06V13.05H18.07V18.07M13.05,12.05A1,1 0 0,1 12.05,13.05C11.5,13.05 11.04,12.6 11.04,12.05C11.04,11.5 11.5,11.04 12.05,11.04C12.6,11.04 13.05,11.5 13.05,12.05Z",serviceName:"clean_spot",isVisible:t=>(0,c.e)(t,b.Cv.CLEAN_SPOT)},{translationKey:"locate",icon:"M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z",serviceName:"locate",isVisible:t=>(0,c.e)(t,b.Cv.LOCATE)},{translationKey:"return_home",icon:"M15 13L11 17V14H2V12H11V9L15 13M5 20V16H7V18H17V10.19L12 5.69L7.21 10H4.22L12 3L22 12H19V20H5Z",serviceName:"return_to_base",isVisible:t=>(0,c.e)(t,b.Cv.RETURN_HOME)}];(0,s.Z)([(0,r.Mo)("more-info-vacuum")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"stateObj",value:void 0},{kind:"method",key:"render",value:function(){if(!this.hass||!this.stateObj)return n.Ld;const t=this.stateObj;return n.dy` ${t.state!==h.nZ?n.dy` <div class="flex-horizontal"> <div> <span class="status-subtitle">${this.hass.localize("ui.dialogs.more_info_control.vacuum.status")}: </span> <span> <strong> ${(0,c.e)(t,b.Cv.STATUS)&&t.attributes.status?this.hass.formatEntityAttributeValue(t,"status"):this.hass.formatEntityState(t)} </strong> </span> </div> ${this._renderBattery()} </div>`:""} ${f.some((e=>e.isVisible(t)))?n.dy` <div> <p></p> <div class="status-subtitle"> ${this.hass.localize("ui.dialogs.more_info_control.vacuum.commands")} </div> <div class="flex-horizontal space-around"> ${f.filter((e=>e.isVisible(t))).map((e=>n.dy` <div> <ha-icon-button .path="${e.icon}" .entry="${e}" ="${this._callService}" .label="${this.hass.localize(`ui.dialogs.more_info_control.vacuum.${e.translationKey}`)}" .disabled="${t.state===h.nZ}"></ha-icon-button> </div> `))} </div> </div> `:""} ${(0,c.e)(t,b.Cv.FAN_SPEED)?n.dy` <div> <div class="flex-horizontal"> <ha-select .label="${this.hass.localize("ui.dialogs.more_info_control.vacuum.fan_speed")}" .disabled="${t.state===h.nZ}" .value="${t.attributes.fan_speed}" ="${this._handleFanSpeedChanged}" fixedMenuPosition naturalMenuWidth ="${d.U}"> ${t.attributes.fan_speed_list.map((e=>n.dy` <mwc-list-item .value="${e}"> ${this.hass.formatEntityAttributeValue(t,"fan_speed",e)} </mwc-list-item> `))} </ha-select> <div style="justify-content:center;align-self:center;padding-top:1.3em"> <span> <ha-svg-icon .path="${p}"></ha-svg-icon> ${this.hass.formatEntityAttributeValue(t,"fan_speed")} </span> </div> </div> <p></p> </div> `:""} <ha-attributes .hass="${this.hass}" .stateObj="${this.stateObj}" .extraFilters="${"fan_speed,fan_speed_list,status,battery_level,battery_icon"}"></ha-attributes> `}},{kind:"field",key:"_deviceEntities",value:()=>(0,o.Z)(((t,e)=>Object.values(e).filter((e=>e.device_id===t))))},{kind:"method",key:"_renderBattery",value:function(){const t=this.stateObj,e=this.hass.entities[t.entity_id]?.device_id,i=e?this._deviceEntities(e,this.hass.entities):[],a=(0,v.eD)(this.hass,i),s=a?this.hass.states[a.entity_id]:void 0,r=s?(0,l.N)(s):void 0;if(s&&("binary_sensor"===r||!isNaN(s.state))){const t=(0,v.wX)(this.hass,i),e=t?this.hass.states[t?.entity_id]:void 0;return n.dy` <div> <span> ${"sensor"===r?this.hass.formatEntityState(s):n.Ld} <ha-battery-icon .hass="${this.hass}" .batteryStateObj="${s}" .batteryChargingStateObj="${e}"></ha-battery-icon> </span> </div> `}return(0,c.e)(t,b.Cv.BATTERY)&&t.attributes.battery_level?n.dy` <div> <span> ${this.hass.formatEntityAttributeValue(t,"battery_level",Math.round(t.attributes.battery_level))} <ha-icon .icon="${t.attributes.battery_icon}"></ha-icon> </span> </div> `:n.Ld}},{kind:"method",key:"_callService",value:function(t){const e=t.target.entry;this.hass.callService("vacuum",e.serviceName,{entity_id:this.stateObj.entity_id})}},{kind:"method",key:"_handleFanSpeedChanged",value:function(t){const e=this.stateObj.attributes.fan_speed,i=t.target.value;i&&e!==i&&this.hass.callService("vacuum","set_fan_speed",{entity_id:this.stateObj.entity_id,fan_speed:i})}},{kind:"field",static:!0,key:"styles",value:()=>n.iv`:host{line-height:1.5}.status-subtitle{color:var(--secondary-text-color)}.flex-horizontal{display:flex;flex-direction:row;justify-content:space-between}.space-around{justify-content:space-around}`}]}}),n.oi);a()}catch(t){a(t)}}))}};
//# sourceMappingURL=29453.7f9dd644c7a3a5f5.js.map