iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
17 lines • 16.5 kB
JavaScript
/*! For license information please see 31709.5512ab4153c79b81.js.LICENSE.txt */
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[31709],{75275:function(t,e,i){var r=i(40445),a=i(67576),s=(i(89463),i(62953),i(5124)),o=i(76482);const n=["focusin","focusout","pointerdown"];class l extends s.WF{get htmlFor(){return this.attachableController.htmlFor}set htmlFor(t){this.attachableController.htmlFor=t}get control(){return this.attachableController.control}set control(t){this.attachableController.control=t}attach(t){this.attachableController.attach(t)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(t){var e,i;if(!t[d]){switch(t.type){default:return;case"focusin":this.visible=null!==(e=null===(i=this.control)||void 0===i?void 0:i.matches(":focus-visible"))&&void 0!==e&&e;break;case"focusout":case"pointerdown":this.visible=!1}t[d]=!0}}onControlChange(t,e){if(!s.S$)for(const i of n)null==t||t.removeEventListener(i,this),null==e||e.addEventListener(i,this)}update(t){t.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(t)}constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new o.i(this,this.onControlChange.bind(this))}}(0,r.Cg)([(0,a.MZ)({type:Boolean,reflect:!0})],l.prototype,"visible",void 0),(0,r.Cg)([(0,a.MZ)({type:Boolean,reflect:!0})],l.prototype,"inward",void 0);const d=Symbol("handledByFocusRing");let c;const m=(0,s.AH)(c||(c=(t=>t)`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2,0,0,1);box-sizing:border-box;color:var(--md-focus-ring-color,var(--md-sys-color-secondary,#625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) + var(--md-focus-ring-outward-offset,2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) + var(--md-focus-ring-outward-offset,2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) + var(--md-focus-ring-outward-offset,2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) + var(--md-focus-ring-outward-offset,2px));inset:calc(-1*var(--md-focus-ring-outward-offset,2px));outline:var(--md-focus-ring-width,3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) - var(--md-focus-ring-inward-offset,0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) - var(--md-focus-ring-inward-offset,0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) - var(--md-focus-ring-inward-offset,0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start,var(--md-focus-ring-shape,var(--md-sys-shape-corner-full,9999px))) - var(--md-focus-ring-inward-offset,0px));border:var(--md-focus-ring-width,3px) solid currentColor;inset:var(--md-focus-ring-inward-offset,0px)} outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width,8px)}} outward-shrink{from{outline-width:var(--md-focus-ring-active-width,8px)}} inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width,8px)}} inward-shrink{from{border-width:var(--md-focus-ring-active-width,8px)}}{:host{animation:none}}`));let p=class extends l{};p.styles=[m],p=(0,r.Cg)([(0,a.EM)("md-focus-ring")],p)},1024:function(t,e,i){i.d(e,{n:function(){return d}});i(89463),i(27495),i(17642),i(58004),i(33853),i(45876),i(32475),i(15024),i(31698),i(25440),i(62953);var r=i(5124);i(74423);const a=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],s=a.map(n);function o(t){return s.includes(t)}function n(t){return t.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}const l=Symbol("privateIgnoreAttributeChangesFor");function d(t){var e;if(r.S$)return t;class i extends t{attributeChangedCallback(t,e,i){if(!o(t))return void super.attributeChangedCallback(t,e,i);if(this[l].has(t))return;this[l].add(t),this.removeAttribute(t),this[l].delete(t);const r=m(t);null===i?delete this.dataset[r]:this.dataset[r]=i,this.requestUpdate(m(t),e)}getAttribute(t){return o(t)?super.getAttribute(c(t)):super.getAttribute(t)}removeAttribute(t){super.removeAttribute(t),o(t)&&(super.removeAttribute(c(t)),this.requestUpdate())}constructor(){super(...arguments),this[e]=new Set}}return e=l,function(t){for(const e of a){const i=n(e),r=c(i),a=m(i);t.createProperty(e,{attribute:i,noAccessor:!0}),t.createProperty(Symbol(r),{attribute:r,noAccessor:!0}),Object.defineProperty(t.prototype,e,{configurable:!0,enumerable:!0,get(){var t;return null!==(t=this.dataset[a])&&void 0!==t?t:null},set(t){var i;const r=null!==(i=this.dataset[a])&&void 0!==i?i:null;t!==r&&(null===t?delete this.dataset[a]:this.dataset[a]=t,this.requestUpdate(e,r))}})}}(i),i}function c(t){return`data-${t}`}function m(t){return t.replace(/-\w/,t=>t[1].toUpperCase())}},82553:function(t,e,i){i.d(e,{R:function(){return a}});let r;const a=(0,i(5124).AH)(r||(r=(t=>t)`:host{display:flex;-webkit-tap-highlight-color:transparent;--md-ripple-hover-color:var(--md-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity:var(--md-list-item-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color:var(--md-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity:var(--md-list-item-pressed-state-layer-opacity, 0.12)}:host(:is([type=button]:not([disabled]),[type=link])){cursor:pointer}md-focus-ring{z-index:1;--md-focus-ring-shape:8px}a,button,li{background:0 0;border:none;cursor:inherit;padding:0;margin:0;text-align:unset;text-decoration:none}.list-item{border-radius:inherit;display:flex;flex:1;max-width:inherit;min-width:inherit;outline:0;-webkit-tap-highlight-color:transparent;width:100%}.list-item.interactive{cursor:pointer}.list-item.disabled{opacity:var(--md-list-item-disabled-opacity, .3);pointer-events:none}[slot=container]{pointer-events:none}md-ripple{border-radius:inherit}md-item{border-radius:inherit;flex:1;height:100%;color:var(--md-list-item-label-text-color,var(--md-sys-color-on-surface,#1d1b20));font-family:var(--md-list-item-label-text-font, var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-label-text-size, var(--md-sys-typescale-body-large-size, 1rem));line-height:var(--md-list-item-label-text-line-height, var(--md-sys-typescale-body-large-line-height, 1.5rem));font-weight:var(--md-list-item-label-text-weight,var(--md-sys-typescale-body-large-weight,var(--md-ref-typeface-weight-regular,400)));min-height:var(--md-list-item-one-line-container-height,56px);padding-top:var(--md-list-item-top-space,12px);padding-bottom:var(--md-list-item-bottom-space,12px);padding-inline-start:var(--md-list-item-leading-space,16px);padding-inline-end:var(--md-list-item-trailing-space,16px)}md-item[multiline]{min-height:var(--md-list-item-two-line-container-height,72px)}[slot=supporting-text]{color:var(--md-list-item-supporting-text-color,var(--md-sys-color-on-surface-variant,#49454f));font-family:var(--md-list-item-supporting-text-font, var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-supporting-text-size, var(--md-sys-typescale-body-medium-size, .875rem));line-height:var(--md-list-item-supporting-text-line-height, var(--md-sys-typescale-body-medium-line-height, 1.25rem));font-weight:var(--md-list-item-supporting-text-weight,var(--md-sys-typescale-body-medium-weight,var(--md-ref-typeface-weight-regular,400)))}[slot=trailing-supporting-text]{color:var(--md-list-item-trailing-supporting-text-color,var(--md-sys-color-on-surface-variant,#49454f));font-family:var(--md-list-item-trailing-supporting-text-font, var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto)));font-size:var(--md-list-item-trailing-supporting-text-size, var(--md-sys-typescale-label-small-size, .6875rem));line-height:var(--md-list-item-trailing-supporting-text-line-height, var(--md-sys-typescale-label-small-line-height, 1rem));font-weight:var(--md-list-item-trailing-supporting-text-weight,var(--md-sys-typescale-label-small-weight,var(--md-ref-typeface-weight-medium,500)))}:is([slot=start],[slot=end])::slotted(*){fill:currentColor}[slot=start]{color:var(--md-list-item-leading-icon-color,var(--md-sys-color-on-surface-variant,#49454f))}[slot=end]{color:var(--md-list-item-trailing-icon-color,var(--md-sys-color-on-surface-variant,#49454f))}{.disabled slot{color:GrayText}.list-item.disabled{color:GrayText;opacity:1}}`))},58168:function(t,e,i){i.d(e,{n:function(){return z}});i(62953);var r=i(40445),a=(i(75275),i(67576)),s=(i(27495),i(5124));let o,n=t=>t;class l extends s.WF{render(){return(0,s.qy)(o||(o=n` <slot name="container"></slot> <slot class="non-text" name="start"></slot> <div class="text"> <slot name="overline" ="${0}"></slot> <slot class="default-slot" ="${0}"></slot> <slot name="headline" ="${0}"></slot> <slot name="supporting-text" ="${0}"></slot> </div> <slot class="non-text" name="trailing-supporting-text"></slot> <slot class="non-text" name="end"></slot> `),this.handleTextSlotChange,this.handleTextSlotChange,this.handleTextSlotChange,this.handleTextSlotChange)}handleTextSlotChange(){let t=!1,e=0;for(const i of this.textSlots)if(d(i)&&(e+=1),e>1){t=!0;break}this.multiline=t}constructor(){super(...arguments),this.multiline=!1}}function d(t){for(const i of t.assignedNodes({flatten:!0})){var e;const t=i.nodeType===Node.ELEMENT_NODE,r=i.nodeType===Node.TEXT_NODE&&(null===(e=i.textContent)||void 0===e?void 0:e.match(/\S/));if(t||r)return!0}return!1}(0,r.Cg)([(0,a.MZ)({type:Boolean,reflect:!0})],l.prototype,"multiline",void 0),(0,r.Cg)([(0,a.YG)(".text slot")],l.prototype,"textSlots",void 0);let c;const m=(0,s.AH)(c||(c=(t=>t)`:host{color:var(--md-sys-color-on-surface,#1d1b20);font-family:var(--md-sys-typescale-body-large-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight,var(--md-ref-typeface-weight-regular,400));line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);align-items:center;box-sizing:border-box;display:flex;gap:16px;min-height:56px;overflow:hidden;padding:12px 16px;position:relative;text-overflow:ellipsis}:host([multiline]){min-height:72px}[name=overline]{color:var(--md-sys-color-on-surface-variant,#49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, .6875rem);font-weight:var(--md-sys-typescale-label-small-weight,var(--md-ref-typeface-weight-medium,500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=supporting-text]{color:var(--md-sys-color-on-surface-variant,#49454f);font-family:var(--md-sys-typescale-body-medium-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-body-medium-size, .875rem);font-weight:var(--md-sys-typescale-body-medium-weight,var(--md-ref-typeface-weight-regular,400));line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem)}[name=trailing-supporting-text]{color:var(--md-sys-color-on-surface-variant,#49454f);font-family:var(--md-sys-typescale-label-small-font, var(--md-ref-typeface-plain, Roboto));font-size:var(--md-sys-typescale-label-small-size, .6875rem);font-weight:var(--md-sys-typescale-label-small-weight,var(--md-ref-typeface-weight-medium,500));line-height:var(--md-sys-typescale-label-small-line-height, 1rem)}[name=container]::slotted(*){inset:0;position:absolute}.default-slot{display:inline}.default-slot,.text ::slotted(*){overflow:hidden;text-overflow:ellipsis}.text{display:flex;flex:1;flex-direction:column;overflow:hidden}`));let p=class extends l{};p.styles=[m],p=(0,r.Cg)([(0,a.EM)("md-item")],p);i(71970);var u=i(6412),h=i(7872),f=i(1024),v=i(27525);let g,y,b,x,w,C,k,R,$=t=>t;const S=(0,f.n)(s.WF);class z extends S{get isDisabled(){return this.disabled&&"link"!==this.type}willUpdate(t){this.href&&(this.type="link"),super.willUpdate(t)}render(){return this.renderListItem((0,s.qy)(g||(g=$` <md-item> <div slot="container"> ${0} ${0} </div> <slot name="start" slot="start"></slot> <slot name="end" slot="end"></slot> ${0} </md-item> `),this.renderRipple(),this.renderFocusRing(),this.renderBody()))}renderListItem(t){const e="link"===this.type;let i;switch(this.type){case"link":i=(0,h.eu)(y||(y=$`a`));break;case"button":i=(0,h.eu)(b||(b=$`button`));break;default:i=(0,h.eu)(x||(x=$`li`))}const r="text"!==this.type,a=e&&this.target?this.target:s.s6;return(0,h.qy)(w||(w=$`
<${0}
id="item"
tabindex="${0}"
?disabled=${0}
role="listitem"
aria-selected=${0}
aria-checked=${0}
aria-expanded=${0}
aria-haspopup=${0}
class="list-item ${0}"
href=${0}
target=${0}
=${0}
>${0}</${0}>
`),i,this.isDisabled||!r?-1:0,this.isDisabled,this.ariaSelected||s.s6,this.ariaChecked||s.s6,this.ariaExpanded||s.s6,this.ariaHasPopup||s.s6,(0,u.H)(this.getRenderClasses()),this.href||s.s6,a,this.onFocus,t,i)}renderRipple(){return"text"===this.type?s.s6:(0,s.qy)(C||(C=$` <md-ripple part="ripple" for="item" ?disabled="${0}"></md-ripple>`),this.isDisabled)}renderFocusRing(){return"text"===this.type?s.s6:(0,s.qy)(k||(k=$` <md-focus-ring -changed="${0}" part="focus-ring" for="item" inward></md-focus-ring>`),this.onFocusRingVisibilityChanged)}onFocusRingVisibilityChanged(t){}getRenderClasses(){return{disabled:this.isDisabled}}renderBody(){return(0,s.qy)(R||(R=$` <slot></slot> <slot name="overline" slot="overline"></slot> <slot name="headline" slot="headline"></slot> <slot name="supporting-text" slot="supporting-text"></slot> <slot name="trailing-supporting-text" slot="trailing-supporting-text"></slot> `))}onFocus(){-1===this.tabIndex&&this.dispatchEvent((0,v.cG)())}focus(){var t;null===(t=this.listItemRoot)||void 0===t||t.focus()}click(){this.listItemRoot?this.listItemRoot.click():super.click()}constructor(){super(...arguments),this.disabled=!1,this.type="text",this.isListItem=!0,this.href="",this.target=""}}z.shadowRootOptions=Object.assign(Object.assign({},s.WF.shadowRootOptions),{},{delegatesFocus:!0}),(0,r.Cg)([(0,a.MZ)({type:Boolean,reflect:!0})],z.prototype,"disabled",void 0),(0,r.Cg)([(0,a.MZ)({reflect:!0})],z.prototype,"type",void 0),(0,r.Cg)([(0,a.MZ)({type:Boolean,attribute:"md-list-item",reflect:!0})],z.prototype,"isListItem",void 0),(0,r.Cg)([(0,a.MZ)()],z.prototype,"href",void 0),(0,r.Cg)([(0,a.MZ)()],z.prototype,"target",void 0),(0,r.Cg)([(0,a.P)(".list-item")],z.prototype,"listItemRoot",void 0)},71970:function(t,e,i){var r=i(40445),a=i(67576),s=i(91382),o=i(96245);let n=class extends s.n{};n.styles=[o.R],n=(0,r.Cg)([(0,a.EM)("md-ripple")],n)},83309:function(t,e,i){i.d(e,{r:function(){return s}});i(62953);var r=i(74816),a=i(35932);function s(t,e,i){const[s,o]=(0,r.x)(null==i?void 0:i.in,t,e);return+(0,a.o)(s)===+(0,a.o)(o)}}}]);