iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
17 lines • 20.9 kB
JavaScript
/*! For license information please see 83241.318604c98dddbc0f.js.LICENSE.txt */
export const __rspack_esm_id=83241;export const __rspack_esm_ids=[83241];export const __webpack_modules__={12451(t,e,r){r.d(e,{O:()=>o,i:()=>s.is});var i=r(5124),s=r(12130);class o extends i.WF{click(){if(this.mdcRoot)return this.mdcRoot.focus(),void this.mdcRoot.click();super.click()}createFoundation(){void 0!==this.mdcFoundation&&this.mdcFoundation.destroy(),this.mdcFoundationClass&&(this.mdcFoundation=new this.mdcFoundationClass(this.createAdapter()),this.mdcFoundation.init())}firstUpdated(){this.createFoundation()}}},12130(t,e,r){r.d(e,{SE:()=>d,U9:()=>l,hP:()=>i,is:()=>s});r(44114);const i=t=>t.nodeType===Node.ELEMENT_NODE;function s(t){return{addClass:e=>{t.classList.add(e)},removeClass:e=>{t.classList.remove(e)},hasClass:e=>t.classList.contains(e)}}let o=!1;const a=()=>{},n={get passive(){return o=!0,!1}};document.addEventListener("x",a,n),document.removeEventListener("x",a);const l=(t=window.document)=>{let e=t.activeElement;const r=[];if(!e)return r;for(;e&&(r.push(e),e.shadowRoot);)e=e.shadowRoot.activeElement;return r},d=t=>{const e=l();if(!e.length)return!1;const r=e[e.length-1],i=new Event("check-if-focused",{bubbles:!0,composed:!0});let s=[];const o=t=>{s=t.composedPath()};return document.body.addEventListener("check-if-focused",o),r.dispatchEvent(i),document.body.removeEventListener("check-if-focused",o),-1!==s.indexOf(t)}},35370(t,e,r){var i=r(26198);t.exports=function(t,e,r){for(var s=0,o=arguments.length>2?r:i(e),a=new t(o);o>s;)a[s]=e[s++];return a}},77957(t,e,r){var i=r(76080),s=r(79504),o=r(47055),a=r(48981),n=r(56969),l=r(26198),d=r(2360),c=r(35370),u=Array,m=s([].push);t.exports=function(t,e,r,s){for(var p,h,f,g=a(t),v=o(g),y=i(e,r),b=d(null),x=l(v),w=0;x>w;w++)f=v[w],(h=n(y(f,w,g)))in b?m(b[h],f):b[h]=[f];if(s&&(p=s(g))!==u)for(h in b)b[h]=c(p,b[h]);return b}},46058(t,e,r){var i=r(46518),s=r(77957),o=r(6469);i({target:"Array",proto:!0},{group:function(t){return s(this,t,arguments.length>1?arguments[1]:void 0)}}),o("group")},95010(t,e,r){r.d(e,{q:()=>i,N:()=>s});r(16573),r(78100),r(77936),r(37467),r(44732),r(79577),r(16632),r(34226),r(9486),r(20456);function i(t,e,r){const i=t=>Object.is(t,-0)?0:t;return i(t<e?e:t>r?r:t)}function s(t=""){return`${t}${((t=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&r[t]];return e})()}`}},75275(t,e,r){var i=r(62826),s=r(22441),o=r(5124),a=r(76482);const n=["focusin","focusout","pointerdown"];class l extends o.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){if(!t[d]){switch(t.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}t[d]=!0}}onControlChange(t,e){if(!o.S$)for(const r of n)t?.removeEventListener(r,this),e?.addEventListener(r,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 a.i(this,this.onControlChange.bind(this))}}(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],l.prototype,"visible",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],l.prototype,"inward",void 0);const d=Symbol("handledByFocusRing"),c=o.AH`: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 u=class extends l{};u.styles=[c],u=(0,i.Cg)([(0,s.EM)("md-focus-ring")],u)},1024(t,e,r){r.d(e,{n:()=>d});r(17642),r(58004),r(33853),r(45876),r(32475),r(15024),r(31698);var i=r(5124);r(74423);const s=["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"],o=s.map(n);function a(t){return o.includes(t)}function n(t){return t.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}const l=Symbol("privateIgnoreAttributeChangesFor");function d(t){var e;if(i.S$)return t;class r extends t{attributeChangedCallback(t,e,r){if(!a(t))return void super.attributeChangedCallback(t,e,r);if(this[l].has(t))return;this[l].add(t),this.removeAttribute(t),this[l].delete(t);const i=u(t);null===r?delete this.dataset[i]:this.dataset[i]=r,this.requestUpdate(u(t),e)}getAttribute(t){return a(t)?super.getAttribute(c(t)):super.getAttribute(t)}removeAttribute(t){super.removeAttribute(t),a(t)&&(super.removeAttribute(c(t)),this.requestUpdate())}constructor(){super(...arguments),this[e]=new Set}}return e=l,function(t){for(const e of s){const r=n(e),i=c(r),s=u(r);t.createProperty(e,{attribute:r,noAccessor:!0}),t.createProperty(Symbol(i),{attribute:i,noAccessor:!0}),Object.defineProperty(t.prototype,e,{configurable:!0,enumerable:!0,get(){return this.dataset[s]??null},set(t){const r=this.dataset[s]??null;t!==r&&(null===t?delete this.dataset[s]:this.dataset[s]=t,this.requestUpdate(e,r))}})}}(r),r}function c(t){return`data-${t}`}function u(t){return t.replace(/-\w/,t=>t[1].toUpperCase())}},27525(t,e,r){function i(t,e=p){const r=n(t,e);return r&&(r.tabIndex=0,r.focus()),r}function s(t,e=p){const r=l(t,e);return r&&(r.tabIndex=0,r.focus()),r}function o(t,e=p){const r=a(t,e);return r&&(r.item.tabIndex=-1),r}function a(t,e=p){for(let r=0;r<t.length;r++){const i=t[r];if(0===i.tabIndex&&e(i))return{item:i,index:r}}return null}function n(t,e=p){for(const r of t)if(e(r))return r;return null}function l(t,e=p){for(let r=t.length-1;r>=0;r--){const i=t[r];if(e(i))return i}return null}function d(t,e,r=p,s=!0){if(e){const i=function(t,e,r=p,i=!0){for(let s=1;s<t.length;s++){const o=(s+e)%t.length;if(o<e&&!i)return null;const a=t[o];if(r(a))return a}return t[e]?t[e]:null}(t,e.index,r,s);return i&&(i.tabIndex=0,i.focus()),i}return i(t,r)}function c(t,e,r=p,i=!0){if(e){const s=function(t,e,r=p,i=!0){for(let s=1;s<t.length;s++){const o=(e-s+t.length)%t.length;if(o>e&&!i)return null;const a=t[o];if(r(a))return a}return t[e]?t[e]:null}(t,e.index,r,i);return s&&(s.tabIndex=0,s.focus()),s}return s(t,r)}function u(){return new Event("deactivate-items",{bubbles:!0,composed:!0})}function m(){return new Event("request-activation",{bubbles:!0,composed:!0})}function p(t){return!t.disabled}r.d(e,{A6:()=>a,Ex:()=>l,RN:()=>u,RZ:()=>s,c7:()=>n,cG:()=>m,u9:()=>c,ub:()=>o,wm:()=>d,zT:()=>i})},82553(t,e,r){r.d(e,{R:()=>i});const i=r(5124).AH`: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(t,e,r){r.d(e,{n:()=>f});var i=r(62826),s=(r(75275),r(22441)),o=r(5124);class a extends o.WF{render(){return o.qy` <slot name="container"></slot> <slot class="non-text" name="start"></slot> <div class="text"> <slot name="overline" ="${this.handleTextSlotChange}"></slot> <slot class="default-slot" ="${this.handleTextSlotChange}"></slot> <slot name="headline" ="${this.handleTextSlotChange}"></slot> <slot name="supporting-text" ="${this.handleTextSlotChange}"></slot> </div> <slot class="non-text" name="trailing-supporting-text"></slot> <slot class="non-text" name="end"></slot> `}handleTextSlotChange(){let t=!1,e=0;for(const r of this.textSlots)if(n(r)&&(e+=1),e>1){t=!0;break}this.multiline=t}constructor(){super(...arguments),this.multiline=!1}}function n(t){for(const e of t.assignedNodes({flatten:!0})){const t=e.nodeType===Node.ELEMENT_NODE,r=e.nodeType===Node.TEXT_NODE&&e.textContent?.match(/\S/);if(t||r)return!0}return!1}(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],a.prototype,"multiline",void 0),(0,i.Cg)([(0,s.YG)(".text slot")],a.prototype,"textSlots",void 0);const l=o.AH`: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 d=class extends a{};d.styles=[l],d=(0,i.Cg)([(0,s.EM)("md-item")],d);r(71970);var c=r(6412),u=r(7872),m=r(1024),p=r(27525);const h=(0,m.n)(o.WF);class f extends h{get isDisabled(){return this.disabled&&"link"!==this.type}willUpdate(t){this.href&&(this.type="link"),super.willUpdate(t)}render(){return this.renderListItem(o.qy` <md-item> <div slot="container"> ${this.renderRipple()} ${this.renderFocusRing()} </div> <slot name="start" slot="start"></slot> <slot name="end" slot="end"></slot> ${this.renderBody()} </md-item> `)}renderListItem(t){const e="link"===this.type;let r;switch(this.type){case"link":r=u.eu`a`;break;case"button":r=u.eu`button`;break;default:r=u.eu`li`}const i="text"!==this.type,s=e&&this.target?this.target:o.s6;return u.qy`
<${r}
id="item"
tabindex="${this.isDisabled||!i?-1:0}"
?disabled=${this.isDisabled}
role="listitem"
aria-selected=${this.ariaSelected||o.s6}
aria-checked=${this.ariaChecked||o.s6}
aria-expanded=${this.ariaExpanded||o.s6}
aria-haspopup=${this.ariaHasPopup||o.s6}
class="list-item ${(0,c.H)(this.getRenderClasses())}"
href=${this.href||o.s6}
target=${s}
=${this.onFocus}
>${t}</${r}>
`}renderRipple(){return"text"===this.type?o.s6:o.qy` <md-ripple part="ripple" for="item" ?disabled="${this.isDisabled}"></md-ripple>`}renderFocusRing(){return"text"===this.type?o.s6:o.qy` <md-focus-ring -changed="${this.onFocusRingVisibilityChanged}" part="focus-ring" for="item" inward></md-focus-ring>`}onFocusRingVisibilityChanged(t){}getRenderClasses(){return{disabled:this.isDisabled}}renderBody(){return o.qy` <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,p.cG)())}focus(){this.listItemRoot?.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=""}}f.shadowRootOptions={...o.WF.shadowRootOptions,delegatesFocus:!0},(0,i.Cg)([(0,s.MZ)({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),(0,i.Cg)([(0,s.MZ)({reflect:!0})],f.prototype,"type",void 0),(0,i.Cg)([(0,s.MZ)({type:Boolean,attribute:"md-list-item",reflect:!0})],f.prototype,"isListItem",void 0),(0,i.Cg)([(0,s.MZ)()],f.prototype,"href",void 0),(0,i.Cg)([(0,s.MZ)()],f.prototype,"target",void 0),(0,i.Cg)([(0,s.P)(".list-item")],f.prototype,"listItemRoot",void 0)},71970(t,e,r){var i=r(62826),s=r(22441),o=r(91382),a=r(96245);let n=class extends o.n{};n.styles=[a.R],n=(0,i.Cg)([(0,s.EM)("md-ripple")],n)},95192(t,e,r){r.d(e,{IU:()=>d,Jt:()=>n,Yd:()=>i,hZ:()=>l,y$:()=>s});r(44114),r(18111),r(7588),r(61701);function i(t){return new Promise((e,r)=>{t.oncomplete=t.onsuccess=()=>e(t.result),t.onabort=t.onerror=()=>r(t.error)})}function s(t,e){let r;return(s,o)=>(()=>{if(r)return r;const s=indexedDB.open(t);return s.onupgradeneeded=()=>s.result.createObjectStore(e),r=i(s),r.then(t=>{t.onclose=()=>r=void 0},()=>{}),r})().then(t=>o(t.transaction(e,s).objectStore(e)))}let o;function a(){return o||(o=s("keyval-store","keyval")),o}function n(t,e=a()){return e("readonly",e=>i(e.get(t)))}function l(t,e,r=a()){return r("readwrite",r=>(r.put(e,t),i(r.transaction)))}function d(t=a()){return t("readwrite",t=>(t.clear(),i(t.transaction)))}},89784(t,e,r){r.d(e,{W:()=>n});r(74423),r(18111),r(18237),r(17642),r(58004),r(33853),r(45876),r(32475),r(15024),r(31698);var i=r(5055),s=r(42017);const o="important",a=" !"+o,n=(0,s.u$)(class extends s.WL{render(t){return Object.keys(t).reduce((e,r)=>{const i=t[r];return null==i?e:e+`${r=r.includes("-")?r:r.replace(/(?:^(webkit|moz|ms|o)|)(?=[A-Z])/g,"-$&").toLowerCase()}:${i};`},"")}update(t,[e]){const{style:r}=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("-")?r.removeProperty(t):r[t]=null);for(const t in e){const i=e[t];if(null!=i){this.ft.add(t);const e="string"==typeof i&&i.endsWith(a);t.includes("-")||e?r.setProperty(t,e?i.slice(0,-11):i,e?o:""):r[t]=i}}return i.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.")}})}};