From 8a6d4c0bf6f5cb9b36be94b76ce9249d6108e3c1 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Sat, 3 Aug 2024 09:44:32 +0100
Subject: [PATCH] Update remaining components with sizes and grid metadata

---
 packages/client/manifest.json                 | 47 ++++++++++++++++---
 .../src/components/app/BackgroundImage.svelte | 17 ++-----
 2 files changed, 44 insertions(+), 20 deletions(-)

diff --git a/packages/client/manifest.json b/packages/client/manifest.json
index 10503f30ac..6f665a80d7 100644
--- a/packages/client/manifest.json
+++ b/packages/client/manifest.json
@@ -1326,6 +1326,7 @@
     "icon": "Images",
     "hasChildren": true,
     "styles": ["size"],
+    "showEmptyState": false,
     "size": {
       "width": 400,
       "height": 300
@@ -1765,7 +1766,11 @@
     "icon": "GraphBarVertical",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -1934,7 +1939,11 @@
     "icon": "GraphTrend",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -2098,7 +2107,11 @@
     "icon": "GraphAreaStacked",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -2274,7 +2287,11 @@
     "icon": "GraphPie",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -2414,7 +2431,11 @@
     "icon": "GraphDonut",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -2554,7 +2575,11 @@
     "icon": "GraphBarVerticalStacked",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -2671,7 +2696,11 @@
     "icon": "Histogram",
     "size": {
       "width": 600,
-      "height": 400
+      "height": 420
+    },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "center"
     },
     "settings": [
       {
@@ -4425,6 +4454,10 @@
       "width": 400,
       "height": 320
     },
+    "grid": {
+      "hAlign": "stretch",
+      "vAlign": "stretch"
+    },
     "settings": [
       {
         "type": "dataProvider",
diff --git a/packages/client/src/components/app/BackgroundImage.svelte b/packages/client/src/components/app/BackgroundImage.svelte
index df6459c417..07216bf9ca 100644
--- a/packages/client/src/components/app/BackgroundImage.svelte
+++ b/packages/client/src/components/app/BackgroundImage.svelte
@@ -19,20 +19,11 @@
   }
 </script>
 
-{#if url}
-  <div class="outer" use:styleable={$component.styles}>
-    <div class="inner" {style}>
-      <slot />
-    </div>
+<div class="outer" use:styleable={$component.styles}>
+  <div class="inner" {style}>
+    <slot />
   </div>
-{:else if $builderStore.inBuilder}
-  <div
-    class="placeholder"
-    use:styleable={{ ...$component.styles, empty: true }}
-  >
-    <Placeholder />
-  </div>
-{/if}
+</div>
 
 <style>
   .outer {