Merge branch 'shadow-control-2.0' into themes3-grand-finale-maybe

src/components/shadow_control/shadow_control.js

@@ -34,12 +34,11 @@ const toModel = (object = {}) => ({
 
 export default {
   props: [
-    'modelValue', 'fallback', 'separateInset'
+    'modelValue', 'fallback', 'separateInset', 'noPreview'
   ],
   emits: ['update:modelValue'],
   data () {
     return {
-      lightGrid: false,
       selectedId: 0,
       // TODO there are some bugs regarding display of array (it's not getting updated when deleting for some reason)
       cValue: (this.modelValue ?? this.fallback ?? []).map(toModel)

src/components/shadow_control/shadow_control.scss

@@ -68,6 +68,14 @@
     }
   }
 
+  &.-no-preview {
+    .shadow-tweak {
+      order: 0;
+      flex: 2 0 20em;
+      max-width: 100%;
+    }
+  }
+
   .inset-alert {
     padding: 0.25em 0.5em;
   }

src/components/shadow_control/shadow_control.vue

@@ -1,9 +1,10 @@
 <template>
   <div
     class="label shadow-control"
-    :class="{ disabled: !present }"
+    :class="{ disabled: !present, '-no-preview': noPreview }"
   >
     <ComponentPreview
+      v-if="!noPreview"
       class="shadow-preview"
       :shadow-control="true"
       :shadow="selected"