UNPKG

iobroker.lovelace

Version:

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

github.com/ioBroker/ioBroker.lovelace

ioBroker/ioBroker.lovelace

5 lines • 11.2 kB
1
2
3
4
5
/*! For license information please see 8672.aa6d2a14d3e2caac.js.LICENSE.txt */ export const __rspack_esm_id=8672;export const __rspack_esm_ids=[8672];export const __webpack_modules__={26300(t,e,i){i.a(t,async function(t,a){try{i.r(e),i.d(e,{HaIconButton:()=>p});var s=i(62826),o=i(5124),r=i(22441),n=i(63672),h=i(18350),l=(i(67094),t([h]));h=(l.then?(await l)():l)[0];class p extends o.WF{render(){return o.qy` <ha-button appearance="plain" variant="neutral" aria-label="${(0,n.J)(this.label)}" title="${(0,n.J)(this.hideTitle?void 0:this.label)}" aria-haspopup="${(0,n.J)(this.ariaHasPopup)}" .disabled="${this.disabled}" .iconTag="${this.path?"ha-svg-icon":"span"}" .href="${this.href}" .target="${this.target}" .rel="${this.rel}" .download="${this.download}"> ${this.path?o.qy`<ha-svg-icon aria-hidden="true" .path="${this.path}"></ha-svg-icon>`:o.qy`<span><slot></slot></span>`} </ha-button> `}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}p.shadowRootOptions={mode:"open",delegatesFocus:!0},p.styles=o.AH`: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}@media (hover:hover){:host(:hover:not([disabled])) ha-button::after{opacity:.1}}`,(0,s.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),(0,s.Cg)([(0,r.MZ)({type:String})],p.prototype,"path",void 0),(0,s.Cg)([(0,r.MZ)({type:String})],p.prototype,"label",void 0),(0,s.Cg)([(0,r.MZ)({type:String,attribute:"aria-haspopup"})],p.prototype,"ariaHasPopup",void 0),(0,s.Cg)([(0,r.MZ)({attribute:"hide-title",type:Boolean})],p.prototype,"hideTitle",void 0),(0,s.Cg)([(0,r.MZ)({type:Boolean,reflect:!0})],p.prototype,"selected",void 0),(0,s.Cg)([(0,r.MZ)()],p.prototype,"href",void 0),(0,s.Cg)([(0,r.MZ)()],p.prototype,"target",void 0),(0,s.Cg)([(0,r.MZ)()],p.prototype,"rel",void 0),(0,s.Cg)([(0,r.MZ)()],p.prototype,"download",void 0),p=(0,s.Cg)([(0,r.EM)("ha-icon-button")],p),a()}catch(t){a(t)}})},67094(t,e,i){i.r(e),i.d(e,{HaSvgIcon:()=>r});var a=i(62826),s=i(5124),o=i(22441);class r extends s.WF{render(){return s.JW` <svg viewBox="${this.viewBox||"0 0 24 24"}" preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true"> <g> ${this.path?s.JW`<path class="primary-path" d="${this.path}"></path>`:s.s6} ${this.secondaryPath?s.JW`<path class="secondary-path" d="${this.secondaryPath}"></path>`:s.s6} </g> </svg>`}}r.styles=s.AH`: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)()],r.prototype,"path",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],r.prototype,"secondaryPath",void 0),(0,a.Cg)([(0,o.MZ)({attribute:!1})],r.prototype,"viewBox",void 0),r=(0,a.Cg)([(0,o.EM)("ha-svg-icon")],r)},80088(t,e,i){i(18111),i(61701);var a=i(62826),s=i(5124),o=i(6412),r=i(22441),n=i(63672),h=i(89784),l=i(1087);const p=!!globalThis?.HTMLElement?.prototype&&Object.prototype.hasOwnProperty.call(globalThis.HTMLElement.prototype,"popover");var d=i(12587);class c extends s.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,d.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 e=++this._transitionId,i=this._visible;this._visible=!1,await this.updateComplete,i&&await this._waitForTransitionEnd(),e===this._transitionId&&(this._hideToastPopover(),this._active=!1,await this.updateComplete,(0,l.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{return!1}}_showToastPopover(){this._toast&&p&&!this._isPopoverOpen()&&this._toast.showPopover?.()}_hideToastPopover(){this._toast&&p&&this._isPopoverOpen()&&this._toast.hidePopover?.()}async _waitForTransitionEnd(){const t=this._toast;if(!t)return;const e=t.getAnimations({subtree:!0});0!==e.length&&await Promise.allSettled(e.map(t=>t.finished))}render(){const t=(this._actionElements?.length??0)>0||(this._dismissElements?.length??0)>0;return s.qy` <div class="${(0,o.H)({toast:!0,active:this._active,visible:this._visible})}" style="${(0,h.W)({"--ha-toast-bottom-offset":`${this.bottomOffset}px`})}" role="status" aria-live="polite" popover="${(0,n.J)(p?"manual":void 0)}"> <span class="message">${this.labelText}</span> <div class="${(0,o.H)({actions:!0,"has-action":t})}"> <slot name="action"></slot> <slot name="dismiss"></slot> </div> </div> `}constructor(...t){super(...t),this.labelText="",this.timeoutMs=4e3,this.bottomOffset=0,this._active=!1,this._visible=!1,this._closeReason="programmatic",this._transitionId=0}}c.styles=s.AH`.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}@media 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,a.Cg)([(0,r.MZ)({attribute:"label-text"})],c.prototype,"labelText",void 0),(0,a.Cg)([(0,r.MZ)({type:Number,attribute:"timeout-ms"})],c.prototype,"timeoutMs",void 0),(0,a.Cg)([(0,r.MZ)({type:Number,attribute:"bottom-offset"})],c.prototype,"bottomOffset",void 0),(0,a.Cg)([(0,r.P)(".toast")],c.prototype,"_toast",void 0),(0,a.Cg)([(0,r.KN)({slot:"action",flatten:!0})],c.prototype,"_actionElements",void 0),(0,a.Cg)([(0,r.KN)({slot:"dismiss",flatten:!0})],c.prototype,"_dismissElements",void 0),(0,a.Cg)([(0,r.wk)()],c.prototype,"_active",void 0),(0,a.Cg)([(0,r.wk)()],c.prototype,"_visible",void 0),c=(0,a.Cg)([(0,r.EM)("ha-toast")],c)},61187(t,e,i){i.a(t,async function(t,a){try{i.r(e);var s=i(62826),o=i(5124),r=i(22441),n=i(18350),h=i(26300),l=(i(80088),t([n,h]));[n,h]=l.then?(await l)():l;const p="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 d extends o.WF{async showDialog(t){const e=++this._showDialogId;t.id&&this._parameters?.id===t.id||await(this._toast?.hide()),e===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,e===this._showDialogId&&this._toast?.show()):this._parameters=void 0)}_toastClosed(t){this._parameters=void 0}render(){return this._parameters?o.qy` <ha-toast .labelText="${"string"!=typeof this._parameters.message?this.hass.localize(this._parameters.message.translationKey,this._parameters.message.args):this._parameters.message}" .timeoutMs="${this._parameters.duration}" .bottomOffset="${this._parameters.bottomOffset??0}" @toast-closed="${this._toastClosed}"> ${this._parameters?.action?o.qy` <ha-button appearance="plain" size="small" slot="action" @click="${this._buttonClicked}"> ${"string"!=typeof this._parameters?.action.text?this.hass.localize(this._parameters?.action.text.translationKey,this._parameters?.action.text.args):this._parameters?.action.text} </ha-button> `:o.s6} ${this._parameters?.dismissable?o.qy` <ha-icon-button .label="${this.hass.localize("ui.common.close")}" .path="${p}" slot="dismiss" @click="${this._dismissClicked}"></ha-icon-button> `:o.s6} </ha-toast> `:o.s6}_buttonClicked(){this._toast?.hide("action"),this._parameters?.action&&this._parameters?.action.action()}_dismissClicked(){this._toast?.hide("dismiss")}constructor(...t){super(...t),this._showDialogId=0}}(0,s.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"hass",void 0),(0,s.Cg)([(0,r.wk)()],d.prototype,"_parameters",void 0),(0,s.Cg)([(0,r.P)("ha-toast")],d.prototype,"_toast",void 0),d=(0,s.Cg)([(0,r.EM)("notification-manager")],d),a()}catch(t){a(t)}})},89784(t,e,i){i.d(e,{W:()=>n});i(74423),i(18111),i(18237),i(17642),i(58004),i(33853),i(45876),i(32475),i(15024),i(31698);var a=i(5055),s=i(42017);const o="important",r=" !"+o,n=(0,s.u$)(class extends s.WL{render(t){return Object.keys(t).reduce((e,i)=>{const a=t[i];return null==a?e:e+`${i=i.includes("-")?i:i.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${a};`},"")}update(t,[e]){const{style:i}=t.element;if(void 0===this.ft)return this.ft=new Set(Object.keys(e)),this.render(e);for(const t of this.ft)null==e[t]&&(this.ft.delete(t),t.includes("-")?i.removeProperty(t):i[t]=null);for(const t in e){const a=e[t];if(null!=a){this.ft.add(t);const e="string"==typeof a&&a.endsWith(r);t.includes("-")||e?i.setProperty(t,e?a.slice(0,-11):a,e?o:""):i[t]=a}}return a.c0}constructor(t){if(super(t),t.type!==s.OA.ATTRIBUTE||"style"!==t.name||t.strings?.length>2)throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.")}})}};