iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
24 lines • 20.4 kB
JavaScript
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[10991],{28170:function(t,e,i){i.d(e,{o:function(){return h}});i(62953);var s=i(40445),a=i(5124),o=i(67576),n=i(1087),r=i(83892);let l;class h extends r.x{connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role",this.defaultRole),(0,n.r)(this,"ha-list-item-register",{item:this})}disconnectedCallback(){super.disconnectedCallback(),(0,n.r)(this,"ha-list-item-unregister",{item:this})}activate(){this.click()}constructor(...t){super(...t),this.interactive=!1,this.defaultRole="listitem"}}h.styles=[r.x.styles,(0,a.AH)(l||(l=(t=>t)`:host{--ha-list-item-focus-radius:var(--ha-border-radius-sm);--ha-list-item-focus-width:2px;--ha-list-item-focus-width-start:var(--ha-space-2);--ha-list-item-focus-offset:-2px;--ha-list-item-focus-background:var(--ha-color-fill-neutral-quiet-hover)}:host(:focus){outline:0}.base{border-radius:var(--ha-list-item-focus-radius);outline:var(--ha-list-item-focus-width) solid transparent;outline-offset:var(--ha-list-item-focus-offset);transition:outline-color var(--ha-animation-duration-fast) ease-out,background-color var(--ha-animation-duration-fast) ease-out} ha-list-item-focus-in{from{outline-width:var(--ha-list-item-focus-width-start);outline-offset:calc(-1 * var(--ha-list-item-focus-width-start))}to{outline-width:var(--ha-list-item-focus-width);outline-offset:var(--ha-list-item-focus-offset)}}:host(:focus-visible) .base{outline-color:var(--ha-color-focus);background-color:var(--ha-list-item-focus-background);animation:ha-list-item-focus-in var(--ha-animation-duration-normal) ease-in}`))],(0,s.Cg)([(0,o.MZ)({type:Boolean,reflect:!0})],h.prototype,"interactive",void 0),h=(0,s.Cg)([(0,o.EM)("ha-list-item-base")],h)},86698:function(t,e,i){i.d(e,{C:function(){return u}});i(62953);var s=i(40445),a=i(5124),o=i(67576),n=(i(9503),i(54276),i(28170));let r,l,h,d,c=t=>t;class u extends n.o{update(t){super.update(t),t.has("selected")&&this.setAttribute("aria-selected",this.selected?"true":"false"),t.has("disabled")&&this.setAttribute("aria-disabled",this.disabled?"true":"false")}_renderBase(t){return(0,a.qy)(r||(r=c`<div part="base" class="base" id="item"> ${0}${0}${0}${0} </div>`),this._renderRipple(),"start"===this.selectionPosition?this._renderCheckbox():a.s6,t,"end"===this.selectionPosition?this._renderCheckbox():a.s6)}_renderRipple(){return(0,a.qy)(l||(l=c`<ha-ripple part="ripple" for="item" ?disabled="${0}"></ha-ripple>`),this.disabled)}_renderCheckbox(){return"checkbox"!==this.appearance?a.s6:(0,a.qy)(h||(h=c`<div part="checkbox" class="checkbox" inert> <ha-checkbox .checked="${0}" .disabled="${0}"></ha-checkbox> </div>`),this.selected,this.disabled)}constructor(...t){super(...t),this.selected=!1,this.appearance="line",this.selectionPosition="start",this.defaultRole="option",this.interactive=!0}}u.styles=[n.o.styles,(0,a.AH)(d||(d=c`:host{cursor:pointer;--ha-ripple-color:var(--primary-text-color);--ha-list-item-selected-background:var(
--ha-color-fill-primary-quiet-resting,
rgba(var(--rgb-primary-color), 0.08)
)}:host([disabled]){cursor:default}.base{cursor:inherit}:host([appearance=line][active]:not([disabled])) .base,:host([appearance=line][selected]:not([disabled])) .base{background-color:var(--ha-list-item-selected-background)}:host([appearance=line][selected]:not([disabled])){color:var(--primary-color)}.checkbox{display:flex;align-items:center;flex:0 0 auto;pointer-events:none}.checkbox ha-checkbox{pointer-events:none}ha-checkbox::part(base){gap:0}`))],(0,s.Cg)([(0,o.MZ)({type:Boolean,reflect:!0})],u.prototype,"selected",void 0),(0,s.Cg)([(0,o.MZ)({type:String})],u.prototype,"value",void 0),(0,s.Cg)([(0,o.MZ)({type:String,reflect:!0})],u.prototype,"appearance",void 0),(0,s.Cg)([(0,o.MZ)({type:String,reflect:!0,attribute:"selection-position"})],u.prototype,"selectionPosition",void 0),u=(0,s.Cg)([(0,o.EM)("ha-list-item-option")],u)},83892:function(t,e,i){i.d(e,{x:function(){return p}});i(18111),i(13579),i(27495),i(42762),i(62953);var s=i(40445),a=i(92070),o=i(5124),n=i(67576);let r,l,h,d,c,u,m,v=t=>t;class p extends o.WF{_onSlotChange(t){return e=>{const i=e.target.assignedNodes({flatten:!0}).some(t=>{var e;return t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(null===(e=t.textContent)||void 0===e?void 0:e.trim())});"start"===t?this._hasStart=i:this._hasEnd=i}}render(){return this._renderBase(this._renderInner())}_renderBase(t){return(0,o.qy)(r||(r=v`<div part="base" class="base" id="item">${0}</div>`),t)}_renderInner(){const t=this._slotController.test("content");return(0,o.qy)(l||(l=v` <div part="start" class="start" ?hidden="${0}"> <slot name="start" ="${0}"></slot> </div> <div part="content" class="content"> ${0} </div> <div part="end" class="end" ?hidden="${0}"> <slot name="end" ="${0}"></slot> </div> `),!this._hasStart,this._onSlotChange("start"),t?(0,o.qy)(h||(h=v`<slot name="content"></slot>`)):this._renderDefaultContent(),!this._hasEnd,this._onSlotChange("end"))}_renderDefaultContent(){var t,e;const i=this._slotController.test("headline"),s=this._slotController.test("supporting-text"),a=i||void 0!==this.headline,n=s||void 0!==this.supportingText;return(0,o.qy)(d||(d=v` ${0} ${0} `),a?(0,o.qy)(c||(c=v`<div part="headline" class="headline"> <slot name="headline">${0}</slot> </div>`),null!==(t=this.headline)&&void 0!==t?t:o.s6):o.s6,n?(0,o.qy)(u||(u=v`<div part="supporting-text" class="supporting"> <slot name="supporting-text">${0}</slot> </div>`),null!==(e=this.supportingText)&&void 0!==e?e:o.s6):o.s6)}constructor(...t){super(...t),this.disabled=!1,this._slotController=new a.X(this,"headline","supporting-text","content"),this._hasStart=!1,this._hasEnd=!1}}p.styles=(0,o.AH)(m||(m=v`:host{display:block;color:var(--primary-text-color);font-size:var(--ha-font-size-m);line-height:var(--ha-line-height-normal)}:host([disabled]){color:var(--disabled-text-color);pointer-events:none}.base{position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--ha-row-item-gap,var(--ha-space-4));padding-block:var(--ha-row-item-padding-block,var(--ha-space-3));padding-inline:var(--ha-row-item-padding-inline,var(--ha-space-4));min-height:var(--ha-row-item-min-height,48px);box-sizing:border-box}.content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center}.end,.start{display:flex;align-items:center;flex:0 0 auto}.end[hidden],.start[hidden]{display:none}.headline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supporting{color:var(--secondary-text-color);font-size:var(--ha-font-size-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`)),(0,s.Cg)([(0,n.MZ)({type:String})],p.prototype,"headline",void 0),(0,s.Cg)([(0,n.MZ)({type:String,attribute:"supporting-text"})],p.prototype,"supportingText",void 0),(0,s.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),(0,s.Cg)([(0,n.wk)()],p.prototype,"_hasStart",void 0),(0,s.Cg)([(0,n.wk)()],p.prototype,"_hasEnd",void 0),p=(0,s.Cg)([(0,n.EM)("ha-row-item")],p)},50723:function(t,e,i){i.d(e,{N:function(){return m}});i(74423),i(26910),i(18111),i(22489),i(7588),i(62953);var s=i(40445),a=i(5124),o=i(67576),n=i(91335);i(44114),i(94490);const r=t=>{const e=[];let i=t;for(;i;){e.push(i);const t=i.parentNode;if(t instanceof ShadowRoot)i=t.host;else if(t)i=t;else{const t=i.getRootNode();i=t instanceof ShadowRoot?t.host:null}}return e.reverse()},l=(t,e)=>{if(t===e)return 0;const i=r(t),s=r(e);let a=0;for(;a<i.length&&a<s.length&&i[a]===s[a];)a++;return 0===a?0:a===i.length?-1:a===s.length?1:i[a].compareDocumentPosition(s[a])&Node.DOCUMENT_POSITION_FOLLOWING?-1:1};var h=i(1087);let d,c,u=t=>t;class m extends a.WF{connectedCallback(){super.connectedCallback(),this.hasAttribute("ha-list")||this.setAttribute("ha-list",""),!this.hasAttribute("role")&&this.hostRole&&this.setAttribute("role",this.hostRole),this._unbindKeys=(0,n.Tc)(this,{ArrowDown:this._onForward,ArrowUp:this._onBack,Home:this._onHome,End:this._onEnd,Enter:this._onActivate,Space:this._onActivate}),this.addEventListener("focusin",this._onFocusIn),this.addEventListener("ha-list-item-register",this._onItemRegister),this.addEventListener("ha-list-item-unregister",this._onItemUnregister)}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=this._unbindKeys)||void 0===t||t.call(this),this._unbindKeys=void 0,this.removeEventListener("focusin",this._onFocusIn),this.removeEventListener("ha-list-item-register",this._onItemRegister),this.removeEventListener("ha-list-item-unregister",this._onItemUnregister)}focus(t){this.items.length?this.focusItemAtIndex(this._activeItemIndex>=0?this._activeItemIndex:0):super.focus(t)}focusItemAtIndex(t){t<0||this.setActiveItemIndex(t,!0)}getActiveItemIndex(){return this._activeItemIndex}setActiveItemIndex(t,e=!1){this._hasFocusableItem?(this._activeItemIndex=Math.max(0,Math.min(this.items.length-1,t)),this._isFocusable(this._activeItemIndex)||(this._activeItemIndex=this._firstFocusableIndex),this._applyActive(e)):this._activeItemIndex=-1}updateListItems(){this._recomputeFocusableIndexes(),(this._activeItemIndex>=this.items.length||!this._hasFocusableItem||this._activeItemIndex<0)&&(this._activeItemIndex=this._firstFocusableIndex),this._applyActive(!1)}_recomputeFocusableIndexes(){let t=-1,e=-1;for(let i=0;i<this.items.length;i++)this._isFocusable(i)&&(-1===t&&(t=i),e=i);this._firstFocusableIndex=t,this._lastFocusableIndex=e,this._hasFocusableItem=-1!==t}render(){return(0,a.qy)(d||(d=u`<div part="base" class="base"> <slot></slot> </div>`))}_isFocusable(t){const e=this.items[t];return!!e&&e.interactive&&!e.disabled}_applyActive(t){var e;(this.items.forEach((t,e)=>{t.interactive&&!t.disabled?t.tabIndex=e===this._activeItemIndex?0:-1:t.removeAttribute("tabindex")}),t&&this._activeItemIndex>=0)&&(null===(e=this.items[this._activeItemIndex])||void 0===e||e.focus())}_moveFocus(t,e){!this._hasFocusableItem||e<0||e===this._activeItemIndex||(t.preventDefault(),this._activeItemIndex=e,this._applyActive(!0))}_stepIndex(t,e){const i=this.items.length;if(!i||!this._hasFocusableItem)return t;let s=t;for(let a=0;a<i;a++){if(s+=e,s<0||s>=i){if(!this.wrapFocus)return t;s=(s+i)%i}if(this._isFocusable(s))return s}return t}constructor(...t){super(...t),this.wrapFocus=!1,this.ariaLabel=null,this.items=[],this.hostRole="list",this._activeItemIndex=-1,this._firstFocusableIndex=-1,this._lastFocusableIndex=-1,this._hasFocusableItem=!1,this._onItemRegister=t=>{t.stopPropagation();const e=t.detail.item;if(this.items.includes(e))return;const i=[...this.items,e];i.sort(l),this.items=i,this.updateListItems()},this._onItemUnregister=t=>{t.stopPropagation();const e=t.detail.item;this.items.includes(e)&&(this.items=this.items.filter(t=>t!==e),this.updateListItems())},this._onFocusIn=t=>{const e=t.composedPath();for(let i=0;i<this.items.length;i++)if(e.includes(this.items[i]))return void(i!==this._activeItemIndex&&(this._activeItemIndex=i,this._applyActive(!1)))},this._onForward=t=>{this._moveFocus(t,this._stepIndex(this._activeItemIndex,1))},this._onBack=t=>{this._moveFocus(t,this._stepIndex(this._activeItemIndex,-1))},this._onHome=t=>{this._moveFocus(t,this._firstFocusableIndex)},this._onEnd=t=>{this._moveFocus(t,this._lastFocusableIndex)},this._onActivate=t=>{if(!this._isFocusable(this._activeItemIndex))return;t.preventDefault();const e=this.items[this._activeItemIndex];e.activate(),(0,h.r)(this,"ha-list-activated",{index:this._activeItemIndex,item:e})}}}m.styles=(0,a.AH)(c||(c=u`:host{display:block}.base{display:flex;flex-direction:column;gap:var(--ha-list-gap,0);padding:var(--ha-list-padding,0);margin:0;list-style:none}`)),(0,s.Cg)([(0,o.MZ)({type:Boolean,attribute:"wrap-focus"})],m.prototype,"wrapFocus",void 0),(0,s.Cg)([(0,o.MZ)({type:String,attribute:"aria-label",reflect:!0})],m.prototype,"ariaLabel",void 0),m=(0,s.Cg)([(0,o.EM)("ha-list-base")],m)},83492:function(t,e,i){i(26910),i(18111),i(22489),i(7588),i(61701),i(17642),i(58004),i(33853),i(45876),i(32475),i(15024),i(31698),i(62953);var s=i(40445),a=i(67576),o=i(1087),n=i(86698),r=i(50723);class l extends r.N{connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onOptionClick),this.setAttribute("aria-multiselectable",this.multi?"true":"false")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this._onOptionClick)}updated(t){var e,i;if((super.updated(t),t.has("multi"))&&(this.setAttribute("aria-multiselectable",this.multi?"true":"false"),!this.multi&&(null!==(e=null===(i=this._selectedIndices)||void 0===i?void 0:i.size)&&void 0!==e?e:0)>1)){const t=Math.min(...this._selectedIndices);this._setSelection(new Set([t]))}}get selected(){var t,e;return this.multi?new Set(this._selectedIndices):0===(null!==(t=null===(e=this._selectedIndices)||void 0===e?void 0:e.size)&&void 0!==t?t:0)?-1:this._selectedIndices.values().next().value}get selectedItems(){return this._sortedSelectedIndices().map(t=>this.items[t]).filter(t=>!!t)}setSelected(t){const e="number"==typeof t?t<0?new Set:new Set([t]):new Set(t);if(!this.multi&&e.size>1){const t=Math.min(...e);return void this._setSelection(new Set([t]))}this._setSelection(e)}select(t){if(!(t<0))if(this.multi){const e=new Set(this._selectedIndices);e.add(t),this._setSelection(e)}else this._setSelection(new Set([t]))}toggle(t,e){if(!(t<0))if(this.multi){const i=new Set(this._selectedIndices),s=i.has(t);(void 0!==e?e:!s)?i.add(t):i.delete(t),this._setSelection(i)}else{const i=this._selectedIndices.has(t),s=void 0!==e?e:!i;this._setSelection(s?new Set([t]):new Set)}}clearSelection(){this._setSelection(new Set)}updateListItems(){super.updateListItems(),this._syncItemSelectedState(!0)}_sortedSelectedIndices(){return[...this._selectedIndices].sort((t,e)=>t-e)}_syncItemSelectedState(t=!1){if(!this._selectedIndices||t)return this._selectedIndices=new Set,void this.items.forEach((t,e)=>{t.selected&&this._selectedIndices.add(e)});this.items.forEach((t,e)=>{const i=t,s=this._selectedIndices.has(e);i.selected!==s&&(i.selected=s)})}_setSelection(t){const e=this._selectedIndices,i=new Set,s=new Set;if(t.forEach(t=>{e.has(t)||i.add(t)}),e.forEach(e=>{t.has(e)||s.add(e)}),!i.size&&!s.size)return;this._selectedIndices=t,this._syncItemSelectedState();const a=this.multi?{index:new Set(t),diff:{added:i,removed:s}}:{index:0===t.size?-1:t.values().next().value,diff:{added:i,removed:s}};(0,o.r)(this,"ha-list-selected",a)}constructor(...t){super(...t),this.multi=!1,this.hostRole="listbox",this._onOptionClick=t=>{const e=t.composedPath();for(const i of e){if(i===this)return;if(i instanceof n.C){const t=this.items.indexOf(i);if(t<0)return;if(this.items[t].disabled)return;return void(this.multi?this.toggle(t):this.select(t))}}}}}(0,s.Cg)([(0,a.MZ)({type:Boolean,reflect:!0})],l.prototype,"multi",void 0),l=(0,s.Cg)([(0,a.EM)("ha-list-selectable")],l)},69235:function(t,e,i){i.a(t,async function(t,e){try{i(3362),i(62953);"function"!=typeof window.ResizeObserver&&(window.ResizeObserver=(await i.e(71055).then(i.bind(i,52370))).default),e()}catch(s){e(s)}},1)},14503:function(t,e,i){i.d(e,{RF:function(){return u},dp:function(){return p},kO:function(){return v},nA:function(){return m},og:function(){return c}});var s=i(5124);let a,o,n,r,l,h,d=t=>t;const c=(0,s.AH)(a||(a=d`button.link{background:0 0;color:inherit;border:none;padding:0;font:inherit;text-align:left;text-decoration:underline;cursor:pointer;outline:0}`)),u=(0,s.AH)(o||(o=d`:host{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-m);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}app-header div[sticky]{height:48px}app-toolbar [main-title]{margin-left:20px;margin-inline-start:20px;margin-inline-end:initial}.header{transition:box-shadow .2s linear,width var(--ha-animation-duration-normal) ease,padding-left var(--ha-animation-duration-normal) ease,padding-right var(--ha-animation-duration-normal) ease} (prefers-reduced-motion:reduce){.header{transition:box-shadow .2s linear}}h1{font-family:var(--ha-font-family-heading);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-2xl);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed)}h2{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ha-font-size-xl);font-weight:var(--ha-font-weight-medium);line-height:var(--ha-line-height-normal)}h3{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-l);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}a{color:var(--primary-color)}.secondary{color:var(--secondary-text-color)}.error{color:var(--error-color)}.warning{color:var(--error-color)}${0} .card-actions a{text-decoration:none}.card-actions .warning{--mdc-theme-primary:var(--error-color)}.layout.horizontal,.layout.vertical{display:flex}.layout.inline{display:inline-flex}.layout.horizontal{flex-direction:row}.layout.vertical{flex-direction:column}.layout.wrap{flex-wrap:wrap}.layout.no-wrap{flex-wrap:nowrap}.layout.center,.layout.center-center{align-items:center}.layout.bottom{align-items:flex-end}.layout.center-center,.layout.center-justified{justify-content:center}.flex{flex:1;flex-basis:0.000000001px}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.layout.justified{justify-content:space-between}`),c),m=(0,s.AH)(n||(n=d`ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:400px;--mdc-dialog-max-width:600px;--mdc-dialog-max-width:min(600px, 95vw);--justify-action-buttons:space-between;--dialog-container-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--dialog-surface-padding:0px}ha-adaptive-dialog .form,ha-dialog .form{color:var(--primary-text-color)}a{color:var(--primary-color)} all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:100vw;--mdc-dialog-max-width:100vw;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--dialog-container-padding:0px;--dialog-surface-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--vertical-align-dialog:flex-end}ha-dialog{--ha-dialog-border-radius:var(--ha-border-radius-square)}}.error{color:var(--error-color)}`)),v=(0,s.AH)(r||(r=d`ha-adaptive-dialog,ha-dialog{--vertical-align-dialog:flex-start;--dialog-surface-margin-top:var(--ha-space-10);--mdc-dialog-max-height:calc(
100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--mdc-dialog-max-height:calc(
100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--ha-dialog-max-height:calc(
100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--ha-dialog-max-height:calc(
100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
)} all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--dialog-surface-margin-top:0px;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--ha-dialog-max-height:100vh;--ha-dialog-max-height:100svh}}`)),p=(0,s.AH)(l||(l=d`.ha-scrollbar::-webkit-scrollbar{width:.4rem;height:.4rem}.ha-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--ha-border-radius-sm);background:var(--scrollbar-thumb-color)}.ha-scrollbar{overflow-y:auto;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}`));(0,s.AH)(h||(h=d`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`))}}]);