aloha-vue 1.2.46 → 1.2.48

package/docs/package.json

@@ -21,8 +21,8 @@
     "moment": "2.29.4",
     "tiny-emitter": "2.1.0",
     "tinymce": "6.6.1",
-    "vue": "3.3.4",
-    "vue-router": "4.2.2"
+    "vue": "3.3.8",
+    "vue-router": "4.2.5"
   },
   "devDependencies": {
     "@babel/core": "7.22.5",

package/docs/src/App/App.pug

@@ -1,6 +1,6 @@
 .main_container
   the-menu
-  .a_menu__page
+  .a_menu_2__page
     the-navbar
     router-view
 

package/docs/src/components/TheMenu/TheMenu.js

@@ -1,12 +1,9 @@
-import AMenu from "../../../../src/AMenu/AMenu";
-
-import TheMenuItem from "../TheMenuItem/TheMenuItem.vue";
+import AMenu2 from "../../../../src/AMenu2/AMenu2";
 
 export default {
   name: "TheMenu",
   components: {
-    AMenu,
-    TheMenuItem,
+    AMenu2,
   },
   data() {
     return {
@@ -19,20 +16,6 @@ export default {
           },
           icon: "ListNested",
         },
-        {
-          id: "accordion2",
-          label: "Accordion seeeeeehr lange name",
-          icon: "ListNested",
-          children: [
-            {
-              id: "accordion3",
-              label: "Accordion seeeeeehr lange name",
-              to: {
-                name: "PageAccordion",
-              }
-            }
-          ]
-        },
         {
           id: "alert",
           label: "Alert",
@@ -297,6 +280,20 @@ export default {
           },
           icon: "HourglassSplit",
         },
+        {
+          id: "menu",
+          label: "Menu",
+          icon: "MenuAppFill",
+          children: [
+            {
+              id: "PageMenuBasic",
+              label: "Menu basic",
+              to: {
+                name: "PageMenuBasic",
+              },
+            },
+          ],
+        },
         {
           id: "modal",
           label: "Modal",

package/docs/src/components/TheMenu/TheMenu.pug

@@ -1,15 +1,8 @@
-a-menu(
+a-menu-2(
   :data="menuItems"
-  button-toggle-visible="always"
-  :is-blocker-clickable="true"
-  :is-breadcrumbs-link-truncated="false"
+  :can-change-body-class="true"
   key-children="children"
   key-slot="slot"
-  :is-search-breadcrumbs-all="true"
+  :is-translated="true"
+  menu-id="a_menu"
 )
-  template(
-    v-slot:slotItem="{ item, label }"
-  )
-    span(
-      v-html="label"
-    )

package/docs/src/components/TheMenu/TheMenu.vue

@@ -1,3 +1,2 @@
 <template lang="pug" src="./TheMenu.pug"></template>
 <script src="./TheMenu.js"></script>
-<!--<style lang="scss" src="./TheMenu.scss"></style>-->

package/docs/src/mainIcons.js

@@ -30,11 +30,12 @@ import HourglassSplit from "../../src/AIcon/Icons/bootstrap-1-9-1/HourglassSplit
 import InputCursor from "../../src/AIcon/Icons/bootstrap-1-9-1/InputCursor";
 import ListNested from "../../src/AIcon/Icons/bootstrap-1-9-1/ListNested";
 import ListUl from "../../src/AIcon/Icons/bootstrap-1-9-1/ListUl";
+import MenuAppFill from "../../src/AIcon/Icons/bootstrap-1-9-1/MenuAppFill";
 import MenuDown from "../../src/AIcon/Icons/bootstrap-1-9-1/MenuDown";
 import Reception2 from "../../src/AIcon/Icons/bootstrap-1-9-1/Reception2";
 import SegmentedNav from "../../src/AIcon/Icons/bootstrap-1-9-1/SegmentedNav";
-import StarFill from "../../src/AIcon/Icons/bootstrap-1-9-1/StarFill";
 import Star from "../../src/AIcon/Icons/bootstrap3/StarEmpty";
+import StarFill from "../../src/AIcon/Icons/bootstrap-1-9-1/StarFill";
 import Table from "../../src/AIcon/Icons/bootstrap-1-9-1/Table";
 import Translate from "../../src/AIcon/Icons/bootstrap-1-9-1/Translate";
 import Window from "../../src/AIcon/Icons/bootstrap-1-9-1/Window";
@@ -74,6 +75,7 @@ export default {
   InputCursor,
   ListNested,
   ListUl,
+  MenuAppFill,
   MenuDown,
   Reception2,
   SegmentedNav,

package/docs/src/mainTranslation.js

@@ -41,6 +41,7 @@ import PageWizardI18n from "./views/PageWizard/i18n/PageWizardI18n";
 import PageModalI18n from "./views/PageModal/i18n/PageModalI18n";
 import PageTablePreviewDownI18n from "./views/PageTable/PageTablePreviewDown/i18n/PageTablePreviewDownI18n";
 import PageFiltersRightI18n from "./views/PageFiltersRight/i18n/PageFiltersRightI18n";
+import PageMenuBasicI18n from "./views/PageMenu/PageMenuBasic/i18n/PageMenuBasicI18n";
 
 export const mainTranslation = {
   ar: {
@@ -78,6 +79,7 @@ export const mainTranslation = {
     ...PageModalI18n.ar,
     ...PageTablePreviewDownI18n.ar,
     ...PageFiltersRightI18n.ar,
+    ...PageMenuBasicI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -114,6 +116,7 @@ export const mainTranslation = {
     ...PageModalI18n.de,
     ...PageTablePreviewDownI18n.de,
     ...PageFiltersRightI18n.de,
+    ...PageMenuBasicI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -150,6 +153,7 @@ export const mainTranslation = {
     ...PageModalI18n.en,
     ...PageTablePreviewDownI18n.en,
     ...PageFiltersRightI18n.en,
+    ...PageMenuBasicI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -186,6 +190,7 @@ export const mainTranslation = {
     ...PageModalI18n.es,
     ...PageTablePreviewDownI18n.es,
     ...PageFiltersRightI18n.es,
+    ...PageMenuBasicI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -222,6 +227,7 @@ export const mainTranslation = {
     ...PageModalI18n.fr,
     ...PageTablePreviewDownI18n.fr,
     ...PageFiltersRightI18n.fr,
+    ...PageMenuBasicI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -258,6 +264,7 @@ export const mainTranslation = {
     ...PageModalI18n.hr,
     ...PageTablePreviewDownI18n.hr,
     ...PageFiltersRightI18n.hr,
+    ...PageMenuBasicI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -294,6 +301,7 @@ export const mainTranslation = {
     ...PageModalI18n.it,
     ...PageTablePreviewDownI18n.it,
     ...PageFiltersRightI18n.it,
+    ...PageMenuBasicI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -330,5 +338,6 @@ export const mainTranslation = {
     ...PageModalI18n.ru,
     ...PageTablePreviewDownI18n.ru,
     ...PageFiltersRightI18n.ru,
+    ...PageMenuBasicI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -269,6 +269,11 @@ const ROUTES = [
     name: "PageModalWizard",
     component: () => import(/* webpackChunkName: "PageModalWizard" */ "../views/PageModalWizard/PageModalWizard.vue"),
   },
+  {
+    path: "/menu-basic",
+    name: "PageMenuBasic",
+    component: () => import(/* webpackChunkName: "PageMenuBasic" */ "../views/PageMenu/PageMenuBasic/PageMenuBasic.vue"),
+  },
   {
     // If the routing configuration '*' reports an error, replace it with '/: catchAll(. *)'
     // caught Error: Catch all routes ("*") must now be defined using a param with a custom regexp

package/docs/src/views/PageButton/compositionAPI/PropsAPI.js

@@ -66,7 +66,7 @@ export default function PropsAPI() {
     {
       name: "icon-class",
       description: "_A_BUTTON_PROPS_ICON_CLASS_DESCRIPTION_",
-      type: "String",
+      type: "String / Object",
       default: undefined,
       required: false,
     },

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

@@ -1,30 +1,30 @@
 {
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "مكون ADropdown هو مكون قائمة منسدلة لـ Vue.js يسمح بعرض قائمة من الإجراءات في قائمة منسدلة. تحتوي هذه الوثائق على معلومات حول كيفية استخدام المكون وتوضح الخصائص المتاحة.",
   "_A_DROPDOWN_COMPONENT_NAME_": "القائمة المنسدلة",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "حالة تحميل زر القائمة المنسدلة",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "يمكن تخصيص حالة تحميل زر القائمة المنسدلة باستخدام الخصائص <strong>button-loading</strong> و <strong>button-loading-align</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "تمكنك هذه الخاصية من التحكم في حالة تحميل زر القائمة المنسدلة.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "تمكنك هذه الخاصية من ضبط موقع حالة التحميل داخل الزر.",
-  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "رموز الأزرار قابلة للتخصيص",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "يمكن تخصيص فئة زر القائمة المنسدلة باستخدام الخاصية <strong>button-class</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "فئة الزر قابلة للتخصيص",
   "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "يمكن تخصيص الرموز التي تظهر قبل وبعد نص زر القائمة المنسدلة باستخدام الخصائص <strong>button-icon-left</strong> و <strong>button-icon-right</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "رموز الأزرار قابلة للتخصيص",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "يمكن تخصيص حالة تحميل زر القائمة المنسدلة باستخدام الخصائص <strong>button-loading</strong> و <strong>button-loading-align</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "حالة تحميل زر القائمة المنسدلة",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "توضح هذه الوثيقة الخاصية <strong>button-text</strong> التي تمكنك من تخصيص نص زر القائمة المنسدلة.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "نص الزر قابل للتخصيص",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "يمكن تخصيص رمز Caret في القائمة المنسدلة.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "رمز Caret قابل للتخصيص",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "تمكنك مكون ADropdown لـ Vue.js من تخصيص عرض رمز Caret. توضح هذه الوثائق الخاصية <strong>has-caret</strong> التي تتحكم في ما إذا كان يجب عرض رمز Caret أم لا.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "رمز Caret قابل للتخصيص",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "تتحكم الخاصية inBody في ما إذا كان يجب عرض محتوى القائمة المنسدلة في الجسم أم بجوار زر القائمة المنسدلة مباشرة.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "محتوى القائمة المنسدلة في الجسم أو مباشرة بعد زر القائمة المنسدلة",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "يوفر مكون ADropdown لـ Vue.js إمكانية تخصيص مشغلات القائمة المنسدلة. توضح هذه الوثائق الخاصية triggers التي تعرف مصفوفة المشغلات.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "مشغلات القائمة المنسدلة قابلة للتخصيص",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "تمكنك هذه الخاصية من تخصيص فئة زر القائمة المنسدلة.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "تمكنك هذه الخصائص من عرض الرمز قبل نص زر القائمة المنسدلة.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "تمكنك هذه الخصائص من عرض الرمز بعد نص زر القائمة المنسدلة.",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "فئة الزر قابلة للتخصيص",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "يمكن تخصيص فئة زر القائمة المنسدلة باستخدام الخاصية <strong>button-class</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "تمكنك هذه الخاصية من تخصيص فئة زر القائمة المنسدلة.",
-  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "رمز Caret قابل للتخصيص",
-  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "تمكنك مكون ADropdown لـ Vue.js من تخصيص عرض رمز Caret. توضح هذه الوثائق الخاصية <strong>has-caret</strong> التي تتحكم في ما إذا كان يجب عرض رمز Caret أم لا.",
-  "_A_DROPDOWN_PROPS_HAS_CARET_": "تمكنك هذه الخاصية من تحديد ما إذا كان يجب عرض رمز Caret في مكون القائمة المنسدلة أم لا.",
-  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "رمز Caret قابل للتخصيص",
-  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "يمكن تخصيص رمز Caret في القائمة المنسدلة.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "تمكنك هذه الخاصية من التحكم في حالة تحميل زر القائمة المنسدلة.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "تمكنك هذه الخاصية من ضبط موقع حالة التحميل داخل الزر.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "تمكنك هذه الخاصية من تخصيص نص زر القائمة المنسدلة.",
   "_A_DROPDOWN_PROPS_CARET_ICON_": "تمكنك هذه الخاصية من تخصيص رمز Caret في القائمة المنسدلة.",
-  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "مشغلات القائمة المنسدلة قابلة للتخصيص",
-  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "يوفر مكون ADropdown لـ Vue.js إمكانية تخصيص مشغلات القائمة المنسدلة. توضح هذه الوثائق الخاصية triggers التي تعرف مصفوفة المشغلات.",
-  "_A_DROPDOWN_PROPS_TRIGGERS_": "تمكنك هذه الخاصية من تحديد المشغلات التي تعرض القائمة المنسدلة.",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "نص الزر قابل للتخصيص",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "توضح هذه الوثيقة الخاصية <strong>button-text</strong> التي تمكنك من تخصيص نص زر القائمة المنسدلة.",
-  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "محتوى القائمة المنسدلة في الجسم أو مباشرة بعد زر القائمة المنسدلة",
-  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "تتحكم الخاصية inBody في ما إذا كان يجب عرض محتوى القائمة المنسدلة في الجسم أم بجوار زر القائمة المنسدلة مباشرة.",
-  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "مكون ADropdown هو مكون قائمة منسدلة لـ Vue.js يسمح بعرض قائمة من الإجراءات في قائمة منسدلة. تحتوي هذه الوثائق على معلومات حول كيفية استخدام المكون وتوضح الخصائص المتاحة.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "تمكنك هذه الخاصية من تحديد ما إذا كان يجب عرض رمز Caret في مكون القائمة المنسدلة أم لا.",
   "_A_DROPDOWN_PROPS_IN_BODY_": "تمكنك هذه الخاصية من التحكم في ما إذا كان يجب عرض محتوى القائمة المنسدلة في الجسم أم بجوار زر القائمة المنسدلة مباشرة.",
-  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "تمكنك هذه الخاصية من تخصيص نص زر القائمة المنسدلة."
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "تمكنك هذه الخاصية من تحديد المشغلات التي تعرض القائمة المنسدلة."
 }

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

@@ -1,30 +1,30 @@
 {
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "Die ADropdown-Komponente ist eine Dropdown-Komponente für Vue.js, die es ermöglicht, eine Liste von Aktionen in einem Dropdown-Menü anzuzeigen. Diese Dokumentation enthält Informationen zur Verwendung der Komponente und beschreibt die verfügbaren Props.",
   "_A_DROPDOWN_COMPONENT_NAME_": "Dropdown",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Ladezustand des Dropdown-Buttons",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "Der Ladezustand des Dropdown-Buttons kann mit den Props <strong>button-loading</strong> und <strong>button-loading-align</strong> angepasst werden .",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Die Prop ermöglicht es Ihnen, den Ladezustand des Dropdown-Buttons zu steuern.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Die Prop ermöglicht es Ihnen, die Position des Ladezustands im Button anzupassen.",
-  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Anpassbare Button-Icons",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "Die Klasse des Dropdown-Buttons kann mit der Prop <strong>button-class</strong> angepasst werden.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Anpassbare Button-Klasse",
   "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "Icons vor und nach dem Text des Dropdown-Buttons können mit den Props <strong>button-icon-left</strong> und <strong>button-icon-right</strong> angepasst werden.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Anpassbare Button-Icons",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "Der Ladezustand des Dropdown-Buttons kann mit den Props <strong>button-loading</strong> und <strong>button-loading-align</strong> angepasst werden .",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Ladezustand des Dropdown-Buttons",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Hier wird die Prop <strong>button-text</strong> beschrieben, die es ermöglicht, den Text des Dropdown-Buttons anzupassen.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Anpassbarer Button-Text",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "Das Caret-Icon des Dropdowns kann angepasst werden.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Anpassbares Caret-Icon",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "Die ADropdown-Komponente für Vue.js ermöglicht es, die Anzeige des Caret-Icons anzupassen. In dieser Dokumentation wird die Prop <strong>has-caret</strong> beschrieben, die steuert, ob das Caret-Icon angezeigt wird oder nicht.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Anpassbare Anzeige des Caret-Icons",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "Die Prop <strong>in-body</strong> steuert, ob der Dropdown-Inhalt im Body oder direkt nach dem Dropdown-Button gerendert werden soll.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Dropdown-Inhalt in Body oder direkt nach Dropdown-Button",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "Die ADropdown-Komponente für Vue.js bietet die Möglichkeit, die Auslöser für das Dropdown anzupassen. In dieser Dokumentation wird die Props triggers beschrieben, die das Array der Auslöser definiert.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Anpassbare Auslöser für das Dropdown",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Die Prop ermöglicht es Ihnen, die Klasse des Dropdown-Buttons anzupassen.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "Die Props ermöglichen es Ihnen, den Icon vor dem Text des Dropdown-Buttons anzuzeigen.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "Die Props ermöglichen es Ihnen, den Icon nach dem Text des Dropdown-Buttons anzuzeigen.",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Anpassbare Button-Klasse",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "Die Klasse des Dropdown-Buttons kann mit der Prop <strong>button-class</strong> angepasst werden.",
-  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Die Prop ermöglicht es Ihnen, die Klasse des Dropdown-Buttons anzupassen.",
-  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Anpassbare Anzeige des Caret-Icons",
-  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "Die ADropdown-Komponente für Vue.js ermöglicht es, die Anzeige des Caret-Icons anzupassen. In dieser Dokumentation wird die Prop <strong>has-caret</strong> beschrieben, die steuert, ob das Caret-Icon angezeigt wird oder nicht.",
-  "_A_DROPDOWN_PROPS_HAS_CARET_": "Die Prop ermöglicht es Ihnen, festzulegen, ob das Caret-Icon in der Dropdown-Komponente angezeigt wird.",
-  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Anpassbares Caret-Icon",
-  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "Das Caret-Icon des Dropdowns kann angepasst werden.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Die Prop ermöglicht es Ihnen, den Ladezustand des Dropdown-Buttons zu steuern.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Die Prop ermöglicht es Ihnen, die Position des Ladezustands im Button anzupassen.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Die Prop ermöglicht es Ihnen, den Text des Dropdown-Buttons anzupassen.",
   "_A_DROPDOWN_PROPS_CARET_ICON_": "Die Prop ermöglicht es Ihnen, das Caret-Icon des Dropdowns anzupassen.",
-  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Anpassbare Auslöser für das Dropdown",
-  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "Die ADropdown-Komponente für Vue.js bietet die Möglichkeit, die Auslöser für das Dropdown anzupassen. In dieser Dokumentation wird die Props triggers beschrieben, die das Array der Auslöser definiert.",
-  "_A_DROPDOWN_PROPS_TRIGGERS_": "Die Prop ermöglicht es Ihnen, die Auslöser festzulegen, die das Dropdown anzeigen.",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Anpassbarer Button-Text",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Hier wird die Prop <strong>button-text</strong> beschrieben, die es ermöglicht, den Text des Dropdown-Buttons anzupassen.",
-  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Dropdown-Inhalt in Body oder direkt nach Dropdown-Button",
-  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "Die Prop inBody steuert, ob der Dropdown-Inhalt im Body oder direkt nach dem Dropdown-Button gerendert werden soll.",
-  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "Die ADropdown-Komponente ist eine Dropdown-Komponente für Vue.js, die es ermöglicht, eine Liste von Aktionen in einem Dropdown-Menü anzuzeigen. Diese Dokumentation enthält Informationen zur Verwendung der Komponente und beschreibt die verfügbaren Props.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "Die Prop ermöglicht es Ihnen, festzulegen, ob das Caret-Icon in der Dropdown-Komponente angezeigt wird.",
   "_A_DROPDOWN_PROPS_IN_BODY_": "Die Prop ermöglicht die Kontrolle darüber, ob der Dropdown-Inhalt im Body oder direkt nach dem Dropdown-Button gerendert werden soll.",
-  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Die Prop ermöglicht es Ihnen, den Text des Dropdown-Buttons anzupassen. "
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "Die Prop ermöglicht es Ihnen, die Auslöser festzulegen, die das Dropdown anzeigen."
 }

package/docs/src/views/PageDropdown/i18n/en.json

@@ -1,30 +1,30 @@
 {
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "The ADropdown component is a dropdown component for Vue.js that allows you to display a list of actions in a dropdown menu. This documentation provides information on how to use the component and describes the available props.",
   "_A_DROPDOWN_COMPONENT_NAME_": "Dropdown",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Dropdown Button Loading State",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "The loading state of the dropdown button can be customized using the props <strong>button-loading</strong> and <strong>button-loading-align</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "This prop allows you to control the loading state of the dropdown button.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "This prop allows you to adjust the position of the loading state within the button.",
-  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Customizable Button Icons",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "The class of the dropdown button can be customized using the <strong>button-class</strong> prop.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Customizable Button Class",
   "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "Icons before and after the text of the dropdown button can be customized using the props <strong>button-icon-left</strong> and <strong>button-icon-right</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Customizable Button Icons",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "The loading state of the dropdown button can be customized using the props <strong>button-loading</strong> and <strong>button-loading-align</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Dropdown Button Loading State",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "This documentation describes the <strong>button-text</strong> prop, which allows you to customize the text of the dropdown button.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Customizable Button Text",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "The dropdown's caret icon can be customized.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Customizable Caret Icon",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "The ADropdown component for Vue.js allows you to customize the display of the caret icon. This documentation describes the <strong>has-caret</strong> prop, which controls whether the caret icon is displayed or not.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Customizable Caret Icon Display",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "The <strong>in-body</strong> prop controls whether the dropdown content should be rendered in the body or directly after the dropdown button.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Dropdown Content in Body or Directly After Dropdown Button",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "The ADropdown component for Vue.js provides the ability to customize the triggers for the dropdown. This documentation describes the <strong>triggers</strong> prop, which defines the array of triggers.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Customizable Dropdown Triggers",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "This prop allows you to customize the class of the dropdown button.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "These props enable you to display the icon before the text of the dropdown button.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "These props enable you to display the icon after the text of the dropdown button.",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Customizable Button Class",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "The class of the dropdown button can be customized using the <strong>button-class</strong> prop.",
-  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "This prop allows you to customize the class of the dropdown button.",
-  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Customizable Caret Icon Display",
-  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "The ADropdown component for Vue.js allows you to customize the display of the caret icon. This documentation describes the <strong>has-caret</strong> prop, which controls whether the caret icon is displayed or not.",
-  "_A_DROPDOWN_PROPS_HAS_CARET_": "This prop allows you to specify whether the caret icon should be displayed in the dropdown component.",
-  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Customizable Caret Icon",
-  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "The dropdown's caret icon can be customized.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "This prop allows you to control the loading state of the dropdown button.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "This prop allows you to adjust the position of the loading state within the button.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "This prop allows you to customize the text of the dropdown button.",
   "_A_DROPDOWN_PROPS_CARET_ICON_": "This prop allows you to customize the caret icon of the dropdown.",
-  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Customizable Dropdown Triggers",
-  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "The ADropdown component for Vue.js provides the ability to customize the triggers for the dropdown. This documentation describes the <strong>triggers</strong> prop, which defines the array of triggers.",
-  "_A_DROPDOWN_PROPS_TRIGGERS_": "This prop allows you to specify the triggers that show the dropdown.",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Customizable Button Text",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "This documentation describes the <strong>button-text</strong> prop, which allows you to customize the text of the dropdown button.",
-  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Dropdown Content in Body or Directly After Dropdown Button",
-  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "The <strong>inBody</strong> prop controls whether the dropdown content should be rendered in the body or directly after the dropdown button.",
-  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "The ADropdown component is a dropdown component for Vue.js that allows you to display a list of actions in a dropdown menu. This documentation provides information on how to use the component and describes the available props.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "This prop allows you to specify whether the caret icon should be displayed in the dropdown component.",
   "_A_DROPDOWN_PROPS_IN_BODY_": "This prop allows you to control whether the dropdown content should be rendered in the body or directly after the dropdown button.",
-  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "This prop allows you to customize the text of the dropdown button."
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "This prop allows you to specify the triggers that show the dropdown."
 }

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

@@ -1,30 +1,30 @@
 {
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "El componente ADropdown es un componente de menú desplegable para Vue.js que le permite mostrar una lista de acciones en un menú desplegable. Esta documentación proporciona información sobre cómo usar el componente y describe las propiedades disponibles.",
   "_A_DROPDOWN_COMPONENT_NAME_": "Menú desplegable",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Estado de carga del botón del menú desplegable",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "El estado de carga del botón del menú desplegable se puede personalizar utilizando las propiedades <strong>button-loading</strong> y <strong>button-loading-align</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Esta propiedad le permite controlar el estado de carga del botón del menú desplegable.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Esta propiedad le permite ajustar la posición del estado de carga dentro del botón.",
-  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Iconos de botón personalizables",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "La clase del botón del menú desplegable se puede personalizar utilizando la propiedad <strong>button-class</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Clase de botón personalizable",
   "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "Los iconos antes y después del texto del botón del menú desplegable se pueden personalizar utilizando las propiedades <strong>button-icon-left</strong> y <strong>button-icon-right</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Iconos de botón personalizables",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "El estado de carga del botón del menú desplegable se puede personalizar utilizando las propiedades <strong>button-loading</strong> y <strong>button-loading-align</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Estado de carga del botón del menú desplegable",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Esta documentación describe la propiedad <strong>button-text</strong>, que le permite personalizar el texto del botón del menú desplegable.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Texto de botón personalizable",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "El icono de caret del menú desplegable se puede personalizar.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Icono de caret personalizable",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "El componente ADropdown para Vue.js le permite personalizar la visualización del icono de la caret. Esta documentación describe la propiedad <strong>has-caret</strong>, que controla si se muestra o no el icono de caret.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Personalización de la visualización del icono de la caret",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "La propiedad <strong>inBody</strong> controla si el contenido del menú desplegable debe renderizarse en el cuerpo o directamente después del botón del menú desplegable.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Contenido del menú desplegable en el cuerpo o directamente después del botón del menú desplegable",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "El componente ADropdown para Vue.js proporciona la capacidad de personalizar los disparadores para el menú desplegable. Esta documentación describe la propiedad <strong>triggers</strong>, que define la matriz de disparadores.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Disparadores de menú desplegable personalizables",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Esta propiedad le permite personalizar la clase del botón del menú desplegable.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "Estas propiedades le permiten mostrar el icono antes del texto del botón del menú desplegable.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "Estas propiedades le permiten mostrar el icono después del texto del botón del menú desplegable.",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Clase de botón personalizable",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "La clase del botón del menú desplegable se puede personalizar utilizando la propiedad <strong>button-class</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Esta propiedad le permite personalizar la clase del botón del menú desplegable.",
-  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Personalización de la visualización del icono de la caret",
-  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "El componente ADropdown para Vue.js le permite personalizar la visualización del icono de la caret. Esta documentación describe la propiedad <strong>has-caret</strong>, que controla si se muestra o no el icono de caret.",
-  "_A_DROPDOWN_PROPS_HAS_CARET_": "Esta propiedad le permite especificar si se debe mostrar el icono de caret en el componente de menú desplegable.",
-  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Icono de caret personalizable",
-  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "El icono de caret del menú desplegable se puede personalizar.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Esta propiedad le permite controlar el estado de carga del botón del menú desplegable.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Esta propiedad le permite ajustar la posición del estado de carga dentro del botón.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Esta propiedad le permite personalizar el texto del botón del menú desplegable.",
   "_A_DROPDOWN_PROPS_CARET_ICON_": "Esta propiedad le permite personalizar el icono de caret del menú desplegable.",
-  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Disparadores de menú desplegable personalizables",
-  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "El componente ADropdown para Vue.js proporciona la capacidad de personalizar los disparadores para el menú desplegable. Esta documentación describe la propiedad <strong>triggers</strong>, que define la matriz de disparadores.",
-  "_A_DROPDOWN_PROPS_TRIGGERS_": "Esta propiedad le permite especificar los disparadores que muestran el menú desplegable.",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Texto de botón personalizable",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Esta documentación describe la propiedad <strong>button-text</strong>, que le permite personalizar el texto del botón del menú desplegable.",
-  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Contenido del menú desplegable en el cuerpo o directamente después del botón del menú desplegable",
-  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "La propiedad <strong>inBody</strong> controla si el contenido del menú desplegable debe renderizarse en el cuerpo o directamente después del botón del menú desplegable.",
-  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "El componente ADropdown es un componente de menú desplegable para Vue.js que le permite mostrar una lista de acciones en un menú desplegable. Esta documentación proporciona información sobre cómo usar el componente y describe las propiedades disponibles.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "Esta propiedad le permite especificar si se debe mostrar el icono de caret en el componente de menú desplegable.",
   "_A_DROPDOWN_PROPS_IN_BODY_": "Esta propiedad le permite controlar si el contenido del menú desplegable debe renderizarse en el cuerpo o directamente después del botón del menú desplegable.",
-  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Esta propiedad le permite personalizar el texto del botón del menú desplegable."
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "Esta propiedad le permite especificar los disparadores que muestran el menú desplegable."
 }

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

@@ -1,30 +1,30 @@
 {
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "Le composant ADropdown est un composant de menu déroulant pour Vue.js qui vous permet d'afficher une liste d'actions dans un menu déroulant. Cette documentation fournit des informations sur l'utilisation du composant et décrit les propriétés disponibles.",
   "_A_DROPDOWN_COMPONENT_NAME_": "Menu déroulant",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "État de chargement du bouton du menu déroulant",
-  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "L'état de chargement du bouton du menu déroulant peut être personnalisé en utilisant les propriétés <strong>button-loading</strong> et <strong>button-loading-align</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Cette propriété vous permet de contrôler l'état de chargement du bouton du menu déroulant.",
-  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Cette propriété vous permet d'ajuster la position de l'état de chargement à l'intérieur du bouton.",
-  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Icônes de bouton personnalisables",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "La classe du bouton du menu déroulant peut être personnalisée en utilisant la propriété <strong>button-class</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Classe de bouton personnalisable",
   "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "Les icônes avant et après le texte du bouton du menu déroulant peuvent être personnalisées en utilisant les propriétés <strong>button-icon-left</strong> et <strong>button-icon-right</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Icônes de bouton personnalisables",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "L'état de chargement du bouton du menu déroulant peut être personnalisé en utilisant les propriétés <strong>button-loading</strong> et <strong>button-loading-align</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "État de chargement du bouton du menu déroulant",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Cette documentation décrit la propriété <strong>button-text</strong>, qui vous permet de personnaliser le texte du bouton du menu déroulant.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Texte de bouton personnalisable",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "L'icône caret du menu déroulant peut être personnalisée.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Icône caret personnalisable",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "Le composant ADropdown pour Vue.js vous permet de personnaliser l'affichage de l'icône caret. Cette documentation décrit la propriété <strong>has-caret</strong>, qui contrôle si l'icône caret doit être affichée ou non.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Personnalisation de l'affichage de l'icône caret",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "La propriété <strong>inBody</strong> contrôle si le contenu du menu déroulant doit être rendu dans le corps ou directement après le bouton du menu déroulant.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Contenu du menu déroulant dans le corps ou directement après le bouton du menu déroulant",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "Le composant ADropdown pour Vue.js offre la possibilité de personnaliser les déclencheurs du menu déroulant. Cette documentation décrit la propriété <strong>triggers</strong>, qui définit le tableau de déclencheurs.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Déclencheurs de menu déroulant personnalisables",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Cette propriété vous permet de personnaliser la classe du bouton du menu déroulant.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "Ces propriétés vous permettent d'afficher l'icône avant le texte du bouton du menu déroulant.",
   "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "Ces propriétés vous permettent d'afficher l'icône après le texte du bouton du menu déroulant.",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Classe de bouton personnalisable",
-  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "La classe du bouton du menu déroulant peut être personnalisée en utilisant la propriété <strong>button-class</strong>.",
-  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Cette propriété vous permet de personnaliser la classe du bouton du menu déroulant.",
-  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Personnalisation de l'affichage de l'icône caret",
-  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "Le composant ADropdown pour Vue.js vous permet de personnaliser l'affichage de l'icône caret. Cette documentation décrit la propriété <strong>has-caret</strong>, qui contrôle si l'icône caret doit être affichée ou non.",
-  "_A_DROPDOWN_PROPS_HAS_CARET_": "Cette propriété vous permet de spécifier si l'icône caret doit être affichée dans le composant de menu déroulant.",
-  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Icône caret personnalisable",
-  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "L'icône caret du menu déroulant peut être personnalisée.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Cette propriété vous permet de contrôler l'état de chargement du bouton du menu déroulant.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Cette propriété vous permet d'ajuster la position de l'état de chargement à l'intérieur du bouton.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Cette propriété vous permet de personnaliser le texte du bouton du menu déroulant.",
   "_A_DROPDOWN_PROPS_CARET_ICON_": "Cette propriété vous permet de personnaliser l'icône caret du menu déroulant.",
-  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Déclencheurs de menu déroulant personnalisables",
-  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "Le composant ADropdown pour Vue.js offre la possibilité de personnaliser les déclencheurs du menu déroulant. Cette documentation décrit la propriété <strong>triggers</strong>, qui définit le tableau de déclencheurs.",
-  "_A_DROPDOWN_PROPS_TRIGGERS_": "Cette propriété vous permet de spécifier les déclencheurs qui affichent le menu déroulant.",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Texte de bouton personnalisable",
-  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Cette documentation décrit la propriété <strong>button-text</strong>, qui vous permet de personnaliser le texte du bouton du menu déroulant.",
-  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Contenu du menu déroulant dans le corps ou directement après le bouton du menu déroulant",
-  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "La propriété <strong>inBody</strong> contrôle si le contenu du menu déroulant doit être rendu dans le corps ou directement après le bouton du menu déroulant.",
-  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "Le composant ADropdown est un composant de menu déroulant pour Vue.js qui vous permet d'afficher une liste d'actions dans un menu déroulant. Cette documentation fournit des informations sur l'utilisation du composant et décrit les propriétés disponibles.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "Cette propriété vous permet de spécifier si l'icône caret doit être affichée dans le composant de menu déroulant.",
   "_A_DROPDOWN_PROPS_IN_BODY_": "Cette propriété vous permet de contrôler si le contenu du menu déroulant doit être rendu dans le corps ou directement après le bouton du menu déroulant.",
-  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Cette propriété vous permet de personnaliser le texte du bouton du menu déroulant."
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "Cette propriété vous permet de spécifier les déclencheurs qui affichent le menu déroulant."
 }

package/docs/src/views/PageDropdown/i18n/hr.json

@@ -1,3 +1,30 @@
 {
-
-}
+  "_A_DROPDOWN_COMPONENT_DESCRIPTION_": "Komponenta ADropdown predstavlja padajući izbornik koji korisniku omogućuje prikaz liste akcija za izbor. Ova dokumentacija sadrži informacije o uporabi komponente te opisuje dostupne propove.",
+  "_A_DROPDOWN_COMPONENT_NAME_": "Padajući izbornik",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_DESCRIPTION_": "Klasa gumba padajućeg izbornika može se prilagoditi koristeći prop <strong>button-class</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_CLASS_HEADER_": "Prilagodljiva klasa gumba",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_DESCRIPTION_": "Ikonice prije i poslije teksta gumba padajućeg izbornika mogu se prilagoditi koristeći propove <strong>button-icon-left</strong> i <strong>button-icon-right</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_ICONS_HEADER_": "Prilagodljive ikonice gumba",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_DESCRIPTION_": "Indikator učitavanja gumba padajućeg izbornika može se prilagoditi koristeći propove <strong>button-loading</strong> i <strong>button-loading-align</strong>.",
+  "_A_DROPDOWN_GROUP_BUTTON_LOADING_HEADER_": "Indikator učitavanja gumba padajućeg izbornika",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_DESCRIPTION_": "Prop <strong>button-text</strong> omogućuje prilagodbu teksta gumba padajućeg izbornika.",
+  "_A_DROPDOWN_GROUP_BUTTON_TEXT_HEADER_": "Prilagodljivi tekst gumba",
+  "_A_DROPDOWN_GROUP_CARET_ICON_DESCRIPTION_": "Ikonica strelice padajućeg izbornika može se prilagoditi koristeći prop <strong>caret-icon</strong>.",
+  "_A_DROPDOWN_GROUP_CARET_ICON_HEADER_": "Prilagodljiva ikona strelice",
+  "_A_DROPDOWN_GROUP_HAS_CARET_DESCRIPTION_": "Propom <strong>has-caret</strong> se određuje je li ikonica strelice prikazana ili skrivena.",
+  "_A_DROPDOWN_GROUP_HAS_CARET_HEADER_": "Prilagodljiv prikaz ikonice strelice",
+  "_A_DROPDOWN_GROUP_IN_BODY_DESCRIPTION_": "Prop <strong>in-body</strong> kontrolira hoće li se sadržaj padajućeg izbornika generiati u tijelu ili neposredno nakon gumba padajućeg izbornika.",
+  "_A_DROPDOWN_GROUP_IN_BODY_HEADER_": "Pozicija sadržaja padajućeg izbornika",
+  "_A_DROPDOWN_GROUP_TRIGGERS_DESCRIPTION_": "Niz okidača padajućeg izbornika moguće je moguće je definirati koristeći prop <strong>triggers</strong>.",
+  "_A_DROPDOWN_GROUP_TRIGGERS_HEADER_": "Prilagodljivi okidači za padajući izbornik",
+  "_A_DROPDOWN_PROPS_BUTTON_CLASS_": "Omogućuje prilagodbu klase gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_BUTTON_ICON_LEFT_": "Omogućuju prikaz ikonice prije teksta gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_BUTTON_ICON_RIGHT_": "Omogućuju prikaz ikonice poslije teksta gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_": "Omogućuje kontrolu stanja učitavanja gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_BUTTON_LOADING_ALIGN_": "Omogućuje prilagodbu pozicije stanja učitavanja unutar gumba.",
+  "_A_DROPDOWN_PROPS_BUTTON_TEXT_": "Omogućuje prilagodbu teksta gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_CARET_ICON_": "Omogućuje prilagodbu ikone strelice padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_HAS_CARET_": "Omogućuje postavljanje prikaza ikone strelice u komponenti padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_IN_BODY_": "Omogućuje kontrolu nad time hoće li se sadržaj padajućeg izbornika renderirati u tijelu ili neposredno nakon gumba padajućeg izbornika.",
+  "_A_DROPDOWN_PROPS_TRIGGERS_": "Omogućuje postavljanje okidača koji prikazuju padajući izbornik."
+}