aloha-vue 1.2.116 → 1.2.118

package/package.json

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

package/src/AFilters/AFilters/AFilters.js

@@ -214,22 +214,24 @@ export default {
           filtersKeyById: this.filtersKeyById,
           filtersVisibleAll: this.filtersVisibleAll,
         }, {
-          filtersHorizontal: () => h(AFiltersHorizontal, {
-            ref: "filtersHorizontalRef",
-            id: this.id,
-            canSave: this.canSave,
-            disabled: this.disabled,
-            filtersGroup: this.filtersGroup,
-            filtersKeyById: this.filtersKeyById,
-            filtersSaved: this.filtersSavedLocal,
-            filtersVisible: this.filtersVisible,
-            onUpdateModelFilters: this.onUpdateModelFilters,
-            unappliedModel: this.unappliedModel,
-            updateDataKeyByIdFromFilter: this.updateDataKeyByIdFromFilter,
-            updateFiltersSaved: this.updateFiltersSavedLocal,
-            onStartSearch: this.startSearch,
-            onToggleFiltersVisible: this.toggleFiltersVisible,
-          }, this.$slots),
+          filtersHorizontal: () => this.view === "top" ?
+            h(AFiltersHorizontal, {
+              ref: "filtersHorizontalRef",
+              id: this.id,
+              canSave: this.canSave,
+              disabled: this.disabled,
+              filtersGroup: this.filtersGroup,
+              filtersKeyById: this.filtersKeyById,
+              filtersSaved: this.filtersSavedLocal,
+              filtersVisible: this.filtersVisible,
+              onUpdateModelFilters: this.onUpdateModelFilters,
+              unappliedModel: this.unappliedModel,
+              updateDataKeyByIdFromFilter: this.updateDataKeyByIdFromFilter,
+              updateFiltersSaved: this.updateFiltersSavedLocal,
+              onStartSearch: this.startSearch,
+              onToggleFiltersVisible: this.toggleFiltersVisible,
+            }, this.$slots) :
+            "",
           ...this.$slots,
         }),
       ],

package/src/AFilters/AFiltersHorizontal/AFiltersHorizontal.js

@@ -232,7 +232,6 @@ export default {
                   class: "a_filters_top__save_select",
                   data: this.filtersSavedLocal,
                   deselect: false,
-                  // disabled: !this.filtersSaved.length,
                   keyId: "label",
                   keyLabel: "label",
                   keyGroup: "group",
@@ -279,6 +278,7 @@ export default {
                       change: this.addFiltersVisible,
                       data: this.filtersHidden,
                       hasCaret: false,
+                      disabled: !this.filtersHidden.length,
                       isLabelFloat: false,
                       keyGroup: "group",
                       keyId: "id",

package/src/ATooltip/compositionAPI/PopperContainerAPI.js

@@ -10,12 +10,12 @@ export default function PopperContainerAPI(props) {
     return `#${ popperContainerId.value }`;
   });
 
-  const addPopperContainerInBody = () => {
+  const addPopperContainerInBody = ({ className = "a_popup_container" } = {}) => {
     const ELEMENT_CONTAINER = document.getElementById(popperContainerId.value);
     if (!ELEMENT_CONTAINER) {
       const POPPER_CONTAINER = document.createElement("div");
       POPPER_CONTAINER.id = popperContainerId.value;
-      POPPER_CONTAINER.className = "a_popup_container";
+      POPPER_CONTAINER.className = className;
       POPPER_CONTAINER.setAttribute("aria-hidden", "true");
       document.body.prepend(POPPER_CONTAINER);
     }

package/src/styles/components/AFilters.scss

@@ -3,6 +3,7 @@ $a_breakpoint_touch: 1023px !default;
 .a_filters_top {
   --a_filters_top_padding: 0.5rem;
   --a_filters_top_form_width: 50%;
+  --a_filters_top_form_max_width: 500px;
   --a_filters_top_label_padding_left: 2rem;
   --a_filters_top_label_width: 34%;
   --a_filters_top_subgroup_width: 66%;
@@ -39,7 +40,6 @@ $a_breakpoint_touch: 1023px !default;
   --a_filter_hor_padding_x: 1rem;
   --a_filter_hor_padding_y: 1rem;
   --a_filter_hor_body_max_height: calc(100vh - 1rem - 113px);
-  --a_filter_hor_footer_height: 70px;
   --a_filter_hor_footer_bg: rgba(255, 255, 255, 0.7);
   --a_filter_hor_footer_actions_bg: var(--a_color_white);
 
@@ -114,7 +114,6 @@ $a_breakpoint_touch: 1023px !default;
 }
 .a_filter_horizontal__footer {
   text-align: right;
-  height: var(--a_filter_hor_footer_height);
   position: sticky;
   bottom: 0;
   background-color: rgba(255, 255, 255, 0.8);
@@ -137,7 +136,7 @@ $a_breakpoint_touch: 1023px !default;
 }
 
 .a_filters_top__form {
-  width: var(--a_filters_top_form_width);
+  max-width: var(--a_filters_top_form_max_width);
   padding: 0;
 }
 .a_filters_top__save_select {

package/src/styles/styles.scss

@@ -22,12 +22,18 @@
 .a_search_highlight {
   color: red;
 }
-.a_popup_container {
+.a_popup_container,
+.a_select_container {
   position: relative;
   height: 0;
-  z-index: 1900;
   top: 100%;
 }
+.a_popup_container {
+  z-index: 1900;
+}
+.a_select_container {
+  z-index: 1901;
+}
 .a_dropdown__menu {
   box-shadow: 0 0 7px 3px var(--a_color_gray_600);
 }

package/src/ui/ASelect/ASelect.js

@@ -533,7 +533,7 @@ export default {
       deep: true,
     });
 
-    addPopperContainerInBody();
+    addPopperContainerInBody({ className: "a_select_container" });
     loadDataFromServer();
     loadDataFromServerForSearchAPI();
 
@@ -709,6 +709,7 @@ export default {
                     }],
                     role: "listbox",
                     ariaLabelledby: this.htmlIdLocal,
+                    onClick: event => event.stopPropagation(),
                   }, [
                     this.searchOutsideOrApi && h("div", {
                       class: "a_select__search",