@covet-pics/covet-pics-widget 0.122.2 → 0.122.4

package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-46d475ad.js');
 const utils$1 = require('./utils-83d39bda.js');
 const _commonjsHelpers = require('./_commonjsHelpers-0cd0785e.js');
+const getters = require('./getters-c3c47af0.js');
 const a11y = require('./a11y-8e3f25c1.js');
 const slider = require('./slider-f13bbce4.js');
 require('./redux-toolkit.esm-ed0a74c1.js');
@@ -3530,7 +3531,7 @@ const CovetPicsGalleryGrid = class {
     this.appStore.subscribe(() => {
       this.appState = this.appStore.getState();
       this.isDesktopScreen = this.appState.size.isDesktopScreen;
-      this.isGridDisabled = this.appState.modals.uploadOpen || this.appState.modals.popupOpen;
+      this.isGridDisabled = getters.isWidgetDisabled(this.appState);
     });
   }
   checkAndOpenPopup() {
@@ -3584,7 +3585,7 @@ const CovetPicsGalleryGrid = class {
       !this.isLoading &&
       this.loader.totalPages > this.loader.page &&
       this.items.length > 0) {
-      return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isGridDisabled, type: "button" }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
+      return (index.h("div", { class: 'load-more', style: this.setLoadMoreButtonVariables(), onClick: this.loadMoreClickedHandler }, index.h("button", { class: "btn-load-more " + this.loadMoreStyle, "aria-label": "load more", disabled: this.isGridDisabled, "aria-hidden": `${this.isGridDisabled}`, type: "button" }, index.h("span", { class: "text" }, this.loadMoreLabel), index.h("span", { class: "icon", "aria-hidden": "true" }, this.renderLoadMoreIcon()))));
     }
   }
   renderLoadingAnimation() {
@@ -3624,7 +3625,7 @@ const CovetPicsGalleryGrid = class {
     };
   }
   renderFilters() {
-    return (index.h("div", { class: "filters", style: this.getFilterCSSVariables() }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isGridDisabled, type: "reset" }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isGridDisabled, type: "button" }, filter))));
+    return (index.h("div", { class: "filters", style: this.getFilterCSSVariables(), "aria-hidden": `${this.isGridDisabled}` }, index.h("button", { tabindex: "0", class: "btn-filter", "data-reset-filters": "true", onClick: this.filterResetHandler, "aria-label": "reset filters", disabled: this.isGridDisabled, type: "reset" }, this.filtersResetLabel), Object.keys(this.filters).map((filter) => index.h("button", { tabindex: "0", "data-filter": filter, class: `btn-filter ${this.filters[filter] ? "selected" : ""}`, onClick: this.filterChangedHandler, "aria-label": `filter ${filter}`, disabled: this.isGridDisabled, type: "button" }, filter))));
   }
   itemImgAltTag(caption, idx, itemsLength, createdTime, layout) {
     return caption && caption.length > 0
@@ -4159,7 +4160,7 @@ const CovetPicsGallerySlider = class {
       this.appState = this.appStore.getState();
       this.isDesktopScreen = this.appState.size.isDesktopScreen;
       // use native tabindex instead of @state to prevent rerender component
-      this.setEnableControls(this.appState.modals.uploadOpen || this.appState.modals.popupOpen);
+      this.setEnableControls(getters.isWidgetDisabled(this.appState));
     });
   }
   setEnableControls(disabled) {