aloha-vue 1.2.229 → 1.2.230

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

@@ -169,7 +169,7 @@ export default function ComponentItemsAPI() {
             id: "json",
             label: "JSON",
             to: {
-              name: "PageAJson",
+              name: "PageJson",
             }
           },
           {

package/docs/src/mainTranslation.js

@@ -69,6 +69,7 @@ import PageUtilsGetTotalNestedCountI18n from "./views/Functions/Utils/PageUtilsG
 import PageTableTreeI18n from "./views/PageTable/PageTableTree/i18n/PageTableTreeI18n";
 import PageInputCurrencyI18n from "./views/Form/PageInputCurrency/i18n/PageInputCurrencyI18n";
 import PageFilterMaskI18n from "./views/Functions/Filters/PageFilterMask/i18n/PageFilterMaskI18n";
+import PageJsonI18n from "./views/Form/PageJson/i18n/PageJsonI18n";
 
 export const mainTranslation = {
   ar: {
@@ -134,6 +135,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.ar,
     ...PageInputCurrencyI18n.ar,
     ...PageFilterMaskI18n.ar,
+    ...PageJsonI18n.ar,
   },
   de: {
     ...allLanguages.de,
@@ -198,6 +200,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.de,
     ...PageInputCurrencyI18n.de,
     ...PageFilterMaskI18n.de,
+    ...PageJsonI18n.de,
   },
   en: {
     ...allLanguages.en,
@@ -262,6 +265,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.en,
     ...PageInputCurrencyI18n.en,
     ...PageFilterMaskI18n.en,
+    ...PageJsonI18n.en,
   },
   es: {
     ...allLanguages.es,
@@ -326,6 +330,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.es,
     ...PageInputCurrencyI18n.es,
     ...PageFilterMaskI18n.es,
+    ...PageJsonI18n.es,
   },
   fr: {
     ...allLanguages.fr,
@@ -390,6 +395,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.fr,
     ...PageInputCurrencyI18n.fr,
     ...PageFilterMaskI18n.fr,
+    ...PageJsonI18n.fr,
   },
   hr: {
     ...allLanguages.hr,
@@ -454,6 +460,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.hr,
     ...PageInputCurrencyI18n.hr,
     ...PageFilterMaskI18n.hr,
+    ...PageJsonI18n.hr,
   },
   it: {
     ...allLanguages.it,
@@ -518,6 +525,7 @@ export const mainTranslation = {
     ...PageTableTreeI18n.it,
     ...PageInputCurrencyI18n.it,
     ...PageFilterMaskI18n.it,
+    ...PageJsonI18n.it,
   },
   ru: {
     ...allLanguages.ru,
@@ -582,5 +590,6 @@ export const mainTranslation = {
     ...PageTableTreeI18n.ru,
     ...PageInputCurrencyI18n.ru,
     ...PageFilterMaskI18n.ru,
+    ...PageJsonI18n.ru,
   },
 };

package/docs/src/router/index.js

@@ -76,8 +76,8 @@ const ROUTES = [
   },
   {
     path: "/json",
-    name: "PageAJson",
-    component: () => import(/* webpackChunkName: "PageAJson" */ "../views/Form/PageAJson/PageAJson.vue"),
+    name: "PageJson",
+    component: () => import(/* webpackChunkName: "PageJson" */ "../views/Form/PageJson/PageJson.vue"),
   },
   {
     path: "/accordion",

package/docs/src/views/Form/PageJson/PageJson.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 PageJsonBasic from "./PageJsonBasic/PageJsonBasic.vue";
+
+import PageTitleAPI from "./compositionAPI/PageTitleAPI";
+import PropsAPI from "./compositionAPI/PropsAPI";
+import SlotsAPI from "./compositionAPI/SlotsAPI";
+import TranslateAPI from "./compositionAPI/TranslateAPI";
+
+export default {
+  name: "PageJson",
+  components: {
+    AlohaPage,
+    AlohaTableProps,
+    AlohaTableTranslate,
+    ATranslation,
+    PageJsonBasic,
+  },
+  setup() {
+    const {
+      pageTitle,
+    } = PageTitleAPI();
+
+    const {
+      dataProps,
+    } = PropsAPI();
+
+    const {
+      dataSlots,
+    } = SlotsAPI();
+
+    const {
+      dataTranslate,
+    } = TranslateAPI();
+
+    return {
+      dataProps,
+      dataSlots,
+      dataTranslate,
+      pageTitle,
+    };
+  },
+};

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

@@ -0,0 +1,27 @@
+aloha-page(
+  :page-title="pageTitle"
+)
+  template(
+    v-slot:body
+  )
+    a-translation(
+      tag="p"
+      html="_A_JSON_COMPONENT_DESCRIPTION_"
+    )
+
+    page-json-basic
+
+    //aloha-table-props(
+    //  :data="dataProps"
+    //)
+    //
+    //aloha-table-props(
+    //  table-label="Slots"
+    //  :data="dataSlots"
+    //  :columns="['name', 'description']"
+    //)
+    //
+    aloha-table-translate(
+      :data="dataTranslate"
+    )
+

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

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

package/docs/src/views/Form/PageJson/PageJsonBasic/PageJsonBasic.js

@@ -0,0 +1,34 @@
+import {
+  ref,
+} from "vue";
+
+import AJson from "../../../../../../src/ui/AJson/AJson";
+import AlohaExample from "../../../../global/components/AlohaExample/AlohaExample.vue";
+
+import HtmlAPI from "./compositionAPI/HtmlAPI";
+import JsAPI from "./compositionAPI/JsAPI";
+
+export default {
+  name: "PageLinkCopyClass",
+  components: {
+    AJson,
+    AlohaExample,
+  },
+  setup() {
+    const model = ref({});
+
+    const {
+      codeHtml,
+    } = HtmlAPI();
+
+    const {
+      codeJs,
+    } = JsAPI();
+
+    return {
+      codeHtml,
+      codeJs,
+      model,
+    };
+  },
+};

package/docs/src/views/Form/PageJson/PageJsonBasic/PageJsonBasic.pug

@@ -0,0 +1,10 @@
+aloha-example(
+  :code-html="codeHtml"
+  :code-js="codeJs"
+  header="_A_BASIC_USAGE_"
+  :props="['model-value', 'label']"
+)
+  a-json(
+    v-model="model"
+    label="JSON"
+  )

package/docs/src/views/Form/PageJson/PageJsonBasic/PageJsonBasic.vue

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

package/docs/src/views/Form/PageJson/PageJsonBasic/compositionAPI/HtmlAPI.js

@@ -0,0 +1,10 @@
+export default function HtmlAPI() {
+  const codeHtml = `<a-json
+  v-model="model"
+  label="JSON"
+></a-json>`;
+
+  return {
+    codeHtml,
+  };
+}

package/docs/src/views/Form/PageJson/PageJsonBasic/compositionAPI/JsAPI.js

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

package/docs/src/views/Form/PageJson/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_JSON_COMPONENT_NAME_",
+    });
+  });
+
+  const pageTitle = computed(() => {
+    return `AJson${ componentNameTranslated.value ? ` (${ componentNameTranslated.value })` : "" }`;
+  });
+
+  return {
+    pageTitle,
+  };
+}

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

@@ -0,0 +1,57 @@
+export default function PropsAPI() {
+  const dataProps = [
+    {
+      name: "button-options",
+      description: "_A_LINK_COPY_PROPS_BUTTON_OPTIONS_",
+      type: "Object",
+      default: "() => ({})",
+      required: false,
+    },
+    {
+      name: "button-position",
+      description: "_A_LINK_COPY_PROPS_BUTTON_POSITION_DESCRIPTION_",
+      type: "String",
+      default: "right",
+      required: false,
+    },
+    {
+      name: "class",
+      description: "_A_LINK_COPY_PROPS_CLASS_DESCRIPTION_",
+      type: "String / Object",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "class-default",
+      description: "_A_LINK_COPY_PROPS_CLASS_DEFAULT_DESCRIPTION_",
+      type: "String",
+      default: "a_btn_group",
+      required: false,
+    },
+    {
+      name: "disabled",
+      description: "_A_LINK_COPY_PROPS_DISABLED_DESCRIPTION_",
+      type: "Boolean",
+      default: undefined,
+      required: false,
+    },
+    {
+      name: "link-options",
+      description: "_A_LINK_COPY_PROPS_LINK_OPTIONS_DESCRIPTION_",
+      type: "Object",
+      default: "() => ({})",
+      required: false,
+    },
+    {
+      name: "textCopy",
+      description: "_A_LINK_COPY_PROPS_TEXT_COPY_DESCRIPTION_",
+      type: "String",
+      default: undefined,
+      required: false,
+    },
+  ];
+
+  return {
+    dataProps,
+  };
+}

package/docs/src/views/Form/PageJson/compositionAPI/SlotsAPI.js

@@ -0,0 +1,16 @@
+export default function SlotsAPI() {
+  const dataSlots = [
+    {
+      name: "button",
+      description: "_A_LINK_COPY_SLOT_BUTTON_DESCRIPTION_",
+    },
+    {
+      name: "link",
+      description: "_A_LINK_COPY_SLOT_LINK_DESCRIPTION_",
+    },
+  ];
+
+  return {
+    dataSlots,
+  };
+}

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

@@ -0,0 +1,14 @@
+export default function TranslateAPI() {
+  const dataTranslate = [
+    "_A_JSON_CURRENT_VALUE_",
+    "_A_JSON_DISCARD_ALL_CHANGES_",
+    "_A_JSON_ERROR_HTML_{{error}}_",
+    "_A_JSON_FORMAT_INPUT_",
+    "_A_JSON_INPUT_",
+    "_A_JSON_RESET_INPUT_",
+  ];
+
+  return {
+    dataTranslate,
+  };
+}

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

@@ -0,0 +1 @@
+{}

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

@@ -0,0 +1,4 @@
+{
+  "_A_JSON_COMPONENT_DESCRIPTION_": "",
+  "_A_JSON_COMPONENT_NAME_": ""
+}

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

@@ -0,0 +1 @@
+{}

package/docs/src/views/Form/PageJson/i18n/es.json

@@ -0,0 +1 @@
+{}

package/docs/src/views/Form/PageJson/i18n/fr.json

@@ -0,0 +1 @@
+{}

package/docs/src/views/Form/PageJson/i18n/hr.json

@@ -0,0 +1 @@
+{}

package/docs/src/views/Form/PageJson/i18n/it.json

@@ -0,0 +1 @@
+{}

package/docs/src/views/Form/PageJson/i18n/ru.json

@@ -0,0 +1 @@
+{}

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

@@ -46,11 +46,11 @@
   "_A_WIZARD_GROUP_TYPE_DESCRIPTION_": "Omogućuje odabir vizualnog prikaza koraka u zaglavlju. Pregled svih koraka prikazuje se na vrhu čarobnjaka. Prihvaćene vrijednosti su: <strong lang=\"en\">basic</strong>, <strong lang=\"en\">arrows</strong>, <strong lang=\"en\">line</strong> i <strong lang=\"en\">round</strong>.",
   "_A_WIZARD_GROUP_TYPE_HEADER_": "Tip",
   "_A_WIZARD_LABEL_STEPS_": "Koraci",
-  "_A_WIZARD_LABEL_TYPE_": "Vrsta",
+  "_A_WIZARD_LABEL_TYPE_": "Tip",
   "_A_WIZARD_PAGE_BACK_BTN_TEXT_": "Prethodni",
   "_A_WIZARD_PAGE_FORWARD_BTN_TEXT_": "Sljedeći",
-  "_A_WIZARD_PROPS_ARIA_LABEL_DESCRIPTION_": "Prevedivi aria-label za glavni element Čarobnjaka",
-  "_A_WIZARD_PROPS_ARIA_LABEL_STEPS_DESCRIPTION_": "Prevedivi aria-label za blok sa svim koracima Čarobnjaka",
+  "_A_WIZARD_PROPS_ARIA_LABEL_DESCRIPTION_": "Prevodljiva ARIA oznaka glavnog elementa čarobnjaka",
+  "_A_WIZARD_PROPS_ARIA_LABEL_STEPS_DESCRIPTION_": "Prevodljiva ARIA oznaka bloka koji sadrži sve korake čarobnjaka",
   "_A_WIZARD_PROPS_BACK_BUTTON_ATTRIBUTES_DESCRIPTION_": "Dodatni atributi za gumb natrag, a koji nisu eksplicitno definirani kao svojstva.",
   "_A_WIZARD_PROPS_BACK_BUTTON_CLASS_DESCRIPTION_": "Jedna ili više dodatnih CSS klasa za gumb natrag.",
   "_A_WIZARD_PROPS_BACK_BUTTON_ICON_LEFT_DESCRIPTION_": "Naziv ikone koja će se prikazati s lijeve strane oznake za gumb natrag.",
@@ -79,19 +79,19 @@
   "_A_WIZARD_PROPS_IS_MOBILE_DESCRIPTION_": "Prikazuje li se čarobnjak na mobilnom uređaju ili ne.",
   "_A_WIZARD_PROPS_IS_STEP_NUMBER_VISIBLE_DESCRIPTION_": "Određuje treba li koraci biti sekvencijalno numerirani u zaglavlju koraka.",
   "_A_WIZARD_PROPS_IS_STEPS_JUSTIFIED_DESCRIPTION_": "Određuje treba li poravnanje koraka u zaglavlju biti obostrano ili lijevo. ",
-  "_A_WIZARD_PROPS_IS_TOOLBAR_BOTTOM_DESCRIPTION_": "Određuje treba li alatna traka s navigacijskim gumbima čarobnjaka biti smještena na dnu, ispod sadržaja trenutačno aktivnog koraka. To je zadana pozicija, ako drukčije nije definirano.",
-  "_A_WIZARD_PROPS_IS_TOOLBAR_TOP_DESCRIPTION_": "Određuje treba li alatna traka s navigacijskim gumbima čarobnjaka biti smještena na vrhu, iznad sadržaja trenutačno aktivnog koraka.",
+  "_A_WIZARD_PROPS_IS_TOOLBAR_BOTTOM_DESCRIPTION_": "Određuje treba li alatna traka s navigacijskim gumbima čarobnjaka biti smještena na dnu, ispod sadržaja trenutno aktivnog koraka. To je zadana pozicija, ako drukčije nije definirano.",
+  "_A_WIZARD_PROPS_IS_TOOLBAR_TOP_DESCRIPTION_": "Određuje treba li alatna traka s navigacijskim gumbima čarobnjaka biti smještena na vrhu, iznad sadržaja trenutno aktivnog koraka.",
   "_A_WIZARD_PROPS_KEY_ID_DESCRIPTION_": "Jedinstveni identifikacijski ključ za svaki korak. Koristi se za poboljšanje performansi.",
-  "_A_WIZARD_PROPS_SHOW_ONLY_ACTIVE_STEP_MOBILE_DESCRIPTION_": "Prikazuje li se samo trenutačno aktivan korak u čarobnjaku.",
-  "_A_WIZARD_PROPS_STEP_ACTIVE_DESCRIPTION_": "Indeks trenutačno aktivnog koraka u čarobnjaku.",
-  "_A_WIZARD_PROPS_STEP_ICON_ERROR_DESCRIPTION_": "Ikona prikazana u slučaju pogreške u koraku",
-  "_A_WIZARD_PROPS_STEP_ICON_ERROR_TEXT_DESCRIPTION_": "Tekst i naslov za čitač zaslona za ikonu pogreške",
-  "_A_WIZARD_PROPS_STEP_ICON_WARNING_DESCRIPTION_": "Ikona prikazana u slučaju upozorenja u koraku",
-  "_A_WIZARD_PROPS_STEP_ICON_WARNING_TEXT_DESCRIPTION_": "Tekst i naslov za čitač zaslona za ikonu upozorenja",
-  "_A_WIZARD_PROPS_STEP_PROGRESSBAR_TEXT_DESCRIPTION_": "Tekst koji označava napredak korisnika unutar čarobnjaka. Varijable dostupne unutar mjesta su <strong lang=\"en\">stepActive</strong> (trenutačno aktivan korak), <strong lang=\"en\">stepsCount</strong> (ukupan broj koraka) i <strong lang=\"en\">stepActiveLabel</strong> (trenutno aktivan korak).",
+  "_A_WIZARD_PROPS_SHOW_ONLY_ACTIVE_STEP_MOBILE_DESCRIPTION_": "Prikazuje li se samo trenutno aktivan korak u čarobnjaku.",
+  "_A_WIZARD_PROPS_STEP_ACTIVE_DESCRIPTION_": "Indeks trenutno aktivnog koraka u čarobnjaku.",
+  "_A_WIZARD_PROPS_STEP_ICON_ERROR_DESCRIPTION_": "Ikona koja će se prikazati u slučaju pogreške u nekom od koraka.",
+  "_A_WIZARD_PROPS_STEP_ICON_ERROR_TEXT_DESCRIPTION_": "Tekst i naslov za čitač zaslona za ikonu pogreške.",
+  "_A_WIZARD_PROPS_STEP_ICON_WARNING_DESCRIPTION_": "Ikona koja će se prikazati u slučaju upozorenja u koraku.",
+  "_A_WIZARD_PROPS_STEP_ICON_WARNING_TEXT_DESCRIPTION_": "Tekst i naslov za čitač zaslona za ikonu upozorenja.",
+  "_A_WIZARD_PROPS_STEP_PROGRESSBAR_TEXT_DESCRIPTION_": "Tekst koji označava napredak korisnika unutar čarobnjaka. Dostupne varijable su <strong lang=\"en\">stepActive</strong> (trenutno aktivan korak), <strong lang=\"en\">stepsCount</strong> (ukupan broj koraka) i <strong lang=\"en\">stepActiveLabel</strong> (naziv trenutno aktivnog koraka).",
   "_A_WIZARD_PROPS_STEPS_DESCRIPTION_": "Niz objekata koji sadrže informacije o svakom koraku u čarobnjaku.",
   "_A_WIZARD_PROPS_STEPS_VISITED_DESCRIPTION_": "Predstavlja objekt gdje svaki ključ odgovara indeksu koraka, a povezana logička vrijednost označuje je li odgovarajući korak već posjećen ili ne.",
-  "_A_WIZARD_PROPS_SUB_TYPE_DESCRIPTION_": "Svojstvo <strong lang=\"en\">sub-type</strong> koristi se za definiranje stila aktivnih koraka u tipu <strong lang=\"en\">line</strong>. Omogućuje odabir između kvadratnih i okruglih oblika, s dodatnom obrubom ili bez nje.",
+  "_A_WIZARD_PROPS_SUB_TYPE_DESCRIPTION_": "Svojstvo <strong lang=\"en\">sub-type</strong> koristi se za definiranje stila aktivnih koraka za linijski tip (<strong lang=\"en\">line</strong>). Omogućuje odabir između kvadratnih i okruglih oblika, s dodatnom obrubom ili bez njega.",
   "_A_WIZARD_PROPS_TOOLBAR_BOTTOM_TELEPORT_ID_DESCRIPTION_": "Id za teleportaciju (dinamičko kretanje) navigacijske trake na dno čarobnjaka.",
   "_A_WIZARD_PROPS_TYPE_DESCRIPTION_": "Prilagođava vizualni prikaz koraka u zaglavlju.",
   "_A_WIZARD_SLOTS_SLOT_DESCRIPTION_": "Slot koji sadrži korak u čarobnjaku.",
@@ -104,6 +104,6 @@
   "_A_WIZARD_STEP_NAME_": "Naziv koraka",
   "_A_WIZARD_TYPE_ARROWS_": "Strelica",
   "_A_WIZARD_TYPE_BASIC_": "Osnovni",
-  "_A_WIZARD_TYPE_LINE_": "Linearno",
+  "_A_WIZARD_TYPE_LINE_": "Linija",
   "_A_WIZARD_TYPE_ROUND_": "Okrugli"
 }

package/package.json

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

package/src/AWizard/i18n/hr.json

@@ -8,7 +8,7 @@
   "_A_WIZARD_STEP_ACTIVE_": "Trenutni korak",
   "_A_WIZARD_STEP_ERROR_": "Pogreška koraka",
   "_A_WIZARD_STEP_NUMBER_OF_{{stepActive}}_{{stepsCount}}_": "{{ stepActive }} od {{stepsCount}}",
-  "_A_WIZARD_STEP_UPCOMING_": "Nadolazeći korak",
+  "_A_WIZARD_STEP_UPCOMING_": "Preostali koraci",
   "_A_WIZARD_STEP_VISITED_": "Posjećeni korak",
   "_A_WIZARD_STEP_WARNING_": "Upozorenje koraka",
   "_A_WIZARD_STEPS_ARIA_LABEL_": "Koraci čarobnjaka",

package/src/i18n/allLanguages.js

@@ -25,6 +25,7 @@ import AMenu2I18n from "../AMenu2/i18n/AMenu2I18n";
 import AVerticalScrollI18n from "../AVerticalScroll/i18n/AVerticalScrollI18n";
 import Filters18n from "../filters/i18n/Filters18n";
 import APaginationI18n from "../APagination/i18n/APaginationI18n.js";
+import AJsonI18n from "../ui/AJson/i18n/AJsonI18n";
 
 export const ar = {
   ...arJson,
@@ -46,6 +47,7 @@ export const ar = {
   ...AVerticalScrollI18n.ar,
   ...Filters18n.ar,
   ...APaginationI18n.ar,
+  ...AJsonI18n.ar,
 };
 export const de = {
   ...deJson,
@@ -67,6 +69,7 @@ export const de = {
   ...AVerticalScrollI18n.de,
   ...Filters18n.de,
   ...APaginationI18n.de,
+  ...AJsonI18n.de,
 };
 export const en = {
   ...enJson,
@@ -88,6 +91,7 @@ export const en = {
   ...AVerticalScrollI18n.en,
   ...Filters18n.en,
   ...APaginationI18n.en,
+  ...AJsonI18n.en,
 };
 export const es = {
   ...esJson,
@@ -109,6 +113,7 @@ export const es = {
   ...AVerticalScrollI18n.es,
   ...Filters18n.es,
   ...APaginationI18n.es,
+  ...AJsonI18n.es,
 };
 export const fr = {
   ...frJson,
@@ -130,6 +135,7 @@ export const fr = {
   ...AVerticalScrollI18n.fr,
   ...Filters18n.fr,
   ...APaginationI18n.fr,
+  ...AJsonI18n.fr,
 };
 export const hr = {
   ...hrJson,
@@ -151,6 +157,7 @@ export const hr = {
   ...AVerticalScrollI18n.hr,
   ...Filters18n.hr,
   ...APaginationI18n.hr,
+  ...AJsonI18n.hr,
 };
 export const it = {
   ...itJson,
@@ -172,6 +179,7 @@ export const it = {
   ...AVerticalScrollI18n.it,
   ...Filters18n.it,
   ...APaginationI18n.it,
+  ...AJsonI18n.it,
 };
 export const ru = {
   ...ruJson,
@@ -193,6 +201,7 @@ export const ru = {
   ...AVerticalScrollI18n.ru,
   ...Filters18n.ru,
   ...APaginationI18n.ru,
+  ...AJsonI18n.ru,
 };
 
 export default {

package/src/plugins/AIconPlugin.js

@@ -14,7 +14,9 @@ import AngleRight from "../AIcon/Icons/AngleRight";
 import AngleUp from "../AIcon/Icons/AngleUp";
 import ArrowDownUp from "../AIcon/Icons/bootstrap-1-9-1/ArrowDownUp";
 import ArrowLeft from "../AIcon/Icons/bootstrap-1-9-1/ArrowLeft";
+import ArrowRepeat from "../AIcon/Icons/bootstrap-1-9-1/ArrowRepeat";
 import ArrowRight from "../AIcon/Icons/bootstrap-1-9-1/ArrowRight";
+import Braces from "../AIcon/Icons/bootstrap-1-9-1/Braces";
 import CaretDownFill from "../AIcon/Icons/bootstrap-1-9-1/CaretDownFill";
 import CaretRightFill from "../AIcon/Icons/bootstrap-1-9-1/CaretRightFill";
 import CaretUpFill from "../AIcon/Icons/bootstrap-1-9-1/CaretUpFill";
@@ -67,7 +69,9 @@ export const iconPluginOptions = ref({
     AngleUp,
     ArrowDownUp,
     ArrowLeft,
+    ArrowRepeat,
     ArrowRight,
+    Braces,
     CaretDownFill,
     CaretRightFill,
     CaretUpFill,

package/src/styles/components/ui/AJson.scss

@@ -0,0 +1,11 @@
+.a_json__textarea {
+  resize: vertical;
+}
+
+.a_json__code,
+.a_json__textarea {
+  white-space: pre;
+  font-family: monospace;
+  overflow: auto;
+}
+

package/src/styles/components/ui/ui.scss

@@ -166,6 +166,7 @@
 @import "ATinymce";
 @import "ACheckbox";
 @import "ARadio";
+@import "AJson";
 
 // fix für autofill
 input:-webkit-autofill {