iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
3 lines • 11.7 kB
JavaScript
/*! For license information please see 1713.5cab32dbd9b205ea.js.LICENSE.txt */
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["1713"],{62523:function(t,e,i){i.d(e,{H:()=>k});i(71695),i(19423),i(47021);var c=i(9065),o=(i(16060),i(4428)),r=i(11911),s=i(78611),a=i(91532),d=i(80573),n={CHECKED:"mdc-switch--checked",DISABLED:"mdc-switch--disabled"},l={ARIA_CHECKED_ATTR:"aria-checked",NATIVE_CONTROL_SELECTOR:".mdc-switch__native-control",RIPPLE_SURFACE_SELECTOR:".mdc-switch__thumb-underlay"};const h=function(t){function e(i){return t.call(this,(0,c.__assign)((0,c.__assign)({},e.defaultAdapter),i))||this}return(0,c.__extends)(e,t),Object.defineProperty(e,"strings",{get:function(){return l},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return n},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlChecked:function(){},setNativeControlDisabled:function(){},setNativeControlAttr:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setChecked=function(t){this.adapter.setNativeControlChecked(t),this.updateAriaChecked(t),this.updateCheckedStyling(t)},e.prototype.setDisabled=function(t){this.adapter.setNativeControlDisabled(t),t?this.adapter.addClass(n.DISABLED):this.adapter.removeClass(n.DISABLED)},e.prototype.handleChange=function(t){var e=t.target;this.updateAriaChecked(e.checked),this.updateCheckedStyling(e.checked)},e.prototype.updateCheckedStyling=function(t){t?this.adapter.addClass(n.CHECKED):this.adapter.removeClass(n.CHECKED)},e.prototype.updateAriaChecked=function(t){this.adapter.setNativeControlAttr(l.ARIA_CHECKED_ATTR,""+!!t)},e}(d.K);var p=i(57243),u=i(50778),m=i(20552);let b,_,f=t=>t;class k extends r.H{constructor(){super(...arguments),this.checked=!1,this.disabled=!1,this.shouldRenderRipple=!1,this.mdcFoundationClass=h,this.rippleHandlers=new a.A((()=>(this.shouldRenderRipple=!0,this.ripple)))}changeHandler(t){this.mdcFoundation.handleChange(t),this.checked=this.formElement.checked}createAdapter(){return Object.assign(Object.assign({},(0,r.q)(this.mdcRoot)),{setNativeControlChecked:t=>{this.formElement.checked=t},setNativeControlDisabled:t=>{this.formElement.disabled=t},setNativeControlAttr:(t,e)=>{this.formElement.setAttribute(t,e)}})}renderRipple(){return this.shouldRenderRipple?(0,p.dy)(b||(b=f` <mwc-ripple .accent="${0}" .disabled="${0}" unbounded> </mwc-ripple>`),this.checked,this.disabled):""}focus(){const t=this.formElement;t&&(this.rippleHandlers.startFocus(),t.focus())}blur(){const t=this.formElement;t&&(this.rippleHandlers.endFocus(),t.blur())}click(){this.formElement&&!this.disabled&&(this.formElement.focus(),this.formElement.click())}firstUpdated(){super.firstUpdated(),this.shadowRoot&&this.mdcRoot.addEventListener("change",(t=>{this.dispatchEvent(new Event("change",t))}))}render(){return(0,p.dy)(_||(_=f` <div class="mdc-switch"> <div class="mdc-switch__track"></div> <div class="mdc-switch__thumb-underlay"> ${0} <div class="mdc-switch__thumb"> <input type="checkbox" id="basic-switch" class="mdc-switch__native-control" role="switch" aria-label="${0}" aria-labelledby="${0}" ="${0}" ="${0}" ="${0}" ="${0}" ="${0}" ="${0}" ="${0}" ="${0}" ="${0}"> </div> </div> </div>`),this.renderRipple(),(0,m.o)(this.ariaLabel),(0,m.o)(this.ariaLabelledBy),this.changeHandler,this.handleRippleFocus,this.handleRippleBlur,this.handleRippleMouseDown,this.handleRippleMouseEnter,this.handleRippleMouseLeave,this.handleRippleTouchStart,this.handleRippleDeactivate,this.handleRippleDeactivate)}handleRippleMouseDown(t){const e=()=>{window.removeEventListener("mouseup",e),this.handleRippleDeactivate()};window.addEventListener("mouseup",e),this.rippleHandlers.startPress(t)}handleRippleTouchStart(t){this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}(0,c.__decorate)([(0,u.Cb)({type:Boolean}),(0,s.P)((function(t){this.mdcFoundation.setChecked(t)}))],k.prototype,"checked",void 0),(0,c.__decorate)([(0,u.Cb)({type:Boolean}),(0,s.P)((function(t){this.mdcFoundation.setDisabled(t)}))],k.prototype,"disabled",void 0),(0,c.__decorate)([o.L,(0,u.Cb)({attribute:"aria-label"})],k.prototype,"ariaLabel",void 0),(0,c.__decorate)([o.L,(0,u.Cb)({attribute:"aria-labelledby"})],k.prototype,"ariaLabelledBy",void 0),(0,c.__decorate)([(0,u.IO)(".mdc-switch")],k.prototype,"mdcRoot",void 0),(0,c.__decorate)([(0,u.IO)("input")],k.prototype,"formElement",void 0),(0,c.__decorate)([(0,u.GC)("mwc-ripple")],k.prototype,"ripple",void 0),(0,c.__decorate)([(0,u.SB)()],k.prototype,"shouldRenderRipple",void 0),(0,c.__decorate)([(0,u.hO)({passive:!0})],k.prototype,"handleRippleMouseDown",null),(0,c.__decorate)([(0,u.hO)({passive:!0})],k.prototype,"handleRippleTouchStart",null)},83835:function(t,e,i){i.d(e,{W:()=>o});let c;const o=(0,i(57243).iv)(c||(c=(t=>t)`.mdc-switch__thumb-underlay{left:-14px;right:initial;top:-17px;width:48px;height:48px}.mdc-switch__thumb-underlay[dir=rtl],[dir=rtl] .mdc-switch__thumb-underlay{left:initial;right:-14px}.mdc-switch__native-control{width:64px;height:48px}.mdc-switch{display:inline-block;position:relative;outline:0;user-select:none}.mdc-switch.mdc-switch--checked .mdc-switch__track{background-color:#018786;background-color:var(--mdc-theme-secondary,#018786)}.mdc-switch.mdc-switch--checked .mdc-switch__thumb{background-color:#018786;background-color:var(--mdc-theme-secondary,#018786);border-color:#018786;border-color:var(--mdc-theme-secondary,#018786)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track{background-color:#000;background-color:var(--mdc-theme-on-surface,#000)}.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb{background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-color:#fff;border-color:var(--mdc-theme-surface,#fff)}.mdc-switch__native-control{left:0;right:initial;position:absolute;top:0;margin:0;opacity:0;cursor:pointer;pointer-events:auto;transition:transform 90ms cubic-bezier(.4, 0, .2, 1)}.mdc-switch__native-control[dir=rtl],[dir=rtl] .mdc-switch__native-control{left:initial;right:0}.mdc-switch__track{box-sizing:border-box;width:36px;height:14px;border:1px solid transparent;border-radius:7px;opacity:.38;transition:opacity 90ms cubic-bezier(.4, 0, .2, 1),background-color 90ms cubic-bezier(.4, 0, .2, 1),border-color 90ms cubic-bezier(.4, 0, .2, 1)}.mdc-switch__thumb-underlay{display:flex;position:absolute;align-items:center;justify-content:center;transform:translateX(0);transition:transform 90ms cubic-bezier(.4, 0, .2, 1),background-color 90ms cubic-bezier(.4, 0, .2, 1),border-color 90ms cubic-bezier(.4, 0, .2, 1)}.mdc-switch__thumb{box-shadow:0px 3px 1px -2px rgba(0,0,0,.2),0px 2px 2px 0px rgba(0,0,0,.14),0px 1px 5px 0px rgba(0,0,0,.12);box-sizing:border-box;width:20px;height:20px;border:10px solid;border-radius:50%;pointer-events:none;z-index:1}.mdc-switch--checked .mdc-switch__track{opacity:.54}.mdc-switch--checked .mdc-switch__thumb-underlay{transform:translateX(16px)}.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl],[dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay{transform:translateX(-16px)}.mdc-switch--checked .mdc-switch__native-control{transform:translateX(-16px)}.mdc-switch--checked .mdc-switch__native-control[dir=rtl],[dir=rtl] .mdc-switch--checked .mdc-switch__native-control{transform:translateX(16px)}.mdc-switch--disabled{opacity:.38;pointer-events:none}.mdc-switch--disabled .mdc-switch__thumb{border-width:1px}.mdc-switch--disabled .mdc-switch__native-control{cursor:default;pointer-events:none}:host{display:inline-flex;outline:0;-webkit-tap-highlight-color:transparent}`))},1888:function(t,e,i){var c=i(61701),o=i(72621),r=(i(71695),i(47021),i(62523)),s=i(83835),a=i(57243),d=i(50778),n=i(13560);let l,h=t=>t;(0,c.Z)([(0,d.Mo)("ha-switch")],(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:"haptic",value(){return!1}},{kind:"method",key:"firstUpdated",value:function(){(0,o.Z)(i,"firstUpdated",this,3)([]),this.addEventListener("change",(()=>{this.haptic&&(0,n.j)("light")}))}},{kind:"field",static:!0,key:"styles",value(){return[s.W,(0,a.iv)(l||(l=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)}`))]}}]}}),r.H)},40155:function(t,e,i){i.r(e);var c=i(61701),o=(i(71695),i(40251),i(47021),i(57243)),r=i(50778),s=i(36522),a=(i(73729),i(37583),i(1888),i(91106));i(59826);let d,n,l,h=t=>t;(0,c.Z)([(0,r.Mo)("confirm-event-dialog-box")],(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.SB)()],key:"_params",value:void 0},{kind:"method",key:"showDialog",value:async function(t){this._params=t}},{kind:"method",key:"closeDialog",value:function(){return!0}},{kind:"method",key:"render",value:function(){return this._params?(0,o.dy)(d||(d=h` <ha-dialog open scrimClickAction escapeKeyAction ="${0}" defaultAction="ignore" .heading="${0}"> <div> <p>${0}</p> </div> <ha-button ="${0}" slot="secondaryAction"> ${0} </ha-button> <ha-button slot="primaryAction" ="${0}" dialogInitialFocus destructive> ${0} </ha-button> ${0} </ha-dialog> `),this._dialogClosed,this._params.title,this._params.text,this._dismiss,this.hass.localize("ui.common.cancel"),this._confirm,this._params.confirmText,this._params.confirmFutureText?(0,o.dy)(n||(n=h` <ha-button ="${0}" slot="primaryAction" destructive> ${0} </ha-button> `),this._confirmFuture,this._params.confirmFutureText):""):o.Ld}},{kind:"method",key:"_dismiss",value:function(){this._params.cancel&&this._params.cancel(),this._close()}},{kind:"method",key:"_confirm",value:function(){this._params.confirm&&this._params.confirm(a.$5.THISEVENT),this._close()}},{kind:"method",key:"_confirmFuture",value:function(){this._params.confirm&&this._params.confirm(a.$5.THISANDFUTURE),this._close()}},{kind:"method",key:"_dialogClosed",value:function(t){"ignore"!==t.detail.action&&this._dismiss()}},{kind:"method",key:"_close",value:function(){this._params&&(this._params=void 0,(0,s.B)(this,"dialog-closed",{dialog:this.localName}))}},{kind:"field",static:!0,key:"styles",value(){return(0,o.iv)(l||(l=h`:host([inert]){pointer-events:initial!important;cursor:initial!important}a{color:var(--primary-color)}p{margin:0;color:var(--primary-text-color)}.no-bottom-padding{padding-bottom:0}.secondary{color:var(--secondary-text-color)}ha-dialog{--dialog-z-index:104} all and (min-width:600px){ha-dialog{--mdc-dialog-min-width:400px}}ha-textfield{width:100%}`))}}]}}),o.oi)}}]);
//# sourceMappingURL=1713.5cab32dbd9b205ea.js.map