Update test portion with custom menu added

test/src/pages/index.astro

@@ -1,18 +1,42 @@
 ---
 // Components
+import { ArrowUpRight, NavArrowLeft } from '@iconoir/vue'
+import { SwitchOn } from '@iconoir/vue'
+import { SwitchOff } from '@iconoir/vue'
+import { NavArrowRight } from '@iconoir/vue'
+import { Download } from '@iconoir/vue'
 import {Zorn} from '@minpluto/zorn'
 ---
 <meta charset="utf-8">
 
 <Zorn
+	Title="Ennie and Yoyki: Non-Girly Games"
 	Poster="https://md.sudovanilla.org/images/eay-p-v.jpg"
 	Video="https://md.sudovanilla.org/videos/webm/Ennie-and-Yoyki.webm"
-	CustomControls
+	CustomControlsWithMenu
 	Milieu
-/>
+	SettingsMenu
+>
+	<div id="settings" class="vc-menu">
+		<button>Stats for Geeks</button>
+		<hr/>
+		<button>Open Video URL <ArrowUpRight/></button>
+		<button>Download <ArrowUpRight/></button>
+		<button>Embed <ArrowUpRight/></button>
+		<hr/>
+		<button id="has-switch">Milieu <SwitchOn/></button>
+		<button>Close Captions <NavArrowRight/></button>
+		<button onclick="PlayerMenu_Quality()">Quality <NavArrowRight/></button>
+	</div>
+    <div id="quality-changer" class="vc-menu">
+        <button onclick="OpenZornMenu()"><span style="display: flex; align-items: center;"><NavArrowLeft/> Back</span></button>
+        <button>1080p</button>
+        <button>720p</button>
+        <button>360p</button>
+    </div>
+</Zorn>
 
-<h2>Эни и Йойки: Недевчачьи игры. 1 серия. Мультфильмы для детей</h2>
+<h2>Ennie and Yoyki: Non-Girly Games</h2>
-<sup style="color: gray">Translation: "Non-girly games"</sup>
 <p>Created by Daniyar Yambushev</p>
 <p>Source: <a href="https://www.youtube.com/watch?v=MuyJtxzyU3o">https://www.youtube.com/watch?v=MuyJtxzyU3o</a></p>
 <br/>
@@ -24,4 +48,21 @@ body {
 	color: white;
 	font-family: Arial, Helvetica, sans-serif;
 }
-</style>
+</style>
+
+<script is:inline>
+    function PlayerMenu_HideAll() {
+        document.querySelector('.vc-menu#settings').style.display = 'none'
+        document.querySelector('.vc-menu#quality-changer').style.display = 'none'
+		document.querySelector('#open-zorn-settings-button').setAttribute('onclick', 'OpenZornMenu()')
+    }
+    function OpenZornMenu() {
+        PlayerMenu_HideAll()
+        document.querySelector('.vc-menu#settings').style.display = 'flex'
+		document.querySelector('#open-zorn-settings-button').setAttribute('onclick', 'PlayerMenu_HideAll()')
+    }
+    function PlayerMenu_Quality() {
+        PlayerMenu_HideAll()
+        document.querySelector('.vc-menu#quality-changer').style.display = 'flex'
+    }
+</script>