iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
3 lines • 16.4 kB
JavaScript
/*! For license information please see 77756.804148d085668e9d.js.LICENSE.txt */
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["77756"],{72629:function(e,r,i){i.d(r,{r:()=>_});var o=i(9065),a=i(50778),t=i(29126),l=(i(71695),i(19423),i(47021),i(54835),i(57243)),c=i(79679),s=i(49144),n=i(17077);let d,v,h,p=e=>e;class m extends s.w{constructor(){super(...arguments),this.elevated=!1,this.removable=!1,this.selected=!1,this.hasSelectedIcon=!1}get primaryId(){return"button"}getContainerClasses(){return Object.assign(Object.assign({},super.getContainerClasses()),{},{elevated:this.elevated,selected:this.selected,"has-trailing":this.removable,"has-icon":this.hasIcon||this.selected})}renderPrimaryAction(e){const{ariaLabel:r}=this;return(0,l.dy)(d||(d=p` <button class="primary action" id="button" aria-label="${0}" aria-pressed="${0}" aria-disabled="${0}" ?disabled="${0}" ="${0}">${0}</button> `),r||l.Ld,this.selected,this.softDisabled||l.Ld,this.disabled&&!this.alwaysFocusable,this.handleClickOnChild,e)}renderLeadingIcon(){return this.selected?(0,l.dy)(v||(v=p` <slot name="selected-icon"> <svg class="checkmark" viewBox="0 0 18 18" aria-hidden="true"> <path d="M6.75012 12.1274L3.62262 8.99988L2.55762 10.0574L6.75012 14.2499L15.7501 5.24988L14.6926 4.19238L6.75012 12.1274Z"/> </svg> </slot> `)):super.renderLeadingIcon()}renderTrailingAction(e){return this.removable?(0,n.N)({focusListener:e,ariaLabel:this.ariaLabelRemove,disabled:this.disabled||this.softDisabled}):l.Ld}renderOutline(){return this.elevated?(0,l.dy)(h||(h=p`<md-elevation part="elevation"></md-elevation>`)):super.renderOutline()}handleClickOnChild(e){if(this.disabled||this.softDisabled)return;const r=this.selected;this.selected=!this.selected;!(0,c.e)(this,e)&&(this.selected=r)}}(0,o.__decorate)([(0,a.Cb)({type:Boolean})],m.prototype,"elevated",void 0),(0,o.__decorate)([(0,a.Cb)({type:Boolean})],m.prototype,"removable",void 0),(0,o.__decorate)([(0,a.Cb)({type:Boolean,reflect:!0})],m.prototype,"selected",void 0),(0,o.__decorate)([(0,a.Cb)({type:Boolean,reflect:!0,attribute:"has-selected-icon"})],m.prototype,"hasSelectedIcon",void 0),(0,o.__decorate)([(0,a.IO)(".primary.action")],m.prototype,"primaryAction",void 0),(0,o.__decorate)([(0,a.IO)(".trailing.action")],m.prototype,"trailingAction",void 0);let f;const b=(0,l.iv)(f||(f=(e=>e)`:host{--_container-height:var(--md-filter-chip-container-height, 32px);--_disabled-label-text-color:var(--md-filter-chip-disabled-label-text-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-label-text-opacity:var(--md-filter-chip-disabled-label-text-opacity, 0.38);--_elevated-container-elevation:var(--md-filter-chip-elevated-container-elevation, 1);--_elevated-container-shadow-color:var(--md-filter-chip-elevated-container-shadow-color, var(--md-sys-color-shadow, #000));--_elevated-disabled-container-color:var(--md-filter-chip-elevated-disabled-container-color, var(--md-sys-color-on-surface, #1d1b20));--_elevated-disabled-container-elevation:var(--md-filter-chip-elevated-disabled-container-elevation, 0);--_elevated-disabled-container-opacity:var(--md-filter-chip-elevated-disabled-container-opacity, 0.12);--_elevated-focus-container-elevation:var(--md-filter-chip-elevated-focus-container-elevation, 1);--_elevated-hover-container-elevation:var(--md-filter-chip-elevated-hover-container-elevation, 2);--_elevated-pressed-container-elevation:var(--md-filter-chip-elevated-pressed-container-elevation, 1);--_elevated-selected-container-color:var(--md-filter-chip-elevated-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_label-text-font:var(--md-filter-chip-label-text-font, var(--md-sys-typescale-label-large-font, var(--md-ref-typeface-plain, Roboto)));--_label-text-line-height:var(--md-filter-chip-label-text-line-height, var(--md-sys-typescale-label-large-line-height, 1.25rem));--_label-text-size:var(--md-filter-chip-label-text-size, var(--md-sys-typescale-label-large-size, 0.875rem));--_label-text-weight:var(--md-filter-chip-label-text-weight, var(--md-sys-typescale-label-large-weight, var(--md-ref-typeface-weight-medium, 500)));--_selected-focus-label-text-color:var(--md-filter-chip-selected-focus-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-label-text-color:var(--md-filter-chip-selected-hover-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-color:var(--md-filter-chip-selected-hover-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-state-layer-opacity:var(--md-filter-chip-selected-hover-state-layer-opacity, 0.08);--_selected-label-text-color:var(--md-filter-chip-selected-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-label-text-color:var(--md-filter-chip-selected-pressed-label-text-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-state-layer-color:var(--md-filter-chip-selected-pressed-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_selected-pressed-state-layer-opacity:var(--md-filter-chip-selected-pressed-state-layer-opacity, 0.12);--_elevated-container-color:var(--md-filter-chip-elevated-container-color, var(--md-sys-color-surface-container-low, #f7f2fa));--_disabled-outline-color:var(--md-filter-chip-disabled-outline-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-outline-opacity:var(--md-filter-chip-disabled-outline-opacity, 0.12);--_disabled-selected-container-color:var(--md-filter-chip-disabled-selected-container-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-selected-container-opacity:var(--md-filter-chip-disabled-selected-container-opacity, 0.12);--_focus-outline-color:var(--md-filter-chip-focus-outline-color, var(--md-sys-color-on-surface-variant, #49454f));--_outline-color:var(--md-filter-chip-outline-color, var(--md-sys-color-outline, #79747e));--_outline-width:var(--md-filter-chip-outline-width, 1px);--_selected-container-color:var(--md-filter-chip-selected-container-color, var(--md-sys-color-secondary-container, #e8def8));--_selected-outline-width:var(--md-filter-chip-selected-outline-width, 0px);--_focus-label-text-color:var(--md-filter-chip-focus-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-label-text-color:var(--md-filter-chip-hover-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-color:var(--md-filter-chip-hover-state-layer-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-state-layer-opacity:var(--md-filter-chip-hover-state-layer-opacity, 0.08);--_label-text-color:var(--md-filter-chip-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-label-text-color:var(--md-filter-chip-pressed-label-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-state-layer-color:var(--md-filter-chip-pressed-state-layer-color, var(--md-sys-color-on-secondary-container, #1d192b));--_pressed-state-layer-opacity:var(--md-filter-chip-pressed-state-layer-opacity, 0.12);--_icon-size:var(--md-filter-chip-icon-size, 18px);--_disabled-leading-icon-color:var(--md-filter-chip-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-leading-icon-opacity:var(--md-filter-chip-disabled-leading-icon-opacity, 0.38);--_selected-focus-leading-icon-color:var(--md-filter-chip-selected-focus-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-leading-icon-color:var(--md-filter-chip-selected-hover-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-leading-icon-color:var(--md-filter-chip-selected-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-leading-icon-color:var(--md-filter-chip-selected-pressed-leading-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-leading-icon-color:var(--md-filter-chip-focus-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_hover-leading-icon-color:var(--md-filter-chip-hover-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_leading-icon-color:var(--md-filter-chip-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_pressed-leading-icon-color:var(--md-filter-chip-pressed-leading-icon-color, var(--md-sys-color-primary, #6750a4));--_disabled-trailing-icon-color:var(--md-filter-chip-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1d1b20));--_disabled-trailing-icon-opacity:var(--md-filter-chip-disabled-trailing-icon-opacity, 0.38);--_selected-focus-trailing-icon-color:var(--md-filter-chip-selected-focus-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-hover-trailing-icon-color:var(--md-filter-chip-selected-hover-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-pressed-trailing-icon-color:var(--md-filter-chip-selected-pressed-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_selected-trailing-icon-color:var(--md-filter-chip-selected-trailing-icon-color, var(--md-sys-color-on-secondary-container, #1d192b));--_focus-trailing-icon-color:var(--md-filter-chip-focus-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_hover-trailing-icon-color:var(--md-filter-chip-hover-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_pressed-trailing-icon-color:var(--md-filter-chip-pressed-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_trailing-icon-color:var(--md-filter-chip-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_container-shape-start-start:var(--md-filter-chip-container-shape-start-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-start-end:var(--md-filter-chip-container-shape-start-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-end:var(--md-filter-chip-container-shape-end-end, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_container-shape-end-start:var(--md-filter-chip-container-shape-end-start, var(--md-filter-chip-container-shape, var(--md-sys-shape-corner-small, 8px)));--_leading-space:var(--md-filter-chip-leading-space, 16px);--_trailing-space:var(--md-filter-chip-trailing-space, 16px);--_icon-label-space:var(--md-filter-chip-icon-label-space, 8px);--_with-leading-icon-leading-space:var(--md-filter-chip-with-leading-icon-leading-space, 8px);--_with-trailing-icon-trailing-space:var(--md-filter-chip-with-trailing-icon-trailing-space, 8px)}.selected.elevated::before{background:var(--_elevated-selected-container-color)}.checkmark{height:var(--_icon-size);width:var(--_icon-size)}.disabled .checkmark{opacity:var(--_disabled-leading-icon-opacity)} {.disabled .checkmark{opacity:1}}`));var y=i(98128),g=i(21016),u=i(86529);let _=class extends m{};_.styles=[g.W,t.W,u.W,y.W,b],_=(0,o.__decorate)([(0,a.Mo)("md-filter-chip")],_)},49144:function(e,r,i){i.d(r,{w:()=>s});var o=i(57243),a=i(4077);let t,l=e=>e;const c="aria-label-remove";class s extends a.A{get ariaLabelRemove(){if(this.hasAttribute(c))return this.getAttribute(c);const{ariaLabel:e}=this;return e||this.label?`Remove ${e||this.label}`:null}set ariaLabelRemove(e){e!==this.ariaLabelRemove&&(null===e?this.removeAttribute(c):this.setAttribute(c,e),this.requestUpdate())}constructor(){super(),this.handleTrailingActionFocus=this.handleTrailingActionFocus.bind(this),o.sk||this.addEventListener("keydown",this.handleKeyDown.bind(this))}focus(e){(this.alwaysFocusable||!this.disabled)&&null!=e&&e.trailing&&this.trailingAction?this.trailingAction.focus(e):super.focus(e)}renderContainerContent(){return(0,o.dy)(t||(t=l` ${0} ${0} `),super.renderContainerContent(),this.renderTrailingAction(this.handleTrailingActionFocus))}handleKeyDown(e){var r,i;const o="ArrowLeft"===e.key,a="ArrowRight"===e.key;if(!o&&!a)return;if(!this.primaryAction||!this.trailingAction)return;const t="rtl"===getComputedStyle(this).direction?o:a,l=null===(r=this.primaryAction)||void 0===r?void 0:r.matches(":focus-within"),c=null===(i=this.trailingAction)||void 0===i?void 0:i.matches(":focus-within");if(t&&c||!t&&l)return;e.preventDefault(),e.stopPropagation();(t?this.trailingAction:this.primaryAction).focus()}handleTrailingActionFocus(){const{primaryAction:e,trailingAction:r}=this;e&&r&&(e.tabIndex=-1,r.addEventListener("focusout",(()=>{e.tabIndex=0}),{once:!0}))}}},98128:function(e,r,i){i.d(r,{W:()=>a});let o;const a=(0,i(57243).iv)(o||(o=(e=>e)`.selected{--md-ripple-hover-color:var(--_selected-hover-state-layer-color);--md-ripple-hover-opacity:var(--_selected-hover-state-layer-opacity);--md-ripple-pressed-color:var(--_selected-pressed-state-layer-color);--md-ripple-pressed-opacity:var(--_selected-pressed-state-layer-opacity)}:where(.selected)::before{background:var(--_selected-container-color)}:where(.selected) .outline{border-width:var(--_selected-outline-width)}:where(.selected.disabled)::before{background:var(--_disabled-selected-container-color);opacity:var(--_disabled-selected-container-opacity)}:where(.selected) .label{color:var(--_selected-label-text-color)}:where(.selected:hover) .label{color:var(--_selected-hover-label-text-color)}:where(.selected:focus) .label{color:var(--_selected-focus-label-text-color)}:where(.selected:active) .label{color:var(--_selected-pressed-label-text-color)}:where(.selected) .leading.icon{color:var(--_selected-leading-icon-color)}:where(.selected:hover) .leading.icon{color:var(--_selected-hover-leading-icon-color)}:where(.selected:focus) .leading.icon{color:var(--_selected-focus-leading-icon-color)}:where(.selected:active) .leading.icon{color:var(--_selected-pressed-leading-icon-color)} {:where(.selected:not(.elevated))::before{border:1px solid CanvasText}:where(.selected) .outline{border-width:1px}}`))},86529:function(e,r,i){i.d(r,{W:()=>a});let o;const a=(0,i(57243).iv)(o||(o=(e=>e)`.trailing.action{align-items:center;justify-content:center;padding-inline-start:var(--_icon-label-space);padding-inline-end:var(--_with-trailing-icon-trailing-space)}.trailing.action :is(md-ripple,md-focus-ring){border-radius:50%;height:calc(1.3333333333*var(--_icon-size));width:calc(1.3333333333*var(--_icon-size))}.trailing.action md-focus-ring{inset:unset}.has-trailing .primary.action{padding-inline-end:0}.trailing.icon{color:var(--_trailing-icon-color);height:var(--_icon-size);width:var(--_icon-size)}:where(:hover) .trailing.icon{color:var(--_hover-trailing-icon-color)}:where(:focus) .trailing.icon{color:var(--_focus-trailing-icon-color)}:where(:active) .trailing.icon{color:var(--_pressed-trailing-icon-color)}:where(.disabled) .trailing.icon{color:var(--_disabled-trailing-icon-color);opacity:var(--_disabled-trailing-icon-opacity)}:where(.selected) .trailing.icon{color:var(--_selected-trailing-icon-color)}:where(.selected:hover) .trailing.icon{color:var(--_selected-hover-trailing-icon-color)}:where(.selected:focus) .trailing.icon{color:var(--_selected-focus-trailing-icon-color)}:where(.selected:active) .trailing.icon{color:var(--_selected-pressed-trailing-icon-color)} {.trailing.icon{color:ButtonText}:where(.disabled) .trailing.icon{color:GrayText;opacity:1}}`))},17077:function(e,r,i){i.d(r,{N:()=>l});i(57618),i(23111);var o=i(57243);let a,t=e=>e;function l({ariaLabel:e,disabled:r,focusListener:i,tabbable:l=!1}){return(0,o.dy)(a||(a=t` <span id="remove-label" hidden aria-hidden="true">Remove</span> <button class="trailing action" aria-label="${0}" aria-labelledby="${0}" tabindex="${0}" ="${0}" ="${0}"> <md-focus-ring part="trailing-focus-ring"></md-focus-ring> <md-ripple ?disabled="${0}"></md-ripple> <span class="trailing icon" aria-hidden="true"> <slot name="remove-trailing-icon"> <svg viewBox="0 96 960 960"> <path d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/> </svg> </slot> </span> <span class="touch"></span> </button> `),e||o.Ld,e?o.Ld:"remove-label label",l?o.Ld:-1,c,i,r)}function c(e){if(this.disabled||this.softDisabled)return;e.stopPropagation();!this.dispatchEvent(new Event("remove",{cancelable:!0}))||this.remove()}}}]);
//# sourceMappingURL=77756.804148d085668e9d.js.map