Working Dotspace, fixed modal, working nested comments, youtube player next

README.md

@@ -7,6 +7,7 @@ sdk: static
 pinned: false
 ---
 
-Svelte with build command to test non-docker version - index.html points js and css to bundles generated - app.svelte used as index file in this case and main.js points to app.svelte
+Svelte with build command to test non-docker version - index.html points js and css to bundles generated - app.svelte used as index file in this case and main.js points to app.svelte 
+Test for working items pre custom components port
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

bundle.css

@@ -1,7 +1,8 @@
 #videoContainer.svelte-ufd3fo{border:2px solid red;position:relative;width:720px;height:480px}#videoCanvas.svelte-ufd3fo{border:2px solid black;width:99.5%;height:99.5%;object-fit:cover}#overlayText.svelte-ufd3fo{position:absolute;top:50%;right:50%;color:green;font-style:bold;font-size:15}
-.MovingDot.svelte-12o76ak{position:absolute;width:20px;height:20px;background-color:lightgreen;border:2px black}
+.MovingDot.svelte-1mg0qyd{position:absolute;width:20px;height:20px;background-color:lightgreen;border:2px black}.MovingDot.svelte-1mg0qyd:focus{outline:none}
 .target.svelte-4yc66h{position:absolute;width:20px;height:20px;background-color:red}
-#overlayText.svelte-e0peue{position:absolute;top:3%;left:3%;color:black;background-color:white;font:bold 15;border:black solid}
+.modal-overlay.svelte-m51ous{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-m51ous{background-color:white;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);max-width:80%;max-height:80%;overflow:auto}.modal-header.svelte-m51ous{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ddd}.modal-content.svelte-m51ous{padding:16px}
+#overlayText.svelte-c2nwl9{position:absolute;top:3%;left:3%;color:black;background-color:white;font:bold 15;border:black solid}
 .play__btn.svelte-1srk8gt,.custom__play__btn.svelte-1srk8gt{all:unset}.play__btn.svelte-1srk8gt{display:grid;place-items:center;height:80px;width:80px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}.custom__play__btn.svelte-1srk8gt{display:grid;place-items:center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer}
 iframe.svelte-11gebsu{height:auto;aspect-ratio:var(--aspect-ratio);width:100%}
 img.svelte-hw9fhp{height:auto;aspect-ratio:var(--aspect-ratio);width:100%}
@@ -13,6 +14,6 @@ img.svelte-hw9fhp{height:auto;aspect-ratio:var(--aspect-ratio);width:100%}
       sans-serif
     );color:var(--title-color, #ffffff);padding:0 2ch;font-weight:400;text-shadow:0px 1px 3px var(--title-shadow-color, rgb(0, 0, 0, 0.2))}.b__overlay.svelte-w0t24e.svelte-w0t24e{position:absolute;top:0;left:0;width:100%;aspect-ratio:var(--aspect-ratio);cursor:pointer;transition:var(--overlay-transition, all 250ms ease-in-out)}.you__tube.svelte-w0t24e:hover .b__overlay.svelte-w0t24e{background:var(--overlay-bg-color, #00000030)}
 .VideoUIButton.svelte-17r32ez{color:black;border:double;font:bold;background:red;padding:1;margin-top:1px;margin-bottom:1px}
-.modal-overlay.svelte-1qa8urn{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center}.modal.svelte-1qa8urn{background-color:white;border-radius:4px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);max-width:80%;max-height:80%;overflow:auto}.modal-header.svelte-1qa8urn{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #ddd}.modal-content.svelte-1qa8urn{padding:16px}
-.button.svelte-1g3vo12{cursor:allowed}.button-at-end.svelte-1g3vo12{background-color:red;color:white;cursor:not-allowed}
+.button.svelte-cpjgti{cursor:allowed}.button-at-end.svelte-cpjgti{background-color:red;color:white;cursor:not-allowed}
+.component-containter.svelte-bsj1sx{background-color:rgba(113, 239, 97, 0.626)}.comment.svelte-bsj1sx{border:1px solid #2e7f41;padding:8px;margin-top:8px}.top-level-comment.svelte-bsj1sx{border:1px solid blue;background-color:rgba(42, 114, 215, 0.5);margin-bottom:15px}
 main.svelte-1tky8bj{text-align:center;padding:1em;max-width:240px;margin:0 auto}h1.svelte-1tky8bj{color:#ff3e00;text-transform:uppercase;font-size:4em;font-weight:100}@media(min-width: 640px){main.svelte-1tky8bj{max-width:none}}