aloha-vue 2.74.0 → 2.75.0

package/src/ui/ARadio/ARadio.js

@@ -34,11 +34,14 @@ import AttributesAPI from "../ACheckbox/compositionAPI/AttributesAPI";
 import ChangeAPI from "./compositionAPI/ChangeAPI";
 import ReadonlyAPI from "./compositionAPI/ReadonlyAPI";
 
-import Search from "aloha-svg/dist/js/bootstrap/Search";
 import {
   uniqueId,
 } from "lodash-es";
 
+const Search = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
+  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
+</svg>`;
+
 export default {
   name: "ARadio",
   inheritAttrs: false,
@@ -88,17 +91,17 @@ export default {
       required: false,
       default: undefined,
     },
-    dataExtra: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    mergeData: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
-    dependencies: {
+    dataExtra: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    mergeData: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    dependencies: {
       type: [Array, Object],
       required: false,
       default: undefined,
@@ -359,16 +362,16 @@ export default {
         search: "_A_RADIO_SEARCH_",
       }),
     },
-    translateData: {
-      type: Boolean,
-      required: false,
-      default: undefined,
-    },
-    translateGroup: {
-      type: Boolean,
-      required: false,
-      default: false,
-    },
+    translateData: {
+      type: Boolean,
+      required: false,
+      default: undefined,
+    },
+    translateGroup: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     url: {
       type: String,
       required: false,
@@ -467,21 +470,21 @@ export default {
       data: dataLocal,
     });
 
-    const {
-      dataGrouped,
-      groupsForLever,
+    const {
+      dataGrouped,
+      groupsForLever,
       hasKeyGroup,
       keyGroupArray,
     } = UIDataGroupAPI(props, {
-      data: dataSort,
-    });
-
-    const {
-      dataGrouped: dataExtraGrouped,
-      groupsForLever: groupsForLeverExtra,
-    } = UIDataGroupAPI(props, {
-      data: dataExtraLocal,
-    });
+      data: dataSort,
+    });
+
+    const {
+      dataGrouped: dataExtraGrouped,
+      groupsForLever: groupsForLeverExtra,
+    } = UIDataGroupAPI(props, {
+      data: dataExtraLocal,
+    });
 
     const validDataSort = computed(() => {
       return dataSort.value.filter(item => !item.__invalidEntry__);
@@ -517,9 +520,9 @@ export default {
       updateModelSearchOutside,
     } = UiSearchAPI(props, context, {
       data: dataSort,
-      dataExtra: dataExtraLocal,
-      groupsForLever,
-      groupsForLeverExtra,
+      dataExtra: dataExtraLocal,
+      groupsForLever,
+      groupsForLeverExtra,
       htmlIdLocal,
       hasKeyGroup,
       keyGroupArray,
@@ -567,15 +570,15 @@ export default {
       ariaDescribedbyLocal,
       attributesToExcludeFromRender,
       componentStyleHide,
-      dataExtraLocal,
-      dataExtraGrouped,
+      dataExtraLocal,
+      dataExtraGrouped,
       dataGrouped,
       dataGroupedValid,
       dataSort,
       errorsId,
       groupId,
-      groupsForLever,
-      groupsForLeverExtra,
+      groupsForLever,
+      groupsForLeverExtra,
       groupsForLeverValid,
       hasDataExtra,
       hasKeyGroup,
@@ -834,39 +837,39 @@ export default {
               this.loadingLocal ?
                 h(ACloak) :
                 "",
-              this.hasDataExtra ?
-                h("div", {
-                  class: "a_radio__data_extra",
-                }, [
-                  ...(this.hasKeyGroup ?
-                    [h(ACheckboxRadioGroups, {
-                      id: `${ this.htmlIdLocal }_extra_lev_0`,
-                      alwaysTranslate: this.alwaysTranslate,
-                      classButtonGroupDefault: this.classButtonGroupDefault,
-                      dataGrouped: this.dataExtraGrouped,
-                      disabled: this.disabled,
-                      groupsForLever: this.groupsForLeverExtra,
-                      isButtonGroup: this.isButtonGroup,
-                      isErrors: this.isErrors,
-                      isWidthAuto: this.isWidthAuto,
-                      keyDisabled: this.keyDisabled,
-                      keyTitle: this.keyTitle,
-                      keyTitleCallback: this.keyTitleCallback,
-                      levelIndex: 0,
-                      modelSearch: this.modelSearchLowerCase,
-                      modelValue: this.modelValue,
-                      searching: this.searching,
-                      searchingElements: this.searchingElementsExtra,
-                      searchingGroups: this.searchingGroups,
-                      searchingGroupsWithSearchInGroup: this.searchingGroupsWithSearchInGroup,
-                      searchTextInHtml: this.searchTextInHtml,
-                      slotAppendName: this.slotAppendName,
-                      slotName: this.slotName,
-                      type: "radio",
-                      onChangeModelValue: this.onChangeModelValue,
-                    }, this.$slots)] :
-                    this.dataExtraLocal.map((item, itemIndex) => {
-                      return h(ARadioItem, {
+              this.hasDataExtra ?
+                h("div", {
+                  class: "a_radio__data_extra",
+                }, [
+                  ...(this.hasKeyGroup ?
+                    [h(ACheckboxRadioGroups, {
+                      id: `${ this.htmlIdLocal }_extra_lev_0`,
+                      alwaysTranslate: this.alwaysTranslate,
+                      classButtonGroupDefault: this.classButtonGroupDefault,
+                      dataGrouped: this.dataExtraGrouped,
+                      disabled: this.disabled,
+                      groupsForLever: this.groupsForLeverExtra,
+                      isButtonGroup: this.isButtonGroup,
+                      isErrors: this.isErrors,
+                      isWidthAuto: this.isWidthAuto,
+                      keyDisabled: this.keyDisabled,
+                      keyTitle: this.keyTitle,
+                      keyTitleCallback: this.keyTitleCallback,
+                      levelIndex: 0,
+                      modelSearch: this.modelSearchLowerCase,
+                      modelValue: this.modelValue,
+                      searching: this.searching,
+                      searchingElements: this.searchingElementsExtra,
+                      searchingGroups: this.searchingGroups,
+                      searchingGroupsWithSearchInGroup: this.searchingGroupsWithSearchInGroup,
+                      searchTextInHtml: this.searchTextInHtml,
+                      slotAppendName: this.slotAppendName,
+                      slotName: this.slotName,
+                      type: "radio",
+                      onChangeModelValue: this.onChangeModelValue,
+                    }, this.$slots)] :
+                    this.dataExtraLocal.map((item, itemIndex) => {
+                      return h(ARadioItem, {
                         key: item[AKeyId],
                         id: this.htmlIdLocal,
                         alwaysTranslate: this.alwaysTranslate,
@@ -888,9 +891,9 @@ export default {
                         searchTextInHtml: this.searchTextInHtml,
                         slotName: this.slotName,
                         slotAppendName: this.slotAppendName,
-                        onChangeModelValue: this.onChangeModelValue,
-                      }, this.$slots);
-                    })),
+                        onChangeModelValue: this.onChangeModelValue,
+                      }, this.$slots);
+                    })),
                   !this.hasNotElementsExtraWithSearch ?
                     h("div", {
                       class: "a_divider",