@worksafevictoria/wcl7.5 1.10.0 → 1.12.0

package/src/components/Common/CardGridItem/card-grid-item-caret.vue

@@ -1,73 +1,71 @@
 <template>
   <div
     v-if="caretSrc && loaded"
-    :class="
-      `card-grid-item-caret__container card-grid-item-caret__container--${computedCaret}`
-    "
+    :class="`card-grid-item-caret__container card-grid-item-caret__container--${computedCaret}`"
   >
     <span v-if="caret === 'external'" class="visually-hidden">External link</span>
     <div
       class="tabCaretContainer"
       :class="{
-        tabCaretContainerBottom: isTabbedCard
+        tabCaretContainerBottom: isTabbedCard,
       }"
     >
-      <div class="tabCaretText" aria-hidden="true">
+      <div class="tabCaretText" tabindex="0">
         {{ supportText }}
       </div>
-      <icon :glyph="caretSrc" icon-alt="arrow" width="18" float: right
-      :height="caret === 'external' ? 18 : 16" :class=" `item-icon-${ isChev ?
-      'chev' : 'caret'} card-grid-item-caret--${computedCaret}`" />
+      <icon :glyph="caretSrc" icon-alt="Show more" width="18" float: right :height="caret
+      === 'external' ? 18 : 16" :class=" `item-icon-${ isChev ? 'chev' : 'caret'}
+      card-grid-item-caret--${computedCaret}`" />
     </div>
   </div>
 </template>
 
 <script>
-import { getCurrentInstance } from 'vue'
-import Icon from './../../SubComponents/Icon/index.vue'
-import ChevUp from './../../../assets/icons/chev-up.svg?raw'
-import CaretUp from './../../../assets/icons/caret-up.svg?url'
-import ExternalLink from './../../../assets/icons/external-link.svg?raw'
+import { getCurrentInstance } from "vue";
+import Icon from "./../../SubComponents/Icon/index.vue";
+import ChevUp from "./../../../assets/icons/chev-up.svg?raw";
+import CaretUp from "./../../../assets/icons/caret-up.svg?url";
+import ExternalLink from "./../../../assets/icons/external-link.svg?raw";
 
 export default {
-  name: 'CardGridItemCaret',
+  name: "CardGridItemCaret",
   components: { Icon },
   props: {
     caret: {
       type: String,
-      default: null
+      default: null,
     },
     rtl: {
       type: Boolean,
-      default: false
-    }
+      default: false,
+    },
   },
   data() {
     return {
       loaded: false,
-      isChev: false
-    }
+      isChev: false,
+    };
   },
   computed: {
     computedCaret() {
       if (this.rtl) {
-        if (this.caret === 'right') {
-          return 'left'
-        } else if (this.caret === 'left') {
-          return 'right'
+        if (this.caret === "right") {
+          return "left";
+        } else if (this.caret === "left") {
+          return "right";
         }
       }
-      return this.caret
+      return this.caret;
     },
     caretSrc() {
-      if (this.caret === 'external') {
-        return ExternalLink
+      if (this.caret === "external") {
+        return ExternalLink;
       } else if (!this.isChev && this.computedCaret) {
-        return CaretUp
+        return CaretUp;
       } else if (this.isChev && this.computedCaret) {
-        return ChevUp
+        return ChevUp;
       } else {
-        return undefined
+        return undefined;
       }
     },
     //Identify if this is a tabbed card WSV2-374
@@ -75,7 +73,7 @@ export default {
       const instance = getCurrentInstance();
       const parentEl = instance?.parent?.proxy?.$el.parentNode;
 
-      if (parentEl && parentEl.classList.contains('tabbed-card')) {
+      if (parentEl && parentEl.classList.contains("tabbed-card")) {
         return true;
       } else {
         return false;
@@ -83,22 +81,18 @@ export default {
     },
     //If isTabbedCard, then supportive text must be displayed for up and down carets. WSV2-374
     supportText() {
-      if (
-        this.isTabbedCard &&
-        this.computedCaret &&
-        this.computedCaret === 'up'
-      ) {
-        return 'Hide links'
+      if (this.isTabbedCard && this.computedCaret && this.computedCaret === "up") {
+        return "Hide links";
       } else if (
         this.isTabbedCard &&
         this.computedCaret &&
-        this.computedCaret === 'down'
+        this.computedCaret === "down"
       ) {
-        return 'Show links'
+        return "Show links";
       } else {
-        return null
+        return null;
       }
-    }
+    },
   },
   mounted() {
     /* The code below has been removed as part of WSV2-735
@@ -109,13 +103,13 @@ export default {
       .$el['_prevClass'].includes('task-finder-column')
       ? (this.isChev = false)
       : true */
-      
-    this.loaded = true
-  }
-}
+
+    this.loaded = true;
+  },
+};
 </script>
 <style lang="scss" scoped>
-@import '../../../includes/scss/all';
+@import "../../../includes/scss/all";
 .card-grid-item-caret {
   &__container {
     padding-left: 4px;
@@ -149,7 +143,7 @@ export default {
   }
 }
 .tabCaretText {
-  font-style: 'normal';
+  font-style: "normal";
   font-weight: 400;
   font-size: 12px;
   padding-right: 10px;

package/src/components/Common/CardGridItem/card-grid-item-icon.vue

@@ -21,7 +21,7 @@
       }"
       :glyph="glyphSrc"
       :key="computedIconSize"
-      icon-alt="alt"
+      icon-alt="card gid item icon"
       :bordered="iconIsBordered"
       :height="computedIconSize"
       :width="computedIconSize"