@asd20/ui 3.2.527 → 3.2.529
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
|
@@ -20,8 +20,10 @@
|
|
|
20
20
|
ref="menuContainer"
|
|
21
21
|
class="asd20-site-menu"
|
|
22
22
|
@click="onBackgroundClick"
|
|
23
|
+
@focus="onFocus"
|
|
23
24
|
@keyup.up.stop.prevent="previous"
|
|
24
25
|
@keyup.down.stop.prevent="next"
|
|
26
|
+
@keyup.tab.stop.prevent="tabOrShiftTab"
|
|
25
27
|
@keyup.right.stop.prevent="activateSection"
|
|
26
28
|
@keyup.left.stop.prevent="deactivateSection"
|
|
27
29
|
@keyup.escape="deactivateSection"
|
|
@@ -235,6 +237,19 @@ export default {
|
|
|
235
237
|
this.$refs.focused[0].focus()
|
|
236
238
|
})
|
|
237
239
|
},
|
|
240
|
+
tabOrShiftTab(event) {
|
|
241
|
+
if (event.shiftKey) {
|
|
242
|
+
this.shiftKeyPressed()
|
|
243
|
+
} else {
|
|
244
|
+
this.shiftKeyNotPressed()
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
shiftKeyPressed() {
|
|
248
|
+
this.previous()
|
|
249
|
+
},
|
|
250
|
+
shiftKeyNotPressed() {
|
|
251
|
+
this.next()
|
|
252
|
+
},
|
|
238
253
|
},
|
|
239
254
|
}
|
|
240
255
|
</script>
|
|
@@ -87,13 +87,13 @@
|
|
|
87
87
|
@input="$emit('update:keywords', $event)"
|
|
88
88
|
medium
|
|
89
89
|
/>
|
|
90
|
-
<asd20-multiselect-input
|
|
90
|
+
<!-- <asd20-multiselect-input
|
|
91
91
|
label="Categories"
|
|
92
92
|
:taggable="false"
|
|
93
93
|
:value="selectedCategories"
|
|
94
94
|
:items="categoryOptions"
|
|
95
95
|
@input="$emit('update:selected-categories', $event)"
|
|
96
|
-
/>
|
|
96
|
+
/> -->
|
|
97
97
|
</div>
|
|
98
98
|
|
|
99
99
|
<div class="feed">
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
@input="$emit('update:keywords', $event)"
|
|
99
99
|
medium
|
|
100
100
|
/>
|
|
101
|
-
<asd20-multiselect-input
|
|
101
|
+
<!-- <asd20-multiselect-input
|
|
102
102
|
role="listbox"
|
|
103
103
|
aria-label="Choose a Category to Sort By"
|
|
104
104
|
aria-controls="joketypes"
|
|
@@ -124,7 +124,7 @@
|
|
|
124
124
|
<option disabled>Choose options</option>
|
|
125
125
|
<option v-for="(catetory, index) in categoryOptions" :value="selectedCategories">{{selectedCategories}}</option>
|
|
126
126
|
</select>
|
|
127
|
-
</form>
|
|
127
|
+
</form> -->
|
|
128
128
|
</div>
|
|
129
129
|
|
|
130
130
|
<div class="feed">
|