@covet-pics/covet-pics-widget 0.158.1 → 0.158.3

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

@@ -3775,11 +3775,15 @@ const CovetPicsPopupSlider = class {
         index.registerInstance(this, hostRef);
         // TODO temp solution to fix swiper update real index before transition end
         this.sliderRealIndex = 0;
+        this.playPauseVideoKeyboardClickHandler = (event) => {
+            if (event.keyCode === 13 || event.keyCode === 32) {
+                return this.playPauseVideoClickHandler(event);
+            }
+        };
         this.playPauseVideoClickHandler = (event) => {
             event.preventDefault();
             event.stopPropagation();
-            const button = event.currentTarget;
-            const videoWrapper = button.parentElement;
+            const videoWrapper = event.currentTarget;
             if (videoWrapper.classList.contains("playing")) {
                 this.pauseVideo(videoWrapper);
             }
@@ -3893,9 +3897,9 @@ const CovetPicsPopupSlider = class {
             : `post image, created ${utils.getDateFromTimestamp(createdTime)}${carouselAlt}`;
     }
     render() {
-        return (index.h("div", { key: '6e6b8338933dc4692bf4319357cf2cd00052b2e2', id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { key: '4b0e204b59e0bdf58a1d93225a34a5465591f9e7', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
+        return (index.h("div", { key: '4c192d0e06df9b3988794d8f7df047de76d878d4', id: "covet-popup-content-image-carousel", class: "carousel-media swiper" }, index.h("section", { key: '71dbb62296b113a172c422b17c8c74b1641acfa7', class: "swiper-wrapper" }, this.item.carousel_media.map((media_item, idx) => index.h("div", { class: "carousel-cell swiper-slide" }, media_item.type === "image" &&
             index.h("img", { src: media_item.standard_resolution, alt: this.imgAltTag(media_item.alt_tag, this.item.caption, idx, this.item.carousel_media.length, this.item.created_time) }), media_item.type === "video" &&
-            index.h("div", { class: "post-video-element" }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })), index.h("button", { type: "button", class: "post-video-play", "aria-label": "Play video", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "post-video-pause", "aria-label": "Pause video", onClick: this.playPauseVideoClickHandler }))))), index.h("div", { key: '3e5d0890f35a7e50d735031ccd554a1e9c4e53c2', class: "swiper-pagination swiper-pagination-white" }), index.h("button", { key: '1ec4ef1d4a30b8f210816e4c64e1b2157a4ddf37', class: "swiper-button-next", type: "button" }, index.h(popupFuncComponents.IconArrowPrev, { key: 'a5665a257edb816dfa92b66a32ec539c33fda9e7' })), index.h("button", { key: 'ec15a8ab7f0b7808743334af3bb254830f32bd44', class: "swiper-button-prev", type: "button" }, index.h(popupFuncComponents.IconArrowNext, { key: '4d9276bbddce5533352dd3e020617f15eebd60ff' }))));
+            index.h("div", { class: "post-video-element", onClick: this.playPauseVideoClickHandler, onKeyDown: this.playPauseVideoKeyboardClickHandler, tabindex: "0" }, index.h("video", { playsinline: true, loop: true, poster: (idx === 0) ? this.item.cover_images.high_resolution : null, key: media_item.standard_resolution }, index.h("source", { src: media_item.standard_resolution, type: "video/mp4" })))))), index.h("div", { key: '6661a093dd77f8ef6be078a12e956ad3a5366ba6', class: "swiper-pagination swiper-pagination-white" }), index.h("button", { key: '20f032f921242df54197cf433c3e58a510dbc2b8', class: "swiper-button-next", type: "button" }, index.h(popupFuncComponents.IconArrowPrev, { key: 'bf888c55275bb2068cb21b04a93039d3807d2f55' })), index.h("button", { key: '289b0eff51c416f1d776e9b6d42ddb9e5114df3f', class: "swiper-button-prev", type: "button" }, index.h(popupFuncComponents.IconArrowNext, { key: '2a58d13d1024ee792849c8eca911b46e1df1521d' }))));
     }
     get el() { return index.getElement(this); }
 };