@asd20/ui 3.2.359 → 3.2.360

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
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.359",
8
+ "version": "3.2.360",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
@@ -51,9 +51,8 @@
51
51
  <transition name="slide">
52
52
  <asd20-action-menu
53
53
  v-show="
54
- (menuOpen && (mq === 'sm' || mq === 'md')) ||
55
- mq === 'lg' ||
56
- mq === 'xl'
54
+ (menuOpen && (mq === 'sm' || mq === 'md') && isLoaded) ||
55
+ ((mq === 'lg' || mq === 'xl') && isLoaded)
57
56
  "
58
57
  :items="actionItems"
59
58
  :active="menuOpen"
@@ -102,6 +101,7 @@ export default {
102
101
  data: () => ({
103
102
  keyboardTriggeredLastAction: false,
104
103
  desktop: false,
104
+ isLoaded: false,
105
105
  }),
106
106
  watch: {
107
107
  menuOpen: function(val) {
@@ -115,11 +115,12 @@ export default {
115
115
  computed: {
116
116
  // Fallback for vue mediaQuery, in case its not installed globally
117
117
  mq() {
118
- return this.$mq || 'lg'
118
+ return this.$mq || 'sm'
119
119
  },
120
120
  },
121
121
  mounted() {
122
122
  this.desktop = window.innerWidth >= 1024
123
+ this.isLoaded = true
123
124
  },
124
125
  methods: {
125
126
  onKeyboardToggleEvent(event) {