Moved test widgets to a demo panel

Modules/Bar/Bar.qml

@@ -33,32 +33,13 @@ PanelWindow {
     // Testing widgets
     RowLayout {
 
-      NToggle {
-        label: "Label"
-        description: "Description"
-        onToggled: function(value: bool) {
-          console.log("NToggle: " + value)
-        }
-      }
-
       NIconButton {
-        id: myIconButton
+        id: demoPanelToggler
-        icon: "refresh"
+        icon: "experiment"
-        onEntered: function() {
+        onClicked: function () {
-          myTooltip.show();
+          demoPanel.visible ? demoPanel.hide() : demoPanel.show()
-        }
-        onExited: function() {
-          myTooltip.hide();
         }
       }
-      NTooltip {
-        id: myTooltip
-        target: myIconButton
-        positionAbove: false
-        text: "Hello world"
-      }
-
-      NSlider {}
 
       Clock {}
     }

Modules/Bar/Clock.qml

@@ -37,7 +37,7 @@ Rectangle {
     onClicked: function () {
       calendar.visible = !calendar.visible
       if (calendar.visible) {
-        tooltip.hide();
+        tooltip.hide()
       }
     }
   }

Modules/DemoPanel/DemoPanel.qml

@@ -0,0 +1,72 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Wayland
+import qs.Services
+import qs.Widgets
+
+/*
+  An experiment/demo panel to tweaks widgets
+*/
+
+
+NPanel {
+  id: root
+
+  readonly property real scaling: Scaling.scale(screen)
+
+  Rectangle {
+    color: Theme.backgroundPrimary
+    radius: Style.radiusMedium * scaling
+    border.color: Theme.backgroundTertiary
+    border.width: Math.max(1, 1.5 * scale)
+    width: 340 * scaling
+    height: 200
+    anchors.top: parent.top
+    anchors.right: parent.right
+    anchors.topMargin: 4 * scaling
+    anchors.rightMargin: 4 * scaling
+
+    // Prevent closing when clicking in the panel bg
+    MouseArea {
+      anchors.fill: parent
+    }
+
+    ColumnLayout {
+      anchors.fill: parent
+      anchors.margins: 16 * scaling
+      spacing: 12 * scaling
+
+      NToggle {
+        label: "Label"
+        description: "Description"
+        onToggled: function(value: bool) {
+          console.log("NToggle: " + value)
+        }
+      }
+
+      NIconButton {
+        id: myIconButton
+        icon: "refresh"
+        onEntered: function() {
+          myTooltip.show();
+        }
+        onExited: function() {
+          myTooltip.hide();
+        }
+      }
+
+      NTooltip {
+        id: myTooltip
+        target: myIconButton
+        positionAbove: false
+        text: "Hello world"
+      }
+
+      NSlider {}
+     
+
+    }
+  }
+}