aloha-vue 1.2.277 → 1.2.279

package/CHANGELOG.md

@@ -7,10 +7,18 @@
 ---
 # Versions
 
+## 1.2.279
+
+- Removed the `disabled` attribute from the `HTML` output of the `ASelect` component to improve accessibility.
+
+## 1.2.278
+
+- Fixed the `disabled` state handling for elements with `type="link"` in the `AElement` component.
+
 ## 1.2.277
 
 - Removed the unnecessary `role="button"` attribute from buttons in`AInputCurrency` and `AInputNumber` components.
-  Added `title` and `textScreenReader` props for buttons in `AInputCurrency` and `AInputNumber` to enhance accessibility and screen reader support.
+- Added `title` and `textScreenReader` props for buttons in `AInputCurrency` and `AInputNumber` to enhance accessibility and screen reader support.
 
 ## 1.2.276
 

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.277",
+  "version": "1.2.279",
   "author": {
     "name": "Ilia Brykin",
     "email": "brykin.ilia@gmail.com"

package/src/AElement/AElement.js

@@ -10,6 +10,7 @@ import AriaLabelAPI from "../ATranslation/compositionAPI/AriaLabelAPI";
 import AttributesAPI from "./comositionAPI/AttributesAPI";
 import ClickAPI from "./comositionAPI/ClickAPI";
 import ComponentLocalAPI from "./comositionAPI/ComponentLocalAPI";
+import DisabledAPI from "./comositionAPI/DisabledAPI";
 import HtmlTitleAPI from "./comositionAPI/HtmlTitleAPI";
 import LoadingAPI from "./comositionAPI/LoadingAPI";
 import RouterLinkAPI from "./comositionAPI/RouterLinkAPI";
@@ -286,6 +287,10 @@ export default {
       isRouterLink,
     } = RouterLinkAPI(props);
 
+    const {
+      disabledLocal,
+    } = DisabledAPI(props);
+
     const {
       tagLocal,
     } = TagAPI(props, {
@@ -344,6 +349,7 @@ export default {
       ariaLabelAttributes,
       attributesToExcludeFromRender,
       componentLocal,
+      disabledLocal,
       elementRef,
       htmlTitleAttributes,
       isLoadingLeft,
@@ -377,7 +383,7 @@ export default {
       ],
       type: this.typeAttribut,
       tabindex: this.tabindex,
-      disabled: this.disabled,
+      disabled: this.disabledLocal,
       ariaDisabled: this.ariaDisabled,
       "aria-pressed": this.isSwitchActive,
       isAllRowsSelected: undefined, // TODO: ATable

package/src/AElement/comositionAPI/DisabledAPI.js

@@ -0,0 +1,22 @@
+import {
+  computed,
+  toRef,
+} from "vue";
+
+export default function DisabledAPI(props) {
+  const type = toRef(props, "type");
+  const disabled = toRef(props, "disabled");
+
+  const disabledLocal = computed(() => {
+    if (["button", "submit", "reset"].indexOf(type.value) !== -1 &&
+      disabled.value) {
+      return true;
+    }
+
+    return undefined;
+  });
+
+  return {
+    disabledLocal,
+  };
+}

package/src/ui/ASelect/ASelect.js

@@ -486,7 +486,6 @@ export default {
 
     const {
       ariaLabelledby,
-      attributesDisabled,
       containerId,
       idForList,
       tabindex,
@@ -603,7 +602,6 @@ export default {
     return {
       ariaDescribedbyLocal,
       ariaLabelledby,
-      attributesDisabled,
       attributesToExcludeFromRender,
       buttonRef,
       clearModel,
@@ -727,7 +725,6 @@ export default {
               onKeydown: this.handleKeydown,
               onFocus: this.onFocus,
               onBlur: this.onBlur,
-              ...this.attributesDisabled,
             }, [
               this.$slots.fixedPlaceholder ?
                 this.$slots.fixedPlaceholder({

package/src/ui/ASelect/compositionAPI/AttributesAPI.js

@@ -24,17 +24,8 @@ export default function AttributesAPI(props, {
     return disabled.value ? undefined : 0;
   });
 
-  const attributesDisabled = computed(() => {
-    const ATTRIBUTES = {};
-    if (disabled.value) {
-      ATTRIBUTES.disabled = true;
-    }
-    return ATTRIBUTES;
-  });
-
   return {
     ariaLabelledby,
-    attributesDisabled,
     containerId,
     idForList,
     tabindex,