aloha-vue 1.2.114 → 1.2.116

package/docs/src/views/Functions/Filters/PageFilterBoolean/i18n/ar.json

@@ -1,25 +1,7 @@
 {
-  "_A_BASIC_USAGE_": "الاستخدام الأساسي",
-  "_ALOHA_TABLE_COLUMN_DEFAULT_": "الافتراضي",
-  "_ALOHA_TABLE_COLUMN_DESCRIPTION_": "الوصف",
-  "_ALOHA_TABLE_COLUMN_NAME_": "الاسم",
-  "_ALOHA_TABLE_COLUMN_REQUIRED_": "مطلوب",
-  "_ALOHA_TABLE_COLUMN_TYPE_": "النوع",
-  "_COPIED_TO_CLIPBOARD_": "تم النسخ إلى الحافظة",
-  "_COPY_CODE_HTML_": "نسخ كود HTML",
-  "_COPY_CODE_JS_": "نسخ كود JS",
-  "_HIDE_SOURCE_": "إخفاء المصدر",
-  "_SUPPORT_FRAMEWORKS_": "ندعم الإطارات CSS التالية",
-  "_VIEW_SOURCE_": "عرض المصدر",
-  "_ALOHA_TABLE_TRANSLATE_LABEL_": "الترجمات",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_PLACEHOLDER_": "عنصر نائب",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_": "الترجمة",
-  "_WELCOME_": "مرحبا",
-  "_JS_TYPE_OBJECT_": "كائن",
-  "_JS_TYPE_ARRAY_": "مصفوفة",
-  "_JS_TYPE_ANY_": "أي",
-  "_JS_TYPE_STRING_": "سلسلة",
-  "_JS_TYPE_NUMBER_": "رقم",
-  "_JS_TYPE_FUNCTION_": "وظيفة",
-  "_JS_TYPE_BOOLEAN_": "قيمة بوليانية"
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_FALSE_VALUE_": "النص المترجم الذي سيتم إرجاعه في حال كانت القيمة <strong>خاطئة</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_TRUE_VALUE_": "النص المترجم الذي سيتم إرجاعه في حال كانت القيمة <strong>صحيحة</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_USE_NIL_": "يشير إلى ما إذا كان يجب إرجاع سلسلة فارغة لـ <strong>غير محدد</strong> أو <strong>فارغ</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_VALUE_": "القيمة التي ستتحول إلى نص مترجم",
+  "_PAGE_FILTER_BOOLEAN_DESCRIPTION_": "تُستخدم وظيفة <strong>filterBoolean</strong> لتحويل <strong>قيمة بوليانية</strong> إلى نص مترجم. تتيح تخصيص النصوص للقيم <strong>صحيح</strong> و <strong>خاطئ</strong> وخيار إرجاع سلسلة فارغة لـ <strong>غير محدد</strong> أو <strong>فارغ</strong>."
 }

package/docs/src/views/Functions/Filters/PageFilterBoolean/i18n/en.json

@@ -1,25 +1,7 @@
 {
-  "_A_BASIC_USAGE_": "Basic Usage",
-  "_ALOHA_TABLE_COLUMN_DEFAULT_": "Default",
-  "_ALOHA_TABLE_COLUMN_DESCRIPTION_": "Description",
-  "_ALOHA_TABLE_COLUMN_NAME_": "Name",
-  "_ALOHA_TABLE_COLUMN_REQUIRED_": "Required",
-  "_ALOHA_TABLE_COLUMN_TYPE_": "Type",
-  "_COPIED_TO_CLIPBOARD_": "Copied to Clipboard",
-  "_COPY_CODE_HTML_": "Copy Code HTML",
-  "_COPY_CODE_JS_": "Copy Code JS",
-  "_HIDE_SOURCE_": "Hide Source",
-  "_SUPPORT_FRAMEWORKS_": "We support the following CSS frameworks",
-  "_VIEW_SOURCE_": "View Source",
-  "_ALOHA_TABLE_TRANSLATE_LABEL_": "Translations",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_PLACEHOLDER_": "Placeholder",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_": "Translation",
-  "_WELCOME_": "Welcome",
-  "_JS_TYPE_OBJECT_": "Object",
-  "_JS_TYPE_ARRAY_": "Array",
-  "_JS_TYPE_ANY_": "Any",
-  "_JS_TYPE_STRING_": "String",
-  "_JS_TYPE_NUMBER_": "Number",
-  "_JS_TYPE_FUNCTION_": "Function",
-  "_JS_TYPE_BOOLEAN_": "Boolean"
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_FALSE_VALUE_": "The translated text to be returned in case the value is <strong>False</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_TRUE_VALUE_": "The translated text to be returned in case the value is <strong>True</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_USE_NIL_": "Indicates whether an empty string should be returned for <strong>undefined</strong> or <strong>null</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_VALUE_": "The value to be converted into translated text",
+  "_PAGE_FILTER_BOOLEAN_DESCRIPTION_": "The function <strong>filterBoolean</strong> is used to convert a <strong>boolean value</strong> into translated text. It allows customization of the texts for <strong>True</strong> and <strong>False</strong> values and the option to return an empty string for <strong>undefined</strong> or <strong>null</strong>."
 }

package/docs/src/views/Functions/Filters/PageFilterBoolean/i18n/es.json

@@ -1,25 +1,7 @@
 {
-  "_A_BASIC_USAGE_": "Uso Básico",
-  "_ALOHA_TABLE_COLUMN_DEFAULT_": "Predeterminado",
-  "_ALOHA_TABLE_COLUMN_DESCRIPTION_": "Descripción",
-  "_ALOHA_TABLE_COLUMN_NAME_": "Nombre",
-  "_ALOHA_TABLE_COLUMN_REQUIRED_": "Obligatorio",
-  "_ALOHA_TABLE_COLUMN_TYPE_": "Tipo",
-  "_COPIED_TO_CLIPBOARD_": "Copiado al Portapapeles",
-  "_COPY_CODE_HTML_": "Copiar Código HTML",
-  "_COPY_CODE_JS_": "Copiar Código JS",
-  "_HIDE_SOURCE_": "Ocultar Fuente",
-  "_SUPPORT_FRAMEWORKS_": "Apoyamos los siguientes frameworks CSS",
-  "_VIEW_SOURCE_": "Ver Fuente",
-  "_ALOHA_TABLE_TRANSLATE_LABEL_": "Traducciones",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_PLACEHOLDER_": "Marcador de posición",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_": "Traducción",
-  "_WELCOME_": "Bienvenido",
-  "_JS_TYPE_OBJECT_": "Objeto",
-  "_JS_TYPE_ARRAY_": "Arreglo",
-  "_JS_TYPE_ANY_": "Cualquiera",
-  "_JS_TYPE_STRING_": "Cadena",
-  "_JS_TYPE_NUMBER_": "Número",
-  "_JS_TYPE_FUNCTION_": "Función",
-  "_JS_TYPE_BOOLEAN_": "Booleano"
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_FALSE_VALUE_": "El texto traducido que se devolverá en caso de que el valor sea <strong>Falso</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_TRUE_VALUE_": "El texto traducido que se devolverá en caso de que el valor sea <strong>Verdadero</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_USE_NIL_": "Indica si se debe devolver una cadena vacía para <strong>undefined</strong> o <strong>null</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_VALUE_": "El valor que se convertirá en texto traducido",
+  "_PAGE_FILTER_BOOLEAN_DESCRIPTION_": "La función <strong>filterBoolean</strong> se utiliza para convertir un <strong>valor booleano</strong> en texto traducido. Permite la personalización de los textos para los valores <strong>Verdadero</strong> y <strong>Falso</strong> y la opción de devolver una cadena vacía para <strong>undefined</strong> o <strong>null</strong>."
 }

package/docs/src/views/Functions/Filters/PageFilterBoolean/i18n/fr.json

@@ -1,25 +1,7 @@
 {
-  "_A_BASIC_USAGE_": "Utilisation de Base",
-  "_ALOHA_TABLE_COLUMN_DEFAULT_": "Par Défaut",
-  "_ALOHA_TABLE_COLUMN_DESCRIPTION_": "Description",
-  "_ALOHA_TABLE_COLUMN_NAME_": "Nom",
-  "_ALOHA_TABLE_COLUMN_REQUIRED_": "Requis",
-  "_ALOHA_TABLE_COLUMN_TYPE_": "Type",
-  "_COPIED_TO_CLIPBOARD_": "Copié dans le Presse-papiers",
-  "_COPY_CODE_HTML_": "Copier le Code HTML",
-  "_COPY_CODE_JS_": "Copier le Code JS",
-  "_HIDE_SOURCE_": "Masquer la Source",
-  "_SUPPORT_FRAMEWORKS_": "Nous soutenons les frameworks CSS suivants",
-  "_VIEW_SOURCE_": "Voir la Source",
-  "_ALOHA_TABLE_TRANSLATE_LABEL_": "Traductions",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_PLACEHOLDER_": "Espace réservé",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_": "Traduction",
-  "_WELCOME_": "Bienvenue",
-  "_JS_TYPE_OBJECT_": "Objet",
-  "_JS_TYPE_ARRAY_": "Tableau",
-  "_JS_TYPE_ANY_": "Quelconque",
-  "_JS_TYPE_STRING_": "Chaîne",
-  "_JS_TYPE_NUMBER_": "Nombre",
-  "_JS_TYPE_FUNCTION_": "Fonction",
-  "_JS_TYPE_BOOLEAN_": "Booléen"
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_FALSE_VALUE_": "Le texte traduit à retourner dans le cas où la valeur est <strong>Faux</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_TRUE_VALUE_": "Le texte traduit à retourner dans le cas où la valeur est <strong>Vrai</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_USE_NIL_": "Indique si une chaîne vide doit être retournée pour <strong>undefined</strong> ou <strong>null</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_VALUE_": "La valeur à convertir en texte traduit",
+  "_PAGE_FILTER_BOOLEAN_DESCRIPTION_": "La fonction <strong>filterBoolean</strong> est utilisée pour convertir une <strong>valeur booléenne</strong> en texte traduit. Elle permet la personnalisation des textes pour les valeurs <strong>Vrai</strong> et <strong>Faux</strong> et l'option de retourner une chaîne vide pour <strong>undefined</strong> ou <strong>null</strong>."
 }

package/docs/src/views/Functions/Filters/PageFilterBoolean/i18n/it.json

@@ -1,25 +1,7 @@
 {
-  "_A_BASIC_USAGE_": "Uso Base",
-  "_ALOHA_TABLE_COLUMN_DEFAULT_": "Predefinito",
-  "_ALOHA_TABLE_COLUMN_DESCRIPTION_": "Descrizione",
-  "_ALOHA_TABLE_COLUMN_NAME_": "Nome",
-  "_ALOHA_TABLE_COLUMN_REQUIRED_": "Obbligatorio",
-  "_ALOHA_TABLE_COLUMN_TYPE_": "Tipo",
-  "_COPIED_TO_CLIPBOARD_": "Copiato negli Appunti",
-  "_COPY_CODE_HTML_": "Copia Codice HTML",
-  "_COPY_CODE_JS_": "Copia Codice JS",
-  "_HIDE_SOURCE_": "Nascondi Sorgente",
-  "_SUPPORT_FRAMEWORKS_": "Supportiamo i seguenti framework CSS",
-  "_VIEW_SOURCE_": "Visualizza Sorgente",
-  "_ALOHA_TABLE_TRANSLATE_LABEL_": "Traduzioni",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_PLACEHOLDER_": "Segnaposto",
-  "_ALOHA_TABLE_COLUMN_TRANSLATE_": "Traduzione",
-  "_WELCOME_": "Benvenuto",
-  "_JS_TYPE_OBJECT_": "Oggetto",
-  "_JS_TYPE_ARRAY_": "Array",
-  "_JS_TYPE_ANY_": "Qualsiasi",
-  "_JS_TYPE_STRING_": "Stringa",
-  "_JS_TYPE_NUMBER_": "Numero",
-  "_JS_TYPE_FUNCTION_": "Funzione",
-  "_JS_TYPE_BOOLEAN_": "Booleano"
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_FALSE_VALUE_": "Il testo tradotto da restituire nel caso il valore sia <strong>Falso</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_TRUE_VALUE_": "Il testo tradotto da restituire nel caso il valore sia <strong>Vero</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_USE_NIL_": "Indica se deve essere restituita una stringa vuota per <strong>undefined</strong> o <strong>null</strong>",
+  "_PAGE_FILTER_BOOLEAN_ARGUMENTS_VALUE_": "Il valore da convertire in testo tradotto",
+  "_PAGE_FILTER_BOOLEAN_DESCRIPTION_": "La funzione <strong>filterBoolean</strong> viene utilizzata per convertire un <strong>valore booleano</strong> in testo tradotto. Consente la personalizzazione dei testi per i valori <strong>Vero</strong> e <strong>Falso</strong> e l'opzione di restituire una stringa vuota per <strong>undefined</strong> o <strong>null</strong>."
 }

package/docs/src/views/Functions/Utils/PageUtilsIsArrayOfArrays/i18n/ar.json

@@ -1,4 +1,4 @@
 {
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_",
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_"
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "المصفوفة المراد فحصها",
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "يتحقق مما إذا كانت الإدخال المُعطى عبارة عن مصفوفة من المصفوفات."
 }

package/docs/src/views/Functions/Utils/PageUtilsIsArrayOfArrays/i18n/es.json

@@ -1,4 +1,4 @@
 {
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_",
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_"
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "El array que se va a comprobar",
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "Verifica si la entrada dada es un array de arrays."
 }

package/docs/src/views/Functions/Utils/PageUtilsIsArrayOfArrays/i18n/fr.json

@@ -1,4 +1,4 @@
 {
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_",
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_"
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "Le tableau à vérifier",
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "Vérifie si l'entrée donnée est un tableau de tableaux."
 }

package/docs/src/views/Functions/Utils/PageUtilsIsArrayOfArrays/i18n/it.json

@@ -1,4 +1,4 @@
 {
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_",
-  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_"
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_ARGUMENTS_VALUE_": "L'array da controllare",
+  "_PAGE_UTILS_IS_ARRAY_OF_ARRAYS_DESCRIPTION_": "Controlla se l'input fornito è un array di array."
 }

package/docs/src/views/PageFilters/PageFiltersDefaultHide/PageFiltersDefaultHide.js

@@ -24,11 +24,29 @@ export default {
     } = JsAPI();
 
     const filters = [
+      {
+        type: "select",
+        id: "select1",
+        label: "Select 1",
+        alwaysVisible: true,
+        keyLabel: "label",
+        keyId: "id",
+        data: [
+          {
+            label: "Aloha 0",
+            id: "aloha_0",
+          },
+          {
+            label: "Aloha 1",
+            id: "aloha_1",
+          },
+        ],
+      },
       {
         type: "text",
         id: "search",
         label: "_A_TABLE_FILTER_SEARCH_",
-        main: true,
+        alwaysVisible: true,
       },
       {
         type: "text",
@@ -60,24 +78,6 @@ export default {
         id: "integerNumber",
         label: "Integer range",
       },
-      {
-        type: "select",
-        id: "select1",
-        label: "Select 1",
-        alwaysVisible: true,
-        keyLabel: "label",
-        keyId: "id",
-        data: [
-          {
-            label: "Aloha 0",
-            id: "aloha_0",
-          },
-          {
-            label: "Aloha 1",
-            id: "aloha_1",
-          },
-        ],
-      },
     ];
 
     const appliedModel = ref({});

package/docs/src/views/PageFilters/PageFiltersExample/PageFiltersExample.js

@@ -23,13 +23,13 @@ export default {
       codeJs,
     } = JsAPI();
 
+    const filterMain = {
+      type: "text",
+      id: "search",
+      label: "_A_PAGE_FILTER_SEARCH_",
+    };
+
     const filters = [
-      {
-        type: "text",
-        id: "search",
-        label: "_A_PAGE_FILTER_SEARCH_",
-        main: true,
-      },
       {
         type: "text",
         id: "aloha",
@@ -63,13 +63,16 @@ export default {
     ];
 
     const appliedModel = ref({});
+    const mainModel = ref({});
     const unappliedModel = ref({});
 
     return {
       appliedModel,
       codeHtml,
       codeJs,
+      filterMain,
       filters,
+      mainModel,
       unappliedModel,
     };
   },

package/docs/src/views/PageFilters/PageFiltersExample/PageFiltersExample.pug

@@ -8,7 +8,9 @@ aloha-example(
   div
     a-filters(
       :can-save="true"
+      :filter-main="filterMain"
       :filters="filters"
       v-model:applied-model="appliedModel"
       v-model:unapplied-model="unappliedModel"
+      v-model:main-model="mainModel"
     )

package/docs/src/views/PageFilters/PageFiltersModelId/PageFiltersModelId.js

@@ -28,7 +28,6 @@ export default {
         type: "text",
         id: "search",
         label: "_A_TABLE_FILTER_SEARCH_",
-        main: true,
       },
       {
         type: "checkbox",

package/docs/src/views/PageFilters/i18n/de.json

@@ -3,5 +3,8 @@
   "_A_FILTERS_COMPONENT_NAME_": "Filters",
   "_A_PAGE_FILTER_SEARCH_": "Schnellsuche",
   "_A_PAGE_FILTER_TEXT_": "Text",
-  "_A_PAGE_FILTER_DATE_": "Datum"
+  "_A_PAGE_FILTER_DATE_": "Datum",
+  "_A_PAGE_FILTER_INTEGER_": "Ganze Zahl",
+  "_A_TABLE_FILTER_INPUT_DATE_RANGE_": "Zeitraum",
+  "_A_TABLE_FILTER_INPUT_NUMBER_RANGE_": "Zahlenbereich"
 }

package/docs/src/views/PageList/i18n/ar.json

@@ -28,10 +28,12 @@
   "_A_LIST_KEY_LABEL_PROP_DESCRIPTION_": "مفتاح للتسمية المراد عرضها، إذا كانت data عبارة عن مصفوفة من الكائنات",
   "_A_LIST_LABEL_TAG_PROP_DESCRIPTION_": "وسم HTML للتسميات",
   "_A_LIST_LIST_ITEM_TAG_PROP_DESCRIPTION_": "وسم HTML للعناصر في القائمة",
-  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "فاصل بين العناصر",
-  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_",
   "_A_LIST_SLOT_DESCRIPTION_": "محتوى مخصص لكل عنصر في القائمة",
   "_A_LIST_TAG_PROP_DESCRIPTION_": "وسم HTML للقائمة بأكملها",
   "_A_LIST_WITH_SLOT_DESCRIPTION_": "قائمة بمحتوى مخصص في العناصر عبر الشق.",
-  "_A_LIST_WITH_SLOT_HEADER_": "شق"
+  "_A_LIST_WITH_SLOT_HEADER_": "شق",
+  "_A_LIST_GROUP_SEPARATOR_HTML_DESCRIPTION_": "المحتوى المستخدم كفاصل بين عناصر في قائمة يمكن أيضًا تحديده بتنسيق HTML. سيتم تنقية هذا المحتوى.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_HEADER_": "فاصل مخصص بين عناصر القائمة بتنسيق HTML",
+  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "فاصل بين عناصر القائمة.",
+  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "فاصل بين عناصر القائمة بتنسيق HTML."
 }

package/docs/src/views/PageList/i18n/es.json

@@ -28,10 +28,12 @@
   "_A_LIST_KEY_LABEL_PROP_DESCRIPTION_": "Clave para la etiqueta que se mostrará, si los datos son un array de objetos",
   "_A_LIST_LABEL_TAG_PROP_DESCRIPTION_": "Etiqueta HTML para las etiquetas",
   "_A_LIST_LIST_ITEM_TAG_PROP_DESCRIPTION_": "Etiqueta HTML para los elementos en la lista",
-  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Separador entre elementos",
-  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_",
   "_A_LIST_SLOT_DESCRIPTION_": "Contenido personalizado para cada elemento en la lista",
   "_A_LIST_TAG_PROP_DESCRIPTION_": "Etiqueta HTML para toda la lista",
   "_A_LIST_WITH_SLOT_DESCRIPTION_": "Una lista con contenido personalizado en los elementos a través del slot.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_DESCRIPTION_": "El contenido utilizado como separador entre elementos de una lista también puede especificarse en formato HTML. Este contenido será saneado.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_HEADER_": "Separador personalizado entre elementos de una lista en formato HTML",
+  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Separador entre elementos de una lista.",
+  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "Separador entre elementos de una lista en formato HTML.",
   "_A_LIST_WITH_SLOT_HEADER_": "Slot"
 }

package/docs/src/views/PageList/i18n/fr.json

@@ -28,10 +28,12 @@
   "_A_LIST_KEY_LABEL_PROP_DESCRIPTION_": "Clé pour l'étiquette à afficher, si les données sont un tableau d'objets",
   "_A_LIST_LABEL_TAG_PROP_DESCRIPTION_": "Balise HTML pour les étiquettes",
   "_A_LIST_LIST_ITEM_TAG_PROP_DESCRIPTION_": "Balise HTML pour les éléments de la liste",
-  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Séparateur entre les éléments",
-  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_",
   "_A_LIST_SLOT_DESCRIPTION_": "Contenu personnalisé pour chaque élément de la liste",
   "_A_LIST_TAG_PROP_DESCRIPTION_": "Balise HTML pour la liste entière",
   "_A_LIST_WITH_SLOT_DESCRIPTION_": "Une liste avec du contenu personnalisé dans les éléments via le slot.",
-  "_A_LIST_WITH_SLOT_HEADER_": "Slot"
+  "_A_LIST_WITH_SLOT_HEADER_": "Slot",
+  "_A_LIST_GROUP_SEPARATOR_HTML_DESCRIPTION_": "Le contenu utilisé comme séparateur entre les éléments d'une liste peut également être spécifié au format HTML. Ce contenu sera nettoyé.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_HEADER_": "Séparateur personnalisé entre les éléments d'une liste au format HTML",
+  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Séparateur entre les éléments d'une liste.",
+  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "Séparateur entre les éléments d'une liste au format HTML."
 }

package/docs/src/views/PageList/i18n/it.json

@@ -28,10 +28,12 @@
   "_A_LIST_KEY_LABEL_PROP_DESCRIPTION_": "Chiave per l'etichetta da visualizzare, se i dati sono un array di oggetti",
   "_A_LIST_LABEL_TAG_PROP_DESCRIPTION_": "Tag HTML per le etichette",
   "_A_LIST_LIST_ITEM_TAG_PROP_DESCRIPTION_": "Tag HTML per gli elementi nella lista",
-  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Separatore tra gli elementi",
-  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_",
   "_A_LIST_SLOT_DESCRIPTION_": "Contenuto personalizzato per ogni elemento della lista",
   "_A_LIST_TAG_PROP_DESCRIPTION_": "Tag HTML per l'intera lista",
   "_A_LIST_WITH_SLOT_DESCRIPTION_": "Una lista con contenuto personalizzato negli elementi tramite lo slot.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_DESCRIPTION_": "Il contenuto utilizzato come separatore tra gli elementi in una lista può essere specificato anche in formato HTML. Questo contenuto sarà sanificato.",
+  "_A_LIST_GROUP_SEPARATOR_HTML_HEADER_": "Separatore personalizzato tra elementi di una lista in formato HTML",
+  "_A_LIST_SEPARATOR_PROP_DESCRIPTION_": "Separatore tra elementi di una lista.",
+  "_A_LIST_SEPARATOR_HTML_PROP_DESCRIPTION_": "Separatore tra elementi di una lista in formato HTML.",
   "_A_LIST_WITH_SLOT_HEADER_": "Slot"
 }

package/package.json

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

package/src/ADropdown/ADropdown.js

@@ -23,12 +23,14 @@ import RefsAPI from "./compositionAPI/RefsAPI";
 import ToggleAPI from "./compositionAPI/ToggleAPI";
 
 import placements from "../const/placements";
+import {
+  focusableSelector,
+} from "../const/AFocusableElements";
 import {
   difference,
   uniqueId,
 } from "lodash-es";
 
-
 export default {
   name: "ADropdown",
   inheritAttrs: false,
@@ -169,6 +171,10 @@ export default {
       required: false,
       default: undefined,
     },
+    dropdownRenderDefault: {
+      type: Boolean,
+      required: false,
+    },
     dropdownTag: {
       type: String,
       required: false,
@@ -177,13 +183,33 @@ export default {
     elementsForArrows: {
       type: String,
       required: false,
-      default: "button:not([disabled]), input:not([disabled]), a",
+      default: focusableSelector,
     },
     extra: {
       type: Object,
       required: false,
       default: undefined,
     },
+    floatingFlip: {
+      type: Object,
+      required: false,
+      // mainAxis?: boolean;
+      // crossAxis?: boolean;
+      // fallbackAxisSideDirection?: 'none' | 'start' | 'end';
+      // flipAlignment?: boolean;
+      // fallbackPlacements?: Array<Placement>;
+      // fallbackStrategy?: 'bestFit' | 'initialPlacement';
+      default: () => ({}),
+    },
+    floatingShift: {
+      type: Object,
+      required: false,
+      default: () => ({
+        use: true,
+        crossAxis: true,
+        padding: 20,
+      }),
+    },
     hasCaret: {
       type: Boolean,
       required: false,
@@ -213,6 +239,16 @@ export default {
       type: Boolean,
       required: false,
     },
+    lockArrowsNavigation: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    lockTabNavigation: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
     menuWidth: {
       type: Number,
       required: false,
@@ -340,6 +376,8 @@ export default {
       hasActions,
       idLocal,
       isMenuRendered,
+      onClose,
+      onOpen,
       popperContainerIdSelector,
       startPopper,
       statusExpanded,

package/src/ADropdown/compositionAPI/PopoverAPI.js

@@ -1,4 +1,5 @@
 import {
+  computed,
   ref,
   toRef,
 } from "vue";
@@ -7,18 +8,35 @@ import {
   autoUpdate,
   computePosition,
   flip,
-  limitShift,
-  shift
+  shift,
 } from "@floating-ui/vue";
 
 export default function PopoverAPI(props, {
   dropdownButtonRef = ref(undefined),
   dropdownRef = ref(undefined),
 }) {
+  const floatingFlip = toRef(props, "floatingFlip");
+  const floatingShift = toRef(props, "floatingShift");
   const placement = toRef(props, "placement");
 
   const cleanupPopper = ref(undefined);
 
+  const middleware = computed(() => {
+    const MIDDLEWARE = [];
+    if (floatingFlip.value?.use) {
+      MIDDLEWARE.push(
+        flip(floatingFlip.value),
+      );
+    }
+    if (floatingShift.value?.use) {
+      MIDDLEWARE.push(
+        shift(floatingShift.value),
+      );
+    }
+
+    return MIDDLEWARE;
+  });
+
   const startPopper = () => {
     if (!cleanupPopper.value) {
       cleanupPopper.value = autoUpdate(
@@ -30,10 +48,7 @@ export default function PopoverAPI(props, {
             dropdownRef.value,
             {
               placement: placement.value,
-              middleware: [
-                flip(),
-                shift({ limiter: limitShift() }),
-              ]
+              middleware: middleware.value,
             },
           ).then(({ x, y }) => {
             Object.assign(dropdownRef.value.style, {

package/src/ADropdown/compositionAPI/ToggleAPI.js

@@ -22,9 +22,12 @@ export default function ToggleAPI(props, {
   startPopper = () => {},
 }) {
   const disabled = toRef(props, "disabled");
+  const dropdownRenderDefault = toRef(props, "dropdownRenderDefault");
   const elementsForArrows = toRef(props, "elementsForArrows");
   const isCloseByClickInside = toRef(props, "isCloseByClickInside");
   const isListWidthSameWithButton = toRef(props, "isListWidthSameWithButton");
+  const lockArrowsNavigation = toRef(props, "lockArrowsNavigation");
+  const lockTabNavigation = toRef(props, "lockTabNavigation");
   const persist = toRef(props, "persist");
 
   const buttonWidth = ref(undefined);
@@ -32,7 +35,7 @@ export default function ToggleAPI(props, {
   const statusExpanded = ref(false);
   const timerCloseHover = ref(undefined);
   const triggerOpen = ref(undefined);
-  const wasOpened = ref(false);
+  const wasOpened = ref(dropdownRenderDefault.value || false);
 
   const {
     closeDropdownGlobal,
@@ -76,6 +79,9 @@ export default function ToggleAPI(props, {
     const EVENT = $event || window.$event;
     if (EVENT.keyCode === AKeysCode.arrowDown ||
       EVENT.keyCode === AKeysCode.arrowUp) { // arrow down or up
+      if (!lockArrowsNavigation.value) {
+        return;
+      }
       const DOWN = EVENT.keyCode === AKeysCode.arrowDown;
       pressArrows({ down: DOWN });
       $event.preventDefault();
@@ -85,6 +91,9 @@ export default function ToggleAPI(props, {
       $event.preventDefault();
       $event.stopPropagation();
     } else if (EVENT.keyCode === AKeysCode.tab) {
+      if (!lockTabNavigation.value) {
+        return;
+      }
       if (EVENT.shiftKey) {
         onClose();
         setTimeout(() => {
@@ -136,7 +145,7 @@ export default function ToggleAPI(props, {
     }
   };
 
-  const onOpen = ({ trigger = "click" } = {}) => {
+  const onOpen = ({ trigger = "click", selectorToFocus } = {}) => {
     if (trigger === "hover" && triggerOpen.value === "hover") {
       clearTimeout(timerCloseHover.value);
     }
@@ -154,7 +163,11 @@ export default function ToggleAPI(props, {
     wasOpened.value = true;
     setTimeout(() => {
       setEventCloseClick();
-      if (trigger === "click") {
+      if (selectorToFocus) {
+        setTimeout(() => {
+          document.getElementById(selectorToFocus).focus();
+        });
+      } else if (trigger === "click") {
         setTimeout(() => {
           setFocusToFirstElement();
         });