@covet-pics/covet-pics-widget 0.115.4 → 0.115.6

package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js

@@ -22,6 +22,11 @@ const CovetPicsDirectBuy = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.closeDirectBuy = index.createEvent(this, "closeDirectBuy", 7);
+    this.nextTick = (fn) => {
+      window.requestAnimationFrame(() => {
+        window.requestAnimationFrame(fn);
+      });
+    };
     this.hostClickHandler = () => {
       this.el.shadowRoot.querySelectorAll(".options.opened").forEach(option => option.classList.remove("opened"));
     };
@@ -107,6 +112,9 @@ const CovetPicsDirectBuy = class {
     if (event.detail.toString() === this.productId) {
       this.open = true;
       this.initSwiper();
+      // ADA focus close btn after open direct-buy
+      const closeBtn = this.el.shadowRoot.querySelector(".close");
+      this.nextTick(() => closeBtn.focus());
     }
   }
   previousPopupHandler() {
@@ -4165,7 +4173,7 @@ const CovetPicsPopup = class {
     if (!this.item.caption && !this.item.rating && this.item.links.length === 0)
       return null;
     return (index.h("section", { class: "popup-body" }, this.arrowsMobilePosition === "middle" &&
-      this.renderMobileArrows(), index.h("div", { class: "popup-body-content" }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
+      this.renderMobileArrows(), index.h("div", { class: "popup-body-content", "aria-hidden": `${this.directBuyIsOpen}` }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
       index.h("div", { class: `desktop-arrows arrows-size-${this.arrowsDesktopSizeType} arrows-color-theme-${this.arrowsDesktopColorTheme}` }, this.renderArrows(this.arrowsDesktopType)), index.h("div", { class: "popup-body-content-scroll" }, this.showLinksTitle && (this.item.links.length > 0) &&
       index.h("h3", { class: "shop-this-look" }, this.linksTitle), this.item.links.length > 0 &&
       index.h("covet-pics-popup-links", { links: this.item.links, "item-created-time": this.item.created_time, "direct-buy-enabled": this.directBuyEnabled.toString(), "link-style": this.loader.data.settings.popup_products_view_type.replace("_view", ""), "button-style": this.loader.data.settings.popup_buy_button_style.replace("buy_btn_", "").replace("_", "-"), "button-color": this.loader.data.settings.popup_buy_button_background_color, "button-hover-color": this.loader.data.settings.popup_buy_button_background_hover_color, "button-text-color": this.loader.data.settings.popup_buy_button_text_color, "button-text-hover-color": this.loader.data.settings.popup_buy_button_text_hover_color, "button-buy-now-label": this.loader.data.settings.popup_products_button_caption, "button-visit-label": this.loader.data.settings.popup_custom_link_label, "price-label": this.loader.data.settings.price_label_caption, "select-label": this.loader.data.settings.select_label_caption, "show-price": this.loader.data.settings.show_price_in_popup, "show-out-of-stock-products": this.loader.data.settings.popup_show_out_of_stock, "grey-border-class": greyBorderClass }), this.item.rating && !starOnly && !(this.item.data_type === "text") &&