aloha-vue 1.2.89 → 1.2.90

package/docs/src/views/Functions/PageFilterLimitTo/i18n/hr.json

@@ -1,7 +1,6 @@
 {
-  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_TEXT_": "Der Eingangsstring, der beschnitten werden soll",
-  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_LIMIT_": "Die maximale Länge des zurückgegebenen Strings",
-  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_MAX_THREE_DOTS_": "Gibt an, ob maximal drei Punkten am Ende des Strings angezeigt werden",
-  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_": "# Argumenti: \ntext (string): Ulazni string čija će duljina biti ograničena\n[limit=30] (cijeli broj): Maksimalna duljina povratnog stringa\n[maxThreeDots=true] (boolean): Određuje hoće li se najviše tri točke vratiti na kraju povratnog stringa\n",
+  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_TEXT_": "Ulazni string čija će duljina biti ograničena.",
+  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_LIMIT_": "Maksimalna duljina povratnog stringa",
+  "_PAGE_FILTER_LIMIT_TO_ARGUMENTS_MAX_THREE_DOTS_": "Određuje hoće li se najviše tri točke vratiti na kraju povratnog stringa.",
   "_PAGE_FILTER_LIMIT_TO_DESCRIPTION_": "Funkcija <strong>filterLimitTo</strong> koristi se za ograničavanje duljine ulaznog stringa na zadanu maksimalnu vrijednost, kao i za opcionalno primjenjivanje posebne logike točaka na kraju stringa."
 }

package/docs/src/views/Functions/PageFilterList/i18n/hr.json

@@ -1,14 +1,13 @@
 {
-  "_PAGE_FILTER_LIST_ARGUMENTS_ARRAY_": "Das Array für die Liste",
-  "_PAGE_FILTER_LIST_ARGUMENTS_IS_HTML_": "Wenn true, wird eine HTML-Liste (<ul><li>...</li></ul>) erstellt. Andernfalls wird eine Textliste generiert",
-  "_PAGE_FILTER_LIST_ARGUMENTS_IS_SIMPLE_ARRAY_": "Gibt an, ob nur ein einfaches Array ohne Objekte verwendet wird",
-  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_CHILDREN_": "Schlüssel für Kinderelemente (nur wenn <strong>isSimpleArray=false</strong>)",
-  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_LABEL_": "Schlüssel für das anzuzeigende Text (nur wenn <strong>isSimpleArray=false</strong>)",
-  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_LABEL_CALLBACK_": "Funktion zur Generierung von Labels mit zwei Parametern (<strong>item</strong>, <strong>itemIndex</strong>)",
-  "_PAGE_FILTER_LIST_ARGUMENTS_SEPARATOR_": "Separator zwischen Elementen (nur wenn <strong>isHtml=false</strong>)",
-  "_PAGE_FILTER_LIST_ARGUMENTS_TAG_": "HTML-Tag für die gesamte Liste",
-  "_PAGE_FILTER_LIST_ARGUMENTS_LIST_CLASS_": "CSS-Klasse z.B.: (a_list_without_styles)",
-  "_PAGE_FILTER_LIST_ARGUMENTS_": "# Argumenti:  \narray (niz): Niz od kojeg se kreira lista\n[isHtml=true] (boolean): Za istinitu vrijednost će se kreirati lista u HTML formatu (<ul><li>...</li></ul>). U suprotnom će se kreirati lista u tekstualnom formatu (<span>...</span>)\n[isSimpleArray=false] (boolean): Određuje hoće li se koristiti jednostavan niz bez objekata\n[keyChildren=\"\"] (string): Ključ za podelemente (samo ako je isSimpleArray=false)\n[keyLabel=\"\"] (string): Ključ teksta koji će biti prikazan (samo ako je isSimpleArray=false)\n[keyLabelCallback] (funkcija): Funkcija za generiranje oznaka s dva parametra (item, itemIndex)\n[separator=\", \"] (string): separator između elemenata (samo ako je isHtml=false)\n[tag=\"ul\"] (string): HTML oznaka za cijelu listu\n[listClass=\"\"] (sString): CSS klasa (a_list_without_styles)",
+  "_PAGE_FILTER_LIST_ARGUMENTS_ARRAY_": "Niz od kojeg se kreira lista",
+  "_PAGE_FILTER_LIST_ARGUMENTS_IS_HTML_": "Za <strong>istinitu</strong> vrijednost će se kreirati lista u HTML formatu (&lt;ul&gt;&lt;li&gt;...&lt;/li&gt;&lt;/ul&gt;). U suprotnom će se kreirati lista u tekstualnom formatu.",
+  "_PAGE_FILTER_LIST_ARGUMENTS_IS_SIMPLE_ARRAY_": "Određuje hoće li se koristiti jednostavan niz bez objekata.",
+  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_CHILDREN_": "Ključ za podelemente (samo ako je <strong>isSimpleArray=false</strong>)",
+  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_LABEL_": "Ključ teksta koji će biti prikazan (samo ako je <strong>isSimpleArray=false</strong>)",
+  "_PAGE_FILTER_LIST_ARGUMENTS_KEY_LABEL_CALLBACK_": "Funkcija za generiranje oznaka s dva parametra (<strong>item</strong>, <strong>itemIndex</strong>).",
+  "_PAGE_FILTER_LIST_ARGUMENTS_SEPARATOR_": "Separator separator između elemenata (samo ako je <strong>isHtml=false</strong>)",
+  "_PAGE_FILTER_LIST_ARGUMENTS_TAG_": "HTML oznaka za cijelu listu",
+  "_PAGE_FILTER_LIST_ARGUMENTS_LIST_CLASS_": "CSS klasa (Npr. a_list_without_styles)",
   "_PAGE_FILTER_LIST_DESCRIPTION_": "Ova funkcija kreira listu od niza.",
   "_PAGE_FILTER_LIST_IS_SIMPLE_ARRAY_TREE_HEADER_": "Struktura stabla isSimpleArray=true"
 }

package/package.json

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

package/src/plugins/ASelectPlugin.js

@@ -5,6 +5,7 @@ import {
 export const selectPluginOptions = ref({
   propsDefault: {
     buttonClass: undefined,
+    caretIcon: "ChevronDown",
     countMultiselect: 4,
     dataExtra: [],
     inBody: true,

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

@@ -11,6 +11,7 @@
 .a_select_toggle {
   position: relative;
   min-width: var(--a_select_min_width);
+  min-height: calc(26px + 0.375rem * 2);
   text-align: left;
 }
 .a_select_toggle_closeable {
@@ -18,12 +19,14 @@
 }
 
 .a_caret {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right 0.75rem center;
-  background-size: 16px 12px;
-  min-height: calc(26px + 0.375rem * 2);
-  padding-right: 26px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 30px;
 }
 
 .a_select__search {
@@ -161,6 +164,7 @@
   overflow-x: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
+  padding-right: 18px;
 }
 
 .a_select__ul_closeable {

package/src/ui/ASelect/ASelect.js

@@ -56,6 +56,11 @@ export default {
       required: false,
       default: () => selectPluginOptions.value.propsDefault.buttonClass,
     },
+    caretIcon: {
+      type: [String, Object],
+      required: false,
+      default: () => selectPluginOptions.value.propsDefault.caretIcon,
+    },
     change: {
       type: Function,
       required: false,
@@ -614,7 +619,7 @@ export default {
             h("div", {
               ref: "buttonRef",
               id: this.htmlIdLocal,
-              class: ["a_form_control a_select_toggle a_caret", this.buttonClass, {
+              class: ["a_form_control a_select_toggle", this.buttonClass, {
                 disabled: this.disabled,
                 a_select_toggle_closeable: this.isMultiselect && this.isSelectionCloseable,
                 a_form_control_invalid: this.isErrors,
@@ -853,6 +858,13 @@ export default {
                   ]),
                 ]),
               ]),
+              h("span", {
+                class: "a_caret",
+              }, [
+                h(AIcon, {
+                  icon: this.caretIcon,
+                }),
+              ])
             ]),
           ]),
         ]),