iobroker.lovelace/hass_frontend/frontend_latest/19623.01d8c18496d03744.js

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

export const __rspack_esm_id=19623;export const __rspack_esm_ids=[19623];export const __webpack_modules__={6(e,o,r){var a=r(62826),t=r(68462),i=r(38627),l=r(5124),c=r(22441),h=r(6412),s=r(1087);class d 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 l.qy` <div class="mdc-form-field ${(0,h.H)(e)}"> <slot></slot> <label class="mdc-label" @click="${this._labelClick}"> <slot name="label">${this.label}</slot> </label> </div>`}_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}}d.styles=[i.R,l.AH`: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})],d.prototype,"disabled",void 0),d=(0,a.Cg)([(0,c.EM)("ha-formfield")],d)},3449(e,o,r){var a=r(62826),t=r(5124),i=r(22441);class l extends t.WF{render(){return t.qy`<slot></slot>`}constructor(...e){super(...e),this.disabled=!1}}l.styles=t.AH`: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})],l.prototype,"disabled",void 0),l=(0,a.Cg)([(0,i.EM)("ha-input-helper-text")],l)},30714(e,o,r){r.a(e,async function(e,a){try{r.r(o),r.d(o,{HaBooleanSelector:()=>d});var t=r(62826),i=r(5124),l=r(22441),c=r(1087),h=(r(6),r(59646)),s=(r(3449),e([h]));h=(s.then?(await s)():s)[0];class d extends i.WF{render(){return i.qy` <ha-formfield alignEnd spaceBetween .label="${this.label}"> <ha-switch .checked="${this.value??!0===this.placeholder}" @change="${this._handleChange}" .disabled="${this.disabled}"></ha-switch> <span slot="label"> <p class="primary">${this.label}</p> ${this.helper?i.qy`<p class="secondary">${this.helper}</p>`:i.s6} </span> </ha-formfield> `}_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}}d.styles=i.AH`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})],d.prototype,"hass",void 0),(0,t.Cg)([(0,l.MZ)({type:Boolean})],d.prototype,"value",void 0),(0,t.Cg)([(0,l.MZ)()],d.prototype,"placeholder",void 0),(0,t.Cg)([(0,l.MZ)()],d.prototype,"label",void 0),(0,t.Cg)([(0,l.MZ)()],d.prototype,"helper",void 0),(0,t.Cg)([(0,l.MZ)({type:Boolean})],d.prototype,"disabled",void 0),d=(0,t.Cg)([(0,l.EM)("ha-selector-boolean")],d),a()}catch(e){a(e)}})},59646(e,o,r){r.a(e,async function(e,o){try{var a=r(62826),t=r(29344),i=r(5124),l=r(22441),c=r(88360),h=e([t]);t=(h.then?(await h)():h)[0];class s 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,i.AH`: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})],s.prototype,"haptic",void 0),s=(0,a.Cg)([(0,l.EM)("ha-switch")],s),o()}catch(e){o(e)}})},88360(e,o,r){r.d(o,{j:()=>t});var a=r(1087);const t=(e,o)=>{(0,a.r)(e,"haptic",o)}}};