aloha-vue 2.74.0 → 2.75.0

package/src/plugins/AMultiselectOrderedPlugin.js

@@ -1,81 +1,88 @@
-import ChevronDown from "aloha-svg/dist/js/bootstrap/ChevronDown";
-import ChevronUp from "aloha-svg/dist/js/bootstrap/ChevronUp";
-import Trash from "aloha-svg/dist/js/bootstrap/Trash";
-
-export const AMultiselectOrderedPluginTexts = {
-  btnDeleteTitle: "_A_MULTISELECT_ORDERED_BTN_DELETE_",
-  btnDownTitle: "_A_MULTISELECT_ORDERED_BTN_DOWN_",
-  btnGroupAriaLabel: "_A_MULTISELECT_ORDERED_BTN_GROUP_ARIA_LABEL_",
-  btnUpTitle: "_A_MULTISELECT_ORDERED_BTN_UP_",
-  deselectAll: "_A_MULTISELECT_ORDERED_DESELECT_ALL_",
-  groupAllAriaLabel: "_A_MULTISELECT_ORDERED_GROUP_ALL_",
-  modelEmpty: "_A_MULTISELECT_ORDERED_MODEL_EMPTY_",
-  selectAll: "_A_MULTISELECT_ORDERED_SELECT_ALL_",
-};
-
-export const AMultiselectOrderedPluginOptions = {
-  propsDefault: {
-    attributesBtnDeselectAll: {},
-    attributesBtnSelectAll: {},
-    attributesFieldset: {},
-    btnDeleteClass: "a_btn a_btn_primary",
-    btnDeleteIcon: Trash,
-    btnDownClass: "a_btn a_btn_outline_secondary",
-    btnDownIcon: ChevronDown,
-    btnGroupClass: "a_btn_group",
-    btnUpClass: "a_btn a_btn_outline_secondary",
-    btnUpIcon: ChevronUp,
-    classFieldset: undefined,
-    hasBorder: true,
-    isDeselectAll: false,
-    isSelectAll: false,
-    keyDisabled: undefined,
-    keyGroup: undefined,
-    keyId: "value",
-    keyLabel: "label",
-    labelClass: undefined,
-    listItemClass: "a_list_group__item",
-    readonlyDefault: "",
-    search: false,
-    searchApi: false,
-    searchApiKey: undefined,
-    searchInGroup: false,
-    searchOutside: false,
-    searchTextInHtml: false,
-    searchTimeout: 0,
-    selectButtonClass: undefined,
-    selectButtonClassDefault: "a_form_control a_select_toggle",
-    selectCaretIcon: ChevronDown,
-    selectHasCaret: true,
-    selectInBody: true,
-    selectIsCloseByClick: false,
-    selectIsLabelFloat: true,
-    selectIsSelectionCloseable: true,
-    selectLabel: "_A_MULTISELECT_ORDERED_LABEL_SELECT_",
-    selectLabelClass: undefined,
-    selectMenuClass: undefined,
-    selectMenuWidthType: "as_button",
-    selectPlacement: "bottom-end",
-    selectPopperContainerId: "a_select_container",
-    slotName: undefined,
-    sortOrder: "asc",
-    sortOrderGroup: "asc",
-    texts: {
-      ...AMultiselectOrderedPluginTexts,
-    },
-    translateData: false,
-    translateGroup: false,
-  },
-};
-
-
-export default {
-  install: (app, {
-    propsDefault = {},
-  } = {}) => {
-    AMultiselectOrderedPluginOptions.propsDefault = {
-      ...AMultiselectOrderedPluginOptions.propsDefault,
-      ...propsDefault,
-    };
-  },
-};
+const ChevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+</svg>`;
+const ChevronUp = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708z"/>
+</svg>`;
+const Trash = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
+  <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/>
+  <path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/>
+</svg>`;
+
+export const AMultiselectOrderedPluginTexts = {
+  btnDeleteTitle: "_A_MULTISELECT_ORDERED_BTN_DELETE_",
+  btnDownTitle: "_A_MULTISELECT_ORDERED_BTN_DOWN_",
+  btnGroupAriaLabel: "_A_MULTISELECT_ORDERED_BTN_GROUP_ARIA_LABEL_",
+  btnUpTitle: "_A_MULTISELECT_ORDERED_BTN_UP_",
+  deselectAll: "_A_MULTISELECT_ORDERED_DESELECT_ALL_",
+  groupAllAriaLabel: "_A_MULTISELECT_ORDERED_GROUP_ALL_",
+  modelEmpty: "_A_MULTISELECT_ORDERED_MODEL_EMPTY_",
+  selectAll: "_A_MULTISELECT_ORDERED_SELECT_ALL_",
+};
+
+export const AMultiselectOrderedPluginOptions = {
+  propsDefault: {
+    attributesBtnDeselectAll: {},
+    attributesBtnSelectAll: {},
+    attributesFieldset: {},
+    btnDeleteClass: "a_btn a_btn_primary",
+    btnDeleteIcon: Trash,
+    btnDownClass: "a_btn a_btn_outline_secondary",
+    btnDownIcon: ChevronDown,
+    btnGroupClass: "a_btn_group",
+    btnUpClass: "a_btn a_btn_outline_secondary",
+    btnUpIcon: ChevronUp,
+    classFieldset: undefined,
+    hasBorder: true,
+    isDeselectAll: false,
+    isSelectAll: false,
+    keyDisabled: undefined,
+    keyGroup: undefined,
+    keyId: "value",
+    keyLabel: "label",
+    labelClass: undefined,
+    listItemClass: "a_list_group__item",
+    readonlyDefault: "",
+    search: false,
+    searchApi: false,
+    searchApiKey: undefined,
+    searchInGroup: false,
+    searchOutside: false,
+    searchTextInHtml: false,
+    searchTimeout: 0,
+    selectButtonClass: undefined,
+    selectButtonClassDefault: "a_form_control a_select_toggle",
+    selectCaretIcon: ChevronDown,
+    selectHasCaret: true,
+    selectInBody: true,
+    selectIsCloseByClick: false,
+    selectIsLabelFloat: true,
+    selectIsSelectionCloseable: true,
+    selectLabel: "_A_MULTISELECT_ORDERED_LABEL_SELECT_",
+    selectLabelClass: undefined,
+    selectMenuClass: undefined,
+    selectMenuWidthType: "as_button",
+    selectPlacement: "bottom-end",
+    selectPopperContainerId: "a_select_container",
+    slotName: undefined,
+    sortOrder: "asc",
+    sortOrderGroup: "asc",
+    texts: {
+      ...AMultiselectOrderedPluginTexts,
+    },
+    translateData: false,
+    translateGroup: false,
+  },
+};
+
+
+export default {
+  install: (app, {
+    propsDefault = {},
+  } = {}) => {
+    AMultiselectOrderedPluginOptions.propsDefault = {
+      ...AMultiselectOrderedPluginOptions.propsDefault,
+      ...propsDefault,
+    };
+  },
+};

package/src/plugins/ASelectPlugin.js

@@ -1,4 +1,6 @@
-import ChevronDown from "aloha-svg/dist/js/bootstrap/ChevronDown";
+const ChevronDown = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/>
+</svg>`;
 
 export const ASelectPluginOptions = {
   propsDefault: {
@@ -32,18 +34,18 @@ export const ASelectPluginOptions = {
     searchApi: false,
     searchApiKey: undefined,
     searchOutside: false,
-    searchTextInHtml: false,
-    searchTimeout: 0,
-    showNotFound: true,
-    showSelectedFirst: false,
+    searchTextInHtml: false,
+    searchTimeout: 0,
+    showNotFound: true,
+    showSelectedFirst: false,
     slotName: undefined,
     sortOrder: undefined,
     sortOrderGroup: undefined,
-    textDeselectAll: "_A_SELECT_DESELECT_ALL_",
-    textSelectAll: "_A_SELECT_SELECT_ALL_",
-    translateData: false,
-    translateGroup: false,
-    type: "select",
+    textDeselectAll: "_A_SELECT_DESELECT_ALL_",
+    textSelectAll: "_A_SELECT_SELECT_ALL_",
+    translateData: false,
+    translateGroup: false,
+    type: "select",
   },
 };
 

package/src/ui/ACheckbox/ACheckbox.js

@@ -34,11 +34,14 @@ import AttributesAPI from "./compositionAPI/AttributesAPI";
 import ChangeAPI from "./compositionAPI/ChangeAPI";
 import ModelAPI from "./compositionAPI/ModelAPI";
 
-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: "ACheckbox",
   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,
@@ -348,16 +351,16 @@ export default {
         search: "_A_CHECKBOX_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,
@@ -457,21 +460,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__);
@@ -507,9 +510,9 @@ export default {
       updateModelSearchOutside,
     } = UiSearchAPI(props, context, {
       data: dataSort,
-      dataExtra: dataExtraLocal,
-      groupsForLever,
-      groupsForLeverExtra,
+      dataExtra: dataExtraLocal,
+      groupsForLever,
+      groupsForLeverExtra,
       htmlIdLocal,
       hasKeyGroup,
       keyGroupArray,
@@ -561,16 +564,16 @@ export default {
       attributesToExcludeFromRender,
       componentStyleHide,
       dataAll,
-      dataExtraLocal,
-      dataExtraGrouped,
+      dataExtraLocal,
+      dataExtraGrouped,
       dataGrouped,
       dataGroupedValid,
       dataKeyByKeyIdLocal,
       dataSort,
       errorsId,
       groupId,
-      groupsForLever,
-      groupsForLeverExtra,
+      groupsForLever,
+      groupsForLeverExtra,
       groupsForLeverValid,
       hasDataExtra,
       hasKeyGroup,
@@ -837,41 +840,41 @@ export default {
               this.loadingLocal ?
                 h(ACloak) :
                 "",
-              this.hasDataExtra ?
-                h("div", {
-                  class: "a_checkbox__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,
-                      hasControlCheckbox: this.hasControlCheckbox,
-                      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,
-                      modelValueObj: this.modelValueObj,
-                      searching: this.searching,
-                      searchingElements: this.searchingElementsExtra,
-                      searchingGroups: this.searchingGroups,
-                      searchingGroupsWithSearchInGroup: this.searchingGroupsWithSearchInGroup,
-                      searchTextInHtml: this.searchTextInHtml,
-                      slotAppendName: this.slotAppendName,
-                      slotName: this.slotName,
-                      type: "checkbox",
-                      onChangeModelValue: this.onChangeModelValue,
-                    }, this.$slots)] :
-                    this.dataExtraLocal.map((item, itemIndex) => {
-                      return h(ACheckboxItem, {
+              this.hasDataExtra ?
+                h("div", {
+                  class: "a_checkbox__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,
+                      hasControlCheckbox: this.hasControlCheckbox,
+                      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,
+                      modelValueObj: this.modelValueObj,
+                      searching: this.searching,
+                      searchingElements: this.searchingElementsExtra,
+                      searchingGroups: this.searchingGroups,
+                      searchingGroupsWithSearchInGroup: this.searchingGroupsWithSearchInGroup,
+                      searchTextInHtml: this.searchTextInHtml,
+                      slotAppendName: this.slotAppendName,
+                      slotName: this.slotName,
+                      type: "checkbox",
+                      onChangeModelValue: this.onChangeModelValue,
+                    }, this.$slots)] :
+                    this.dataExtraLocal.map((item, itemIndex) => {
+                      return h(ACheckboxItem, {
                         key: itemIndex,
                         id: this.htmlIdLocal,
                         alwaysTranslate: this.alwaysTranslate,
@@ -893,9 +896,9 @@ export default {
                         searchTextInHtml: this.searchTextInHtml,
                         slotAppendName: this.slotAppendName,
                         slotName: this.slotName,
-                        onChangeModelValue: this.onChangeModelValue,
-                      }, this.$slots);
-                    })),
+                        onChangeModelValue: this.onChangeModelValue,
+                      }, this.$slots);
+                    })),
                   !this.hasNotElementsExtraWithSearch ?
                     h("div", {
                       class: "a_divider",