From f77b0b41832518469efb03224905232f47f8fdaf Mon Sep 17 00:00:00 2001
From: Volker Schukai <volker.schukai@schukai.com>
Date: Fri, 5 Apr 2024 11:07:35 +0200
Subject: [PATCH] chore: add showroot files

---
 showroom/package.json              |  2 +-
 showroom/pnpm-lock.yaml            |  8 ++++----
 showroom/video/README.md           |  9 +++++++++
 showroom/video/draft/index.html    | 28 ----------------------------
 showroom/video/draft/script.mjs    |  6 ------
 source/components/layout/panel.mjs |  6 ++++++
 6 files changed, 20 insertions(+), 39 deletions(-)
 delete mode 100644 showroom/video/draft/index.html
 delete mode 100644 showroom/video/draft/script.mjs

diff --git a/showroom/package.json b/showroom/package.json
index fbced03ce..3a37a9388 100644
--- a/showroom/package.json
+++ b/showroom/package.json
@@ -42,7 +42,7 @@
   "dependencies": {
     "@floating-ui/dom": "^1.6.3",
     "@popperjs/core": "^2.11.8",
-    "@schukai/monster": "^3.63.3",
+    "@schukai/monster": "^3.64.0",
     "vite-plugin-directory-index": "^3.0.1"
   },
   "devDependencies": {
diff --git a/showroom/pnpm-lock.yaml b/showroom/pnpm-lock.yaml
index feb6df42d..3d46057e5 100644
--- a/showroom/pnpm-lock.yaml
+++ b/showroom/pnpm-lock.yaml
@@ -12,8 +12,8 @@ dependencies:
     specifier: ^2.11.8
     version: 2.11.8
   '@schukai/monster':
-    specifier: ^3.63.3
-    version: 3.63.3(vite@5.2.7)
+    specifier: ^3.64.0
+    version: 3.64.0(vite@5.2.7)
   vite-plugin-directory-index:
     specifier: ^3.0.1
     version: 3.0.1(vite@5.2.7)
@@ -1342,8 +1342,8 @@ packages:
       - '@types/node'
     dev: true
 
-  /@schukai/monster@3.63.3(vite@5.2.7):
-    resolution: {integrity: sha512-Yov1+VKvkEA3zcqD6N4ug5dqBDZPYvCUSG0XavbKpkWbF6rEV+94tTCJ7MNzCniQq+wl0BMKQmNYUb2mVcjeiQ==}
+  /@schukai/monster@3.64.0(vite@5.2.7):
+    resolution: {integrity: sha512-C+7Wo7AmHv7krV+Zn4rIDnrmb8EGaixQ/6MJzg6IagJ9rd6MmFJUbG5XuwdFdAwy7cPiFu+CUpwgTMKHaPe/tA==}
     dependencies:
       '@floating-ui/dom': 1.6.3
       '@popperjs/core': 2.11.8
diff --git a/showroom/video/README.md b/showroom/video/README.md
index 861b10cbc..ec11b6b23 100644
--- a/showroom/video/README.md
+++ b/showroom/video/README.md
@@ -11,3 +11,12 @@ commands you can change the prompt:
 PS1="Monster Tutorial > "
 ``` 
 
+### Speech
+
+- https://elevenlabs.io/
+
+
+![Settings](./assets/README-1712252563243.png)
+
+
+With Ctrl + G you can create a new clip after cutting a video strip.
\ No newline at end of file
diff --git a/showroom/video/draft/index.html b/showroom/video/draft/index.html
deleted file mode 100644
index 3ac47d7d7..000000000
--- a/showroom/video/draft/index.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="de">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Split Screen</title>
-    <script type="module" src="./script.mjs"></script>
-    <style>
-        *:not(:defined) {
-            vidibility: hidden;
-        }
-    </style>
-</head>
-<body>
-<h1>Split Screen</h1>
-<monster-panel>
-    <monter-split-panel>
-        <monster-panel slot="start">
-            <h2>left panel</h2>
-        </monster-panel>
-        <monster-panel slot="end">
-            <h2>right panel</h2>
-        </monster-panel>
-    </monter-split-panel>
-</monster-panel>
-
-</body>
-</html>
diff --git a/showroom/video/draft/script.mjs b/showroom/video/draft/script.mjs
deleted file mode 100644
index 1b655f468..000000000
--- a/showroom/video/draft/script.mjs
+++ /dev/null
@@ -1,6 +0,0 @@
-import "@schukai/monster/source/components/style/property.pcss"
-import "@schukai/monster/source/components/style/normalize.pcss"
-import "@schukai/monster/source/components/style/typography.pcss"
-import "@schukai/monster/source/components/style/color.pcss"
-import "@schukai/monster/source/components/layout/panel.mjs"
-import "@schukai/monster/source/components/layout/split-panel.mjs"
\ No newline at end of file
diff --git a/source/components/layout/panel.mjs b/source/components/layout/panel.mjs
index 2a983bc62..d3c5a6f9e 100644
--- a/source/components/layout/panel.mjs
+++ b/source/components/layout/panel.mjs
@@ -116,6 +116,12 @@ class Panel extends CustomElement {
     connectedCallback() {
         super.connectedCallback();
         attachResizeObserver.call(this);
+        
+         // disable scrolling in parent node
+        if (this.parentNode && this.parentNode instanceof HTMLElement) {
+            this.parentNode.style.overflow = "hidden";
+        }
+        
     }
 
     /**
-- 
GitLab