iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 16.9 kB
JavaScript
export const __webpack_ids__=["4944"];export const __webpack_modules__={59826:function(t,i,e){var o=e(44249),a=e(31622),n=e(57243),d=e(15093),l=e(22344);(0,o.Z)([(0,d.Mo)("ha-button")],(function(t,i){return{F:class extends i{constructor(...i){super(...i),t(this)}},d:[{kind:"field",static:!0,key:"styles",value:()=>[l.W,n.iv`::slotted([slot=icon]){margin-inline-start:0px;margin-inline-end:8px;direction:var(--direction);display:block}.mdc-button{height:var(--button-height,36px)}.trailing-icon{display:flex}.slot-container{overflow:var(--button-slot-container-overflow,visible)}:host([destructive]){--mdc-theme-primary:var(--error-color)}`]}]}}),a.Button)},70413:function(t,i,e){var o=e(44249),a=e(57243),n=e(15093),d=e(20552);e(30043);(0,o.Z)([(0,n.Mo)("ha-control-button")],(function(t,i){return{F:class extends i{constructor(...i){super(...i),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({type:Boolean,reflect:!0})],key:"disabled",value:()=>!1},{kind:"field",decorators:[(0,n.Cb)()],key:"label",value:void 0},{kind:"method",key:"render",value:function(){return a.dy` <button type="button" class="button" aria-label="${(0,d.o)(this.label)}" title="${(0,d.o)(this.label)}" .disabled="${Boolean(this.disabled)}"> <slot></slot> <ha-ripple .disabled="${this.disabled}"></ha-ripple> </button> `}},{kind:"field",static:!0,key:"styles",value:()=>a.iv`:host{display:block;--control-button-focus-color:var(--secondary-text-color);--control-button-icon-color:var(--primary-text-color);--control-button-background-color:var(--disabled-color);--control-button-background-opacity:0.2;--control-button-border-radius:10px;--control-button-padding:8px;--mdc-icon-size:20px;--ha-ripple-color:var(--secondary-text-color);color:var(--primary-text-color);width:40px;height:40px;-webkit-tap-highlight-color:transparent}.button{overflow:hidden;position:relative;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;border-radius:var(--control-button-border-radius);border:none;margin:0;padding:var(--control-button-padding);box-sizing:border-box;line-height:inherit;font-family:Roboto;font-weight:500;outline:0;overflow:hidden;background:0 0;z-index:0;font-size:inherit;color:inherit;transition:box-shadow 180ms ease-in-out,color 180ms ease-in-out;color:var(--control-button-icon-color)}.button:focus-visible{box-shadow:0 0 0 2px var(--control-button-focus-color)}.button::before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--control-button-background-color);transition:background-color 180ms ease-in-out,opacity 180ms ease-in-out;opacity:var(--control-button-background-opacity);pointer-events:none;white-space:normal}.button ::slotted(*){pointer-events:none;opacity:.95}.button:disabled{cursor:not-allowed;--control-button-background-color:var(--disabled-color);--control-button-icon-color:var(--disabled-text-color);--control-button-background-opacity:0.2}`}]}}),a.oi)},73729:function(t,i,e){e.d(i,{i:()=>u});var o=e(44249),a=e(72621),n=e(74966),d=e(51408),l=e(57243),r=e(15093),c=e(76525);e(23334);const s=["button","ha-list-item"],u=(t,i)=>l.dy` <div class="header_title"> <ha-icon-button .label="${t?.localize("ui.common.close")??"Close"}" .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"}" dialogAction="close" class="header_button"></ha-icon-button> <span>${i}</span> </div> `;(0,o.Z)([(0,r.Mo)("ha-dialog")],(function(t,i){class e extends i{constructor(...i){super(...i),t(this)}}return{F:e,d:[{kind:"field",key:c.gA,value:void 0},{kind:"method",key:"scrollToPos",value:function(t,i){this.contentElement?.scrollTo(t,i)}},{kind:"method",key:"renderHeading",value:function(){return l.dy`<slot name="heading"> ${(0,a.Z)(e,"renderHeading",this,3)([])} </slot>`}},{kind:"method",key:"firstUpdated",value:function(){(0,a.Z)(e,"firstUpdated",this,3)([]),this.suppressDefaultPressSelector=[this.suppressDefaultPressSelector,s].join(", "),this._updateScrolledAttribute(),this.contentElement?.addEventListener("scroll",this._onScroll,{passive:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){(0,a.Z)(e,"disconnectedCallback",this,3)([]),this.contentElement.removeEventListener("scroll",this._onScroll)}},{kind:"field",key:"_onScroll",value(){return()=>{this._updateScrolledAttribute()}}},{kind:"method",key:"_updateScrolledAttribute",value:function(){this.contentElement&&this.toggleAttribute("scrolled",0!==this.contentElement.scrollTop)}},{kind:"field",static:!0,key:"styles",value:()=>[d.W,l.iv`:host([scrolled]) ::slotted(ha-dialog-header){border-bottom:1px solid var(--mdc-dialog-scroll-divider-color,rgba(0,0,0,.12))}.mdc-dialog{--mdc-dialog-scroll-divider-color:var(
--dialog-scroll-divider-color,
var(--divider-color)
);z-index:var(--dialog-z-index,8);-webkit-backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));--mdc-dialog-box-shadow:var(--dialog-box-shadow, none);--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-font-size:1.574rem}.mdc-dialog__actions{justify-content:var(--justify-action-buttons,flex-end);padding-bottom:max(env(safe-area-inset-bottom),24px)}.mdc-dialog__actions span:first-child{flex:var(--secondary-action-button-flex,unset)}.mdc-dialog__actions span:nth-child(2){flex:var(--primary-action-button-flex,unset)}.mdc-dialog__container{align-items:var(--vertical-align-dialog,center)}.mdc-dialog__title{padding:24px 24px 0 24px}.mdc-dialog__title:has(span){padding:12px 12px 0}.mdc-dialog__actions{padding:12px 24px 12px 24px}.mdc-dialog__title::before{content:unset}.mdc-dialog .mdc-dialog__content{position:var(--dialog-content-position,relative);padding:var(--dialog-content-padding,24px)}:host([hideactions]) .mdc-dialog .mdc-dialog__content{padding-bottom:max(var(--dialog-content-padding,24px),env(safe-area-inset-bottom))}.mdc-dialog .mdc-dialog__surface{position:var(--dialog-surface-position,relative);top:var(--dialog-surface-top);margin-top:var(--dialog-surface-margin-top);min-height:var(--mdc-dialog-min-height,auto);border-radius:var(--ha-dialog-border-radius,28px);-webkit-backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);background:var(--ha-dialog-surface-background,var(--mdc-theme-surface,#fff))}:host([flexContent]) .mdc-dialog .mdc-dialog__content{display:flex;flex-direction:column}.header_title{display:flex;align-items:center;direction:var(--direction)}.header_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:4px}.header_button{text-decoration:none;color:inherit;inset-inline-start:initial;inset-inline-end:-12px;direction:var(--direction)}.dialog-actions{inset-inline-start:initial!important;inset-inline-end:0px!important;direction:var(--direction)}`]}]}}),n.M)},83166:function(t,i,e){var o=e(44249),a=e(72621),n=e(1105),d=e(33990),l=e(57243),r=e(15093),c=e(5111);(0,o.Z)([(0,r.Mo)("ha-textfield")],(function(t,i){class e extends i{constructor(...i){super(...i),t(this)}}return{F:e,d:[{kind:"field",decorators:[(0,r.Cb)({type:Boolean})],key:"invalid",value:void 0},{kind:"field",decorators:[(0,r.Cb)({attribute:"error-message"})],key:"errorMessage",value:void 0},{kind:"field",decorators:[(0,r.Cb)({type:Boolean})],key:"icon",value:()=>!1},{kind:"field",decorators:[(0,r.Cb)({type:Boolean})],key:"iconTrailing",value:()=>!1},{kind:"field",decorators:[(0,r.Cb)()],key:"autocomplete",value:void 0},{kind:"field",decorators:[(0,r.Cb)()],key:"autocorrect",value:void 0},{kind:"field",decorators:[(0,r.Cb)({attribute:"input-spellcheck"})],key:"inputSpellcheck",value:void 0},{kind:"field",decorators:[(0,r.IO)("input")],key:"formElement",value:void 0},{kind:"method",key:"updated",value:function(t){(0,a.Z)(e,"updated",this,3)([t]),(t.has("invalid")||t.has("errorMessage"))&&(this.setCustomValidity(this.invalid?this.errorMessage||this.validationMessage||"Invalid":""),(this.invalid||this.validateOnInitialRender||t.has("invalid")&&void 0!==t.get("invalid"))&&this.reportValidity()),t.has("autocomplete")&&(this.autocomplete?this.formElement.setAttribute("autocomplete",this.autocomplete):this.formElement.removeAttribute("autocomplete")),t.has("autocorrect")&&(this.autocorrect?this.formElement.setAttribute("autocorrect",this.autocorrect):this.formElement.removeAttribute("autocorrect")),t.has("inputSpellcheck")&&(this.inputSpellcheck?this.formElement.setAttribute("spellcheck",this.inputSpellcheck):this.formElement.removeAttribute("spellcheck"))}},{kind:"method",key:"renderIcon",value:function(t,i=!1){const e=i?"trailing":"leading";return l.dy` <span class="mdc-text-field__icon mdc-text-field__icon--${e}" tabindex="${i?1:-1}"> <slot name="${e}Icon"></slot> </span> `}},{kind:"field",static:!0,key:"styles",value:()=>[d.W,l.iv`.mdc-text-field__input{width:var(--ha-textfield-input-width,100%)}.mdc-text-field:not(.mdc-text-field--with-leading-icon){padding:var(--text-field-padding,0px 16px)}.mdc-text-field__affix--suffix{padding-left:var(--text-field-suffix-padding-left,12px);padding-right:var(--text-field-suffix-padding-right,0px);padding-inline-start:var(--text-field-suffix-padding-left,12px);padding-inline-end:var(--text-field-suffix-padding-right,0px);direction:ltr}.mdc-text-field--with-leading-icon{padding-inline-start:var(--text-field-suffix-padding-left,0px);padding-inline-end:var(--text-field-suffix-padding-right,16px);direction:var(--direction)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:var(--text-field-suffix-padding-left,0px);padding-right:var(--text-field-suffix-padding-right,0px);padding-inline-start:var(--text-field-suffix-padding-left,0px);padding-inline-end:var(--text-field-suffix-padding-right,0px)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:var(--secondary-text-color)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:var(--secondary-text-color)}.mdc-text-field__icon--leading{margin-inline-start:16px;margin-inline-end:8px;direction:var(--direction)}.mdc-text-field__icon--trailing{padding:var(--textfield-icon-trailing-padding,12px)}.mdc-floating-label:not(.mdc-floating-label--float-above){text-overflow:ellipsis;width:inherit;padding-right:30px;padding-inline-end:30px;padding-inline-start:initial;box-sizing:border-box;direction:var(--direction)}input{text-align:var(--text-field-text-align,start)}input[type=color]{height:20px}::-ms-reveal{display:none}:host([no-spinner]) input::-webkit-inner-spin-button,:host([no-spinner]) input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=color]::-webkit-color-swatch-wrapper{padding:0}:host([no-spinner]) input[type=number]{-moz-appearance:textfield}.mdc-text-field__ripple{overflow:hidden}.mdc-text-field{overflow:var(--text-field-overflow)}.mdc-floating-label{inset-inline-start:16px!important;inset-inline-end:initial!important;transform-origin:var(--float-start);direction:var(--direction);text-align:var(--float-start)}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px - var(--text-field-suffix-padding-left,0px));inset-inline-start:calc(48px + var(--text-field-suffix-padding-left,0px))!important;inset-inline-end:initial!important;direction:var(--direction)}.mdc-text-field__input[type=number]{direction:var(--direction)}.mdc-text-field__affix--prefix{padding-right:var(--text-field-prefix-padding-right,2px);padding-inline-end:var(--text-field-prefix-padding-right,2px);padding-inline-start:initial}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:var(--mdc-text-field-label-ink-color)}#helper-text ha-markdown{display:inline-block}`,"rtl"===c.E.document.dir?l.iv`.mdc-floating-label,.mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field__icon--leading,.mdc-text-field__input[type=number]{direction:rtl;--direction:rtl}`:l.iv``]}]}}),n.P)},3301:function(t,i,e){e.r(i),e.d(i,{DialogEnterCode:()=>s});var o=e(44249),a=e(57243),n=e(15093),d=e(20552),l=e(36522),r=(e(59826),e(70413),e(73729));e(83166);const c=["1","2","3","4","5","6","7","8","9","0","clear","submit"];let s=(0,o.Z)([(0,n.Mo)("dialog-enter-code")],(function(t,i){return{F:class extends i{constructor(...i){super(...i),t(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_dialogParams",value:void 0},{kind:"field",decorators:[(0,n.IO)("#code")],key:"_input",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_showClearButton",value:()=>!1},{kind:"field",decorators:[(0,n.SB)()],key:"_narrow",value:()=>!1},{kind:"method",key:"showDialog",value:async function(t){this._dialogParams=t,this._narrow=matchMedia("all and (max-width: 450px), all and (max-height: 500px)").matches,await this.updateComplete}},{kind:"method",key:"closeDialog",value:function(){return this._dialogParams=void 0,this._showClearButton=!1,(0,l.B)(this,"dialog-closed",{dialog:this.localName}),!0}},{kind:"method",key:"_submit",value:function(){this._dialogParams?.submit?.(this._input?.value??""),this.closeDialog()}},{kind:"method",key:"_cancel",value:function(){this._dialogParams?.cancel?.(),this.closeDialog()}},{kind:"method",key:"_numberClick",value:function(t){const i=t.currentTarget.value;this._input.value=this._input.value+i,this._showClearButton=!0}},{kind:"method",key:"_clear",value:function(){this._input.value="",this._showClearButton=!1}},{kind:"method",key:"_inputValueChange",value:function(t){const i=t.currentTarget.value;this._showClearButton=!!i}},{kind:"method",key:"render",value:function(){if(!this._dialogParams||!this.hass)return a.Ld;return"text"===this._dialogParams.codeFormat?a.dy` <ha-dialog open ="${this._cancel}" .heading="${this._dialogParams.title??this.hass.localize("ui.dialogs.enter_code.title")}"> <ha-textfield class="input" ?dialogInitialFocus="${!this._narrow}" id="code" .label="${this.hass.localize("ui.dialogs.enter_code.input_label")}" type="password" autoValidate validateOnInitialRender pattern="${(0,d.o)(this._dialogParams.codePattern)}" inputmode="text"></ha-textfield> <ha-button slot="secondaryAction" dialogAction="cancel"> ${this._dialogParams.cancelText??this.hass.localize("ui.common.cancel")} </ha-button> <ha-button ="${this._submit}" slot="primaryAction"> ${this._dialogParams.submitText??this.hass.localize("ui.common.submit")} </ha-button> </ha-dialog> `:a.dy` <ha-dialog open .heading="${(0,r.i)(this.hass,this._dialogParams.title??"Enter code")}" ="${this._cancel}" hideActions> <div class="container"> <ha-textfield ="${this._inputValueChange}" id="code" .label="${this.hass.localize("ui.dialogs.enter_code.input_label")}" type="password" inputmode="numeric" ?dialogInitialFocus="${!this._narrow}"></ha-textfield> <div class="keypad"> ${c.map((t=>""===t?a.dy`<span></span>`:"clear"===t?a.dy` <ha-control-button ="${this._clear}" class="clear" .disabled="${!this._showClearButton}" .label="${this.hass.localize("ui.common.clear")}"> <ha-svg-icon 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-svg-icon> </ha-control-button> `:"submit"===t?a.dy` <ha-control-button ="${this._submit}" class="submit" .label="${this._dialogParams.submitText??this.hass.localize("ui.common.submit")}"> <ha-svg-icon path="${"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"}"></ha-svg-icon> </ha-control-button> `:a.dy` <ha-control-button .value="${t}" ="${this._numberClick}" .label="${t}"> ${t} </ha-control-button> `))} </div> </div> </ha-dialog> `}},{kind:"field",static:!0,key:"styles",value:()=>a.iv`ha-dialog{--dialog-z-index:104}ha-textfield{width:100%;max-width:300px;margin:auto}.container{display:flex;align-items:center;flex-direction:column}.keypad{--keypad-columns:3;margin-top:12px;padding:12px;display:grid;grid-template-columns:repeat(var(--keypad-columns),auto);grid-auto-rows:auto;grid-gap:24px;justify-items:center;align-items:center}.clear{grid-row-start:4;grid-column-start:0} all and (max-height:450px){.keypad{--keypad-columns:6}.clear{grid-row-start:1;grid-column-start:6}}ha-control-button{width:56px;height:56px;--control-button-border-radius:28px;--mdc-icon-size:24px;font-size:24px}.submit{--control-button-background-color:var(--green-color);--control-button-icon-color:var(--green-color)}.clear{--control-button-background-color:var(--red-color);--control-button-icon-color:var(--red-color)}.hidden{display:none}.buttons{margin-top:12px}`}]}}),a.oi)}};
//# sourceMappingURL=4944.7a23e1449836b318.js.map