aloha-vue 2.49.0 → 2.49.2

package/src/ui/AInput/compositionAPI/FocusAPI.js

@@ -0,0 +1,16 @@
+import {
+  ref,
+} from "vue";
+
+export default function FocusAPI() {
+  const inputRef = ref(undefined);
+
+  const setFocusToInput = () => {
+    inputRef.value?.focus();
+  };
+
+  return {
+    inputRef,
+    setFocusToInput,
+  };
+}

package/src/ui/AInput/compositionAPI/ModelAPI.js

@@ -5,12 +5,11 @@ import {
 
 export default function ModelAPI(props, {
   changeModel = () => {},
+  inputRef = ref(undefined),
 }) {
   const disabled = toRef(props, "disabled");
   const type = toRef(props, "type");
 
-  const inputRef = ref(undefined);
-
   const onInput = $event => {
     if (disabled.value) {
       return;
@@ -33,8 +32,8 @@ export default function ModelAPI(props, {
     });
   };
 
+
   return {
-    inputRef,
     onInput,
   };
 }

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "خطر",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "فاتح",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "داكن",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "رابط",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "كبير",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "صغير"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "رابط",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "كبير",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "صغير",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "شارة <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "أساسي",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "ثانوي",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "ثالث",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "نجاح",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "معلومات",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "تحذير",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "خطر",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "فاتح",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "داكن",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "الحدود <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "كبسولة مستديرة"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Gefahr",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Hell",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Dunkel",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Groß",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Klein"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Groß",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Klein",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Abzeichen <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primär",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Sekundär",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Tertiär",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Erfolg",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Info",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Warnung",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Gefahr",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Hell",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Dunkel",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Rahmen <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Abgerundete Pillenform"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Danger",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Light",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Dark",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Large",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Small"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Large",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Small",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Badge <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primary",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Secondary",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Tertiary",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Success",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Info",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Warning",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Danger",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Light",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Dark",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Border <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Rounded pill"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Peligro",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Claro",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Oscuro",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Enlace",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grande",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Pequeño"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Enlace",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grande",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Pequeño",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Insignia <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primario",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Secundario",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Terciario",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Éxito",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Información",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Advertencia",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Peligro",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Claro",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Oscuro",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Borde <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Pastilla redondeada"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Danger",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Clair",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Foncé",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Lien",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grand",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Petit"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Lien",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grand",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Petit",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Badge <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primaire",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Secondaire",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Tertiaire",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Succès",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Information",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Avertissement",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Danger",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Clair",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Foncé",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Bordure <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Pilule arrondie"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Opasnost",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Svijetli",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Tamni",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Poveznica",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Veliki",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Mali"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Poveznica",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Veliki",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Mali",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Bedž <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primarni",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Sekundarni",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Tercijarni",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Uspjeh",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Informacija",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Upozorenje",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Opasnost",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Svijetli",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Tamni",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Obrub <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Zaobljena kapsula"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Pericolo",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Chiaro",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Scuro",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grande",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Piccolo"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Link",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Grande",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Piccolo",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Badge <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Primario",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Secondario",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Terziario",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Successo",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Informazione",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Avviso",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Pericolo",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Chiaro",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Scuro",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Bordo <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Pillola arrotondata"
+}

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

@@ -275,7 +275,19 @@
   "_A_SELECT_STYLES_VALUE_BTN_DANGER_": "Опасность",
   "_A_SELECT_STYLES_VALUE_BTN_LIGHT_": "Светлый",
   "_A_SELECT_STYLES_VALUE_BTN_DARK_": "Темный",
-  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Ссылка",
-  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Большой",
-  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Маленький"
-}
+  "_A_SELECT_STYLES_VALUE_BTN_LINK_": "Ссылка",
+  "_A_SELECT_STYLES_VALUE_BTN_LARGE_": "Большой",
+  "_A_SELECT_STYLES_VALUE_BTN_SMALL_": "Маленький",
+  "_A_SELECT_STYLES_GROUP_BADGE_": "Бейдж <code>badge</code>",
+  "_A_SELECT_STYLES_VALUE_BADGE_PRIMARY_": "Основной",
+  "_A_SELECT_STYLES_VALUE_BADGE_SECONDARY_": "Вторичный",
+  "_A_SELECT_STYLES_VALUE_BADGE_TERTIARY_": "Третичный",
+  "_A_SELECT_STYLES_VALUE_BADGE_SUCCESS_": "Успех",
+  "_A_SELECT_STYLES_VALUE_BADGE_INFO_": "Информация",
+  "_A_SELECT_STYLES_VALUE_BADGE_WARNING_": "Предупреждение",
+  "_A_SELECT_STYLES_VALUE_BADGE_DANGER_": "Опасность",
+  "_A_SELECT_STYLES_VALUE_BADGE_LIGHT_": "Светлый",
+  "_A_SELECT_STYLES_VALUE_BADGE_DARK_": "Темный",
+  "_A_SELECT_STYLES_GROUP_BORDER_": "Граница <code>border</code>",
+  "_A_SELECT_STYLES_VALUE_PILL_ROUNDED_": "Скруглённая плашка"
+}

package/src/ui/compositionApi/UiAPI.js

@@ -11,7 +11,9 @@ import {
   isUndefined,
 } from "lodash-es";
 
-export default function UiAPI(props, { emit }) {
+export default function UiAPI(props, { emit }, {
+  setFocus = () => {},
+} = {}) {
   const change = toRef(props, "change");
   const defaultProps = toRef(props, "default");
   const disabled = toRef(props, "disabled");
@@ -63,9 +65,12 @@ export default function UiAPI(props, { emit }) {
     if (disabled.value) {
       return;
     }
+
     changeModel({
       model: modelUndefined.value,
     });
+
+    setFocus();
   };
 
   const helpTextId = computed(() => {