@worksafevictoria/wcl7.5 1.9.0-beta.7 → 1.9.0-beta.9

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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/src/components/Global/AppHeaderNew/index.vue +9 -1
  3. package/src/index.js +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@worksafevictoria/wcl7.5",
3
- "version": "1.9.0-beta.7",
3
+ "version": "1.9.0-beta.9",
4
4
  "main": "src/index.js",
5
5
  "license": "MIT",
6
6
  "repository": {
package/src/components/Global/AppHeaderNew/index.vue CHANGED
@@ -34,7 +34,7 @@
34
34
  </td>
35
35
  <td>
36
36
  <a href="javascript:void(0)" @click="show = !show" title="Contrast">
37
- <span v-if="!topLevelIconsOnly">Adjust control</span> <img alt="Contrast Icon" width="20px" height="20px" :src=ContrastIcon />
37
+ <span v-if="!topLevelIconsOnly">Adjust contrast</span> <img alt="Contrast Icon" width="20px" height="20px" :src=ContrastIcon />
38
38
  </a>
39
39
  <div
40
40
  class="flex-container"
@@ -661,6 +661,9 @@ export default {
661
661
  selectedValue: null
662
662
  }
663
663
  },
664
+
665
+ emits: ['handleContrast'],
666
+
664
667
  computed: {
665
668
  showSecondLevelCaret() {
666
669
  return (
@@ -709,6 +712,10 @@ export default {
709
712
  window.addEventListener('resize', this.updateMoreMenu())
710
713
  })
711
714
  this.updateMoreMenu()
715
+ let selectedMode = document
716
+ .getElementById('contrastStyle')
717
+ ?.getAttribute('data-sel')
718
+ this.selectedValue = selectedMode ?? 'default'
712
719
  },
713
720
  destroyed() {
714
721
  window.removeEventListener('resize', this.screenWidth),
@@ -1114,6 +1121,7 @@ export default {
1114
1121
  },
1115
1122
  handleContrast(event) {
1116
1123
  const selMode = event.target.value
1124
+ this.selectedValue = selMode
1117
1125
  // the css we are going to inject
1118
1126
  let cssVar = ''
1119
1127
  if (selMode === 'high_contrast') {
package/src/index.js CHANGED
@@ -7,7 +7,7 @@ import Subheader from './components/Containers/Subheader/index.vue'
7
7
  import SectionGroup from './components/Containers/SectionGroup/index.vue'
8
8
  import CarouselComponent from './components/Containers/Carousel/index.vue'
9
9
 
10
- import AppHeader from './components/Global/AppHeader/index.vue'
10
+ import AppHeader from './components/Global/AppHeaderNew/index.vue'
11
11
  import AppFooter from './components/Global/AppFooter/index.vue'
12
12
  import HeroHeader from './components/Global/HeroHeader/index.vue'
13
13
  import SocialShare from './components/Global/SocialShare/index.vue'