@avakhula/ui 0.0.178 → 0.0.181

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@avakhula/ui",
-  "version": "0.0.178",
+  "version": "0.0.181",
   "main": "dist/index.js",
   "module": "dist/index.umd.cjs",
   "source": "src/index.js",

package/src/components/Form/Input/Input.vue

@@ -9,6 +9,7 @@
         v-bind="attrs"
         v-model="actualValue"
         ref="field"
+        :aria-invalid="hasErrorState ? true : false"
         :readonly="readonly"
         :disabled="disabled"
         :id="id"
@@ -217,7 +218,7 @@ export default {
     classes() {
       const classList = ["ib-input"];
 
-      if (this.error || this.errorMessage.length) {
+      if (this.hasErrorState) {
         classList.push("ib-error");
       }
 
@@ -238,6 +239,9 @@ export default {
           : this.type;
       return attrs;
     },
+    hasErrorState() {
+      return this.error || this.errorMessage.length;
+    },
   },
   watch: {
     value(newVal) {

package/src/components/TreeSelect/Select.vue

@@ -20,8 +20,9 @@
           role="combobox"
           tabindex="0"
           class="tree-choice"
+          ref="combobox"
           @click.prevent
-          @blur="() => $emit('blur')"
+          @blur="onBlur"
           :aria-label="ariaLabel"
           :aria-expanded="isOpened"
           :class="{
@@ -468,6 +469,12 @@ export default {
       this.setPreparedValues();
     });
 
+    document
+      .querySelectorAll(`[name="${this.actualName}"]`)
+      .forEach((input) => {
+        input.addEventListener("focus", this.$refs.combobox.focus());
+      });
+
     document.addEventListener("mousemove", this.onResize);
     document.addEventListener("mouseup", this.endResizing);
   },
@@ -543,6 +550,11 @@ export default {
     };
   },
   methods: {
+    onBlur() {
+      if (!this.isOpened) {
+        this.$emit("blur");
+      }
+    },
     startResizing(prop) {
       this.resizingProp = prop;
     },