aloha-vue 2.3.0 → 2.4.0

package/src/ui/ARouterLinkConfig/ARouterLinkConfig.js

@@ -0,0 +1,453 @@
+import {
+  h,
+} from "vue";
+
+import AElement from "../../AElement/AElement";
+import AErrorsText from "../AErrorsText/AErrorsText";
+import AFieldset from "../AFieldset/AFieldset";
+import AFormHelpText from "../AFormHelpText/AFormHelpText";
+import AJson from "../AJson/AJson";
+import ASelect from "../ASelect/ASelect";
+
+import AttributesAPI from "../ACheckbox/compositionAPI/AttributesAPI";
+import ModelLocalAPI from "./compositionAPI/ModelLocalAPI";
+import ParamAPI from "./compositionAPI/ParamAPI";
+import RouteAPI from "./compositionAPI/RouteAPI";
+import TextAfterLabelAPI from "../ACheckbox/compositionAPI/TextAfterLabelAPI";
+import UiAPI from "../compositionApi/UiAPI";
+import UiDisabledAPI from "../compositionApi/UiDisabledAPI";
+import UIExcludeRenderAttributesAPI from "../compositionApi/UIExcludeRenderAttributesAPI";
+import UiStyleHideAPI from "../compositionApi/UiStyleHideAPI";
+
+import {
+  routerLinkConfigPluginOptions,
+} from "../../plugins/ARouterLinkConfigPlugin";
+import {
+  uniqueId,
+} from "lodash-es";
+
+export default {
+  name: "ARouterLinkConfig",
+  inheritAttrs: false,
+  props: {
+    alwaysTranslate: {
+      type: Boolean,
+      required: false,
+    },
+    change: {
+      type: Function,
+      required: false,
+      default: () => {},
+    },
+    classColumn: {
+      type: [String, Object],
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.classColumn,
+    },
+    classColumns: {
+      type: [String, Object],
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.classColumns,
+    },
+    classFieldset: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    errors: {
+      type: [String, Array],
+      required: false,
+      default: undefined,
+    },
+    excludeRenderAttributes: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    extra: {
+      type: Object,
+      required: false,
+      default: undefined,
+    },
+    hasBorder: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    helpText: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    helpTextParam: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.helpTextParam,
+    },
+    helpTextQuery: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.helpTextQuery,
+    },
+    helpTextRoute: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.helpTextRoute,
+    },
+    helpTextTarget: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.helpTextTarget,
+    },
+    htmlId: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    id: {
+      type: [String, Number],
+      required: false,
+      default: () => uniqueId("a_router_link_config_"),
+    },
+    idPrefix: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    inputAttributes: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    isHide: {
+      type: Boolean,
+      required: false,
+    },
+    isRender: {
+      type: Boolean,
+      required: false,
+      default: true,
+    },
+    keyIdRoute: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.keyIdRoute,
+    },
+    keyLabelCallbackRoute: {
+      type: Function,
+      required: false,
+      default: undefined,
+    },
+    keyLabelRoute: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.keyLabelRoute,
+    },
+    label: {
+      type: [String, Number],
+      required: false,
+      default: undefined,
+    },
+    labelClass: {
+      type: [String, Object],
+      required: false,
+      default: undefined,
+    },
+    labelParam: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.labelParam,
+    },
+    labelQuery: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.labelQuery,
+    },
+    labelRoute: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.labelRoute,
+    },
+    labelScreenReader: {
+      type: [String, Number],
+      required: false,
+      default: undefined,
+    },
+    labelTarget: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.labelTarget,
+    },
+    modelUndefined: {
+      type: [String, Number, Object, Array, Boolean],
+      required: false,
+      default: "",
+    },
+    modelValue: {
+      type: Object,
+      required: false,
+      default: () => ({}),
+    },
+    required: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    routes: {
+      type: Array,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.routes,
+    },
+    slotName: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
+    sortOrderRoute: {
+      type: String,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.sortOrderRoute,
+      validator: value => ["asc", "desc"].indexOf(value) !== -1,
+    },
+    targets: {
+      type: Array,
+      required: false,
+      default: () => routerLinkConfigPluginOptions.propsDefault.targets,
+    },
+  },
+  emits: [
+    "update:modelValue",
+    "focus",
+    "blur",
+  ],
+  setup(props, context) {
+    const {
+      disabledAttribut,
+    } = UiDisabledAPI(props);
+
+    const {
+      attributesToExcludeFromRender,
+    } = UIExcludeRenderAttributesAPI(props);
+
+    const {
+      componentStyleHide,
+    } = UiStyleHideAPI(props);
+
+    const {
+      textAfterLabel,
+    } = TextAfterLabelAPI(props);
+
+    const {
+      ariaDescribedbyLocal,
+      changeModel,
+      errorsId,
+      helpTextId,
+      htmlIdLocal,
+      isErrors,
+      isModel,
+      onBlur,
+      onFocus,
+    } = UiAPI(props, context);
+
+    const {
+      groupId,
+    } = AttributesAPI(props, {
+      htmlIdLocal,
+    });
+
+    const {
+      changeParamModel,
+      changeQueryModel,
+      changeRouteModel,
+      changeTargetModel,
+    } = ModelLocalAPI(props, {
+      changeModel,
+    });
+
+    const {
+      routePathKeyByKeyId,
+      routesLocal,
+    } = RouteAPI(props);
+
+    const {
+      childrenForParam,
+      hasParam,
+    } = ParamAPI(props, {
+      htmlIdLocal,
+      routePathKeyByKeyId,
+    });
+
+    return {
+      ariaDescribedbyLocal,
+      attributesToExcludeFromRender,
+      changeParamModel,
+      changeQueryModel,
+      changeRouteModel,
+      changeTargetModel,
+      childrenForParam,
+      componentStyleHide,
+      disabledAttribut,
+      errorsId,
+      groupId,
+      hasParam,
+      helpTextId,
+      htmlIdLocal,
+      isErrors,
+      isModel,
+      onBlur,
+      onFocus,
+      routesLocal,
+      textAfterLabel,
+    };
+  },
+  render() {
+    if (!this.isRender) {
+      return null;
+    }
+    
+    return h("div", {
+      ...this.$attrs,
+      style: this.componentStyleHide,
+      ...this.attributesToExcludeFromRender,
+    }, [
+      h("div", {
+        class: "a_form_element__parent",
+      }, [
+        h("fieldset", {
+          id: this.htmlIdLocal,
+          tabindex: -1,
+          class: ["a_fieldset", this.classFieldset, {
+            a_fieldset_invalid: this.isErrors,
+            a_fieldset_no_border: !this.hasBorder,
+          }],
+          "aria-describedby": this.ariaDescribedbyLocal,
+        }, [
+          (this.label || this.labelScreenReader) ?
+            h(AElement, {
+              type: "text",
+              alwaysTranslate: this.alwaysTranslate,
+              tag: "legend",
+              class: [
+                "a_legend",
+                {
+                  a_legend_invalid: this.isErrors,
+                },
+                this.labelClass,
+              ],
+              extra: this.extra,
+              html: this.label,
+              textScreenReader: this.labelScreenReader,
+              textAfter: this.textAfterLabel,
+            }) :
+            "",
+          h("div", {
+            id: this.groupId,
+            class: [
+              this.classColumns,
+              "a_fieldset__content",
+            ],
+          }, [
+            h("div", {
+              class: this.classColumn,
+            }, [
+              h(ASelect, {
+                id: "route",
+                change: this.changeRouteModel,
+                data: this.routesLocal,
+                deselectable: true,
+                helpText: this.helpTextRoute,
+                idPrefix: this.htmlIdLocal,
+                isLabelFloat: false,
+                keyId: this.keyIdRoute,
+                keyLabel: this.keyLabelRoute,
+                keyLabelCallback: this.keyLabelCallbackRoute,
+                label: this.labelRoute,
+                modelValue: this.modelValue.route,
+                required: this.required,
+                search: true,
+                sortOrder: this.sortOrderRoute,
+                type: "select",
+              }),
+            ]),
+            this.hasParam ?
+              h("div", {
+                class: this.classColumn,
+              }, [
+                h(AFieldset, {
+                  id: "param",
+                  change: this.changeParamModel,
+                  children: this.childrenForParam,
+                  helpText: this.helpTextParam,
+                  idPrefix: this.htmlIdLocal,
+                  label: this.labelParam,
+                  modelValue: this.modelValue.param || {},
+                  required: this.required,
+                }),
+              ]) :
+              "",
+            this.modelValue.route ?
+              h("div", {
+                class: this.classColumn,
+              }, [
+                h(AJson, {
+                  id: "query",
+                  change: this.changeQueryModel,
+                  heightCss: "100px",
+                  helpText: this.helpTextQuery,
+                  idPrefix: this.htmlIdLocal,
+                  label: this.labelQuery,
+                  modelValue: this.modelValue.query,
+                }),
+              ]) :
+              "",
+            this.modelValue.route ?
+              h("div", {
+                class: this.classColumn,
+              }, [
+                h(ASelect, {
+                  id: "target",
+                  change: this.changeTargetModel,
+                  data: this.targets,
+                  deselectable: true,
+                  helpText: this.helpTextTarget,
+                  idPrefix: this.htmlIdLocal,
+                  isLabelFloat: false,
+                  keyId: "id",
+                  keyLabel: "label",
+                  label: this.labelTarget,
+                  modelValue: this.modelValue.target,
+                  translateData: true,
+                  type: "select",
+                }),
+              ]) :
+              "",
+
+            (this.slotName &&
+              this.$slots[this.slotName]) ?
+              this.$slots[this.slotName]({
+                id: this.htmlIdLocal,
+                props: this.$props,
+              }) :
+              "",
+          ]),
+        ]),
+
+        h(AFormHelpText, {
+          id: this.helpTextId,
+          alwaysTranslate: this.alwaysTranslate,
+          html: this.helpText,
+          extra: this.extra,
+        }),
+        this.isErrors && h(AErrorsText, {
+          id: this.errorsId,
+          alwaysTranslate: this.alwaysTranslate,
+          errors: this.errors,
+        }),
+      ]),
+    ]);
+  },
+};

package/src/ui/ARouterLinkConfig/compositionAPI/ModelLocalAPI.js

@@ -0,0 +1,56 @@
+import {
+  toRef,
+} from "vue";
+
+import {
+  cloneDeep,
+} from "lodash-es";
+
+export default function ModelLocalAPI(props, {
+  changeModel = () => {},
+}) {
+  const modelValue = toRef(props, "modelValue");
+
+  const changeRouteModel = ({ model }) => {
+    if (model) {
+      changeModel({
+        model: {
+          route: model,
+          query: modelValue.value?.query,
+        },
+      });
+    } else {
+      changeModel({
+        model: {},
+      });
+    }
+  };
+
+  const changeTargetModel = ({ model }) => {
+    const MODEL = cloneDeep(modelValue.value) || {};
+    MODEL.target = model;
+
+    changeModel({ model: MODEL });
+  };
+
+  const changeQueryModel = ({ model }) => {
+    const MODEL = cloneDeep(modelValue.value) || {};
+    MODEL.query = model;
+
+    changeModel({ model: MODEL });
+  };
+
+  const changeParamModel = ({ model }) => {
+    const MODEL = cloneDeep(modelValue.value) || {};
+    MODEL.param = model;
+
+    changeModel({ model: MODEL });
+  };
+
+  return {
+    changeParamModel,
+    changeQueryModel,
+    changeRouteModel,
+    changeTargetModel,
+  };
+}

package/src/ui/ARouterLinkConfig/compositionAPI/ParamAPI.js

@@ -0,0 +1,63 @@
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  forEach,
+} from "lodash-es";
+
+export default function ParamAPI(props, {
+  htmlIdLocal = computed(() => ""),
+  routePathKeyByKeyId = computed(() => ({})),
+}) {
+  const modelValue = toRef(props, "modelValue");
+  const required = toRef(props, "required");
+
+  const extractRouteParams = path => {
+    const regex = /:([a-zA-Z0-9_]+)/g;
+    const params = [];
+    let match;
+
+    // eslint-disable-next-line no-cond-assign
+    while ((match = regex.exec(path)) !== null) {
+      params.push(match[1]);
+    }
+
+    return params;
+  };
+
+  const idParamsForRoute = computed(() => {
+    if (!modelValue.value?.route) {
+      return [];
+    }
+
+    return extractRouteParams(routePathKeyByKeyId.value[modelValue.value.route]);
+  });
+
+  const hasParam = computed(() => {
+    return idParamsForRoute.value.length > 0;
+  });
+
+  const childrenForParam = computed(() => {
+    const CHILDREN = [];
+    forEach(idParamsForRoute.value, _id => {
+      const CHILD = {
+        id: _id,
+        label: _id,
+        type: "text",
+        idPrefix: htmlIdLocal.value,
+        required: required.value,
+      };
+
+      CHILDREN.push(CHILD);
+    });
+
+    return CHILDREN;
+  });
+
+  return {
+    childrenForParam,
+    hasParam,
+  };
+}

package/src/ui/ARouterLinkConfig/compositionAPI/RouteAPI.js

@@ -0,0 +1,34 @@
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import {
+  forEach,
+  get,
+} from "lodash-es";
+
+export default function RouteAPI(props) {
+  const keyIdRoute = toRef(props, "keyIdRoute");
+  const routes = toRef(props, "routes");
+
+  const routesLocal = computed(() => {
+    return routes.value;
+  });
+
+  const routePathKeyByKeyId = computed(() => {
+    const ROUTE_PATH = {};
+
+    forEach(routesLocal.value, route => {
+      const ID = get(route, keyIdRoute.value);
+      ROUTE_PATH[ID] = route.path;
+    });
+
+    return ROUTE_PATH;
+  });
+
+  return {
+    routePathKeyByKeyId,
+    routesLocal,
+  };
+}

package/src/ui/ARouterLinkConfig/i18n/ARouterLinkConfigI18n.js

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

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

@@ -0,0 +1,4 @@
+{
+  "_A_INPUT_SHOW_PASSWORD_": "عرض كلمة المرور",
+  "_A_INPUT_HIDE_PASSWORD_": "إخفاء كلمة المرور"
+}

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

@@ -0,0 +1,14 @@
+{
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_PARAM_": "Dynamische Parameter werden in Routen verwendet, um Daten innerhalb des Pfads zu übergeben. Sie werden durch einen Doppelpunkt <code>:</code> vor dem Parameternamen gekennzeichnet, zum Beispiel: <code>/user/:id</code>. Beim Navigieren wird dieser Parameter durch einen bestimmten Wert ersetzt, z. B.: <code>/user/123</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_QUERY_": "<span lang=\"en\">URL</span>-Parameter ermöglichen das Übertragen zusätzlicher Informationen in der Anfrage. Sie werden nach dem <code>?</code>-Zeichen in der Adressleiste hinzugefügt und im Format \"Schlüssel=Wert\" geschrieben. Zum Beispiel: <code>?limit=10&sort=asc</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_ROUTE_": "Die Adresse bestimmt, wohin der Link führt. Sie kann statisch sein (z. B. <code>/home</code>) oder dynamische Parameter enthalten (z. B. <code>/user/:id</code>). Wählen Sie die Adresse für die Navigation.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_TARGET_": "Legt fest, wo der Link geöffnet wird. Verfügbare Optionen: im selben Fenster (<code>_self</code>), in einem neuen Fenster oder Tab (<code>_blank</code>), im übergeordneten Frame (<code>_parent</code>) oder im äußersten Frame (<code>_top</code>).",
+  "_A_ROUTER_LINK_CONFIG_LABEL_PARAM_": "Dynamische Parameter",
+  "_A_ROUTER_LINK_CONFIG_LABEL_QUERY_": "<span lang=\"en\">URL</span>-Parameter",
+  "_A_ROUTER_LINK_CONFIG_LABEL_ROUTE_": "Adresse auswählen",
+  "_A_ROUTER_LINK_CONFIG_LABEL_TARGET_": "<span lang=\"en\">target</span>-Attribut",
+  "_A_TARGET_BLANK_": "In einem neuen Tab öffnen <strong lang=\"en\">_blank</strong>",
+  "_A_TARGET_PARENT_": "Im übergeordneten Frame öffnen <strong lang=\"en\">_parent</strong>",
+  "_A_TARGET_SELF_": "Im selben Fenster öffnen <strong lang=\"en\">_self</strong>",
+  "_A_TARGET_TOP_": "Im äußersten Frame öffnen <strong lang=\"en\">_top</strong>"
+}

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

@@ -0,0 +1,14 @@
+{
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_PARAM_": "Dynamic parameters are used in routes to pass data within the path. They are denoted by a colon <code>:</code> before the parameter name, for example: <code>/user/:id</code>. When navigating, this parameter is replaced with a specific value, such as: <code>/user/123</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_QUERY_": "<span lang=\"en\">URL</span> parameters allow passing additional information in the request. They are added after the <code>?</code> symbol in the address bar and follow the format \"key=value\". For example: <code>?limit=10&sort=asc</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_ROUTE_": "The address determines where the link will navigate. It can be static (e.g., <code>/home</code>) or contain dynamic parameters (e.g., <code>/user/:id</code>). Select the address for navigation.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_TARGET_": "Defines where the link will open. Available options: in the same window (<code>_self</code>), in a new window or tab (<code>_blank</code>), in the parent frame (<code>_parent</code>), or in the outermost frame (<code>_top</code>).",
+  "_A_ROUTER_LINK_CONFIG_LABEL_PARAM_": "Dynamic parameters",
+  "_A_ROUTER_LINK_CONFIG_LABEL_QUERY_": "<span lang=\"en\">URL</span> parameters",
+  "_A_ROUTER_LINK_CONFIG_LABEL_ROUTE_": "Select address",
+  "_A_ROUTER_LINK_CONFIG_LABEL_TARGET_": "<span lang=\"en\">target</span> attribute",
+  "_A_TARGET_BLANK_": "Open in a new tab <strong lang=\"en\">_blank</strong>",
+  "_A_TARGET_PARENT_": "Open in the parent frame <strong lang=\"en\">_parent</strong>",
+  "_A_TARGET_SELF_": "Open in the same window <strong lang=\"en\">_self</strong>",
+  "_A_TARGET_TOP_": "Open in the outermost frame <strong lang=\"en\">_top</strong>"
+}

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

@@ -0,0 +1,14 @@
+{
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_PARAM_": "Los parámetros dinámicos se utilizan en las rutas para transmitir datos dentro de la ruta. Se denotan con dos puntos <code>:</code> antes del nombre del parámetro, por ejemplo: <code>/user/:id</code>. Al navegar, este parámetro se reemplaza con un valor específico, como: <code>/user/123</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_QUERY_": "Los parámetros de <span lang=\"en\">URL</span> permiten enviar información adicional en la solicitud. Se agregan después del símbolo <code>?</code> en la barra de direcciones y tienen el formato \"clave=valor\". Por ejemplo: <code>?limit=10&sort=asc</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_ROUTE_": "La dirección determina a dónde llevará el enlace. Puede ser estática (por ejemplo, <code>/home</code>) o contener parámetros dinámicos (por ejemplo, <code>/user/:id</code>). Seleccione la dirección de navegación.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_TARGET_": "Define dónde se abrirá el enlace. Opciones disponibles: en la misma ventana (<code>_self</code>), en una nueva ventana o pestaña (<code>_blank</code>), en el marco padre (<code>_parent</code>) o en el marco superior (<code>_top</code>).",
+  "_A_ROUTER_LINK_CONFIG_LABEL_PARAM_": "Parámetros dinámicos",
+  "_A_ROUTER_LINK_CONFIG_LABEL_QUERY_": "Parámetros de <span lang=\"en\">URL</span>",
+  "_A_ROUTER_LINK_CONFIG_LABEL_ROUTE_": "Seleccionar dirección",
+  "_A_ROUTER_LINK_CONFIG_LABEL_TARGET_": "Atributo <span lang=\"en\">target</span>",
+  "_A_TARGET_BLANK_": "Abrir en una nueva pestaña <strong lang=\"en\">_blank</strong>",
+  "_A_TARGET_PARENT_": "Abrir en el marco padre <strong lang=\"en\">_parent</strong>",
+  "_A_TARGET_SELF_": "Abrir en la misma ventana <strong lang=\"en\">_self</strong>",
+  "_A_TARGET_TOP_": "Abrir en el marco superior <strong lang=\"en\">_top</strong>"
+}

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

@@ -0,0 +1,14 @@
+{
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_PARAM_": "Les paramètres dynamiques sont utilisés dans les routes pour transmettre des données dans le chemin. Ils sont indiqués par un deux-points <code>:</code> avant le nom du paramètre, par exemple : <code>/user/:id</code>. Lors de la navigation, ce paramètre est remplacé par une valeur spécifique, comme : <code>/user/123</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_QUERY_": "Les paramètres <span lang=\"en\">URL</span> permettent de transmettre des informations supplémentaires dans la requête. Ils sont ajoutés après le symbole <code>?</code> dans la barre d'adresse et sont formatés en \"clé=valeur\". Par exemple : <code>?limit=10&sort=asc</code>.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_ROUTE_": "L'adresse détermine où le lien dirigera. Elle peut être statique (ex. <code>/home</code>) ou contenir des paramètres dynamiques (ex. <code>/user/:id</code>). Sélectionnez l'adresse de navigation.",
+  "_A_ROUTER_LINK_CONFIG_HELP_TEXT_TARGET_": "Définit où le lien s'ouvrira. Options disponibles : dans la même fenêtre (<code>_self</code>), dans une nouvelle fenêtre ou un nouvel onglet (<code>_blank</code>), dans le cadre parent (<code>_parent</code>) ou dans le cadre principal (<code>_top</code>).",
+  "_A_ROUTER_LINK_CONFIG_LABEL_PARAM_": "Paramètres dynamiques",
+  "_A_ROUTER_LINK_CONFIG_LABEL_QUERY_": "Paramètres <span lang=\"en\">URL</span>",
+  "_A_ROUTER_LINK_CONFIG_LABEL_ROUTE_": "Choisir une adresse",
+  "_A_ROUTER_LINK_CONFIG_LABEL_TARGET_": "Attribut <span lang=\"en\">target</span>",
+  "_A_TARGET_BLANK_": "Ouvrir dans un nouvel onglet <strong lang=\"en\">_blank</strong>",
+  "_A_TARGET_PARENT_": "Ouvrir dans le cadre parent <strong lang=\"en\">_parent</strong>",
+  "_A_TARGET_SELF_": "Ouvrir dans la même fenêtre <strong lang=\"en\">_self</strong>",
+  "_A_TARGET_TOP_": "Ouvrir dans le cadre principal <strong lang=\"en\">_top</strong>"
+}