@vtbag/inspection-chamber
Version:
The Inspection Chamber is an in-browser development tool that gives you all the knobs and dials to interactively put your view transitions through their paces.
829 lines (798 loc) • 83.8 kB
JavaScript
"use strict";(()=>{var _=`<head>
<meta name="vtbag-inspection-chamber" content="true">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon">
<title></title>
<meta name="astro-view-transitions-enabled" content="true">
</head>
<body style="margin: 0; min-height:100dvh">
<div style="display: none" id="vtbot-loading-indicator"></div>
<iframe id="vtbag-main-frame" src="/"></iframe>
<div id="divider" class="divider"></div>
<button id="vtbag-ui-control-play">
<img
style="transform: scale(1.5)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMzYgMzYiPjxwYXRoIGZpbGw9ImRhcmtnb2xkZW5yb2QiIGQ9Ik0zMCA0SDZhMiAyIDAgMCAwLTIgMnYyNGEyIDIgMCAwIDAgMiAyaDI0YTIgMiAwIDAgMCAyLTJWNmEyIDIgMCAwIDAtMi0yTTIwIDdoMnYzaC0yWm0tNiAwaDJ2M2gtMlptLTQgMjJIOHYtM2gyWm0wLTE5SDhWN2gyWm02IDE5aC0ydi0zaDJabTYgMGgtMnYtM2gyWm0zLjE2LTEwLjE2bC05Ljc3IDQuMzZhMSAxIDAgMCAxLTEuMzktLjkydi04LjcxYTEgMSAwIDAgMSAxLjQxLS45MUwyNS4xNiAxN2ExIDEgMCAwIDEgMCAxLjg0TTI4IDI5aC0ydi0zaDJabTAtMTloLTJWN2gyWiIgY2xhc3M9ImNsci1pLXNvbGlkIGNsci1pLXNvbGlkLXBhdGgtMSIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMzZ2MzZIMHoiLz48L3N2Zz4=
">
</button>
<div id="vtbag-ui-panel">
<div id="vtbag-ui-messages" style="view-transition-name: vtbag-div-messages">
<h4>You are …</h4>
<p>… in the <b>Inspection Chamber</b> deep down at the bottom of <b>The Bag!</b></p>
<p>
<b>Select a mode</b> from <code>Bypass</code> (= no interception), <code>Slow Motion</code>,
<code>Full Control</code> or <code>Side-by-side Comparison</code>.
</p>
<p>
<b>Examine</b> the defined transitions by clicking on the names or select the "Frame
elements" toggle. Then <b>navigate</b> by clicking a link on your page.
</p>
<p>
Selecting an element with a view transition name copies its selector to the clipboard, ready
for pasting into the console of the browser's Developer tools.
</p>
<p>
Active view transitions show a <i>play indicator</i> ([>]) in the top left corner of the
viewport. Clicking it ends the transition.
</p>
<p>
View transitions are also canceled when the
<a href="https://github.com/w3c/csswg-drafts/issues/8045">size or orientation</a> of the
window changes.
</p>
<p>You can resize the side panel by dragging the border.</p>
<p style="margin-bottom: 0">
You can click the heading of a sub-panel to enlarge or shrink it.
</p>
</div>
<div id="vtbag-ui-modi" style="view-transition-name: vtbag-div-modi">
<h4>Select Mode:</h4>
<ul>
<li>
<input type="radio" name="vtbag-m-rg" id="vtbag-m-bypass"><label for="vtbag-m-bypass"
><span style="display: inline-block; width: 7em; padding-left: 0.7em"> Bypass</span
><img
style="transform: scale(1.5) translateY(1px)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxkZWZzPjxzeW1ib2wgaWQ9ImxpbmVNZENvZ09mZkxvb3AwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xNS4yNCA2LjM3QzE1LjY1IDYuNiAxNi4wNCA2Ljg4IDE2LjM4IDcuMkMxNi42IDcuNCAxNi44IDcuNjEgMTYuOTkgNy44M0MxNy40NiA4LjQgMTcuODUgOS4wNSAxOC4xMSA5Ljc3QzE4LjIgMTAuMDMgMTguMjggMTAuMzEgMTguMzUgMTAuNTlDMTguNDUgMTEuMDQgMTguNSAxMS41MiAxOC41IDEyIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9ImQiIGJlZ2luPSIwLjhzIiBkdXI9IjAuMnMiIHZhbHVlcz0iTTE1LjI0IDYuMzdDMTUuNjUgNi42IDE2LjA0IDYuODggMTYuMzggNy4yQzE2LjYgNy40IDE2LjggNy42MSAxNi45OSA3LjgzQzE3LjQ2IDguNCAxNy44NSA5LjA1IDE4LjExIDkuNzdDMTguMiAxMC4wMyAxOC4yOCAxMC4zMSAxOC4zNSAxMC41OUMxOC40NSAxMS4wNCAxOC41IDExLjUyIDE4LjUgMTI7TTE1LjI0IDYuMzdDMTUuNjUgNi42IDE2LjA0IDYuODggMTYuMzggNy4yQzE2LjM4IDcuMiAxOSA2LjEyIDE5LjAxIDYuMTRDMTkuMDEgNi4xNCAyMC41NyA4Ljg0IDIwLjU3IDguODRDMjAuNTggOC44NyAxOC4zNSAxMC41OSAxOC4zNSAxMC41OUMxOC40NSAxMS4wNCAxOC41IDExLjUyIDE4LjUgMTIiLz48L3BhdGg+PC9zeW1ib2w+PG1hc2sgaWQ9ImxpbmVNZENvZ09mZkxvb3AxIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMiI+PGcgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBzdHJva2UtZGFzaGFycmF5PSI0MiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjQyIiBkPSJNMTIgNS41QzE1LjU5IDUuNSAxOC41IDguNDEgMTguNSAxMkMxOC41IDE1LjU5IDE1LjU5IDE4LjUgMTIgMTguNUM4LjQxIDE4LjUgNS41IDE1LjU5IDUuNSAxMkM1LjUgOC40MSA4LjQxIDUuNSAxMiA1LjV6IiBvcGFjaXR5PSIwIj48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMC4ycyIgZHVyPSIwLjVzIiB2YWx1ZXM9IjQyOzAiLz48c2V0IGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGJlZ2luPSIwLjJzIiB0bz0iMSIvPjxzZXQgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgYmVnaW49IjAuN3MiIHRvPSIwIi8+PC9wYXRoPjxwYXRoIHN0cm9rZS1kYXNoYXJyYXk9IjIwIiBzdHJva2UtZGFzaG9mZnNldD0iMjAiIGQ9Ik0xMiA5QzEzLjY2IDkgMTUgMTAuMzQgMTUgMTJDMTUgMTMuNjYgMTMuNjYgMTUgMTIgMTVDMTAuMzQgMTUgOSAxMy42NiA5IDEyQzkgMTAuMzQgMTAuMzQgOSAxMiA5eiI+PGFuaW1hdGUgZmlsbD0iZnJlZXplIiBhdHRyaWJ1dGVOYW1lPSJzdHJva2UtZGFzaG9mZnNldCIgZHVyPSIwLjJzIiB2YWx1ZXM9IjIwOzAiLz48L3BhdGg+PC9nPjxnIG9wYWNpdHk9IjAiPjx1c2UgaHJlZj0iI2xpbmVNZENvZ09mZkxvb3AwIi8+PHVzZSBocmVmPSIjbGluZU1kQ29nT2ZmTG9vcDAiIHRyYW5zZm9ybT0icm90YXRlKDYwIDEyIDEyKSIvPjx1c2UgaHJlZj0iI2xpbmVNZENvZ09mZkxvb3AwIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjAgMTIgMTIpIi8+PHVzZSBocmVmPSIjbGluZU1kQ29nT2ZmTG9vcDAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxMiAxMikiLz48dXNlIGhyZWY9IiNsaW5lTWRDb2dPZmZMb29wMCIgdHJhbnNmb3JtPSJyb3RhdGUoMjQwIDEyIDEyKSIvPjx1c2UgaHJlZj0iI2xpbmVNZENvZ09mZkxvb3AwIiB0cmFuc2Zvcm09InJvdGF0ZSgzMDAgMTIgMTIpIi8+PHNldCBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBiZWdpbj0iMC43cyIgdG89IjEiLz48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGR1cj0iMzBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSIgdHlwZT0icm90YXRlIiB2YWx1ZXM9IjAgMTIgMTI7MzYwIDEyIDEyIi8+PC9nPjwvZz48ZyBmaWxsPSJub25lIiBzdHJva2UtZGFzaGFycmF5PSIyNiIgc3Ryb2tlLWRhc2hvZmZzZXQ9IjI2IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgdHJhbnNmb3JtPSJyb3RhdGUoNDUgMTIgMTIpIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik0wIDExaDI0Ii8+PHBhdGggc3Ryb2tlPSIjZmZmIiBkPSJNMCAxM2gyNCI+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0iZCIgZHVyPSI2cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIHZhbHVlcz0iTS0xIDEzaDI0O00xIDEzaDI0O00tMSAxM2gyNCIvPjwvcGF0aD48YW5pbWF0ZSBmaWxsPSJmcmVlemUiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iMS4xcyIgZHVyPSIwLjJzIiB2YWx1ZXM9IjI2OzAiLz48L2c+PC9tYXNrPjwvZGVmcz48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiM4ODgiIG1hc2s9InVybCgjbGluZU1kQ29nT2ZmTG9vcDEpIi8+PC9zdmc+
"></label>
</li>
<li>
<input type="radio" name="vtbag-m-rg" id="vtbag-m-slow-motion"><label
for="vtbag-m-slow-motion"
><span style="display: inline-block; width: 7em; padding-left: 0.7em"> Slow Motion</span
><img
style="transform: scale(1.5)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iIzg4OCIgZD0iTTQyNS41IDc0LjMxM2MtOC44OTUgMC0xNi4zNSA2LjIxLTE4LjI1IDE0LjUzYy04LjU5MyAzLjctMTUuMTk1IDEwLjYxNy0xOS4wMyAxOC44MTNjLTUuMjU0IDExLjIyMy02Ljg0OCAyNC42NDgtNy4xNTggMzkuMzEzYy0uNTI1IDI0LjkwNCAyLjk5IDUzLjczIDQuNTMyIDc5LjAzYy0xLjc4MiAxNC42NjYtNC44NjcgMjguNTE4LTkuMDYzIDQxLjQwNmMyLjg0IDE3LjkzNCAzLjM5IDM2LjQ4Ny45NCA1NS4xODhjLTUuMDE3IDM4LjI4Ni0zNi41MiA2MS4xMzQtNzAuMjIgNjcuOTM3Yy0zMS4wNDggNi4yNy02NS4zMTIuNDItODcuNjU2LTE5LjQwNWMtMzQuNzUyIDIyLjYxLTc2LjY0NiAyOC41NzgtMTEyLjQwNiAxNi41OTRjLTQyLjA0OCAxNi4yNDgtNzQuNTMgMzguODI2LTg3LjYyNiA2MS40MzZIMzQxLjI1YzEwMy4xMDUgMCAxMzcuOTUyLTEwNy44ODggMTExLjQwNi0yMjUuNTNjLS4wMTguMDIzLS4wNDQuMDM4LS4wNjIuMDZjLTUuNzEtNDAuODUzLjk4LTcwLjQ1IDE0LjkwNi04OC45MDVhMTguNiAxOC42IDAgMCAwIDYuMjUgMS4wOTVjMTAuMzMzIDAgMTguNjg4LTguMzg2IDE4LjY4OC0xOC43MmMwLTEwLjMzMi04LjM1NS0xOC43MTgtMTguNjg4LTE4LjcxOHMtMTguNzIgOC4zODYtMTguNzIgMTguNzJjMCAxLjAxNy4wOTUgMS45OTQuMjUgMi45NjhjLTIxLjI0MiAyNS4xNjUtMjguODU0IDY1LjcwOC0xOS4yNSAxMTcuOTA2Yy0xMC4yOTYgNC44MzYtMjEuMTUyIDIuODc4LTMxLjQzNi02Ljc1Yy0xLjI4Ni0yOC4wMDItNS4zNjQtNTkuMjctNC44NDQtODMuOTA1Yy4yODMtMTMuNDA1IDIuMDctMjQuNzIgNS4zNzUtMzEuNzhjMi4xLTQuNDkgNC4yMjItNy4zNDQgNy40Ny05LjAzMmMzLjM1NSAzLjE5NiA3LjkwNCA1LjE4NyAxMi45MDUgNS4xODdjMTAuMzMzIDAgMTguNjg4LTguMzg2IDE4LjY4OC0xOC43MmMwLTEwLjMzMi04LjM1NS0xOC43MTgtMTguNjg4LTE4LjcxOE0xOTMuMzQ0IDEwNi4yNWMtMi4xOTYtLjAxLTQuMzk4LjAzNi02LjU5NC4xMjVjLTM1LjE0MyAxLjQyLTcwLjE0MiAxNS40NzUtOTkuMDYzIDQxLjI1Yy01Ni43MyA1MC41NTgtNTkuNDMgMTQ0LjU5LTkuMTg3IDIwMS4xMjVjMzguNjQ4IDM4LjMgMTA2Ljg1NiAzNC43OSAxNTEuNS05Ljg0NGMzNy43MTItMzcuNjEgNDAuNjEtOTQuOTc3IDguNzgtMTI3Yy0yMi4xLTIyLjIzLTYwLjk5Ni0yNC44MTctODUuODQzIDEuMTg4Yy01LjUzNCA1Ljc5LTguOTggMTYuMDItOC45MDYgMjYuOTA2Yy4wNzYgMTAuODg3IDMuNjUzIDIyLjAwMyA5LjUzMiAyOS4wNjNjMy41OTMgNC4zMTMgMTAuNjI1IDguNDc2IDE4LjUgMTAuNDY4YzQuNjg3IDEuMTg3IDkuNTk2IDEuNTggMTQuMDk0IDEuMjVjMTMuMTk1LS4yMjggMjYuMTU2LTkuMDEgMjYuMTU2LTI2LjYyNGMwLTE1LjcyLTEwLjMzMi0yNC40MjgtMjEuOTM3LTI2LjI4YzcuNzczLS42OTcgMTQuNzgzLjYxOCAyMC41OTQgMy44MWM4LjUxIDQuNjc4IDEzLjY5IDEyLjk0NCAxNS40NjggMjEuNTMzYzMuNTIgMTYuOTk1LTUuNDc4IDM3LjEyNS0yNS40MDcgNDMuMzQzbC4wMzIuMDYyYy0uMTYyLjA2LS4zMzcuMDY3LS41LjEyNWMtLjA0Ni4wMTQtLjA3OC4wNS0uMTI1LjA2M2MtMTAuNTcyIDMuNzUzLTIyLjIwMiAzLjU2Ny0zMi45NjguODQzYy0xMC45NzctMi43NzYtMjEuMjM4LTguMTY3LTI4LjI4Mi0xNi42MjVjLTkuNDE4LTExLjMwNi0xMy43NDQtMjYuMjIyLTEzLjg0NC00MC44NzRzNC4wMS0yOS40NTMgMTQuMDYyLTM5Ljk3YzMyLjAzLTMzLjUyIDgzLjI2My0zMSAxMTIuNjI1LTEuNDY3YzM5Ljk4IDQwLjIyIDM1LjI4MiAxMDkuMzUyLTguODQzIDE1My4zNzR2LjAzYy0yLjYyNyAyLjYyNy01LjM4NCA1LjA1Ni04LjE1NiA3LjQzOGMxNy4wMTcgMTIuNyA0NC4wMjIgMTcuNjA1IDY4LjUzMiAxMi42NTdjMjguMjU2LTUuNzA2IDUxLjUyNC0yMi42NjcgNTUuMzc1LTUyLjA2NGM5LjQ5Mi03Mi40NTUtMzQuMjE1LTE0Ny4zNDItNzIuMjUtMTc5LjI1Yy0yNy42NjMtMjMuMjEtNjAuNDAyLTM0LjUwNi05My4zNDMtMzQuNjU2eiIvPjwvc3ZnPg==
"></label>
</li>
<li>
<input type="radio" name="vtbag-m-rg" id="vtbag-m-full-control"><label
for="vtbag-m-full-control"
><span style="display: inline-block; width: 6.7em; padding-left: 0.7em">
Full Control</span
>
<img
class="horizontal"
style="transform: scale(1.5)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjUgMWEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLTEgMFY0SDEuNWEuNS41IDAgMCAxIDAtMUgxMFYxLjVhLjUuNSAwIDAgMSAuNS0uNU0xMiAzLjVhLjUuNSAwIDAgMSAuNS0uNWgyYS41LjUgMCAwIDEgMCAxaC0yYS41LjUgMCAwIDEtLjUtLjVtLTYuNSAyQS41LjUgMCAwIDEgNiA2djEuNWg4LjVhLjUuNSAwIDAgMSAwIDFINlYxMGEuNS41IDAgMCAxLTEgMFY2YS41LjUgMCAwIDEgLjUtLjVNMSA4YS41LjUgMCAwIDEgLjUtLjVoMmEuNS41IDAgMCAxIDAgMWgtMkEuNS41IDAgMCAxIDEgOG05LjUgMmEuNS41IDAgMCAxIC41LjV2NGEuNS41IDAgMCAxLTEgMFYxM0gxLjVhLjUuNSAwIDAgMSAwLTFIMTB2LTEuNWEuNS41IDAgMCAxIC41LS41bTEuNSAyLjVhLjUuNSAwIDAgMSAuNS0uNWgyYS41LjUgMCAwIDEgMCAxaC0yYS41LjUgMCAwIDEtLjUtLjUiLz48L3N2Zz4=
"><img
class="vertical"
style="transform: scale(1.5)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTYgMTYiPjxwYXRoIGZpbGw9IiM4ODgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTAgMTAuNWEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAwIDAtMUgzVjEuNWEuNS41IDAgMCAwLTEgMFYxMEguNWEuNS41IDAgMCAwLS41LjVNMi41IDEyYS41LjUgMCAwIDAtLjUuNXYyYS41LjUgMCAwIDAgMSAwdi0yYS41LjUgMCAwIDAtLjUtLjVtMy02LjVBLjUuNSAwIDAgMCA2IDZoMS41djguNWEuNS41IDAgMCAwIDEgMFY2SDEwYS41LjUgMCAwIDAgMC0xSDZhLjUuNSAwIDAgMC0uNS41TTggMWEuNS41IDAgMCAwLS41LjV2MmEuNS41IDAgMCAwIDEgMHYtMkEuNS41IDAgMCAwIDggMW0zIDkuNWEuNS41IDAgMCAwIC41LjVoNGEuNS41IDAgMCAwIDAtMUgxNFYxLjVhLjUuNSAwIDAgMC0xIDBWMTBoLTEuNWEuNS41IDAgMCAwLS41LjVtMi41IDEuNWEuNS41IDAgMCAwLS41LjV2MmEuNS41IDAgMCAwIDEgMHYtMmEuNS41IDAgMCAwLS41LS41Ii8+PC9zdmc+
"></label>
</li>
<li>
<input disabled type="radio" name="vtbag-m-rg" id="vtbag-m-compare"><label
for="vtbag-m-compare"
><span
title="Coming soon!"
style="color: #888; display: inline-block; width: 7em; padding-left: 0.7em"
>
Side-by-side</span
><img
style="transform: scale(1.5)"
src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg4OCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zIDcuNFYzLjZhLjYuNiAwIDAgMSAuNi0uNmg1LjhhLjYuNiAwIDAgMSAuNi42djMuOGEuNi42IDAgMCAxLS42LjZIMy42YS42LjYgMCAwIDEtLjYtLjZabTExIDEzdi0zLjhhLjYuNiAwIDAgMSAuNi0uNmg1LjhhLjYuNiAwIDAgMSAuNi42djMuOGEuNi42IDAgMCAxLS42LjZoLTUuOGEuNi42IDAgMCAxLS42LS42Wm0wLThWMy42YS42LjYgMCAwIDEgLjYtLjZoNS44YS42LjYgMCAwIDEgLjYuNnY4LjhhLjYuNiAwIDAgMS0uNi42aC01LjhhLjYuNiAwIDAgMS0uNi0uNlptLTExIDh2LTguOGEuNi42IDAgMCAxIC42LS42aDUuOGEuNi42IDAgMCAxIC42LjZ2OC44YS42LjYgMCAwIDEtLjYuNkgzLjZhLjYuNiAwIDAgMS0uNi0uNloiLz48L3N2Zz4=
"></label>
</li>
</ul>
<div>
<hr>
<input style="padding-left: 4ex" id="vtbag-tutorial-mode" type="checkbox">
<label
for="vtbag-tutorial-mode"
title="Display usage instructions prominently in the enlarged inner sub-panel."
>Tutorial Mode</label
>
</div>
</div>
<div id="vtbag-ui-slow-motion" style="view-transition-name: vtbag-div-slo-mo">
<h4>Slow Motion:<span id="vtbag-ui-slo-mo-progress"></span></h4>
<label for="vtbag-ui-slo-mo">Time stretch Factor: <span id="vtbag-ui-tsf">10.0</span></label
><br>
<input
id="vtbag-ui-slo-mo"
data-vtbag-slow-motion="1.0"
type="range"
min="264"
max="852"
value="692">
<div style="view-transition-name: vtbag-checkbox-styled">
<input id="vtbag-ui-framed" type="checkbox">
<label
for="vtbag-ui-framed"
title="Highlight the outline of elements with view transition names or their pseudo elements during view transitions."
>Frame elements</label
><br>
<input id="vtbag-ui-named-only" type="checkbox">
<label
for="vtbag-ui-named-only"
title="When selected, only elements with a view transition name can be clicked for identification or to start a view transition. This is helpful if named elements are hidden beneath others."
>Named elements only</label
>
</div>
</div>
<div id="vtbag-ui-control" style="view-transition-name: vtbag-div-control">
<h4>Full Control:</h4>
<p id="vtbag-ui-control-hint">Start a transition to activate</p>
<p id="vtbag-ui-control-hint2">Select animations, then …</p>
<label for="vtbag-ui-controller2">Unselected: </label
><span id="vtbag-ui-progress2">0</span> ms<br>
<input type="range" id="vtbag-ui-controller2" min="0" max="100" value="0">
<div style="display: flex; justify-content: space-between; transform: translateY(-10px)">
<span>0</span><span id="vtbag-ui-controller-max">100%</span>
</div>
<label for="vtbag-ui-controller">Selected:</label>
<span id="vtbag-ui-progress">0</span> ms<br>
<input type="range" id="vtbag-ui-controller" min="0" max="100" value="0">
<button id="vtbag-ui-control-exit">Exit</button>
</div>
<div
title="Select names (During transition: Click colored patches to hides images)"
id="vtbag-ui-names"
style="view-transition-name: vtbag-div-names"
>
<h4>Elements w/ View Transition Names</h4>
<div style="display: none; justify-content: space-between">
<span id="vtbag-ui-names-old" class="button">old</span
><span
><input id="vtbag-ui-visible-only" type="checkbox" checked>
<label for="vtbag-ui-visible-only">in viewport</label></span
><span id="vtbag-ui-names-new" class="button">new</span>
</div>
<ol></ol>
<button title="Reset selection">Reset</button>
</div>
<div id="vtbag-ui-animations" style="view-transition-name: vtbag-div-animations"></div>
<div id="vtbag-ui-filter" style="view-transition-name: vtbag-div-filter">
<h4>Filter Names:</h4>
<ul>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-all" checked><label for="vtbag-c-all"
><span style="color: var(--vtbag-background-accent)">\u2588</span
><span style="color: var(--vtbag-background-accent)">\u2588</span> Show all names</label
>
</li>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-old"><label for="vtbag-c-old"
><span style="color: darkslateblue">\u2588</span
><span style="color: var(--vtbag-background-accent)">\u2588</span> On old page</label
>
</li>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-new"><label for="vtbag-c-new"
><span style="color: var(--vtbag-background-accent)">\u2588</span
><span style="color: darkolivegreen">\u2588</span> On new page</label
>
</li>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-old-only"><label
for="vtbag-c-old-only"
><span style="color: darkslateblue">\u2588</span
><span style="color: transparent">\u2588</span> Only on old page</label
>
</li>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-new-only"><label
for="vtbag-c-new-only"
><span style="color: transparent">\u2588</span
><span style="color: darkolivegreen">\u2588</span> Only on new page</label
>
</li>
<li>
<input type="radio" name="vtbag-c-rg" id="vtbag-c-both"><label for="vtbag-c-both"
><span style="color: darkslateblue">\u2588</span
><span style="color: darkolivegreen">\u2588</span> On both pages</label
>
</li>
</ul>
<form style="view-transition-name: narrow">
<label for="narrow">Narrow to:</label><br><input
id="narrow"
type="text"
placeholder="Fragment">
</form>
<button title="Reset filters">Reset</button>
</div>
<div id="vtbag-ui-info" style="view-transition-name: vtbag-div-info"></div>
</div>
<button
id="vtbag-ui-light-dark"
style="view-transition-name: vtbag-button-mode"
title="Switch light/dark mode"
>
\u25D1
</button>
<button
id="vtbag-ui-turn"
title="Switch panel orientation
(may also cancel view transitions)"
style="view-transition-name: vtbag-button-turn"
>
\u292A
</button>
<button id="vtbag-ui-standby" title="Standby" style="view-transition-name: vtbag-button-standby">
\u{1F5D5}
</button>
<div
id="vtbag-ui-inner-panel"
style="
display: none;
position: fixed;
left: 25vw;
top: 25vh;
width: 50vw;
height: 50vh;
overflow: hidden;
background-color: #0000;
padding: 0.5em;
scrollbar-gutter: unset;
"
>
<div
id="vtbag-ui-move"
style="
width: calc(100% - 3ex);
height: 1ex;
background-image: repeating-linear-gradient(180deg, #aaa, #0000 2px, #666 2px, #0000 4px);
cursor: move;
"
></div>
<div
id="vtbag-ui-inner-panel-close"
style="position: absolute; right: 1ex; top: 1ex; height: 1ex; width: 3ex"
>
<div style="position: relative; border: none; transform: translate(-0.9ex, -1.5ex)">\u2796</div>
</div>
<!--Content will be inserted here-->
<div style="width: calc(100% - 2ex); height: 3ex; position: absolute; left: 1ex">
<input
type="range"
id="vtbag-ui-opacity"
style="height: 1ex; width: calc(100% - 5ex); padding: 0; margin: 0"
value="97"
min="20">
</div>
<div
id="vtbag-ui-resize"
style="
width: 3ex;
height: 3ex;
background-image: repeating-linear-gradient(
-35deg,
#aaa,
#0000 20px,
#666 20px,
#0000 40px
);
position: absolute;
right: 1ex;
cursor: nwse-resize;
"
></div>
</div>
<style>
#vtbag-ui-inner-panel,
#vtbag-ui-panel,
#vtbag-ui-inner-panel *,
#vtbag-ui-panel :where(*, ::before, ::after) {
box-sizing: border-box;
}
#vtbag-ui-panel
:where(
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section
) {
display: block;
}
#vtbag-ui-inner-panel
:where(
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section
) {
display: block;
}
img {
display: inline-block;
border-style: none;
}
button {
padding-left: 6px;
padding-right: 6px;
}
#vtbag-ui-inner-panel,
#vtbag-ui-panel {
--vtbag-name-border-width: 20px;
}
#vtbag-ui-panel ~ button {
border-radius: 6px;
border: 0;
margin: 0;
position: fixed;
color: white;
background-color: darkolivegreen;
}
.button {
border: 1px solid #888;
border-radius: 5px;
padding: 0.25rem;
cursor: pointer;
}
:root.vtbag-vt-active #vtbag-ui-panel ~ #vtbag-ui-turn {
background-color: darkgoldenrod;
}
#vtbag-ui-standby {
padding-bottom: 4pt;
cursor: pointer;
right: 11px;
}
#vtbag-ui-panel ~ #vtbag-ui-standby {
background-color: darkgoldenrod;
}
#vtbag-ui-turn {
padding-top: 4pt;
padding-bottom: 2pt;
cursor: pointer;
right: 40px;
color: white;
}
#vtbag-ui-light-dark {
padding-top: 4pt;
padding-bottom: 2pt;
cursor: pointer;
right: 67px;
color: white;
}
:root.vtbag-ui-tl:not(.vtbag-ui-column) #vtbag-ui-panel ~ button {
bottom: calc(100vh - var(--vtbag-panel-height) - 6px);
}
:root.vtbag-ui-tl.vtbag-ui-column #vtbag-ui-standby {
right: calc(100vw - var(--vtbag-panel-width) - 11px);
}
:root.vtbag-ui-tl.vtbag-ui-column #vtbag-ui-turn {
right: calc(100vw - var(--vtbag-panel-width) + 18px);
}
:root.vtbag-ui-tl.vtbag-ui-column #vtbag-ui-light-dark {
right: calc(100vw - var(--vtbag-panel-width) + 45px);
}
#vtbag-ui-panel > div > h4 {
cursor: zoom-in;
}
#vtbag-ui-inner-panel > div > h4,
#vtbag-ui-inner-panel-close {
cursor: zoom-out;
}
#vtbag-ui-inner-panel > div {
padding: 6px;
margin: 0px;
border: 1px solid #888;
}
#vtbag-ui-inner-panel > div:nth-of-type(3) {
padding: 8px;
min-width: 100%;
height: calc(100% - 6ex);
overflow: auto;
}
#vtbag-ui-opacity {
transform: translate(8px, -5px);
accent-color: #888888;
}
#vtbag-ui-panel > div {
padding: 8px;
margin: 4px;
border: 1px solid #888;
min-width: 180px;
min-height: 212px;
overflow: auto;
}
#vtbag-ui-panel > #vtbag-ui-modi {
min-width: 160px;
min-height: 240px;
}
#vtbag-ui-animations,
#vtbag-ui-messages {
min-height: 120px;
hyphens: auto;
flex-grow: 1;
}
#vtbag-ui-animations,
#vtbag-ui-messages {
overflow-y: auto;
}
:root:not(.vtbag-ui-column) #vtbag-ui-panel > div {
min-height: 160px;
}
#vtbag-ui-panel div.hidden {
display: none;
}
#vtbag-ui-names,
#vtbag-ui-filter,
#vtbag-ui-control {
position: relative;
}
#vtbag-ui-panel #vtbag-ui-filter {
min-width: 190px;
}
#vtbag-ui-control button,
#vtbag-ui-names button,
#vtbag-ui-filter button {
cursor: pointer;
padding-bottom: 3pt;
border: 1px solid #888;
margin: 0;
position: absolute;
top: 0;
right: 0;
border-bottom-left-radius: 6px;
}
#vtbag-ui-control-hint {
color: goldenrod;
}
#vtbag-ui-control-hint2,
:root.vtbag-vt-active #vtbag-ui-control-hint {
display: none;
}
:root.vtbag-vt-active #vtbag-ui-control-hint2 {
display: block;
}
#vtbag-ui-controller,
#vtbag-ui-controller2 {
accent-color: #888888;
cursor: not-allowed;
pointer-events: none;
}
:root.vtbag-vt-active #vtbag-ui-controller,
:root.vtbag-vt-active #vtbag-ui-controller2 {
cursor: unset;
pointer-events: unset;
accent-color: unset;
}
#vtbag-ui-messages ol {
padding-left: 16pt;
}
#vtbag-ui-messages li {
padding: 4px 0;
}
#vtbag-ui-names {
display: flex;
flex-direction: column;
}
#vtbag-ui-names ol {
border: 1pt dashed grey;
padding-right: 0px;
padding-left: 0px;
margin: 8px;
overflow-y: auto;
width: calc(100% - 16px);
flex-grow: 1;
list-style-type: none;
}
#vtbag-ui-panel li,
#vtbag-ui-inner-panel li {
margin-bottom: 8px;
}
#vtbag-ui-names ol li {
cursor: pointer;
padding: 2pt 8pt;
border-left: var(--vtbag-name-border-width) solid transparent;
border-right: var(--vtbag-name-border-width) solid transparent;
word-break: break-all;
}
#vtbag-ui-names ol li.old {
border-left: var(--vtbag-name-border-width) solid darkslateblue;
}
#vtbag-ui-names li {
position: relative;
margin-bottom: 1px;
}
#vtbag-ui-names li.old-hidden::before {
top: 50%;
transform: scale(0.9) translateY(-50%);
left: -18px;
display: inline;
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImRhcmtnb2xkZW5yb2QiIGQ9Ik0yIDUuMjdMMy4yOCA0TDIwIDIwLjcyTDE4LjczIDIybC0zLjA4LTMuMDhjLTEuMTUuMzgtMi4zNy41OC0zLjY1LjU4Yy01IDAtOS4yNy0zLjExLTExLTcuNWMuNjktMS43NiAxLjc5LTMuMzEgMy4xOS00LjU0ek0xMiA5YTMgMyAwIDAgMSAzIDNhMyAzIDAgMCAxLS4xNyAxTDExIDkuMTdBMyAzIDAgMCAxIDEyIDltMC00LjVjNSAwIDkuMjcgMy4xMSAxMSA3LjVhMTEuOCAxMS44IDAgMCAxLTQgNS4xOWwtMS40Mi0xLjQzQTkuODYgOS44NiAwIDAgMCAyMC44MiAxMkE5LjgyIDkuODIgMCAwIDAgMTIgNi41Yy0xLjA5IDAtMi4xNi4xOC0zLjE2LjVMNy4zIDUuNDdjMS40NC0uNjIgMy4wMy0uOTcgNC43LS45N00zLjE4IDEyQTkuODIgOS44MiAwIDAgMCAxMiAxNy41Yy42OSAwIDEuMzctLjA3IDItLjIxTDExLjcyIDE1QTMuMDY0IDMuMDY0IDAgMCAxIDkgMTIuMjhMNS42IDguODdjLS45OS44NS0xLjgyIDEuOTEtMi40MiAzLjEzIi8+PC9zdmc+');
position: absolute;
}
#vtbag-ui-names li.new-hidden::after {
top: 50%;
transform: scale(0.9) translateY(-50%);
right: -18px;
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwYXRoIGZpbGw9ImRhcmtnb2xkZW5yb2QiIGQ9Ik0yIDUuMjdMMy4yOCA0TDIwIDIwLjcyTDE4LjczIDIybC0zLjA4LTMuMDhjLTEuMTUuMzgtMi4zNy41OC0zLjY1LjU4Yy01IDAtOS4yNy0zLjExLTExLTcuNWMuNjktMS43NiAxLjc5LTMuMzEgMy4xOS00LjU0ek0xMiA5YTMgMyAwIDAgMSAzIDNhMyAzIDAgMCAxLS4xNyAxTDExIDkuMTdBMyAzIDAgMCAxIDEyIDltMC00LjVjNSAwIDkuMjcgMy4xMSAxMSA3LjVhMTEuOCAxMS44IDAgMCAxLTQgNS4xOWwtMS40Mi0xLjQzQTkuODYgOS44NiAwIDAgMCAyMC44MiAxMkE5LjgyIDkuODIgMCAwIDAgMTIgNi41Yy0xLjA5IDAtMi4xNi4xOC0zLjE2LjVMNy4zIDUuNDdjMS40NC0uNjIgMy4wMy0uOTcgNC43LS45N00zLjE4IDEyQTkuODIgOS44MiAwIDAgMCAxMiAxNy41Yy42OSAwIDEuMzctLjA3IDItLjIxTDExLjcyIDE1QTMuMDY0IDMuMDY0IDAgMCAxIDkgMTIuMjhMNS42IDguODdjLS45OS44NS0xLjgyIDEuOTEtMi40MiAzLjEzIi8+PC9zdmc+');
position: absolute;
}
#vtbag-ui-names ol li.old-invisible {
border-left: var(--vtbag-name-border-width) solid darkgoldenrod;
}
#vtbag-ui-names ol li.new {
border-right: var(--vtbag-name-border-width) solid darkolivegreen;
}
#vtbag-ui-names ol li.new-invisible {
border-right: var(--vtbag-name-border-width) solid darkgoldenrod;
}
#vtbag-ui-names ol li.selected {
background-color: var(--vtbag-background-accent);
}
:root.vtbag-vt-active #vtbag-ui-names li.invisible {
color: #888;
}
:root.vtbag-vt-active #vtbag-ui-names:has(input:checked) li.invisible {
border-top: 1pt dotted grey;
font-size: 0;
padding: 0;
}
#vtbag-ui-filter ul {
list-style-type: none;
margin: 8px 0 8px 0;
padding-left: 0;
}
#vtbag-ui-filter ul label {
margin-left: 8px;
margin-right: 8px;
}
#vtbag-ui-filter > label {
margin-left: 5px;
}
#vtbag-ui-filter input[type='text'] {
margin-top: 5px;
width: 10em;
}
#vtbag-ui-filter input[type='text']:not(:placeholder-shown) {
border: 1pt solid darkgoldenrod;
}
#vtbag-ui-inner-panel > div > *:first-child,
#vtbag-ui-panel > div > *:first-child {
margin-top: 0;
}
#vtbag-ui-modi {
display: flex;
flex-direction: column;
}
#vtbag-ui-modi ul {
padding-right: 8px;
padding-left: 0px;
margin: 8px 0 8px 0;
list-style-type: none;
}
:root:not(.vtbag-ui-column) #vtbag-ui-panel ~ button {
/* bottom: calc(var(--vtbag-panel-height, 226px) - 14px);*/
bottom: 6px;
}
#vtbag-ui-inner-panel,
#vtbag-ui-panel {
background-color: #4861;
accent-color: darkolivegreen;
scrollbar-gutter: stable;
display: flex;
flex-direction: row;
font-family: sans-serif;
font-size: 12px;
width: 100vw;
height: var(--vtbag-panel-height, 226px);
margin: 0px;
min-height: fit-content;
border: 0px solid red;
overflow: auto;
box-sizing: border-box;
}
:root.vtbag-ui-column {
#vtbag-ui-panel {
flex-direction: column;
height: 100vh;
min-height: unset;
width: var(--vtbag-panel-width, 216px);
}
.horizontal {
display: none;
}
}
:root:not(.vtbag-ui-column) {
.vertical {
display: none;
}
}
#vtbag-ui-animations:empty,
#vtbag-ui-info:empty {
display: none;
}
:root:not([data-vtbag-modus='slow-motion']) #vtbag-ui-slow-motion {
display: none;
}
:root:not([data-vtbag-modus='full-control']) #vtbag-ui-control {
display: none;
}
input[type='range'] {
width: calc(100% - 16px);
margin: 8px;
}
h4 {
margin-bottom: 8pt;
}
#vtbag-ui-control-play {
display: none;
}
:root.vtbag-vt-active #vtbag-ui-control-exit {
background-color: darkgoldenrod;
color: white;
}
:root.vtbag-vt-active #vtbag-ui-control-play {
display: block;
position: fixed;
left: 0;
top: 0;
z-index: 1000;
}
:root.vtbag-vt-active h4 {
color: darkgoldenrod;
}
:root.vtbag-vt-active.vtbag-twin-sync h4 {
color: darkred;
}
.vtbag-highlight:hover {
background-color: #859b5f66;
}
:root {
--vtbag-panel-height: 245px;
--vtbag-panel-width: 216px;
}
#vtbag-main-frame {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: calc(100vh - var(--vtbag-panel-height));
border: none;
}
:root.vtbag-ui-tl #vtbag-main-frame {
top: var(--vtbag-panel-height);
}
#vtbag-ui-panel {
position: fixed;
bottom: 0;
right: 0;
}
:root.vtbag-ui-tl #vtbag-ui-panel {
bottom: calc(100vh - var(--vtbag-panel-height));
}
#vtbag-ui-panel,
#vtbag-ui-panel ~ button {
animation: slide-from-bottom 0.5s both;
}
:root.vtbag-ui-tl :is(#vtbag-ui-panel, #vtbag-ui-panel ~ button) {
animation: slide-from-top 0.5s both;
}
#divider {
position: fixed;
height: 4px;
width: 100vw;
right: 0;
bottom: var(--vtbag-panel-height);
}
#divider:hover,
:root.dragging #divider {
cursor: row-resize;
background-color: darkolivegreen;
}
:root.vtbag-vt-active #divider:hover,
:root.dragging.vtbag-vt-activ #divider {
background-color: darkgoldenrod;
}
:root.vtbag-ui-tl #divider {
bottom: calc(100vh - var(--vtbag-panel-height) - 4px);
}
:root.vtbag-ui-column {
#divider:hover,
:root.dragging #divider {
cursor: col-resize;
}
}
:root.vtbag-ui-column {
#vtbag-main-frame {
height: 100vh;
width: calc(100vw - var(--vtbag-panel-width));
}
#vtbag-ui-panel,
#vtbag-ui-panel ~ button {
animation: slide-from-right 0.5s both;
}
#divider {
width: 4px;
height: 100vh;
right: var(--vtbag-panel-width);
bottom: 0;
}
}
:root.vtbag-ui-tl.vtbag-ui-column {
#vtbag-ui-panel {
right: calc(100vw - var(--vtbag-panel-width));
bottom: 0;
}
#vtbag-main-frame {
top: 0;
left: calc(var(--vtbag-panel-width) + 5px);
}
:is(#vtbag-ui-panel, #vtbag-ui-panel ~ button) {
animation: slide-from-left 0.5s both;
}
#divider {
right: calc(100vw - var(--vtbag-panel-width) - 4px);
}
}
@keyframes slide-from-bottom {
from {
transform: translateY(var(--vtbag-panel-height));
}
}
@keyframes slide-from-right {
from {
transform: translateX(var(--vtbag-panel-width));
}
}
@keyframes slide-from-top {
from {
transform: translateY(calc(var(--vtbag-panel-height) * -1));
}
}
@keyframes slide-from-left {
from {
transform: translateX(calc(var(--vtbag-panel-width) * -1));
}
}
:root:has(#vtbot-ui-panel) #vtbot-loading-indicator {
display: none;
}
hr {
border-color: #888;
}
input[type='checkbox'] {
transform: translateY(0.4ex);
}
:is(#vtbag-ui-panel, #vtbag-ui-inner-panel) :is(p, hr) {
margin-bottom: 8px;
}
details[data-vtbag-live-values],
details[data-vtbag-snapshot] {
margin-top: 0.15rem;
}
</style>
</body>
`;function tt(t,e){t.forEach(n=>{try{et([...n.cssRules],e)}catch{}})}function et(t,e){t.forEach(n=>{n.constructor.name==="CSSStyleRule"?e(n):"cssRules"in n?et([...n.cssRules],e):"styleSheet"in n&&tt([n.styleSheet],e)})}function G(){let t=new Map,e=top.__vtbag.inspectionChamber.frameDocument;o(e.documentElement,"root"),tt([...e.styleSheets],i=>{let a=i.style.getPropertyValue("view-transition-name");a&&e.querySelectorAll(i.selectorText).forEach(g=>o(g,a))}),e.querySelectorAll('[style*="view-transition-name"').forEach(i=>o(i,i.style.viewTransitionName));let n=new Set(t.values());return n.delete("none"),n;function o(i,a){a=="none"?i.removeAttribute("data-vtbag-transition-name"):i.dataset.vtbagTransitionName=a,t.set(i,a)}}var N=null;function T(t,e,n){let o=top.document.documentElement,i,a,g=r=>r<0?0:r>innerWidth-16?innerWidth-16:r,d=r=>r<0?0:r>innerHeight-16?innerHeight-16:r,c=(r,p=0)=>g((r instanceof TouchEvent?r.touches[0]?.clientX:r.clientX)??0)-p,s=(r,p=0)=>d((r instanceof TouchEvent?r.touches[0]?.clientY:r.clientY)??0)-p,l=(r,p)=>{N=p;let I=c(r),C=s(r);i=I-p.getBoundingClientRect().x,a=C-p.getBoundingClientRect().y,o.classList.add("dragging");let v=o.querySelector("#vtbag-main-frame");v&&(v.style.pointerEvents="none"),n&&n(I-i,C-a),r.cancelable&&r.preventDefault()},u=r=>{o.classList.contains("dragging")&&e(c(r,i),s(r,a))},A=()=>{if(o.classList.contains("dragging")){o.classList.remove("dragging");let r=o.querySelector("#vtbag-main-frame");r&&(r.style.pointerEvents="auto")}N=null};t.addEventListener("mousedown",r=>l(r,t),{passive:!1}),t.addEventListener("touchstart",r=>l(r,t),{passive:!1}),t.ownerDocument.addEventListener("mousemove",r=>N===t&&u(r),{passive:!0}),t.ownerDocument.addEventListener("touchmove",r=>N===t&&u(r),{passive:!0}),t.ownerDocument.addEventListener("mouseup",r=>N===t&&A(),{passive:!0}),t.ownerDocument.addEventListener("touchend",r=>N===t&&A(),{passive:!0})}var nt="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAAlC+aJAAAAxXpUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjabVDbDcMgDPz3FB0BP3iNQ5pU6gYdvwc4URLlJA7bZx3GtP2+H3p1CBtZzCXVlAJg1ao0BCVMtMEcbPCAuYT8UqdDEJQUt860JO/f63wYzKshiiej8nZhuQrVX5ByM/KHtE8kCFY3qm6kMgV2gza/FVIt+fyFZQtXlHmok+bhfZjcc8vY3hpRVJFNWQNY1eYA2o+RNgQZzMq9EQ29wuCo4pNgIU972kF/4htZE32iZC4AAAGDaUNDUElDQyBwcm9maWxlAAB4nH2RPUjDQBzFX1OlohUHK4g4ZKhOdtEijqWKRbBQ2gqtOphc+gVNGpIUF0fBteDgx2LVwcVZVwdXQRD8AHF2cFJ0kRL/lxRaxHhw3I939x537wChWWWq2RMDVM0y0om4mMuvioFXBDCAEQBRiZl6MrOYhef4uoePr3cRnuV97s8xqBRMBvhE4hjTDYt4g3h209I57xOHWFlSiM+Jpwy6IPEj12WX3ziXHBZ4ZsjIpueJQ8RiqYvlLmZlQyWOEocVVaN8IeeywnmLs1qts/Y9+QuDBW0lw3Wa40hgCUmkIEJGHRVUYSFCq0aKiTTtxz38Y44/RS6ZXBUwciygBhWS4wf/g9/dmsWZaTcpGAd6X2z7YwII7AKthm1/H9t26wTwPwNXWsdfawJzn6Q3Olr4CBjaBi6uO5q8B1zuAKNPumRIjuSnKRSLwPsZfVMeGL4F+tfc3tr7OH0AstTV8g1wcAhMlih73ePdfd29/Xum3d8PoPlyuXZhFhMAAA5VaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIKICAgIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiCiAgICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgICB4bWxuczpHSU1QPSJodHRwOi8vd3d3LmdpbXAub3JnL3htcC8iCiAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIKICAgIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIKICAgeG1wTU06RG9jdW1lbnRJRD0iZ2ltcDpkb2NpZDpnaW1wOmMyOWNiMDgzLWMxOTktNDQ0ZC1iMjc4LTZlZDk0OGUwZDIyYSIKICAgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MDcxY2NkZC1kM2QxLTRmZTktYmVlNS01NWRmMzhmM2JlZmQiCiAgIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjOTdmMWJlYi00N2E5LTRhMmMtYTcyNS0zOGZjMTZiNjI0YzEiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJXaW5kb3dzIgogICBHSU1QOlRpbWVTdGFtcD0iMTcyMDczMTcxNTgzMjY0MiIKICAgR0lNUDpWZXJzaW9uPSIyLjEwLjM0IgogICB0aWZmOk9yaWVudGF0aW9uPSIxIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCIKICAgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNDowNzoxMVQyMzowMTo1MiswMjowMCIKICAgeG1wOk1vZGlmeURhdGU9IjIwMjQ6MDc6MTFUMjM6MDE6NTIrMDI6MDAiPgogICA8eG1wTU06SGlzdG9yeT4KICAgIDxyZGY6U2VxPgogICAgIDxyZGY6bGkKICAgICAgc3RFdnQ6YWN0aW9uPSJzYXZlZCIKICAgICAgc3RFdnQ6Y2hhbmdlZD0iLyIKICAgICAgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTMxMTg4NS00MWU5LTQ5OTktOTJkZC1mZTU0ODBjYmQ3NGUiCiAgICAgIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkdpbXAgMi4xMCAoV2luZG93cykiCiAgICAgIHN0RXZ0OndoZW49IjIwMjQtMDYtMjlUMTU6NTM6MzQiLz4KICAgICA8cmRmOmxpCiAgICAgIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiCiAgICAgIHN0RXZ0OmNoYW5nZWQ9Ii8iCiAgICAgIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OWY2NjUyZmYtZTdmYS00NGMyLTliMDktYmJiNjBlMzlhNTMwIgogICAgICBzdEV2dDpzb2Z0d2FyZUFnZW50PSJHaW1wIDIuMTAgKFdpbmRvd3MpIgogICAgICBzdEV2dDp3aGVuPSIyMDI0LTA3LTExVDIzOjAxOjU1Ii8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICA8L3JkZjpEZXNjcmlwdGlvbj4KIDwvcmRmOlJERj4KPC94OnhtcG1ldGE+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAKPD94cGFja2V0IGVuZD0idyI/PgVo1ZkAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfoBwsVATfoqZ2LAAAdpElEQVRo3mV6WYxkaXbWWf7/bhGZkVtl7Ut3VXVP9TbtHs90z2aPZwZZsmwzssAGbMQggYEXXpB4QcATvCEekEBICBAPYCMe4MGyB2G8DDO0Z+me7umtumvvrKzMyozMyMiIuPf+/3/O4eFGZJXFzRuhyBvLPf9/tu985+C1r3zDMSGCmmkM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";var k="vtbag-ui-standby",it="vtbag-ui-reopener-position";function ot(){let{reopenerLeft:t,reopenerTop:e}=JSON.parse(top.sessionStorage.getItem(it)??'{"reopenerLeft": "0px", "reopenerTop": "0px"}');top.document.querySelector("#vtbag-ui-reopen")?.remove(),top.document.body.in