From 71a9e228d0f6721cb5610def4bc29f059eb37645 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 5 Jan 2021 11:47:56 +0000
Subject: [PATCH] Mark style categories as changed whenever any of their
 properties have changed

---
 .../src/components/userInterface/PropertyGroup.svelte     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/userInterface/PropertyGroup.svelte b/packages/builder/src/components/userInterface/PropertyGroup.svelte
index 2fb304f5c8..84422f1ee1 100644
--- a/packages/builder/src/components/userInterface/PropertyGroup.svelte
+++ b/packages/builder/src/components/userInterface/PropertyGroup.svelte
@@ -11,9 +11,15 @@
   export let open = false
 
   $: style = componentInstance["_styles"][styleCategory] || {}
+  $: changed = properties.some(
+    prop =>
+      style[prop.key] != null &&
+      style[prop.key] !== "" &&
+      style[prop.key] !== prop.initialValue
+  )
 </script>
 
-<DetailSummary {name} on:open show={open} thin>
+<DetailSummary name={`${name}${changed ? ' *' : ''}`} on:open show={open} thin>
   <div>
     {#each properties as props}
       <PropertyControl