aloha-vue 1.2.276 → 1.2.278

package/CHANGELOG.md

@@ -7,6 +7,15 @@
 ---
 # Versions
 
+## 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.
+
 ## 1.2.276
 
 - Fixed the `aria-describedby` attribute for UI components to ensure proper association with error messages, improving accessibility.

package/package.json

@@ -14,7 +14,7 @@
     "Vue.js"
   ],
   "homepage": "https://github.com/ilia-brykin/aloha/#README.md",
-  "version": "1.2.276",
+  "version": "1.2.278",
   "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/i18n/allLanguages.js

@@ -31,6 +31,8 @@ import ASpinnerI18n from "../ASpinner/i18n/ASpinnerI18n";
 import ALoadingI18n from "../ALoading/i18n/ALoadingI18n";
 import ACloakI18n from "../ACloak/i18n/ACloakI18n";
 import ARequiredI18n from "../ui/ARequired/i18n/ARequiredI18n";
+import AInputNumberI18n from "../ui/AInputNumber/i18n/AInputNumberI18n";
+import AInputCurrencyI18n from "../ui/AInputCurrency/i18n/AInputCurrencyI18n";
 
 export const ar = {
   ...arJson,
@@ -58,6 +60,8 @@ export const ar = {
   ...ALoadingI18n.ar,
   ...ACloakI18n.ar,
   ...ARequiredI18n.ar,
+  ...AInputNumberI18n.ar,
+  ...AInputCurrencyI18n.ar,
 };
 export const de = {
   ...deJson,
@@ -85,6 +89,8 @@ export const de = {
   ...ALoadingI18n.de,
   ...ACloakI18n.de,
   ...ARequiredI18n.de,
+  ...AInputNumberI18n.de,
+  ...AInputCurrencyI18n.de,
 };
 export const en = {
   ...enJson,
@@ -112,6 +118,8 @@ export const en = {
   ...ALoadingI18n.en,
   ...ACloakI18n.en,
   ...ARequiredI18n.en,
+  ...AInputNumberI18n.en,
+  ...AInputCurrencyI18n.en,
 };
 export const es = {
   ...esJson,
@@ -139,6 +147,8 @@ export const es = {
   ...ALoadingI18n.es,
   ...ACloakI18n.es,
   ...ARequiredI18n.es,
+  ...AInputNumberI18n.es,
+  ...AInputCurrencyI18n.es,
 };
 export const fr = {
   ...frJson,
@@ -166,6 +176,8 @@ export const fr = {
   ...ALoadingI18n.fr,
   ...ACloakI18n.fr,
   ...ARequiredI18n.fr,
+  ...AInputNumberI18n.fr,
+  ...AInputCurrencyI18n.fr,
 };
 export const hr = {
   ...hrJson,
@@ -193,6 +205,8 @@ export const hr = {
   ...ALoadingI18n.hr,
   ...ACloakI18n.hr,
   ...ARequiredI18n.hr,
+  ...AInputNumberI18n.hr,
+  ...AInputCurrencyI18n.hr,
 };
 export const it = {
   ...itJson,
@@ -220,6 +234,8 @@ export const it = {
   ...ALoadingI18n.it,
   ...ACloakI18n.it,
   ...ARequiredI18n.it,
+  ...AInputNumberI18n.it,
+  ...AInputCurrencyI18n.it,
 };
 export const ru = {
   ...ruJson,
@@ -247,6 +263,8 @@ export const ru = {
   ...ALoadingI18n.ru,
   ...ACloakI18n.ru,
   ...ARequiredI18n.ru,
+  ...AInputNumberI18n.ru,
+  ...AInputCurrencyI18n.ru,
 };
 
 export default {

package/src/ui/AInputCurrency/AInputCurrency.js

@@ -498,20 +498,18 @@ export default {
                 class: "a_btn a_btn_outline_secondary",
                 iconLeft: "Minus",
                 tabindex: -1,
-                attributes: {
-                  role: "button",
-                },
                 disabled: this.disabled,
+                title: "_A_INPUT_CURRENCY_BTN_DECREASE_",
+                textScreenReader: "_A_INPUT_CURRENCY_BTN_DECREASE_",
                 onClick: this.decrease,
               }),
               h(AButton, {
                 class: "a_btn a_btn_outline_secondary",
                 iconLeft: "Plus",
                 tabindex: -1,
-                attributes: {
-                  role: "button",
-                },
                 disabled: this.disabled,
+                title: "_A_INPUT_CURRENCY_BTN_INCREASE_",
+                textScreenReader: "_A_INPUT_CURRENCY_BTN_INCREASE_",
                 onClick: this.increase,
               }),
             ]),

package/src/ui/AInputCurrency/i18n/AInputCurrencyI18n.js

@@ -0,0 +1,19 @@
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/src/ui/AInputCurrency/i18n/ar.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "تقليل القيمة",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "زيادة القيمة"
+}

package/src/ui/AInputCurrency/i18n/de.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Wert verringern",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Wert erhöhen"
+}

package/src/ui/AInputCurrency/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Decrease value",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Increase value"
+}

package/src/ui/AInputCurrency/i18n/es.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Disminuir valor",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Aumentar valor"
+}

package/src/ui/AInputCurrency/i18n/fr.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Diminuer la valeur",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Augmenter la valeur"
+}

package/src/ui/AInputCurrency/i18n/hr.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Smanji vrijednost",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Povećaj vrijednost"
+}

package/src/ui/AInputCurrency/i18n/it.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Diminuisci valore",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Aumenta valore"
+}

package/src/ui/AInputCurrency/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_CURRENCY_BTN_DECREASE_": "Уменьшить значение",
+  "_A_INPUT_CURRENCY_BTN_INCREASE_": "Увеличить значение"
+}

package/src/ui/AInputNumber/AInputNumber.js

@@ -397,10 +397,9 @@ export default {
                 class: "a_btn a_btn_outline_secondary",
                 iconLeft: "Minus",
                 tabindex: -1,
-                attributes: {
-                  role: "button",
-                },
                 disabled: this.disabled,
+                title: "_A_INPUT_NUMBER_BTN_DECREASE_",
+                textScreenReader: "_A_INPUT_NUMBER_BTN_DECREASE_",
                 onClick: this.decrease,
               }),
               h(AButton, {
@@ -408,10 +407,9 @@ export default {
                 class: "a_btn a_btn_outline_secondary",
                 iconLeft: "Plus",
                 tabindex: -1,
-                attributes: {
-                  role: "button",
-                },
                 disabled: this.disabled,
+                title: "_A_INPUT_NUMBER_BTN_INCREASE_",
+                textScreenReader: "_A_INPUT_NUMBER_BTN_INCREASE_",
                 onClick: this.increase,
               }),
             ]),

package/src/ui/AInputNumber/i18n/AInputNumberI18n.js

@@ -0,0 +1,19 @@
+import ar from "./ar.json";
+import de from "./de.json";
+import en from "./en.json";
+import es from "./es.json";
+import fr from "./fr.json";
+import hr from "./hr.json";
+import it from "./it.json";
+import ru from "./ru.json";
+
+export default {
+  ar,
+  de,
+  en,
+  es,
+  fr,
+  hr,
+  it,
+  ru,
+};

package/src/ui/AInputNumber/i18n/ar.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "تقليل القيمة",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "زيادة القيمة"
+}

package/src/ui/AInputNumber/i18n/de.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Wert verringern",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Wert erhöhen"
+}

package/src/ui/AInputNumber/i18n/en.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Decrease value",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Increase value"
+}

package/src/ui/AInputNumber/i18n/es.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Disminuir valor",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Aumentar valor"
+}

package/src/ui/AInputNumber/i18n/fr.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Diminuer la valeur",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Augmenter la valeur"
+}

package/src/ui/AInputNumber/i18n/hr.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Smanji vrijednost",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Povećaj vrijednost"
+}

package/src/ui/AInputNumber/i18n/it.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Diminuisci valore",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Aumenta valore"
+}

package/src/ui/AInputNumber/i18n/ru.json

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_NUMBER_BTN_DECREASE_": "Уменьшить значение",
+  "_A_INPUT_NUMBER_BTN_INCREASE_": "Увеличить значение"
+}