Merge pull request #6 from caseydwyer/enhancement-active-class-withou…

…t-toggle

Enhancement: Apply active class when viz-toggle not in use

dist/build/manifest.json

@@ -5,7 +5,7 @@
     "src": "resources/css/statamic-group.css"
   },
   "resources/js/statamic-group.js": {
-    "file": "assets/statamic-group-063c37d4.js",
+    "file": "assets/statamic-group-734987da.js",
     "isEntry": true,
     "src": "resources/js/statamic-group.js"
   }

resources/js/components/GroupFieldtype.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <div class="form-group section-fieldtype w-full" :class="{'active': toggle}" v-if="config.show_header">
+        <div class="form-group section-fieldtype w-full" :class="{'active': showFields}" v-if="config.show_header">
             <div class="flex grp-justify-between grp-items-center">
                 <div class="field-inner">
                     <label class="publish-field-label">
@@ -13,7 +13,7 @@
                 </div>
             </div>
         </div>
-        <div class="publish-fields w-full" v-show="!config.toggle_controls_visibility || (config.toggle_controls_visibility && toggle)"></div>
+        <div class="publish-fields w-full" v-show="showFields"></div>
     </div>
 </template>
 
@@ -36,6 +36,12 @@ export default {
         }
     },
 
+    computed: {
+        showFields(){
+            return ! this.config.toggle_controls_visibility || (this.config.toggle_controls_visibility && this.toggle);
+        }
+    },
+
     mounted() {
         if (this.config.save_toggle_state) {
             this.toggle = this.value