iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
1 lines • 14.5 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[62574],{57237:function(t,a,i){i.d(a,{d:function(){return o}});const o=t=>t.stopPropagation()},91485:function(t,a,i){i.a(t,async function(t,o){try{i.d(a,{U:function(){return x}});i(3362),i(27495),i(62953);var e=i(40445),r=(i(86137),i(30006)),n=i(92070),l=i(35211),s=i(5124),p=i(67576),d=i(6412),h=i(63672),u=i(57237),c=i(22792),v=i(26300),b=(i(67094),i(34127)),g=i(53305),y=t([r,v,b]);[r,v,b]=y.then?(await y)():y;let w,m,C,f,_=t=>t;const M="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",$="M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z",k="M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z";class x extends((0,g.w)(s.WF)){get _formControl(){return this._input}showPicker(){var t;null===(t=this._input)||void 0===t||t.showPicker()}stepUp(){var t;null===(t=this._input)||void 0===t||t.stepUp()}stepDown(){var t;null===(t=this._input)||void 0===t||t.stepDown()}async firstUpdated(t){var a;(super.firstUpdated(t),this.insetLabel)||(await(null===(a=this._input)||void 0===a?void 0:a.updateComplete),this._syncStartSlotWidth())}render(){var t,a,i,o,e,r;const n=!this.label&&this._hasSlotController.test("label"),l=!this.hint&&this._hasSlotController.test("hint"),p=this._hasSlotController.test("start");return(0,s.qy)(w||(w=_` <wa-input .type="${0}" .value="${0}" .withClear="${0}" .placeholder="${0}" .readonly="${0}" .passwordToggle="${0}" .passwordVisible="${0}" .withoutSpinButtons="${0}" .required="${0}" .pattern="${0}" .minlength="${0}" .maxlength="${0}" .min="${0}" .max="${0}" .step="${0}" .autocapitalize="${0}" .autocorrect="${0}" .autocomplete="${0}" .autofocus="${0}" .enterkeyhint="${0}" .spellcheck="${0}" .inputmode="${0}" .name="${0}" .disabled="${0}" class="${0}" ="${0}" ="${0}" ="${0}" -invalid="${0}" exportparts="base:wa-base, hint:wa-hint, input:wa-input"> ${0} <slot name="start" slot="start" ="${0}"> ${0} </slot> <slot name="end" slot="end"> ${0} </slot> <slot name="clear-button" slot="clear-button"> <ha-icon-button ="${0}" .label="${0}" .path="${0}"></ha-icon-button> </slot> <slot name="password-toggle-button" slot="password-toggle-button"> <ha-icon-button ="${0}" ="${0}" .label="${0}" .path="${0}"></ha-icon-button> </slot> <div slot="hint" class="${0}" role="${0}" aria-live="polite"> ${0} </div> </wa-input> `),this.type,null!==(t=this.value)&&void 0!==t?t:null,this.withClear,this.placeholder,this.readonly,this.passwordToggle,this.passwordVisible,this.withoutSpinButtons,this.required,this.pattern,this.minlength,this.maxlength,this.min,this.max,this.step,this.autocapitalize||void 0,this.autocorrect?"on":"off",this.autocomplete,this.autofocus,this.enterkeyhint||void 0,this.spellcheck,this.inputmode||void 0,this.name,this.disabled,(0,d.H)({input:!0,invalid:this.invalid||this._invalid,"label-raised":void 0!==this.value&&""!==this.value||this.label&&this.placeholder||p&&this.insetLabel,"no-label":!this.label,"hint-hidden":!(this.hint||l||this.required||this._invalid||this.invalid)}),this._handleInput,this._handleChange,this._handleBlur,this._handleInvalid,this.label||n?(0,s.qy)(m||(m=_`<slot name="label" slot="label">${0}</slot>`),this.label?this._renderLabel(this.label,this.required):s.s6):s.s6,this._syncStartSlotWidth,this.renderStartDefault(),this.renderEndDefault(),this._handleClearClick,(null===(a=this.i18n)||void 0===a||null===(i=a.localize)||void 0===i?void 0:i.call(a,"ui.components.input.clear"))||"Clear",M,u.d,this._handlePasswordToggle,(null===(o=this.i18n)||void 0===o||null===(e=o.localize)||void 0===e?void 0:e.call(o,"ui.components.input."+(this.passwordVisible?"hide_password":"show_password")))||(this.passwordVisible?"Hide password":"Show password"),this.passwordVisible?k:$,(0,d.H)({error:this.invalid||this._invalid}),(0,h.J)(this.invalid||this._invalid?"alert":void 0),this._invalid||this.invalid?this.validationMessage||(null===(r=this._input)||void 0===r?void 0:r.validationMessage):this.hint||(l?(0,s.qy)(C||(C=_`<slot name="hint"></slot>`)):s.s6))}renderStartDefault(){return s.s6}renderEndDefault(){return s.s6}_handleClearClick(){var t;null===(t=this._input)||void 0===t||t.clear()}_handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}constructor(...t){super(...t),this.appearance="material",this.type="text",this.withClear=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.withoutSpinButtons=!1,this.autocorrect=!1,this.insetLabel=!1,this._hasSlotController=new n.X(this,"label","hint","input","start"),this._syncStartSlotWidth=()=>{var t,a;const i=null===(t=this._input)||void 0===t||null===(t=t.shadowRoot)||void 0===t?void 0:t.querySelector('[part~="start"]'),o=null!==(a=null==i?void 0:i.offsetWidth)&&void 0!==a?a:0;o>0&&!this.insetLabel?(this.style.setProperty("--start-slot-width",`calc(${o}px + var(--ha-space-1))`),this.style.setProperty("--input-padding-inline-start","var(--ha-space-1)")):(this.style.removeProperty("--start-slot-width"),this.style.removeProperty("--input-padding-inline-start"))}}}x.styles=[g.N,(0,s.AH)(f||(f=_`:host{display:flex;align-items:flex-start;padding-top:var(--ha-input-padding-top);padding-bottom:var(--ha-input-padding-bottom,var(--ha-space-2));text-align:var(--ha-input-text-align,start)}:host([appearance=outlined]){padding-bottom:var(--ha-input-padding-bottom)}wa-input::part(label){padding-inline-start:calc(var(--start-slot-width,0px) + var(--ha-space-4));padding-inline-end:var(--ha-space-4);padding-top:var(--ha-space-5)}:host([appearance=material]:focus-within) wa-input::part(label){color:var(--primary-color)}:host(:focus-within) wa-input::part(label),:host([type=date]) wa-input::part(label),wa-input.label-raised::part(label){padding-top:var(--ha-space-3);font-size:var(--ha-font-size-xs)}wa-input::part(base){height:56px;padding:0 var(--ha-space-4)}:host([appearance=outlined]) wa-input.no-label::part(base){height:32px;padding:0 var(--ha-space-2)}:host([appearance=outlined]) wa-input::part(base){border:1px solid var(--ha-color-border-neutral-quiet);background-color:var(--card-background-color);border-radius:var(--ha-border-radius-md);transition:border-color var(--wa-transition-normal) ease-in-out}:host([appearance=material]) ::part(base)::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background-color:var(--ha-color-border-neutral-loud);transition:height var(--wa-transition-normal) ease-in-out,background-color var(--wa-transition-normal) ease-in-out}:host([appearance=material]:focus-within) wa-input::part(base)::after{height:2px;background-color:var(--primary-color)}:host([appearance=material]) wa-input.invalid:not([disabled])::part(base)::after,:host([appearance=material]:focus-within) wa-input.invalid::part(base)::after{background-color:var(--ha-color-border-danger-normal)}wa-input::part(input){padding-top:var(--ha-space-3);padding-inline-start:var(--input-padding-inline-start,0)}wa-input.no-label::part(input){padding-top:0}:host([type=color]) wa-input::part(input){padding-top:var(--ha-space-6);padding-bottom:2px;cursor:pointer}:host([type=color]) wa-input.no-label::part(input){padding:var(--ha-space-2)}:host([type=color]) wa-input.no-label::part(base){padding:0}wa-input::part(input)::placeholder{color:var(--ha-color-neutral-60)}wa-input::part(base):hover{background-color:var(--ha-color-form-background-hover)}:host([appearance=outlined]) wa-input::part(base):hover{border-color:var(--ha-color-border-neutral-normal)}:host([appearance=outlined]:focus-within) wa-input::part(base){border-color:var(--primary-color)}wa-input:disabled::part(base){background-color:var(--ha-color-form-background-disabled)}wa-input:disabled::part(label){opacity:.5}wa-input::part(end){color:var(--ha-color-text-secondary)}ha-icon-button{display:flex;align-items:center;color:var(--ha-color-text-secondary)}:host([appearance=outlined]) wa-input.no-label{--ha-icon-button-size:24px;--mdc-icon-size:18px}`))],(0,e.Cg)([(0,p.MZ)({reflect:!0})],x.prototype,"appearance",void 0),(0,e.Cg)([(0,p.MZ)({reflect:!0})],x.prototype,"type",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean,attribute:"with-clear"})],x.prototype,"withClear",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean,attribute:"password-toggle"})],x.prototype,"passwordToggle",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean,attribute:"password-visible"})],x.prototype,"passwordVisible",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean,attribute:"without-spin-buttons"})],x.prototype,"withoutSpinButtons",void 0),(0,e.Cg)([(0,p.MZ)()],x.prototype,"pattern",void 0),(0,e.Cg)([(0,p.MZ)()],x.prototype,"min",void 0),(0,e.Cg)([(0,p.MZ)()],x.prototype,"max",void 0),(0,e.Cg)([(0,p.MZ)()],x.prototype,"step",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean})],x.prototype,"autocorrect",void 0),(0,e.Cg)([(0,p.MZ)({type:Boolean,attribute:"inset-label"})],x.prototype,"insetLabel",void 0),(0,e.Cg)([(0,p.P)("wa-input")],x.prototype,"_input",void 0),(0,e.Cg)([(0,p.wk)(),(0,l.Fg)({context:c.D5,subscribe:!0})],x.prototype,"i18n",void 0),x=(0,e.Cg)([(0,p.EM)("ha-input")],x),o()}catch(w){o(w)}})},53305:function(t,a,i){i.d(a,{w:function(){return d},N:function(){return h}});i(16280),i(62953);var o,e=i(40445),r=i(5124),n=i(67576),l=i(22786);i(93775),i(74423),i(55081);const s=Boolean(globalThis.ElementInternals)&&(null===(o=globalThis.HTMLElement)||void 0===o||null===(o=o.prototype.attachInternals)||void 0===o?void 0:o.toString().includes("[native code]"));let p;const d=t=>{class a extends t{get _formControl(){throw new Error("_formControl getter must be implemented by subclass")}select(){var t;null===(t=this._formControl)||void 0===t||t.select()}setSelectionRange(t,a,i){var o;null===(o=this._formControl)||void 0===o||o.setSelectionRange(t,a,i)}setRangeText(t,a,i,o){var e;null===(e=this._formControl)||void 0===e||e.setRangeText(t,a,i,o)}checkValidity(){var t,a;return!s||(null===(t=null===(a=this._formControl)||void 0===a?void 0:a.checkValidity())||void 0===t||t)}reportValidity(){const t=this.checkValidity();return this._invalid=!t,t}_handleInput(){var t,a,i;this.value=null!==(t=null===(a=this._formControl)||void 0===a?void 0:a.value)&&void 0!==t?t:void 0,this._invalid&&null!==(i=this._formControl)&&void 0!==i&&i.checkValidity()&&(this._invalid=!1)}_handleChange(){var t,a;this.value=null!==(t=null===(a=this._formControl)||void 0===a?void 0:a.value)&&void 0!==t?t:void 0}_handleBlur(){var t;this.autoValidate&&(this._invalid=!(null!==(t=this._formControl)&&void 0!==t&&t.checkValidity()))}_handleInvalid(){this._invalid=!0}constructor(...t){super(...t),this.label="",this.hint="",this.placeholder="",this.readonly=!1,this.required=!1,this.autocapitalize="",this.autofocus=!1,this.spellcheck=!0,this.inputmode="",this.enterkeyhint="",this.disabled=!1,this.validationMessage="",this.autoValidate=!1,this.invalid=!1,this._invalid=!1,this._requiredMarkerCSSVar="--ha-input-required-marker",this._renderLabel=(0,l.A)((t,a)=>{if(!a)return t;let i=getComputedStyle(this).getPropertyValue(this._requiredMarkerCSSVar);return i||(i="*"),i.startsWith('"')&&i.endsWith('"')&&(i=i.slice(1,-1)),i?`${t}${i}`:t})}}return a.shadowRootOptions={mode:"open",delegatesFocus:!0},(0,e.Cg)([(0,n.MZ)()],a.prototype,"value",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"label",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"hint",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"placeholder",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean})],a.prototype,"readonly",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],a.prototype,"required",void 0),(0,e.Cg)([(0,n.MZ)({type:Number})],a.prototype,"minlength",void 0),(0,e.Cg)([(0,n.MZ)({type:Number})],a.prototype,"maxlength",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"autocapitalize",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"autocomplete",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean})],a.prototype,"autofocus",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean})],a.prototype,"spellcheck",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"inputmode",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"enterkeyhint",void 0),(0,e.Cg)([(0,n.MZ)()],a.prototype,"name",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean})],a.prototype,"disabled",void 0),(0,e.Cg)([(0,n.MZ)({attribute:"validation-message"})],a.prototype,"validationMessage",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean,attribute:"auto-validate"})],a.prototype,"autoValidate",void 0),(0,e.Cg)([(0,n.MZ)({type:Boolean})],a.prototype,"invalid",void 0),(0,e.Cg)([(0,n.wk)()],a.prototype,"_invalid",void 0),a},h=(0,r.AH)(p||(p=(t=>t)`.input{flex:1;min-width:0;--wa-transition-fast:var(--wa-transition-normal);position:relative}.input::part(label){position:absolute;top:0;font-weight:var(--ha-font-weight-normal);font-family:var(--ha-font-family-body);transition:all var(--wa-transition-normal) ease-in-out;color:var(--secondary-text-color);line-height:var(--ha-line-height-condensed);z-index:1;pointer-events:none;font-size:var(--ha-font-size-m)}.input.invalid:not([disabled])::part(label),:host(:focus-within) .input.invalid::part(label){color:var(--ha-color-fill-danger-loud-resting)}.input::part(base){background-color:var(--ha-color-form-background);border-top-left-radius:var(--ha-border-radius-sm);border-top-right-radius:var(--ha-border-radius-sm);border-bottom-left-radius:var(--ha-border-radius-square);border-bottom-right-radius:var(--ha-border-radius-square);border:none;position:relative;transition:background-color var(--wa-transition-normal) ease-in-out}:host(:focus-within) .input::part(base){outline:0}.input::part(hint){min-height:var(--ha-space-5);margin-block-start:0;margin-inline-start:var(--ha-space-3);font-size:var(--ha-font-size-s);display:flex;align-items:center;color:var(--ha-color-text-secondary)}.input.hint-hidden::part(hint){height:0;min-height:0}.error{color:var(--ha-color-on-danger-quiet)}`))}}]);