aloha-vue 1.8.0 → 1.9.1

package/CHANGELOG.md

@@ -7,6 +7,14 @@
 ---
 # Versions
 
+## 1.9.1
+
+- `ARouterLinkConfig`: Improvements
+
+## 1.9.0
+
+- New component `ARouterLinkConfig`
+
 ## 1.8.0
 
 - `AModal`: don't close modal if popup opened

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

@@ -182,6 +182,13 @@ export default function ComponentItemsAPI() {
               name: "PageRate",
             },
           },
+          {
+            id: "PageRouterLinkConfig",
+            label: "RouterLinkConfig",
+            to: {
+              name: "PageRouterLinkConfig",
+            },
+          },
           {
             id: "select",
             label: "Select",

package/docs/src/main.js

@@ -2,6 +2,7 @@ import App from "./App/App.vue";
 import { createApp } from "vue";
 import router from "./router/index";
 // import AGroupButtonDropdownPlugin from "../../src/plugins/AGroupButtonDropdownPlugin";
+import ARouterLinkConfigPlugin from "../../src/plugins/ARouterLinkConfigPlugin";
 import AFiltersPlugin from "../../src/plugins/AFiltersPlugin";
 import {
   AIconPlugin,
@@ -58,6 +59,14 @@ APP.use(AFiltersPlugin, {
     ],
   },
 });
+
+APP.use(ARouterLinkConfigPlugin, {
+  propsDefault: {
+    routes: router.getRoutes(),
+  },
+  // excludedPathRoutes: ["/:catchAll(.*)"],
+});
+
 // APP.use(AGroupButtonDropdownPlugin, {
 //   propsDefault: {
 //     dropdownAttributes: {

package/docs/src/mainTranslation.js

@@ -82,6 +82,7 @@ import PageCloakI18n from "./views/PageCloak/i18n/PageCloakI18n";
 import PageLoadingI18n from "./views/PageLoading/i18n/PageLoadingI18n";
 import PageTabsI18n from "./views/PageTabs/i18n/PageTabsI18n";
 import PageGroupI18n from "./views/Form/PageGroup/i18n/PageGroupI18n";
+import PageRouterLinkConfigI18n from "./views/Form/PageRouterLinkConfig/i18n/PageRouterLinkConfigI18n";
 
 export const mainTranslation = {
   ar: {
@@ -160,6 +161,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.ar,
     ...PageTabsI18n.ar,
     ...PageGroupI18n.ar,
+    ...PageRouterLinkConfigI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -237,6 +239,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.de,
     ...PageTabsI18n.de,
     ...PageGroupI18n.de,
+    ...PageRouterLinkConfigI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -314,6 +317,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.en,
     ...PageTabsI18n.en,
     ...PageGroupI18n.en,
+    ...PageRouterLinkConfigI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -391,6 +395,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.es,
     ...PageTabsI18n.es,
     ...PageGroupI18n.es,
+    ...PageRouterLinkConfigI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -468,6 +473,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.fr,
     ...PageTabsI18n.fr,
     ...PageGroupI18n.fr,
+    ...PageRouterLinkConfigI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -545,6 +551,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.hr,
     ...PageTabsI18n.hr,
     ...PageGroupI18n.hr,
+    ...PageRouterLinkConfigI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -622,6 +629,7 @@ export const mainTranslation = {
     ...PageLoadingI18n.it,
     ...PageTabsI18n.it,
     ...PageGroupI18n.it,
+    ...PageRouterLinkConfigI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -699,5 +707,6 @@ export const mainTranslation = {
     ...PageLoadingI18n.ru,
     ...PageTabsI18n.ru,
     ...PageGroupI18n.ru,
+    ...PageRouterLinkConfigI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -9,6 +9,11 @@ const ROUTES = [
     name: "NotFound",
     component: () => import("../views/NotFound.vue"),
   },
+  {
+    path: "/aloha/:id/:aloha",
+    name: "NotFoundTest",
+    component: () => import("../views/NotFound.vue"),
+  },
   {
     path: "/",
     name: "PageStart",
@@ -314,6 +319,11 @@ const ROUTES = [
     name: "PageMenuBasic",
     component: () => import("../views/PageMenu/PageMenuBasic/PageMenuBasic.vue"),
   },
+  {
+    path: "/router-link-config",
+    name: "PageRouterLinkConfig",
+    component: () => import("../views/Form/PageRouterLinkConfig/PageRouterLinkConfig.vue"),
+  },
   {
     path: "/filter-list",
     name: "PageFilterList",

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfig.js

@@ -0,0 +1,45 @@
+import AlohaPage from "../../../global/components/AlohaPage/AlohaPage.vue";
+import AlohaTableProps from "../../../global/components/AlohaTableProps/AlohaTableProps.vue";
+import AlohaTableTranslate from "../../../global/components/AlohaTableTranslate/AlohaTableTranslate.vue";
+import ATranslation from "../../../../../src/ATranslation/ATranslation";
+import PageRouterLinkConfigBasic from "./PageRouterLinkConfigBasic/PageRouterLinkConfigBasic.vue";
+
+import EventsAPI from "./compositionAPI/EventsAPI";
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+import PropsAPI from "./compositionAPI/PropsAPI";
+import TranslateAPI from "./compositionAPI/TranslateAPI";
+
+export default {
+  name: "PageRouterLinkConfig",
+  components: {
+    AlohaPage,
+    AlohaTableProps,
+    AlohaTableTranslate,
+    ATranslation,
+    PageRouterLinkConfigBasic,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    const {
+      dataProps,
+    } = PropsAPI();
+
+    const {
+      dataTranslate,
+    } = TranslateAPI();
+
+    const {
+      dataEvents,
+    } = EventsAPI();
+
+    return {
+      dataEvents,
+      dataProps,
+      dataTranslate,
+      pageTitle,
+    };
+  },
+};

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfig.pug

@@ -0,0 +1,27 @@
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    a-translation(
+      tag="p"
+      html="_A_ROUTER_LINK_CONFIG_COMPONENT_DESCRIPTION_"
+    )
+
+    page-router-link-config-basic
+
+    //aloha-table-props(
+    //  :data="dataProps"
+    //)
+    //
+    //aloha-table-props(
+    //  table-label="Events"
+    //  :data="dataEvents"
+    //  :columns="['name', 'type', 'description']"
+    //)
+    //
+    //aloha-table-translate(
+    //  :data="dataTranslate"
+    //)
+

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfig.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageRouterLinkConfig.pug"></template>
+<script src="./PageRouterLinkConfig.js"></script>

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfigBasic/PageRouterLinkConfigBasic.js

@@ -0,0 +1,39 @@
+import {
+  ref,
+} from "vue";
+
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+import ARouterLinkConfig from "../../../../../../src/ui/ARouterLinkConfig/ARouterLinkConfig";
+
+import HtmlAPI from "./compositionAPI/HtmlAPI";
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageRouterLinkConfigBasic",
+  components: {
+    AlohaExample,
+    ARouterLinkConfig,
+  },
+  setup() {
+    const model = ref({
+      route: "NotFoundTest",
+      query: {
+        key: "Aloha",
+      },
+    });
+
+    const {
+      codeHtml,
+    } = HtmlAPI();
+
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeHtml,
+      codeJs,
+      model,
+    };
+  },
+};

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfigBasic/PageRouterLinkConfigBasic.pug

@@ -0,0 +1,12 @@
+aloha-example(
+  :code-html="codeHtml"
+  :code-js="codeJs"
+  header="_A_BASIC_USAGE_"
+  :props="['model-value', 'label']"
+)
+  a-router-link-config(
+    v-model="model"
+    label="Aloha"
+    :required="true"
+  )
+  div model: {{ model }}

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfigBasic/PageRouterLinkConfigBasic.vue

@@ -0,0 +1,2 @@
+<template lang="pug" src="./PageRouterLinkConfigBasic.pug"></template>
+<script src="./PageRouterLinkConfigBasic.js"></script>

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfigBasic/compositionAPI/HtmlAPI.js

@@ -0,0 +1,11 @@
+export default function HtmlAPI() {
+  const codeHtml = `<a-input
+  v-model="model"
+  label="Input"
+></a-input>
+<div>model: {{ model }}</div>`;
+
+  return {
+    codeHtml,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/PageRouterLinkConfigBasic/compositionAPI/JsAPI.js

@@ -0,0 +1,25 @@
+export default function JsAPI() {
+  const codeJs = `import {
+  ref,
+} from "vue";
+
+import AInput from "aloha-vue/src/ui/AInput/AInput";
+    
+export default {
+  name: "PageInputBasic",
+  components: {
+    AInput,
+  },
+  setup() {
+    const model = ref("Aloha");
+    
+    return {
+      model,
+    };
+  },
+};`;
+
+  return {
+    codeJs,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/compositionAPI/EventsAPI.js

@@ -0,0 +1,23 @@
+export default function EventsAPI() {
+  const dataEvents = [
+    {
+      name: "update:model-value",
+      description: "_A_UI_EVENTS_UPDATE_MODEL_VALUE_DESCRIPTION_",
+      type: "Function",
+    },
+    {
+      name: "focus",
+      description: "_A_UI_EVENTS_FOCUS_DESCRIPTION_",
+      type: "Function",
+    },
+    {
+      name: "blur",
+      description: "_A_UI_EVENTS_BLUR_DESCRIPTION_",
+      type: "Function",
+    },
+  ];
+
+  return {
+    dataEvents,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/compositionAPI/PageTitleAPI.js

@@ -0,0 +1,24 @@
+import {
+  computed,
+} from "vue";
+
+import {
+  getTranslatedText,
+} from "../../../../../../src/ATranslation/compositionAPI/UtilsAPI";
+
+
+export default function PageTitleAPI() {
+  const componentNameTranslated = computed(() => {
+    return getTranslatedText({
+      placeholder: "_A_ROUTER_LINK_CONFIG_COMPONENT_NAME_",
+    });
+  });
+
+  const pageTitle = computed(() => {
+    return `ARouterLinkConfig${ componentNameTranslated.value ? ` (${ componentNameTranslated.value })` : "" }`;
+  });
+
+  return {
+    pageTitle,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/compositionAPI/PropsAPI.js

@@ -0,0 +1,232 @@
+export default function PropsAPI() {
+  const dataProps = [
+    {
+      name: "always-translate",
+      description: "_A_TRANSLATION_PROPS_ALWAYS_TRANSLATE_DESCRIPTION_",
+      type: "Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "autocomplete",
+      description: "_A_UI_PROPS_AUTOCOMPLETE_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "change",
+      description: "_A_UI_PROPS_CHANGE_DESCRIPTION_",
+      type: "Function",
+      default: "() => {}",
+      required: false,
+    },
+    {
+      name: "clear-button-class",
+      description: "_A_UI_PROPS_CLEAR_BUTTON_CLASS_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "dependencies",
+      description: "_A_UI_PROPS_DEPENDENCIES_DESCRIPTION_",
+      type: "Array / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "disabled",
+      description: "_A_UI_PROPS_DISABLED_DESCRIPTION_",
+      type: "Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "errors",
+      description: "_A_UI_PROPS_ERRORS_DESCRIPTION_",
+      type: "String / Array",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "exclude-render-attributes",
+      description: "_A_UI_PROPS_EXCLUDE_RENDER_ATTRIBUTES_DESCRIPTION_",
+      type: "Array",
+      default: "() => []",
+      required: false,
+    },
+    {
+      name: "extra",
+      description: "_A_GLOBAL_PROPS_EXTRA_DESCRIPTION_",
+      type: "Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "help-text",
+      description: "_A_UI_PROPS_HELP_TEXT_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "html-id",
+      description: "_A_UI_PROPS_HTML_ID_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "icon-prepend",
+      description: "_A_INPUT_PROPS_ICON_PREPEND_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "id",
+      description: "_A_UI_PROPS_ID_DESCRIPTION_",
+      type: "String / Number",
+      default: "() => uniqueId(\"a_input_\")",
+      required: false,
+    },
+    {
+      name: "id-prefix",
+      description: "_A_UI_PROPS_ID_PREFIX_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "input-attributes",
+      description: "_A_UI_PROPS_INPUT_ATTRIBUTES_DESCRIPTION_",
+      type: "Object",
+      default: "() => ({})",
+      required: false,
+    },
+    {
+      name: "input-class",
+      description: "_A_UI_PROPS_INPUT_CLASS_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "is-clear-button",
+      description: "_A_UI_PROPS_IS_CLEAR_BUTTON_DESCRIPTION_",
+      type: "Boolean",
+      default: true,
+      required: false,
+    },
+    {
+      name: "is-hide",
+      description: "_A_UI_PROPS_IS_HIDE_DESCRIPTION_",
+      type: "Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "is-label-float",
+      description: "_A_UI_PROPS_IS_LABEL_FLOAT_DESCRIPTION_",
+      type: "Boolean",
+      default: true,
+      required: false,
+    },
+    {
+      name: "is-render",
+      description: "_A_UI_PROPS_IS_RENDER_DESCRIPTION_",
+      type: "Boolean",
+      default: true,
+      required: false,
+    },
+    {
+      name: "label",
+      description: "_A_UI_PROPS_LABEL_DESCRIPTION_",
+      type: "String / Number",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "label-class",
+      description: "_A_UI_PROPS_LABEL_CLASS_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "label-screen-reader",
+      description: "_A_UI_PROPS_LABEL_SCREEN_READER_DESCRIPTION_",
+      type: "String / Number",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "maxlength",
+      description: "_A_UI_PROPS_MAXLENGTH_DESCRIPTION_",
+      type: "String / Number",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "model-dependencies",
+      description: "_A_UI_PROPS_MODEL_DEPENDENCIES_DESCRIPTION_",
+      type: "Object",
+      default: "() => ({})",
+      required: false,
+    },
+    {
+      name: "model-undefined",
+      description: "_A_UI_PROPS_MODEL_UNDEFINED_DESCRIPTION_",
+      type: "String / Number / Object / Array / Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "model-value",
+      description: "_A_UI_PROPS_MODEL_VALUE_DESCRIPTION_",
+      type: "String / Number",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "placeholder",
+      description: "_A_UI_PROPS_PLACEHOLDER_DESCRIPTION_",
+      type: "String / Number / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "required",
+      description: "_A_UI_PROPS_REQUIRED_DESCRIPTION_",
+      type: "Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "showPassword",
+      description: "_A_INPUT_PROPS_SHOW_PASSWORD_DESCRIPTION_",
+      type: "Boolean",
+      default: true,
+      required: false,
+    },
+    {
+      name: "step",
+      description: "_A_INPUT_PROPS_STEP_DESCRIPTION_",
+      type: "String / Number",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "type",
+      description: "_A_INPUT_PROPS_TYPE_DESCRIPTION_",
+      type: "String",
+      default: "text",
+      required: false,
+    },
+  ];
+
+  return {
+    dataProps,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/compositionAPI/TranslateAPI.js

@@ -0,0 +1,10 @@
+export default function TranslateAPI() {
+  const dataTranslate = [
+    "_A_INPUT_SHOW_PASSWORD_",
+    "_A_INPUT_HIDE_PASSWORD_",
+  ];
+
+  return {
+    dataTranslate,
+  };
+}

package/docs/src/views/Form/PageRouterLinkConfig/i18n/PageRouterLinkConfigI18n.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/docs/src/views/Form/PageRouterLinkConfig/i18n/ar.json

@@ -0,0 +1,10 @@
+{
+  "_A_INPUT_COMPONENT_DESCRIPTION_": "يوفر مكون <strong lang=\"en\">AInput</strong> وظيفة إدخال البيانات مع دعم لأنواع مختلفة من البيانات مثل <strong lang=\"en\">text</strong>، <strong lang=\"en\">password</strong>، <strong lang=\"en\">number</strong>، <strong lang=\"en\">email</strong> وغيرها. يدعم المكون عرض الأيقونات وزر المسح بالإضافة إلى إمكانية إظهار/إخفاء كلمة المرور.",
+  "_A_INPUT_COMPONENT_NAME_": "حقل النص",
+  "_A_INPUT_GROUP_PASSWORD_DESCRIPTION_": "يوضح هذا المثال كيفية استخدام حقل إدخال من النوع <strong lang=\"en\">password</strong> وإمكانية تبديل عرض كلمة المرور باستخدام <strong lang=\"en\">show-password</strong>. في الحقل الأول، يمكن للمستخدم التبديل بين إظهار وإخفاء كلمة المرور، بينما يتم تعطيل هذه الميزة في الحقل الثاني.",
+  "_A_INPUT_GROUP_PASSWORD_HEADER_": "حقل إدخال كلمة المرور",
+  "_A_INPUT_PROPS_ICON_PREPEND_DESCRIPTION_": "يحدد الأيقونة التي ستظهر قبل حقل الإدخال. يمكن استخدام هذه الأيقونة لتحسين الفهم البصري أو للإشارة إلى نوع البيانات المدخلة.",
+  "_A_INPUT_PROPS_SHOW_PASSWORD_DESCRIPTION_": "يعمل عند تعيين نوع الإدخال إلى <strong lang=\"en\">password</strong>. يسمح بتبديل رؤية كلمة المرور المدخلة، مما يمنح المستخدم خيار رؤية كلمة المرور أثناء كتابتها.",
+  "_A_INPUT_PROPS_STEP_DESCRIPTION_": "يستخدم لأنواع <strong lang=\"en\">number</strong> أو <strong lang=\"en\">integer</strong>. يحدد الخطوة لتغيير القيمة، على سبيل المثال عند زيادة أو تقليل الرقم باستخدام أسهم لوحة المفاتيح.",
+  "_A_INPUT_PROPS_TYPE_DESCRIPTION_": "يحدد نوع قيمة الإدخال. يتم دعم أنواع مختلفة من البيانات مثل <strong lang=\"en\">text</strong>، <strong lang=\"en\">password</strong>، <strong lang=\"en\">number</strong>، <strong lang=\"en\">integer</strong>، <strong lang=\"en\">email</strong> وغيرها."
+}

package/docs/src/views/Form/PageRouterLinkConfig/i18n/de.json

@@ -0,0 +1,10 @@
+{
+  "_A_INPUT_COMPONENT_DESCRIPTION_": "Die <strong lang=\"en\">AInput</strong>-Komponente bietet eine Daten-Eingabefunktion mit Unterstützung für verschiedene Datentypen wie <strong lang=\"en\">text</strong>, <strong lang=\"en\">password</strong>, <strong lang=\"en\">number</strong>, <strong lang=\"en\">email</strong> und andere. Die Komponente unterstützt die Anzeige von Symbolen, eine Löschtaste und die Möglichkeit, das Passwort anzuzeigen/zu verbergen.",
+  "_A_INPUT_COMPONENT_NAME_": "Textfeld",
+  "_A_INPUT_GROUP_PASSWORD_DESCRIPTION_": "Dieses Beispiel zeigt, wie man ein Eingabefeld mit dem Typ <strong lang=\"en\">password</strong> und die Möglichkeit zur Umschaltung der Passwortsichtbarkeit mithilfe von <strong lang=\"en\">show-password</strong> verwendet. Im ersten Feld kann der Benutzer zwischen der Anzeige und dem Verbergen des Passworts wechseln, während diese Funktion im zweiten Feld deaktiviert ist.",
+  "_A_INPUT_GROUP_PASSWORD_HEADER_": "Passwort-Eingabefeld",
+  "_A_INPUT_PROPS_ICON_PREPEND_DESCRIPTION_": "Legt das Symbol fest, das vor dem Eingabefeld angezeigt wird. Dieses Symbol kann verwendet werden, um die visuelle Wahrnehmung zu verbessern oder den Typ der Eingabedaten anzuzeigen.",
+  "_A_INPUT_PROPS_SHOW_PASSWORD_DESCRIPTION_": "Funktioniert, wenn der Eingabetyp auf <strong lang=\"en\">password</strong> gesetzt ist. Ermöglicht das Umschalten der Sichtbarkeit des eingegebenen Passworts, sodass der Benutzer das eingegebene Passwort sehen kann.",
+  "_A_INPUT_PROPS_STEP_DESCRIPTION_": "Wird für die Typen <strong lang=\"en\">number</strong> oder <strong lang=\"en\">integer</strong> verwendet. Gibt den Schritt zum Ändern des Werts an, zum Beispiel beim Erhöhen oder Verringern der Zahl mit den Pfeiltasten der Tastatur.",
+  "_A_INPUT_PROPS_TYPE_DESCRIPTION_": "Definiert den Typ des Eingabewerts. Verschiedene Datentypen werden unterstützt, wie z.B. <strong lang=\"en\">text</strong>, <strong lang=\"en\">password</strong>, <strong lang=\"en\">number</strong>, <strong lang=\"en\">integer</strong>, <strong lang=\"en\">email</strong> und andere."
+}

package/docs/src/views/Form/PageRouterLinkConfig/i18n/en.json

@@ -0,0 +1,10 @@
+{
+  "_A_INPUT_COMPONENT_DESCRIPTION_": "The <strong lang=\"en\">AInput</strong> component provides data input functionality with support for various data types such as <strong lang=\"en\">text</strong>, <strong lang=\"en\">password</strong>, <strong lang=\"en\">number</strong>, <strong lang=\"en\">email</strong>, and others. The component supports icon display, a clear button, and the ability to show/hide the password.",
+  "_A_INPUT_COMPONENT_NAME_": "Text field",
+  "_A_INPUT_GROUP_PASSWORD_DESCRIPTION_": "This example shows how to use an input field with the type <strong lang=\"en\">password</strong> and the ability to toggle password visibility using <strong lang=\"en\">show-password</strong>. In the first field, the user can switch between showing and hiding the password, while in the second field this feature is disabled.",
+  "_A_INPUT_GROUP_PASSWORD_HEADER_": "Password input field",
+  "_A_INPUT_PROPS_ICON_PREPEND_DESCRIPTION_": "Specifies the icon that will be displayed before the input field. This icon can be used to enhance the visual perception or indicate the type of input data.",
+  "_A_INPUT_PROPS_SHOW_PASSWORD_DESCRIPTION_": "Works when the input type is <strong lang=\"en\">password</strong>. Allows toggling the visibility of the entered password, giving the user the option to see the password being typed.",
+  "_A_INPUT_PROPS_STEP_DESCRIPTION_": "Used for <strong lang=\"en\">number</strong> or <strong lang=\"en\">integer</strong> types. Specifies the step for changing the value, for example, when increasing or decreasing the number using keyboard arrows.",
+  "_A_INPUT_PROPS_TYPE_DESCRIPTION_": "Defines the type of input value. Various data types are supported, such as <strong lang=\"en\">text</strong>, <strong lang=\"en\">password</strong>, <strong lang=\"en\">number</strong>, <strong lang=\"en\">integer</strong>, <strong lang=\"en\">email</strong>, and others."
+}