@worksafevictoria/wcl7.5 1.1.0-beta.63 → 1.1.0-beta.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worksafevictoria/wcl7.5",
3
- "version": "1.1.0-beta.63",
3
+ "version": "1.1.0-beta.65",
4
4
  "main": "src/index.js",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -0,0 +1,10 @@
1
+ <svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g clip-path="url(#clip0_1024_13)">
3
+ <path d="M11.8946 8.04107L18.8121 0H17.1729L11.1664 6.98195L6.36901 0H0.835815L8.09038 10.5579L0.835815 18.9902H2.47514L8.81815 11.6171L13.8845 18.9902H19.4177L11.8942 8.04107H11.8946ZM9.64929 10.651L8.91425 9.59963L3.06581 1.23406H5.58372L10.3035 7.98534L11.0385 9.03668L17.1736 17.8123H14.6557L9.64929 10.6514V10.651Z" fill="black"/>
4
+ </g>
5
+ <defs>
6
+ <clipPath id="clip0_1024_13">
7
+ <rect width="18.5819" height="19" fill="white" transform="translate(0.835815)"/>
8
+ </clipPath>
9
+ </defs>
10
+ </svg>
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18.58 19">
3
+ <defs>
4
+ <style>
5
+ .cls-1 {
6
+ fill: none;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: #356041;
11
+ }
12
+
13
+ .cls-3 {
14
+ clip-path: url(#clippath);
15
+ }
16
+ </style>
17
+ <clipPath id="clippath">
18
+ <rect class="cls-1" width="18.58" height="19"/>
19
+ </clipPath>
20
+ </defs>
21
+ <g id="Layer_2-2" data-name="Layer_2">
22
+ <g id="Layer_1-2">
23
+ <g class="cls-3">
24
+ <path class="cls-2" d="M11.06,8.04L17.98,0h-1.64l-6.01,6.98L5.53,0H0l7.25,10.56L0,18.99h1.64l6.34-7.37,5.07,7.37h5.53l-7.52-10.95h0ZM8.81,10.65l-.74-1.05L2.23,1.23h2.52l4.72,6.75.73,1.05,6.14,8.78h-2.52l-5.01-7.16h0Z"/>
25
+ </g>
26
+ </g>
27
+ </g>
28
+ </svg>
@@ -0,0 +1,28 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 18.58 19">
3
+ <defs>
4
+ <style>
5
+ .cls-1 {
6
+ fill: #fff;
7
+ }
8
+
9
+ .cls-2 {
10
+ fill: none;
11
+ }
12
+
13
+ .cls-3 {
14
+ clip-path: url(#clippath);
15
+ }
16
+ </style>
17
+ <clipPath id="clippath">
18
+ <rect class="cls-2" width="18.58" height="19"/>
19
+ </clipPath>
20
+ </defs>
21
+ <g id="Layer_2-2" data-name="Layer_2">
22
+ <g id="Layer_1-2">
23
+ <g class="cls-3">
24
+ <path class="cls-1" d="M11.06,8.04L17.98,0h-1.64l-6.01,6.98L5.53,0H0l7.25,10.56L0,18.99h1.64l6.34-7.37,5.07,7.37h5.53l-7.52-10.95h0ZM8.81,10.65l-.74-1.05L2.23,1.23h2.52l4.72,6.75.73,1.05,6.14,8.78h-2.52l-5.01-7.16h0Z"/>
25
+ </g>
26
+ </g>
27
+ </g>
28
+ </svg>
@@ -14,6 +14,7 @@
14
14
  :class="{
15
15
  [uniqueClass]: true
16
16
  }"
17
+ :card-browse-content="cardBrowseContent"
17
18
  >
18
19
  <template v-if="$slots.gridHeaderRight" v-slot:headerRight>
19
20
  <slot name="gridHeaderRight"></slot>
@@ -154,6 +155,10 @@ export default {
154
155
  contentClass: {
155
156
  type: String,
156
157
  default: ''
158
+ },
159
+ cardBrowseContent: {
160
+ type: Boolean,
161
+ default: false
157
162
  }
158
163
  },
159
164
  data() {
@@ -248,7 +253,7 @@ export default {
248
253
 
249
254
  this.$emit('selected', {
250
255
  selectedCard: selectedCard.selected
251
- ? this.childCards[selectedCardModelIndex]
256
+ ? this.cardBrowseContent ? this.childCards[selectedCardModelIndex] : this.cards[selectedCardModelIndex]
252
257
  : null,
253
258
  selectedCardModelIndex,
254
259
  ev
@@ -22,7 +22,7 @@
22
22
 
23
23
  <script>
24
24
  import facebookIcon from '../../../../assets/icons/AppFooter/facebook-ws-footer.svg?url'
25
- import twitterIcon from '../../../../assets/icons/AppFooter/twitter-ws-footer.svg?url'
25
+ import twitterIcon from '../../../../assets/icons/AppFooter/x-ws-footer.svg?url'
26
26
  import linkedInIcon from '../../../../assets/icons/AppFooter/linkedin-ws-footer.svg?url'
27
27
  import instagramIcon from '../../../../assets/icons/instagram.svg?url'
28
28
  import youtubeIcon from '../../../../assets/icons/AppFooter/youtube-ws-footer.svg?url'
@@ -98,7 +98,7 @@
98
98
  <script>
99
99
  import emailIcon from '../../../assets/icons/SocialShare/email-white.svg?url'
100
100
  import facebookIcon from '../../../assets/icons/SocialShare/facebook-white.svg?url'
101
- import twitterIcon from '../../../assets/icons/SocialShare/twitter-white.svg?url'
101
+ import twitterIcon from '../../../assets/icons/SocialShare/x-icon-white.svg?url'
102
102
  import officeFilePdfIcon from '../../../assets/icons/SocialShare/office-file-pdf.svg?url'
103
103
  import { BButton, BButtonGroup } from 'bootstrap-vue-next'
104
104
 
@@ -8,6 +8,7 @@
8
8
  :columns="columns"
9
9
  :show-load-more="showMore && hasMorePages"
10
10
  :class="`wcl-browse-content card_group__card--col-${columns}`"
11
+ :card-browse-content="true"
11
12
  @loadMore="() => loadMoreCards(false)"
12
13
  >
13
14
  <template