aloha-vue 1.2.177 → 1.2.179

package/package.json

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

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontal.js

@@ -1,386 +1,386 @@
-import {
-  h,
-  onBeforeUnmount,
-} from "vue";
-
-import ADropdown from "../../ADropdown/ADropdown";
-import AElement from "../../AElement/AElement";
-import AFiltersSaveModal from "../AFiltersSaveModal/AFiltersSaveModal";
-import AForm from "../../ui/AForm/AForm";
-import AIcon from "../../AIcon/AIcon";
-import ASelect from "../../ui/ASelect/ASelect";
-import ATranslation from "../../ATranslation/ATranslation";
-
-import DropdownAPI from "./compositionAPI/DropdownAPI";
-import EventBusAPI from "./compositionAPI/EventBusAPI";
-import FiltersHiddenAPI from "./compositionAPI/FiltersHiddenAPI";
-import FiltersSaveAPI from "./compositionAPI/FiltersSaveAPI";
-import FiltersSavedDeleteAPI from "./compositionAPI/FiltersSavedDeleteAPI";
-import FormAPI from "./compositionAPI/FormAPI";
-import IdAPI from "./compositionAPI/IdAPI";
-import SearchAPI from "./compositionAPI/SearchAPI";
-
-
-export default {
-  name: "AFiltersHorizontal",
-  props: {
-    canSave: {
-      type: Boolean,
-      required: false,
-    },
-    disabled: {
-      type: Boolean,
-      required: false,
-    },
-    excludeRenderAttributes: {
-      type: Array,
-      required: false,
-      default: () => [],
-    },
-    filtersGroup: {
-      type: Object,
-      required: true,
-      default: () => ({
-        alwaysVisible: [],
-        filters: [],
-      }),
-    },
-    filtersKeyById: {
-      type: Object,
-      required: true,
-    },
-    filtersSaved: {
-      type: Array,
-      required: true,
-    },
-    filtersVisible: {
-      type: Array,
-      required: true,
-    },
-    id: {
-      type: String,
-      required: true,
-    },
-    mainModel: {
-      type: Object,
-      required: false,
-    },
-    onUpdateModelFilters: {
-      type: Function,
-      required: true,
-    },
-    unappliedModel: {
-      type: Object,
-      required: true,
-    },
-    updateDataKeyByIdFromFilter: {
-      type: Function,
-      required: true,
-    },
-    updateFiltersSaved: {
-      type: Function,
-      required: true,
-    },
-  },
-  emits: [
-    "startSearch",
-    "toggleFiltersVisible",
-  ],
-  setup(props, context) {
-    const {
-      dataForForm,
-    } = FormAPI(props);
-
-    const {
-      closeDropdown,
-      dropdownRef,
-      isDropdownVisible,
-      openDropdown,
-    } = DropdownAPI(props);
-
-    const {
-      idFilterTop,
-    } = IdAPI(props);
-
-    const {
-      onSearch,
-    } = SearchAPI(props, context, {
-      closeDropdown,
-    });
-
-    const {
-      destroyEventBus,
-      initEventBus,
-    } = EventBusAPI(props, {
-      openDropdown,
-    });
-
-    const {
-      addFiltersVisible,
-      deleteFiltersVisible,
-      filtersHidden,
-      hasFiltersHiddenDefault,
-    } = FiltersHiddenAPI(props, context);
-
-    const {
-      buttonSaveComponentId,
-      changeModelFiltersSaved,
-      closeModalSave,
-      filtersSavedLocal,
-      initModelFiltersSaved,
-      isModalSaveVisible,
-      isModelFilterSavedNew,
-      modelFiltersSaved,
-      openModalSave,
-      selectorCloseIds,
-    } = FiltersSaveAPI(props, {
-      openDropdown,
-    });
-
-    const {
-      buttonDeleteId,
-      isConfirmHidden,
-      openDeleteConfirm,
-      textScreenreaderButtonDeleteFiltersSaved,
-      titleButtonDeleteFiltersSaved,
-    } = FiltersSavedDeleteAPI(props, {
-      changeModelFiltersSaved,
-      idFilterTop,
-      isModelFilterSavedNew,
-      modelFiltersSaved,
-    });
-
-    initModelFiltersSaved();
-    initEventBus();
-
-    onBeforeUnmount(() => {
-      destroyEventBus();
-    });
-
-    return {
-      addFiltersVisible,
-      buttonDeleteId,
-      buttonSaveComponentId,
-      changeModelFiltersSaved,
-      closeDropdown,
-      closeModalSave,
-      dataForForm,
-      deleteFiltersVisible,
-      dropdownRef,
-      filtersHidden,
-      filtersSavedLocal,
-      hasFiltersHiddenDefault,
-      idFilterTop,
-      initModelFiltersSaved,
-      isConfirmHidden,
-      isDropdownVisible,
-      isModalSaveVisible,
-      isModelFilterSavedNew,
-      modelFiltersSaved,
-      onSearch,
-      openDeleteConfirm,
-      openModalSave,
-      selectorCloseIds,
-      textScreenreaderButtonDeleteFiltersSaved,
-      titleButtonDeleteFiltersSaved,
-    };
-  },
-  render() {
-    if (!this.isDropdownVisible) {
-      return null;
-    }
-
-    return [
-      h(ADropdown, {
-        ref: "dropdownRef",
-        buttonIconLeft: "Filter",
-        buttonText: "Filter",
-        buttonClass: "a_btn a_btn_primary a_btn_small a_filter_horizontal__btn_dropdown",
-        dropdownTag: "div",
-        dropdownClass: "a_filter_horizontal__wrapper",
-        dropdownRenderDefault: true,
-        isCloseByClickInside: false,
-        hasCaret: false,
-        inBody: true,
-        lockArrowsNavigation: false,
-        lockTabNavigation: false,
-        useEscape: !this.isModalSaveVisible && this.isConfirmHidden,
-      }, {
-        ...this.$slots,
-        dropdown: () => {
-          return h("div", {
-            class: "a_filter_horizontal",
-          }, [
-            h("div", {
-              class: "a_filter_horizontal__header__wrapper",
-            }, [
-              h("div", {
-                class: "a_filter_horizontal__header",
-              }, [
-                h("div", {
-                  class: "a_filter_horizontal__header__texts",
-                }, [
-                  h(ATranslation, {
-                    class: "a_filter_horizontal__header__texts__filter",
-                    tag: "span",
-                    text: "_A_FILTERS_HOR_FILTER_HEADER_"
-                  }),
-                this.isModelFilterSavedNew ?
-                  h(ATranslation, {
-                    class: "a_filter_horizontal__header__texts__new",
-                    tag: "em",
-                    text: this.modelFiltersSaved,
-                  }) :
-                  h("span", {}, this.modelFiltersSaved),
-                ]),
-              this.canSave ?
-                h(ASelect, {
-                  modelValue: this.modelFiltersSaved,
-                  change: this.changeModelFiltersSaved,
-                  class: "a_filters_top__save_select",
-                  data: this.filtersSavedLocal,
-                  deselectable: false,
-                  keyId: "label",
-                  keyLabel: "label",
-                  keyGroup: "group",
-                  label: "_A_FILTERS_SAVE_SELECT_",
-                  menuWidthType: "by_content",
-                  search: true,
-                  translateData: true,
-                  type: "select",
-                }) :
-                "",
-              ]),
-            ]),
-            h("div", {
-              class: "a_filter_horizontal__body__wrapper",
-            }, [
-              h("div", {
-                class: "a_filter_horizontal__body",
-              }, [
-                h(AForm, {
-                  idPrefix: this.idFilterTop,
-                  class: "a_filter_horizontal__body__form",
-                  classColumnDefault: "",
-                  classColumns: "",
-                  data: this.dataForForm,
-                  excludeRenderAttributes: this.excludeRenderAttributes,
-                  modelValue: this.unappliedModel,
-                  showErrors: false,
-                  onChange: this.onUpdateModelFilters,
-                }, {
-                  ...this.$slots,
-                  groupAppend: ({ item }) => h(AElement, {
-                    type: "button",
-                    class: "a_btn a_btn_primary a_ml_2",
-                    title: "_A_FILTERS_TOP_CLOSE_",
-                    textScreenReader: "_A_FILTERS_TOP_CLOSE_",
-                    iconLeft: "Close",
-                    stop: true,
-                    onClick: () => this.deleteFiltersVisible({ filter: item }),
-                  }),
-                  formDataAppend: () => h("div", {
-                    class: "a_filter_horizontal__add_filter__wrapper",
-                  }, [
-                    h(ASelect, {
-                      buttonClassDefault: "a_btn a_btn_primary a_filter_horizontal__add_filter",
-                      change: this.addFiltersVisible,
-                      data: this.filtersHidden,
-                      hasCaret: false,
-                      disabled: !this.filtersHidden.length,
-                      isLabelFloat: false,
-                      keyGroup: "group",
-                      keyId: "id",
-                      keyLabel: "label",
-                      label: "_A_FILTERS_ADD_FILTER_",
-                      labelClass: "a_sr_only",
-                      menuWidthType: "by_content",
-                      sortOrderGroup: "asc",
-                      placement: "bottom-start",
-                      search: true,
-                      translateData: true,
-                      type: "select",
-                    }, {
-                      fixedPlaceholder: () => [
-                        h(ATranslation, {
-                          tag: "span",
-                          ariaHidden: true,
-                          class: "a_position_absolute_all",
-                          title: "_A_FILTERS_ADD_FILTER_",
-                        }),
-                        h(AIcon, {
-                          icon: "Plus",
-                        }),
-                      ],
-                    }),
-                  ]),
-                  formAppend: () => this.canSave ?
-                  h("div", {
-                    class: "a_filter_horizontal__save_actions",
-                  }, [
-                    h(AElement, {
-                      id: this.buttonSaveComponentId,
-                      class: "a_btn a_btn_primary",
-                      iconLeft: "FloppyDisk",
-                      type: "button",
-                      text: "_A_FILTERS_SAVE_FILTER_SAVED_BTN_TEXT_",
-                      onClick: this.openModalSave,
-                    }),
-                    h(AElement, {
-                      id: this.buttonDeleteId,
-                      ariaDisabled: this.isModelFilterSavedNew,
-                      class: "a_btn a_btn_secondary",
-                      iconLeft: "Trash",
-                      text: {
-                        desktop: "_A_FILTERS_DELETE_FILTER_SAVED_BTN_TEXT_",
-                      },
-                      textAriaHidden: true,
-                      textScreenReader: this.textScreenreaderButtonDeleteFiltersSaved,
-                      title: this.titleButtonDeleteFiltersSaved,
-                      type: "button",
-                      onClick: this.openDeleteConfirm,
-                    }),
-                  ]) :
-                  "",
-                }),
-              ]),
-              h("div", {
-                class: "a_filter_horizontal__footer",
-              }, [
-                h("div", {
-                  class: "a_filter_horizontal__footer__actions",
-                }, [
-                  h(AElement, {
-                    type: "button",
-                    class: "a_btn a_btn_primary a_text_nowrap a_filter_horizontal__footer__actions__btn_search",
-                    iconLeft: "Search",
-                    text: "_A_FILTERS_START_SEARCH_",
-                    disabled: this.disabled,
-                    onClick: this.onSearch,
-                  }),
-                  h(AElement, {
-                    type: "button",
-                    class: "a_btn a_btn_secondary a_text_nowrap a_filter_horizontal__footer__actions__btn_close",
-                    text: "_A_FILTERS_HOR_CLOSE_DROPDOWN_",
-                    onClick: this.closeDropdown,
-                  }),
-                ]),
-              ]),
-            ]),
-          ]);
-        },
-      }),
-      this.isModalSaveVisible ?
-        h(AFiltersSaveModal, {
-          changeModelFiltersSaved: this.changeModelFiltersSaved,
-          filtersSaved: this.filtersSaved,
-          isModelFilterSavedNew: this.isModelFilterSavedNew,
-          modelFiltersSaved: this.modelFiltersSaved,
-          selectorCloseIds: this.selectorCloseIds,
-          updateFiltersSaved: this.updateFiltersSaved,
-          onClose: this.closeModalSave,
-        }) :
-        ""
-    ];
-  },
-};
+import {
+  h,
+  onBeforeUnmount,
+} from "vue";
+
+import ADropdown from "../../ADropdown/ADropdown";
+import AElement from "../../AElement/AElement";
+import AFiltersSaveModal from "../AFiltersSaveModal/AFiltersSaveModal";
+import AForm from "../../ui/AForm/AForm";
+import AIcon from "../../AIcon/AIcon";
+import ASelect from "../../ui/ASelect/ASelect";
+import ATranslation from "../../ATranslation/ATranslation";
+
+import DropdownAPI from "./compositionAPI/DropdownAPI";
+import EventBusAPI from "./compositionAPI/EventBusAPI";
+import FiltersHiddenAPI from "./compositionAPI/FiltersHiddenAPI";
+import FiltersSaveAPI from "./compositionAPI/FiltersSaveAPI";
+import FiltersSavedDeleteAPI from "./compositionAPI/FiltersSavedDeleteAPI";
+import FormAPI from "./compositionAPI/FormAPI";
+import IdAPI from "./compositionAPI/IdAPI";
+import SearchAPI from "./compositionAPI/SearchAPI";
+
+
+export default {
+  name: "AFiltersHorizontal",
+  props: {
+    canSave: {
+      type: Boolean,
+      required: false,
+    },
+    disabled: {
+      type: Boolean,
+      required: false,
+    },
+    excludeRenderAttributes: {
+      type: Array,
+      required: false,
+      default: () => [],
+    },
+    filtersGroup: {
+      type: Object,
+      required: true,
+      default: () => ({
+        alwaysVisible: [],
+        filters: [],
+      }),
+    },
+    filtersKeyById: {
+      type: Object,
+      required: true,
+    },
+    filtersSaved: {
+      type: Array,
+      required: true,
+    },
+    filtersVisible: {
+      type: Array,
+      required: true,
+    },
+    id: {
+      type: String,
+      required: true,
+    },
+    mainModel: {
+      type: Object,
+      required: false,
+    },
+    onUpdateModelFilters: {
+      type: Function,
+      required: true,
+    },
+    unappliedModel: {
+      type: Object,
+      required: true,
+    },
+    updateDataKeyByIdFromFilter: {
+      type: Function,
+      required: true,
+    },
+    updateFiltersSaved: {
+      type: Function,
+      required: true,
+    },
+  },
+  emits: [
+    "startSearch",
+    "toggleFiltersVisible",
+  ],
+  setup(props, context) {
+    const {
+      dataForForm,
+    } = FormAPI(props);
+
+    const {
+      closeDropdown,
+      dropdownRef,
+      isDropdownVisible,
+      openDropdown,
+    } = DropdownAPI(props);
+
+    const {
+      idFilterTop,
+    } = IdAPI(props);
+
+    const {
+      onSearch,
+    } = SearchAPI(props, context, {
+      closeDropdown,
+    });
+
+    const {
+      destroyEventBus,
+      initEventBus,
+    } = EventBusAPI(props, {
+      openDropdown,
+    });
+
+    const {
+      addFiltersVisible,
+      deleteFiltersVisible,
+      filtersHidden,
+      hasFiltersHiddenDefault,
+    } = FiltersHiddenAPI(props, context);
+
+    const {
+      buttonSaveComponentId,
+      changeModelFiltersSaved,
+      closeModalSave,
+      filtersSavedLocal,
+      initModelFiltersSaved,
+      isModalSaveVisible,
+      isModelFilterSavedNew,
+      modelFiltersSaved,
+      openModalSave,
+      selectorCloseIds,
+    } = FiltersSaveAPI(props, {
+      openDropdown,
+    });
+
+    const {
+      buttonDeleteId,
+      isConfirmHidden,
+      openDeleteConfirm,
+      textScreenreaderButtonDeleteFiltersSaved,
+      titleButtonDeleteFiltersSaved,
+    } = FiltersSavedDeleteAPI(props, {
+      changeModelFiltersSaved,
+      idFilterTop,
+      isModelFilterSavedNew,
+      modelFiltersSaved,
+    });
+
+    initModelFiltersSaved();
+    initEventBus();
+
+    onBeforeUnmount(() => {
+      destroyEventBus();
+    });
+
+    return {
+      addFiltersVisible,
+      buttonDeleteId,
+      buttonSaveComponentId,
+      changeModelFiltersSaved,
+      closeDropdown,
+      closeModalSave,
+      dataForForm,
+      deleteFiltersVisible,
+      dropdownRef,
+      filtersHidden,
+      filtersSavedLocal,
+      hasFiltersHiddenDefault,
+      idFilterTop,
+      initModelFiltersSaved,
+      isConfirmHidden,
+      isDropdownVisible,
+      isModalSaveVisible,
+      isModelFilterSavedNew,
+      modelFiltersSaved,
+      onSearch,
+      openDeleteConfirm,
+      openModalSave,
+      selectorCloseIds,
+      textScreenreaderButtonDeleteFiltersSaved,
+      titleButtonDeleteFiltersSaved,
+    };
+  },
+  render() {
+    if (!this.isDropdownVisible) {
+      return null;
+    }
+
+    return [
+      h(ADropdown, {
+        ref: "dropdownRef",
+        buttonIconLeft: "Filter",
+        buttonText: "Filter",
+        buttonClass: "a_btn a_btn_primary a_btn_small a_filter_horizontal__btn_dropdown",
+        dropdownTag: "div",
+        dropdownClass: "a_filter_horizontal__wrapper",
+        dropdownRenderDefault: true,
+        isCloseByClickInside: false,
+        hasCaret: false,
+        inBody: true,
+        lockArrowsNavigation: false,
+        lockTabNavigation: false,
+        useEscape: !this.isModalSaveVisible && this.isConfirmHidden,
+      }, {
+        ...this.$slots,
+        dropdown: () => {
+          return h("div", {
+            class: "a_filter_horizontal",
+          }, [
+            h("div", {
+              class: "a_filter_horizontal__header__wrapper",
+            }, [
+              h("div", {
+                class: "a_filter_horizontal__header",
+              }, [
+                h("div", {
+                  class: "a_filter_horizontal__header__texts",
+                }, [
+                  h(ATranslation, {
+                    class: "a_filter_horizontal__header__texts__filter",
+                    tag: "span",
+                    text: "_A_FILTERS_HOR_FILTER_HEADER_"
+                  }),
+                this.isModelFilterSavedNew ?
+                  h(ATranslation, {
+                    class: "a_filter_horizontal__header__texts__new",
+                    tag: "em",
+                    text: this.modelFiltersSaved,
+                  }) :
+                  h("span", {}, this.modelFiltersSaved),
+                ]),
+              this.canSave ?
+                h(ASelect, {
+                  modelValue: this.modelFiltersSaved,
+                  change: this.changeModelFiltersSaved,
+                  class: "a_filters_top__save_select",
+                  data: this.filtersSavedLocal,
+                  deselectable: false,
+                  keyId: "label",
+                  keyLabel: "label",
+                  keyGroup: "group",
+                  label: "_A_FILTERS_SAVE_SELECT_",
+                  menuWidthType: "by_content",
+                  search: true,
+                  translateData: true,
+                  type: "select",
+                }) :
+                "",
+              ]),
+            ]),
+            h("div", {
+              class: "a_filter_horizontal__body__wrapper",
+            }, [
+              h("div", {
+                class: "a_filter_horizontal__body",
+              }, [
+                h(AForm, {
+                  idPrefix: this.idFilterTop,
+                  class: "a_filter_horizontal__body__form",
+                  classColumnDefault: "",
+                  classColumns: "",
+                  data: this.dataForForm,
+                  excludeRenderAttributes: this.excludeRenderAttributes,
+                  modelValue: this.unappliedModel,
+                  showErrors: false,
+                  onChange: this.onUpdateModelFilters,
+                }, {
+                  ...this.$slots,
+                  groupAppend: ({ item }) => h(AElement, {
+                    type: "button",
+                    class: "a_btn a_btn_primary a_ml_2",
+                    title: "_A_FILTERS_TOP_CLOSE_",
+                    textScreenReader: "_A_FILTERS_TOP_CLOSE_",
+                    iconLeft: "Close",
+                    stop: true,
+                    onClick: () => this.deleteFiltersVisible({ filter: item }),
+                  }),
+                  formDataAppend: () => h("div", {
+                    class: "a_filter_horizontal__add_filter__wrapper",
+                  }, [
+                    h(ASelect, {
+                      buttonClassDefault: "a_btn a_btn_primary a_filter_horizontal__add_filter",
+                      change: this.addFiltersVisible,
+                      data: this.filtersHidden,
+                      hasCaret: false,
+                      disabled: !this.filtersHidden.length,
+                      isLabelFloat: false,
+                      keyGroup: "group",
+                      keyId: "id",
+                      keyLabel: "label",
+                      label: "_A_FILTERS_ADD_FILTER_",
+                      labelClass: "a_sr_only",
+                      menuWidthType: "by_content",
+                      sortOrderGroup: "asc",
+                      placement: "bottom-start",
+                      search: true,
+                      translateData: true,
+                      type: "select",
+                    }, {
+                      fixedPlaceholder: () => [
+                        h(ATranslation, {
+                          tag: "span",
+                          ariaHidden: true,
+                          class: "a_position_absolute_all",
+                          title: "_A_FILTERS_ADD_FILTER_",
+                        }),
+                        h(AIcon, {
+                          icon: "Plus",
+                        }),
+                      ],
+                    }),
+                  ]),
+                  formAppend: () => this.canSave ?
+                  h("div", {
+                    class: "a_filter_horizontal__save_actions",
+                  }, [
+                    h(AElement, {
+                      id: this.buttonSaveComponentId,
+                      class: "a_btn a_btn_primary",
+                      iconLeft: "FloppyDisk",
+                      type: "button",
+                      text: "_A_FILTERS_SAVE_FILTER_SAVED_BTN_TEXT_",
+                      onClick: this.openModalSave,
+                    }),
+                    h(AElement, {
+                      id: this.buttonDeleteId,
+                      ariaDisabled: this.isModelFilterSavedNew,
+                      class: "a_btn a_btn_secondary",
+                      iconLeft: "Trash",
+                      text: {
+                        desktop: "_A_FILTERS_DELETE_FILTER_SAVED_BTN_TEXT_",
+                      },
+                      textAriaHidden: true,
+                      textScreenReader: this.textScreenreaderButtonDeleteFiltersSaved,
+                      title: this.titleButtonDeleteFiltersSaved,
+                      type: "button",
+                      onClick: this.openDeleteConfirm,
+                    }),
+                  ]) :
+                  "",
+                }),
+              ]),
+              h("div", {
+                class: "a_filter_horizontal__footer",
+              }, [
+                h("div", {
+                  class: "a_filter_horizontal__footer__actions",
+                }, [
+                  h(AElement, {
+                    type: "button",
+                    class: "a_btn a_btn_primary a_text_nowrap a_filter_horizontal__footer__actions__btn_search",
+                    iconLeft: "Search",
+                    text: "_A_FILTERS_START_SEARCH_",
+                    disabled: this.disabled,
+                    onClick: this.onSearch,
+                  }),
+                  h(AElement, {
+                    type: "button",
+                    class: "a_btn a_btn_secondary a_text_nowrap a_filter_horizontal__footer__actions__btn_close",
+                    text: "_A_FILTERS_HOR_CLOSE_DROPDOWN_",
+                    onClick: this.closeDropdown,
+                  }),
+                ]),
+              ]),
+            ]),
+          ]);
+        },
+      }),
+      this.isModalSaveVisible ?
+        h(AFiltersSaveModal, {
+          changeModelFiltersSaved: this.changeModelFiltersSaved,
+          filtersSaved: this.filtersSaved,
+          isModelFilterSavedNew: this.isModelFilterSavedNew,
+          modelFiltersSaved: this.modelFiltersSaved,
+          selectorCloseIds: this.selectorCloseIds,
+          updateFiltersSaved: this.updateFiltersSaved,
+          onClose: this.closeModalSave,
+        }) :
+        ""
+    ];
+  },
+};

package/src/AMenu2/AMenuButtonToggle/AMenuButtonToggle.js

@@ -61,15 +61,15 @@ export default {
       ...this.buttonToggleProps,
     }, () => [
       h("span", {
-        areaHidden: true,
+        ariaHidden: true,
         class: "a_menu_2__btn_toggle__bar a_menu_2__btn_toggle__bar_1 aloha_element__ml_0",
       }),
       h("span", {
-        areaHidden: true,
+        ariaHidden: true,
         class: "a_menu_2__btn_toggle__bar a_menu_2__btn_toggle__bar_2 aloha_element__ml_0",
       }),
       h("span", {
-        areaHidden: true,
+        ariaHidden: true,
         class: "a_menu_2__btn_toggle__bar a_menu_2__btn_toggle__bar_3 aloha_element__ml_0",
       }),
     ]);

package/src/ATable/ATableTdAction/ATableTdAction.js

@@ -152,7 +152,6 @@ export default {
         this.isRowActionsDropdownVisible || this.$slots.rowActions ?
           h("div", {
             class: "a_table__cell_action__group",
-            style: this.columnActionsBtnGroupMaxWidthStyle,
           }, [
             this.$slots.rowActions ?
               this.$slots.rowActions({
@@ -180,6 +179,8 @@ export default {
                   placement: "bottom-end",
                 }, this.$slots) :
                 h(AGroupButtonDropdown, {
+                  class: "a_d_inline_block",
+                  style: this.columnActionsBtnGroupMaxWidthStyle,
                   actions: this.rowActionsFiltered,
                   dropdownAttributes: {
                     id: this.buttonActionsId,

package/src/ATable/compositionAPI/ColumnActionAPI.js

@@ -69,7 +69,7 @@ export default function ColumnActionAPI(props, {
 
   const columnActionsWidthMinLocal = computed(() => {
     if (!isUndefined(columnActionsWidthMin.value)) {
-      return columnActionsWidth.value;
+      return columnActionsWidthMin.value;
     }
 
     if (!isColumnActionWide.value) {

package/src/ATabs/ATabsContent/ATabsContent.js

@@ -72,7 +72,7 @@ export default {
       class: ["a_tabs__content", {
         a_tabs__content_show: this.isActive,
       }],
-      ariaLabelledby: this.idLocal,
+      "aria-labelledby": this.idLocal,
     }, [
       content,
     ]);

package/src/ui/ADatepicker/ADatepickerCalendarPanel/ADatepickerCalendarPanel.js

@@ -645,7 +645,7 @@ export default {
     return h("div", {
       class: ["pux_datepicker__calendar", `pux_datepicker__calendar_${ this.panel.toLowerCase() }`],
       role: "region",
-      ariaLabelledby: this.idForHeaderParent,
+      "aria-labelledby": this.idForHeaderParent,
       onClick: $event => $event.stopPropagation(),
     }, [
       h("div", {

package/src/ui/ADatepicker/panel/APanelDate/APanelDate.js

@@ -300,7 +300,7 @@ export default {
       class: "pux_datepicker__panel pux_datepicker__panel_date",
       role: "grid",
       ariaReadonly: true,
-      ariaLabelledby: this.idForHeader,
+      "aria-labelledby": this.idForHeader,
       ...this.attributesForMainElement,
     }, [
       h("thead", null, [

package/src/ui/ADatepicker/panel/APanelMonth/APanelMonth.js

@@ -163,7 +163,7 @@ export default {
     return h("ul", {
       class: "pux_datepicker__panel pux_datepicker__panel_month pux_datepicker__panel__list",
       role: "listbox",
-      ariaLabelledby: this.idForHeader,
+      "aria-labelledby": this.idForHeader,
       ...this.attributesForMainElement,
     }, [
       this.months.map((month, monthIndex) => {

package/src/ui/ADatepicker/panel/APanelTime/APanelTime.js

@@ -276,7 +276,7 @@ export default {
           key: timeListIndex,
           class: "pux_datepicker__time_list",
           role: "listbox",
-          ariaLabelledby: this.idForHeader,
+          "aria-labelledby": this.idForHeader,
           style: { width: `${ 100 / this.timesFiltered.length }%` },
         }, [
           timeList.map((time, timeIndex) => {

package/src/ui/ADatepickerAlt/ADatepickerCalendarPanel/ADatepickerCalendarPanel.js

@@ -642,7 +642,7 @@ export default {
     return h("div", {
       class: ["pux_datepicker__calendar", `pux_datepicker__calendar_${ this.panel.toLowerCase() }`],
       role: "region",
-      ariaLabelledby: this.idForHeaderParent,
+      "aria-labelledby": this.idForHeaderParent,
     }, [
       h("div", {
         id: this.idForHeaderParent,

package/src/ui/ADatepickerAlt/panel/APanelDate/APanelDate.js

@@ -299,7 +299,7 @@ export default {
       class: "pux_datepicker__panel pux_datepicker__panel_date",
       role: "grid",
       ariaReadonly: true,
-      ariaLabelledby: this.idForHeader,
+      "aria-labelledby": this.idForHeader,
       ...this.attributesForMainElement,
     }, [
       h("thead", null, [

package/src/ui/ADatepickerAlt/panel/APanelMonth/APanelMonth.js

@@ -163,7 +163,7 @@ export default {
     return h("ul", {
       class: "pux_datepicker__panel pux_datepicker__panel_month pux_datepicker__panel__list",
       role: "listbox",
-      ariaLabelledby: this.idForHeader,
+      "aria-labelledby": this.idForHeader,
       ...this.attributesForMainElement,
     }, [
       this.months.map((month, monthIndex) => {

package/src/ui/ADatepickerAlt/panel/APanelTime/APanelTime.js

@@ -276,7 +276,7 @@ export default {
           key: timeListIndex,
           class: "pux_datepicker__time_list",
           role: "listbox",
-          ariaLabelledby: this.idForHeader,
+          "aria-labelledby": this.idForHeader,
           style: { width: `${ 100 / this.timesFiltered.length }%` },
         }, [
           timeList.map((time, timeIndex) => {

package/src/ui/ALabel/compositionAPI/ClickAPI.js

@@ -1,50 +1,50 @@
-import {
-  computed,
-  toRef,
-} from "vue";
-
-import EventBus from "../../../utils/EventBus";
-import {
-  getLabelClickEventName,
-} from "../../utils/utils";
-import {
-  isFunction,
-} from "lodash-es";
-
-export default function ClickAPI(props, {
-  idLabelLocal = computed(() => ""),
-  preventLocal = computed(() => false),
-  stopLocal = computed(() => false),
-}) {
-  const clickLabel = toRef(props, "clickLabel");
-  const id = toRef(props, "id");
-
-  const onClick = $event => {
-    if (isFunction(clickLabel.value)) {
-      clickLabel.value({
-        id: id.value,
-        idLabel: idLabelLocal.value,
-        $event,
-      });
-    }
-
-    if (preventLocal.value) {
-      $event?.preventDefault();
-    }
-
-    if (stopLocal.value) {
-      $event?.stopPropagation();
-    }
-    setTimeout(() => {
-      EventBus.$emit(getLabelClickEventName(id.value), {
-        id: id.value,
-        idLabel: idLabelLocal.value,
-        $event,
-      });
-    });
-  };
-
-  return {
-    onClick,
-  };
-}
+import {
+  computed,
+  toRef,
+} from "vue";
+
+import EventBus from "../../../utils/EventBus";
+import {
+  getLabelClickEventName,
+} from "../../utils/utils";
+import {
+  isFunction,
+} from "lodash-es";
+
+export default function ClickAPI(props, {
+  idLabelLocal = computed(() => ""),
+  preventLocal = computed(() => false),
+  stopLocal = computed(() => false),
+}) {
+  const clickLabel = toRef(props, "clickLabel");
+  const id = toRef(props, "id");
+
+  const onClick = $event => {
+    if (isFunction(clickLabel.value)) {
+      clickLabel.value({
+        id: id.value,
+        idLabel: idLabelLocal.value,
+        $event,
+      });
+    }
+
+    if (preventLocal.value) {
+      $event?.preventDefault();
+    }
+
+    if (stopLocal.value) {
+      $event?.stopPropagation();
+    }
+    setTimeout(() => {
+      EventBus.$emit(getLabelClickEventName(id.value), {
+        id: id.value,
+        idLabel: idLabelLocal.value,
+        $event,
+      });
+    });
+  };
+
+  return {
+    onClick,
+  };
+}

package/src/ui/ASelect/ASelect.js

@@ -748,7 +748,7 @@ export default {
                       a_select_menu_by_content: this.menuWidthType === "by_content",
                     }],
                     role: "listbox",
-                    ariaLabelledby: this.htmlIdLocal,
+                    "aria-labelledby": this.htmlIdLocal,
                     onClick: event => event.stopPropagation(),
                   }, [
                     this.searchOutsideOrApi && h("div", {