iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 12.5 kB
JavaScript
/*! For license information please see 8672.14912f27f88ecb89.js.LICENSE.txt */
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[8672],{26300:function(t,i,e){e.a(t,async function(t,a){try{e.r(i),e.d(i,{HaIconButton:function(){return m}});e(62953);var s=e(40445),o=e(5124),r=e(67576),n=e(63672),l=e(18350),h=(e(67094),t([l]));l=(h.then?(await h)():h)[0];let d,p,c,v,u=t=>t;class m extends o.WF{render(){return(0,o.qy)(d||(d=u` <ha-button appearance="plain" variant="neutral" aria-label="${0}" title="${0}" aria-haspopup="${0}" .disabled="${0}" .iconTag="${0}" .href="${0}" .target="${0}" .rel="${0}" .download="${0}"> ${0} </ha-button> `),(0,n.J)(this.label),(0,n.J)(this.hideTitle?void 0:this.label),(0,n.J)(this.ariaHasPopup),this.disabled,this.path?"ha-svg-icon":"span",this.href,this.target,this.rel,this.download,this.path?(0,o.qy)(p||(p=u`<ha-svg-icon aria-hidden="true" .path="${0}"></ha-svg-icon>`),this.path):(0,o.qy)(c||(c=u`<span><slot></slot></span>`)))}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}m.shadowRootOptions={mode:"open",delegatesFocus:!0},m.styles=(0,o.AH)(v||(v=u`:host{display:inline-block;outline:0;--ha-button-height:var(--ha-icon-button-size, 48px)}ha-button{position:relative;isolation:isolate;--wa-form-control-padding-inline:var(
--ha-icon-button-padding-inline,
--ha-space-2
);--wa-color-on-normal:currentColor;--wa-color-fill-quiet:transparent;--ha-button-label-overflow:visible}ha-button::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background-color:currentColor;opacity:0;pointer-events:none}ha-button::part(base){width:var(--wa-form-control-height);aspect-ratio:1;outline-offset:-4px}ha-button::part(label){display:flex}:host([selected]) ha-button::after{opacity:.1} (hover:hover){:host(:hover:not([disabled])) ha-button::after{opacity:.1}}`)),(0,s.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),(0,s.Cg)([(0,r.MZ)({type:String})],m.prototype,"path",void 0),(0,s.Cg)([(0,r.MZ)({type:String})],m.prototype,"label",void 0),(0,s.Cg)([(0,r.MZ)({type:String,attribute:"aria-haspopup"})],m.prototype,"ariaHasPopup",void 0),(0,s.Cg)([(0,r.MZ)({attribute:"hide-title",type:Boolean})],m.prototype,"hideTitle",void 0),(0,s.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],m.prototype,"selected",void 0),(0,s.Cg)([(0,r.MZ)()],m.prototype,"href",void 0),(0,s.Cg)([(0,r.MZ)()],m.prototype,"target",void 0),(0,s.Cg)([(0,r.MZ)()],m.prototype,"rel",void 0),(0,s.Cg)([(0,r.MZ)()],m.prototype,"download",void 0),m=(0,s.Cg)([(0,r.EM)("ha-icon-button")],m),a()}catch(d){a(d)}})},67094:function(t,i,e){e.r(i),e.d(i,{HaSvgIcon:function(){return p}});var a=e(40445),s=e(5124),o=e(67576);let r,n,l,h,d=t=>t;class p extends s.WF{render(){return(0,s.JW)(r||(r=d` <svg viewBox="${0}" preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true"> <g> ${0} ${0} </g> </svg>`),this.viewBox||"0 0 24 24",this.path?(0,s.JW)(n||(n=d`<path class="primary-path" d="${0}"></path>`),this.path):s.s6,this.secondaryPath?(0,s.JW)(l||(l=d`<path class="secondary-path" d="${0}"></path>`),this.secondaryPath):s.s6)}}p.styles=(0,s.AH)(h||(h=d`:host{display:var(--ha-icon-display,inline-flex);align-items:center;justify-content:center;position:relative;vertical-align:middle;fill:var(--icon-primary-color,currentcolor);width:var(--mdc-icon-size,24px);height:var(--mdc-icon-size,24px)}svg{width:100%;height:100%;pointer-events:none;display:block}path.primary-path{opacity:var(--icon-primary-opactity, 1)}path.secondary-path{fill:var(--icon-secondary-color,currentcolor);opacity:var(--icon-secondary-opactity, .5)}`)),(0,a.Cg)([(0,o.MZ)()],p.prototype,"path",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],p.prototype,"secondaryPath",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],p.prototype,"viewBox",void 0),p=(0,a.Cg)([(0,o.EM)("ha-svg-icon")],p)},80088:function(t,i,e){e(18111),e(61701),e(3362),e(96167),e(62953);var a,s=e(40445),o=e(5124),r=e(6412),n=e(67576),l=e(63672),h=e(89784),d=e(1087);e(55081);const p=!(null===globalThis||void 0===globalThis||null===(a=globalThis.HTMLElement)||void 0===a||!a.prototype)&&Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype,"popover");var c=e(12587);let v,u,m=t=>t;class y extends o.WF{disconnectedCallback(){clearTimeout(this._dismissTimer),this._transitionId+=1,super.disconnectedCallback()}async show(){if(clearTimeout(this._dismissTimer),this._active&&this._visible)return void this._setDismissTimer();const t=++this._transitionId;this._active=!0,await this.updateComplete,t===this._transitionId&&(this._showToastPopover(),await(0,c.E)(),t===this._transitionId&&(this._visible=!0,await this.updateComplete,await this._waitForTransitionEnd(),t===this._transitionId&&this._setDismissTimer()))}async hide(t="programmatic"){if(clearTimeout(this._dismissTimer),this._closeReason=t,!this._active)return;const i=++this._transitionId,e=this._visible;this._visible=!1,await this.updateComplete,e&&await this._waitForTransitionEnd(),i===this._transitionId&&(this._hideToastPopover(),this._active=!1,await this.updateComplete,(0,d.r)(this,"toast-closed",{reason:this._closeReason}),this._closeReason="programmatic")}close(t="programmatic"){this.hide(t)}_setDismissTimer(){this.timeoutMs>0&&(this._dismissTimer=setTimeout(()=>{this.hide("timeout")},this.timeoutMs))}_isPopoverOpen(){if(!this._toast||!p)return!1;try{return this._toast.matches(":popover-open")}catch(t){return!1}}_showToastPopover(){var t,i;this._toast&&p&&!this._isPopoverOpen()&&(null===(t=(i=this._toast).showPopover)||void 0===t||t.call(i))}_hideToastPopover(){var t,i;this._toast&&p&&this._isPopoverOpen()&&(null===(t=(i=this._toast).hidePopover)||void 0===t||t.call(i))}async _waitForTransitionEnd(){const t=this._toast;if(!t)return;const i=t.getAnimations({subtree:!0});0!==i.length&&await Promise.allSettled(i.map(t=>t.finished))}render(){var t,i,e,a;const s=(null!==(t=null===(i=this._actionElements)||void 0===i?void 0:i.length)&&void 0!==t?t:0)>0||(null!==(e=null===(a=this._dismissElements)||void 0===a?void 0:a.length)&&void 0!==e?e:0)>0;return(0,o.qy)(v||(v=m` <div class="${0}" style="${0}" role="status" aria-live="polite" popover="${0}"> <span class="message">${0}</span> <div class="${0}"> <slot name="action"></slot> <slot name="dismiss"></slot> </div> </div> `),(0,r.H)({toast:!0,active:this._active,visible:this._visible}),(0,h.W)({"--ha-toast-bottom-offset":`${this.bottomOffset}px`}),(0,l.J)(p?"manual":void 0),this.labelText,(0,r.H)({actions:!0,"has-action":s}))}constructor(...t){super(...t),this.labelText="",this.timeoutMs=4e3,this.bottomOffset=0,this._active=!1,this._visible=!1,this._closeReason="programmatic",this._transitionId=0}}y.styles=(0,o.AH)(u||(u=m`.toast{position:fixed;inset-block-start:auto;inset-inline-end:auto;inset-block-end:calc(var(--safe-area-inset-bottom,0px) + var(--ha-space-4) + var(--ha-toast-bottom-offset,0px));inset-inline-start:50%;margin:0;width:max-content;height:auto;border:none;overflow:hidden;box-sizing:border-box;min-width:min(350px,calc(var(--safe-width) - var(--ha-space-4)));max-width:min(650px,var(--safe-width));min-height:48px;display:flex;align-items:center;gap:var(--ha-space-2);padding:var(--ha-space-3) var(--ha-space-4);color:var(--ha-color-on-neutral-loud);background-color:var(--ha-color-neutral-10);border-radius:var(--ha-border-radius-sm);box-shadow:var(--wa-shadow-l);opacity:0;transform:translate(calc(-50% * var(--scale-direction)),var(--ha-space-2));transition:opacity var(--ha-animation-duration-fast, 150ms) ease,transform var(--ha-animation-duration-fast, 150ms) ease}.toast.visible{opacity:1;transform:translate(calc(-50% * var(--scale-direction)),0)}.toast:not(.active){display:none}.message{flex:1;min-width:0}.actions{display:flex;align-items:center;gap:var(--ha-space-2);color:var(--ha-color-on-neutral-loud)}.actions:not(.has-action){display:none} all and (max-width:450px),all and (max-height:500px){.toast{min-width:var(--safe-width);max-width:var(--safe-width);border-radius:var(--ha-border-radius-square)}}`)),(0,s.Cg)([(0,n.MZ)({attribute:"label-text"})],y.prototype,"labelText",void 0),(0,s.Cg)([(0,n.MZ)({type:Number,attribute:"timeout-ms"})],y.prototype,"timeoutMs",void 0),(0,s.Cg)([(0,n.MZ)({type:Number,attribute:"bottom-offset"})],y.prototype,"bottomOffset",void 0),(0,s.Cg)([(0,n.P)(".toast")],y.prototype,"_toast",void 0),(0,s.Cg)([(0,n.KN)({slot:"action",flatten:!0})],y.prototype,"_actionElements",void 0),(0,s.Cg)([(0,n.KN)({slot:"dismiss",flatten:!0})],y.prototype,"_dismissElements",void 0),(0,s.Cg)([(0,n.wk)()],y.prototype,"_active",void 0),(0,s.Cg)([(0,n.wk)()],y.prototype,"_visible",void 0),y=(0,s.Cg)([(0,n.EM)("ha-toast")],y)},61187:function(t,i,e){e.a(t,async function(t,a){try{e.r(i);e(3362),e(62953);var s=e(40445),o=e(5124),r=e(67576),n=e(18350),l=e(26300),h=(e(80088),t([n,l]));[n,l]=h.then?(await h)():h;let d,p,c,v=t=>t;const u="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";class m extends o.WF{async showDialog(t){var i,e;const a=++this._showDialogId;var s;t.id&&(null===(i=this._parameters)||void 0===i?void 0:i.id)===t.id||await(null===(s=this._toast)||void 0===s?void 0:s.hide());a===this._showDialogId&&(0!==t.duration?(this._parameters=t,(void 0===this._parameters.duration||this._parameters.duration>0&&this._parameters.duration<=4e3)&&(this._parameters.duration=4e3),await this.updateComplete,a===this._showDialogId&&(null===(e=this._toast)||void 0===e||e.show())):this._parameters=void 0)}_toastClosed(t){this._parameters=void 0}render(){var t,i,e,a,s,r,n;return this._parameters?(0,o.qy)(d||(d=v` <ha-toast .labelText="${0}" .timeoutMs="${0}" .bottomOffset="${0}" -closed="${0}"> ${0} ${0} </ha-toast> `),"string"!=typeof this._parameters.message?this.hass.localize(this._parameters.message.translationKey,this._parameters.message.args):this._parameters.message,this._parameters.duration,null!==(t=this._parameters.bottomOffset)&&void 0!==t?t:0,this._toastClosed,null!==(i=this._parameters)&&void 0!==i&&i.action?(0,o.qy)(p||(p=v` <ha-button appearance="plain" size="small" slot="action" ="${0}"> ${0} </ha-button> `),this._buttonClicked,"string"!=typeof(null===(e=this._parameters)||void 0===e?void 0:e.action.text)?this.hass.localize(null===(a=this._parameters)||void 0===a?void 0:a.action.text.translationKey,null===(s=this._parameters)||void 0===s?void 0:s.action.text.args):null===(r=this._parameters)||void 0===r?void 0:r.action.text):o.s6,null!==(n=this._parameters)&&void 0!==n&&n.dismissable?(0,o.qy)(c||(c=v` <ha-icon-button .label="${0}" .path="${0}" slot="dismiss" ="${0}"></ha-icon-button> `),this.hass.localize("ui.common.close"),u,this._dismissClicked):o.s6):o.s6}_buttonClicked(){var t,i,e;(null===(t=this._toast)||void 0===t||t.hide("action"),null!==(i=this._parameters)&&void 0!==i&&i.action)&&(null===(e=this._parameters)||void 0===e||e.action.action())}_dismissClicked(){var t;null===(t=this._toast)||void 0===t||t.hide("dismiss")}constructor(...t){super(...t),this._showDialogId=0}}(0,s.Cg)([(0,r.MZ)({attribute:!1})],m.prototype,"hass",void 0),(0,s.Cg)([(0,r.wk)()],m.prototype,"_parameters",void 0),(0,s.Cg)([(0,r.P)("ha-toast")],m.prototype,"_toast",void 0),m=(0,s.Cg)([(0,r.EM)("notification-manager")],m),a()}catch(d){a(d)}})},89784:function(t,i,e){e.d(i,{W:function(){return n}});e(16280),e(74423),e(72712),e(18111),e(18237),e(27495),e(17642),e(58004),e(33853),e(45876),e(32475),e(15024),e(31698),e(25440),e(62953);var a=e(5055),s=e(42017);const o="important",r=" !"+o,n=(0,s.u$)(class extends s.WL{render(t){return Object.keys(t).reduce((i,e)=>{const a=t[e];return null==a?i:i+`${e=e.includes("-")?e:e.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${a};`},"")}update(t,[i]){const{style:e}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(i)),this.render(i);for(const a of this.ft)null==i[a]&&(this.ft.delete(a),a.includes("-")?e.removeProperty(a):e[a]=null);for(const a in i){const t=i[a];if(null!=t){this.ft.add(a);const i="string"==typeof t&&t.endsWith(r);a.includes("-")||i?e.setProperty(a,i?t.slice(0,-11):t,i?o:""):e[a]=t}}return a.c0}constructor(t){var i;if(super(t),t.type!==s.OA.ATTRIBUTE||"style"!==t.name||(null===(i=t.strings)||void 0===i?void 0:i.length)>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}})}}]);