@asd20/ui 3.2.962 → 3.2.963

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/atoms/Asd20MultiselectInput/index.vue +23 -10
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "*.scss",
6
6
  "*.vue"
7
7
  ],
8
- "version": "3.2.962",
8
+ "version": "3.2.963",
9
9
  "private": false,
10
10
  "license": "MIT",
11
11
  "repository": {
package/src/components/atoms/Asd20MultiselectInput/index.vue CHANGED
@@ -13,7 +13,7 @@
13
13
  <Multiselect
14
14
  ref="multiselect"
15
15
  autocomplete="off"
16
- v-fix-autocomplete
16
+ v-fix-input-attrs="{ autocomplete: 'off', 'aria-label': label }"
17
17
  :value="value"
18
18
  :options="computedItems"
19
19
  :taggable="taggable"
@@ -33,6 +33,7 @@
33
33
  autocomplete="off"
34
34
  class="multiselect__input"
35
35
  placeholder="Type to search"
36
+ :aria-label="label"
36
37
  />
37
38
  </template>
38
39
  <template slot="tag" slot-scope="{ option, remove }">
@@ -111,23 +112,35 @@ export default {
111
112
  multiple: 'true',
112
113
  }),
113
114
  directives: {
114
- fixAutocomplete: {
115
- // Called when the directive is bound to the element
116
- inserted(el) {
117
- const input = el.querySelector('input.multiselect__input');
115
+ fixInputAttrs: {
116
+ inserted(el, binding) {
117
+ const input = el.querySelector('input.multiselect__input')
118
118
  if (input) {
119
- input.setAttribute('autocomplete', 'off');
119
+ input.setAttribute('autocomplete', 'off')
120
+
121
+ // Set additional attributes from binding
122
+ if (binding.value && typeof binding.value === 'object') {
123
+ Object.entries(binding.value).forEach(([key, val]) => {
124
+ input.setAttribute(key, val)
125
+ })
126
+ }
120
127
  }
121
128
  },
122
- // Ensure it applies even after updates
123
- componentUpdated(el) {
124
- const input = el.querySelector('input.multiselect__input');
129
+ componentUpdated(el, binding) {
130
+ const input = el.querySelector('input.multiselect__input')
125
131
  if (input) {
126
- input.setAttribute('autocomplete', 'off');
132
+ input.setAttribute('autocomplete', 'off')
133
+
134
+ if (binding.value && typeof binding.value === 'object') {
135
+ Object.entries(binding.value).forEach(([key, val]) => {
136
+ input.setAttribute(key, val)
137
+ })
138
+ }
127
139
  }
128
140
  },
129
141
  },
130
142
  },
143
+
131
144
  methods: {
132
145
  addTag(newTag) {
133
146
  const tag = {}