feat: show spinning indicator on the panel being configured

Author: luisbocanegra

package/contents/ui/ConfiguringIndicator.qml

@@ -0,0 +1,37 @@
+pragma ComponentBehavior: Bound
+import QtQuick 2.15
+import org.kde.kirigami as Kirigami
+
+
+Item {
+    id: root
+    anchors.fill: parent
+    Rectangle {
+        anchors.centerIn: parent
+        color: "#7f000000"
+        height: Math.min(parent.height, parent.width) * 0.75
+        width: height
+        radius: height / 2
+
+        Kirigami.Icon {
+            anchors.centerIn: parent
+            source: "configure"
+            width: Math.min(parent.height, parent.width)
+            height: width
+            smooth: true
+            color: "#fafafa"
+            roundToIconSize: false
+            isMask: true
+            NumberAnimation on rotation {
+                from: 0
+                to: 360
+                running: true
+                loops: Animation.Infinite
+                duration: 3000
+            }
+        }
+    }
+
+
+    Component.onCompleted: console.log("grid created in", root.parent)
+}

package/contents/ui/main.qml

@@ -1362,6 +1362,18 @@ PlasmoidItem {
         }
     }
 
+    property Component configuringIndicator: ConfiguringIndicator {
+        id: configuringIndicator
+        Component.onCompleted: {
+            Plasmoid.onUserConfiguringChanged.connect(function release() {
+                if (!Plasmoid.userConfiguring) {
+                    Plasmoid.onUserConfiguringChanged.disconnect(release)
+                    configuringIndicator.destroy()
+                }
+            })
+        }
+    }
+
     onNativePanelBackgroundOpacityChanged: {
         if(!panelElement) return
         Utils.panelOpacity(panelElement, isEnabled, nativePanelBackgroundOpacity)
@@ -1565,11 +1577,14 @@ PlasmoidItem {
 
     onShowEditingGridChanged: {
         if (showEditingGrid) {
-            gridComponent.createObject(main.panelView, {"z": -1})
-            // gridComponent.createObject(main.panelBg, {"z": -1})
+            gridComponent.createObject(main.panelView, {"z": -999})
         }
     }
 
+    Plasmoid.onUserConfiguringChanged: {
+        if(Plasmoid.userConfiguring) configuringIndicator.createObject(main.panelBg, {"z": 999})
+    }
+
     function updateCurrentWidgets() {
         panelWidgets = []
         panelWidgets = Utils.findWidgets(panelLayout, panelWidgets)