${state.chromeUI ? F`` : F``} ${state.chromeUI ? F`` : F``} ${state.CONFIG.magicBar && !state.chromeUI ? F`` : F``}
{ if ( viewState.shouldHaveFocus && document.deepActiveElement != viewState.shouldHaveFocus ) { viewState.shouldHaveFocus.focus(); } } ]} bond=${[c => saveCanvas(c, _self), emulateNavigator, ...canvasBondTasks, async el => { const bbView = el.getRootNode().host; state.viewState.bbView = bbView; }]} b:passive:touchstart=${[elogit,/*H, */ /*retargetTouchScroll */ e => retargetTouchScrollToRemote(e,H,viewState)]} touchmove=${[ e => e.preventDefault(), elogit, /*H,*/ throttle(e => retargetTouchScrollToRemote(e,H,viewState), state.EVENT_THROTTLE_MS) ]} b:wheel=${throttle(H, state.EVENT_THROTTLE_MS)} b:passive:mousemove=${[elogit, throttle(H, state.EVENT_THROTTLE_MS)]} mousedown=${[elogit,H]} mouseup=${[elogit,H]} b:passive:pointermove=${[elogit, throttle(H, state.EVENT_THROTTLE_MS)]} pointerdown=${[ deviceIsMobile() ? e => startTimer(e, state.viewState) : iden, elogit, H ]} pointerup=${[ deviceIsMobile() ? e => endTimer(e, state.viewState) : iden, elogit, H ]} contextmenu=${[elogit, contextMenuEvent => { contextMenuEvent.preventDefault(); state.contextMenuActive = true; state.contextMenuEvent = contextMenuEvent; setState('bbpro', state); }]} > ${state.showBandwidthIssue ? F`` : F``} ${contextMenuActive ? F`` : F``}
viewState.modalComponent = el} state=bbpro class="${viewState.currentModal ? 'open' : ''}">
${DEBUG.useStraightAudioStream ? CONFIG.isOnion || globalThis.comingFromTOR || !globalThis.AudioContext ? F`` : F`` : DEBUG.includeAudioElementAnyway ? F`` : F`` } ${CONFIG.isOnion || true ? F`` : F`` } ${DEBUG.pluginsMenu && state.chromeUI ? subviews.PluginsMenu(state) : F``}