UNPKG

iobroker.lovelace

Version:

With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI

10 lines 7.97 kB
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[19623],{6:function(e,o,r){r(62953);var a=r(40445),t=r(68462),i=r(38627),l=r(5124),c=r(67576),h=r(6412),s=r(1087);let n,d,b=e=>e;class u extends t.M{render(){const e={"mdc-form-field--align-end":this.alignEnd,"mdc-form-field--space-between":this.spaceBetween,"mdc-form-field--nowrap":this.nowrap};return(0,l.qy)(n||(n=b` <div class="mdc-form-field ${0}"> <slot></slot> <label class="mdc-label" @click="${0}"> <slot name="label">${0}</slot> </label> </div>`),(0,h.H)(e),this._labelClick,this.label)}_labelClick(){const e=this.input;if(e&&(e.focus(),!e.disabled))if("HA-CHECKBOX"===e.tagName)e.checked=!e.checked,(0,s.r)(e,"change");else e.click()}constructor(...e){super(...e),this.disabled=!1}}u.styles=[i.R,(0,l.AH)(d||(d=b`:host(:not([alignEnd])) ::slotted(ha-switch){margin-right:10px;margin-inline-end:10px;margin-inline-start:initial}.mdc-form-field{align-items:var(--ha-formfield-align-items,center);gap:var(--ha-space-1)}.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)}`))],(0,a.Cg)([(0,c.MZ)({type:Boolean,reflect:!0})],u.prototype,"disabled",void 0),u=(0,a.Cg)([(0,c.EM)("ha-formfield")],u)},3449:function(e,o,r){r(62953);var a=r(40445),t=r(5124),i=r(67576);let l,c,h=e=>e;class s extends t.WF{render(){return(0,t.qy)(l||(l=h`<slot></slot>`))}constructor(...e){super(...e),this.disabled=!1}}s.styles=(0,t.AH)(c||(c=h`:host{display:block;color:var(--mdc-text-field-label-ink-color,rgba(0,0,0,.6));font-size:var(--ha-font-size-s);padding-left:16px;padding-right:16px;padding-inline-start:16px;padding-inline-end:16px;letter-spacing:var( --mdc-typography-caption-letter-spacing, .0333333333em );line-height:normal}:host([disabled]){color:var(--mdc-text-field-disabled-ink-color,rgba(0,0,0,.6))}`)),(0,a.Cg)([(0,i.MZ)({type:Boolean,reflect:!0})],s.prototype,"disabled",void 0),s=(0,a.Cg)([(0,i.EM)("ha-input-helper-text")],s)},30714:function(e,o,r){r.a(e,async function(e,a){try{r.r(o),r.d(o,{HaBooleanSelector:function(){return p}});r(62953);var t=r(40445),i=r(5124),l=r(67576),c=r(1087),h=(r(6),r(59646)),s=(r(3449),e([h]));h=(s.then?(await s)():s)[0];let n,d,b,u=e=>e;class p extends i.WF{render(){var e;return(0,i.qy)(n||(n=u` <ha-formfield alignEnd spaceBetween .label="${0}"> <ha-switch .checked="${0}" @change="${0}" .disabled="${0}"></ha-switch> <span slot="label"> <p class="primary">${0}</p> ${0} </span> </ha-formfield> `),this.label,null!==(e=this.value)&&void 0!==e?e:!0===this.placeholder,this._handleChange,this.disabled,this.label,this.helper?(0,i.qy)(d||(d=u`<p class="secondary">${0}</p>`),this.helper):i.s6)}_handleChange(e){const o=e.target.checked;this.value!==o&&(0,c.r)(this,"value-changed",{value:o})}constructor(...e){super(...e),this.value=!1,this.disabled=!1}}p.styles=(0,i.AH)(b||(b=u`ha-formfield{display:flex;min-height:56px;align-items:center;--mdc-typography-body2-font-size:1em}p{margin:0}.secondary{direction:var(--direction);padding-top:4px;box-sizing:border-box;color:var(--secondary-text-color);font-size:.875rem;font-weight:var(--mdc-typography-body2-font-weight,var(--ha-font-weight-normal))}`)),(0,t.Cg)([(0,l.MZ)({attribute:!1})],p.prototype,"hass",void 0),(0,t.Cg)([(0,l.MZ)({type:Boolean})],p.prototype,"value",void 0),(0,t.Cg)([(0,l.MZ)()],p.prototype,"placeholder",void 0),(0,t.Cg)([(0,l.MZ)()],p.prototype,"label",void 0),(0,t.Cg)([(0,l.MZ)()],p.prototype,"helper",void 0),(0,t.Cg)([(0,l.MZ)({type:Boolean})],p.prototype,"disabled",void 0),p=(0,t.Cg)([(0,l.EM)("ha-selector-boolean")],p),a()}catch(n){a(n)}})},59646:function(e,o,r){r.a(e,async function(e,o){try{r(62953);var a=r(40445),t=r(29344),i=r(5124),l=r(67576),c=r(88360),h=e([t]);t=(h.then?(await h)():h)[0];let s,n=e=>e;class d extends t.A{updated(e){super.updated(e),e.has("haptic")&&(this.haptic?this.addEventListener("change",this._forwardHaptic):this.removeEventListener("change",this._forwardHaptic))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("change",this._forwardHaptic)}static get styles(){return[t.A.styles,(0,i.AH)(s||(s=n`:host{--wa-form-control-toggle-size:var(--ha-switch-size, 24px);--wa-form-control-required-content:var( --ha-switch-required-marker, var(--ha-input-required-marker, "*") );--wa-form-control-required-content-offset:var( --ha-switch-required-marker-offset, 0.1rem );--thumb-size:var(--ha-switch-thumb-size, 18px);--width:var(--ha-switch-width, 48px)}label{position:relative;height:max(var(--thumb-size),var(--wa-form-control-toggle-size))}label::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:var(--ha-switch-min-touch-size,40px);min-height:var(--ha-switch-min-touch-size,40px)}label.disabled::before{pointer-events:none}.switch{background-color:var(--ha-switch-background-color,var(--ha-color-fill-disabled-quiet-resting));border-color:var(--ha-switch-border-color,var(--ha-color-border-neutral-normal))}label:not(.disabled) .input:focus-visible~.switch,label:not(.disabled):hover .switch{background-color:var(--ha-switch-background-color-hover,var(--ha-switch-background-color,var(--ha-color-fill-disabled-quiet-hover)))}.checked .switch{background-color:var(--ha-switch-checked-background-color,var(--ha-color-fill-primary-normal-resting));border-color:var(--ha-switch-checked-border-color,var(--ha-color-border-primary-loud))}label:not(.disabled).checked .input:focus-visible~.switch,label:not(.disabled).checked:hover .switch{background-color:var(--ha-switch-checked-background-color-hover,var(--ha-switch-checked-background-color,var(--ha-color-fill-primary-normal-hover)));border-color:var(--ha-switch-checked-border-color-hover,var(--ha-switch-checked-border-color,var(--ha-color-border-primary-loud)))}.switch .thumb{background-color:var(--ha-switch-thumb-background-color,var(--ha-color-on-neutral-normal));border-color:var(--ha-switch-thumb-border-color,var(--ha-color-on-neutral-normal));border-style:var(--wa-form-control-border-style);border-width:var(--wa-form-control-border-width);box-shadow:var(--ha-switch-thumb-box-shadow,var(--ha-box-shadow-s))}label:not(.disabled) .input:focus-visible~.switch .thumb,label:not(.disabled):hover .switch .thumb{background-color:var(--ha-switch-thumb-background-color-hover,var(--ha-switch-thumb-background-color,var(--ha-color-on-neutral-normal)));border-color:var(--ha-switch-thumb-border-color-hover,var(--ha-switch-thumb-border-color,var(--ha-color-on-neutral-normal)))}.checked .switch .thumb{background-color:var(--ha-switch-checked-thumb-background-color,var(--ha-color-on-primary-normal));border-color:var(--ha-switch-checked-thumb-border-color,var(--ha-color-on-primary-normal))}label:not(.disabled).checked .input:focus-visible~.switch .thumb,label:not(.disabled).checked:hover .switch .thumb{background-color:var(--ha-switch-checked-thumb-background-color-hover,var(--ha-switch-checked-thumb-background-color,var(--ha-color-on-primary-normal)));border-color:var(--ha-switch-checked-thumb-border-color-hover,var(--ha-switch-checked-thumb-border-color,var(--ha-color-on-primary-normal)))}label.disabled{opacity:var(--ha-switch-disabled-opacity, .3);cursor:not-allowed}label:not(.disabled) .input:focus-visible~.switch .thumb{outline:0;outline-offset:none}label:not(.disabled) .input:focus-visible~.switch{outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host(:empty) slot.label{display:none}`))]}constructor(...e){super(...e),this.haptic=!1,this._forwardHaptic=()=>{(0,c.j)(this,"light")}}}(0,a.Cg)([(0,l.MZ)({type:Boolean})],d.prototype,"haptic",void 0),d=(0,a.Cg)([(0,l.EM)("ha-switch")],d),o()}catch(s){o(s)}})},88360:function(e,o,r){r.d(o,{j:function(){return t}});var a=r(1087);const t=(e,o)=>{(0,a.r)(e,"haptic",o)}}}]);