@worksafevictoria/wcl7.5 1.14.0-beta.2 → 1.14.0-beta.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@worksafevictoria/wcl7.5",
-  "version": "1.14.0-beta.2",
+  "version": "1.14.0-beta.4",
   "main": "src/index.js",
   "license": "MIT",
   "repository": {

package/src/components/Common/CardGridItem/index.vue

@@ -418,8 +418,6 @@ export default {
   },
   mounted() {
     this.selected = this.isSelected
-  },
-  created() {
     this.parentGrid = this.getParentGridItem()
     if (this.parentGrid) {
       this.parentGrid.registerChild(this)

package/src/components/Containers/SectionGroup/index.vue

@@ -50,7 +50,7 @@
             <slot name="preContent"></slot>
           </column>
         </row>
-        
+
         <div
           class="section-group__content section-group__row"
           :class="{
@@ -61,7 +61,7 @@
               subHeading ||
               $slots.headerRight
             ),
-            [`${contentClass}`]: hasContentClass
+            [`${contentClass}`]: hasContentClass,
           }"
           :style="applyBackgroundOn === 'content' ? backgroundStyle : null"
         >
@@ -99,7 +99,7 @@ export default {
       type: String,
       default: 'page',
       validator: (value) =>
-        ['half-content', 'content', 'page', 'full'].indexOf(value) >= 0
+        ['half-content', 'content', 'page', 'full'].indexOf(value) >= 0,
     },
     backgroundVariant: {
       type: String,
@@ -113,48 +113,48 @@ export default {
           'yellow',
           'white',
           'lightblue',
-          'lightred'
-        ].indexOf(value) >= 0
+          'lightred',
+        ].indexOf(value) >= 0,
     },
     applyBackgroundOn: {
       type: String,
       default: 'section',
       validator: (value) =>
-        ['content', 'block', 'container', 'section'].indexOf(value) >= 0
+        ['content', 'block', 'container', 'section'].indexOf(value) >= 0,
     },
     backgroundImage: {
       type: String,
-      default: ''
+      default: '',
     },
     noPaddingTop: {
-      type: Boolean
+      type: Boolean,
     },
     noPaddingBottom: {
-      type: Boolean
+      type: Boolean,
     },
     bordered: {
-      type: Boolean
+      type: Boolean,
     },
     rtl: {
       type: Boolean,
-      default: false
+      default: false,
     },
     title: {
       type: String,
-      default: null
+      default: null,
     },
     subHeading: {
       type: String,
-      default: null
+      default: null,
     },
     titleTag: {
       type: String,
-      default: 'h2'
+      default: 'h2',
     },
     contentClass: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   computed: {
     generatedClass() {
@@ -162,7 +162,7 @@ export default {
         rtl: this.rtl,
         [`section-group--noPaddingTop`]: this.noPaddingTop,
         [`section-group--noPaddingBottom`]: this.noPaddingBottom,
-        [`section-group--size-` + this.size]: !!this.size
+        [`section-group--size-` + this.size]: !!this.size,
       }
     },
     backgroundStyle() {
@@ -175,7 +175,7 @@ export default {
           [`background-size`]: `cover`,
           [`background-position`]: `center center`,
           color: '#ffffff',
-          ['border-radius']: borderRadius
+          ['border-radius']: borderRadius,
         }
       }
       if (this.backgroundVariant) {
@@ -206,14 +206,14 @@ export default {
         styles = {
           ...(styles || {}),
           [`background-color`]: bgColour,
-          ['border-radius']: borderRadius
+          ['border-radius']: borderRadius,
         }
       }
 
       if (this.bordered) {
         styles = {
           ...(styles || {}),
-          [`border`]: `1px solid ` + colors.gray
+          [`border`]: `1px solid ` + colors.gray,
         }
       }
 
@@ -221,7 +221,7 @@ export default {
     },
     hasContentClass() {
       return this.contentClass.length > 0
-    }
+    },
   },
   mounted() {
     window.addEventListener('resize', this.setColumnSize)
@@ -241,8 +241,8 @@ export default {
         this.$emit('isDesktopView', !isTabletView && !isMobileView)
         this.$emit('isMobileOrTabletView', isMobileView || isTabletView)
       })
-    }
-  }
+    },
+  },
 }
 </script>