@covet-pics/covet-pics-widget 0.150.3 → 0.150.5

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

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-55dde3b6.js');
 const utils$1 = require('./utils-cd98b07f.js');
 const _commonjsHelpers = require('./_commonjsHelpers-68a3f11d.js');
-const getters = require('./getters-1b9c13f3.js');
+const getters = require('./getters-e94138b2.js');
 const popup = require('./popup-a42068f1.js');
 const a11y = require('./a11y-e0eb85c3.js');
 const slider = require('./slider-a7086987.js');
@@ -4330,17 +4330,17 @@ const CovetPicsGallerySlider = class {
             on: {
                 init: (e) => {
                     this.sliderInit.emit(e);
-                    this.appStore.dispatch(slider.setSliderIndex(e.realIndex)); // TODO union
                     if (typeof e.params.slidesPerView === "number") { // TODO union
                         this.appStore.dispatch(slider.setSliderSlidesPerView(e.params.slidesPerView));
                     }
+                    this.appStore.dispatch(slider.setSliderIndex(e.realIndex)); // TODO union
                 },
                 update: (e) => {
                     this.sliderUpdate.emit(e);
-                    this.appStore.dispatch(slider.setSliderIndex(e.realIndex)); // TODO union
                     if (typeof e.params.slidesPerView === "number") { // TODO union
                         this.appStore.dispatch(slider.setSliderSlidesPerView(e.params.slidesPerView));
                     }
+                    this.appStore.dispatch(slider.setSliderIndex(e.realIndex)); // TODO union
                 },
                 realIndexChange: (e) => {
                     this.sliderIndexChange.emit(e);
@@ -4370,6 +4370,7 @@ const CovetPicsGallerySlider = class {
             autoplay: this.getAutoplay(),
             slidesPerView: this.appState.settings.slideshow_mobile_photos_per_row,
             spaceBetween: mobileItemPaddingPX,
+            speed: 600
         };
         if (this.sliderStyle === "regular") {
             params["centerInsufficientSlides"] = true;
@@ -4378,7 +4379,6 @@ const CovetPicsGallerySlider = class {
             params.modules.push(EffectMaterial);
             params["effect"] = "material";
             params["grabCursor"] = true;
-            params["speed"] = 600;
             params["loopAdditionalSlides"] = 1;
             params["watchSlidesProgress"] = true;
             params["virtualTranslate"] = true;
@@ -4430,6 +4430,16 @@ const CovetPicsGallerySlider = class {
             return this.upload.openUpload();
         return this.openPopup(this.sharedItemId);
     }
+    getItemVideoLink(item) {
+        let videoLink = "";
+        if (item.data_type === "video") {
+            videoLink = item.video;
+        }
+        if (item.data_type === "carousel" && item.carousel_media.length > 0 && item.carousel_media[0].type === "video") {
+            videoLink = item.carousel_media[0].standard_resolution;
+        }
+        return videoLink;
+    }
     itemImgAltTag(altTag, caption, idx, itemsLength, createdTime) {
         if (altTag && altTag !== null)
             return altTag;
@@ -4441,13 +4451,13 @@ const CovetPicsGallerySlider = class {
         return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "item-source": item.source, "image-url": item.imageUrl, "item-index": idx, "item-size": this.itemSize, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
     }
     renderDetailUploadItem(item, idx, itemsLength) {
-        return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "item-source": item.source, "image-url": item.imageUrl, "item-index": idx, "item-size": this.itemSize, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
+        return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "item-source": item.source, "image-url": item.imageUrl, "item-index": idx, "item-size": this.itemSize, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
     }
     renderStandardItem(item, idx, itemsLength) {
-        return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time), rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
+        return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time), rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
     }
     renderDetailItem(item, idx, itemsLength) {
-        return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, appStore: this.appStore, "item-index": idx }));
+        return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, idx, itemsLength, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, appStore: this.appStore, "item-index": idx }));
     }
     getCSSVariables() {
         const cssVars = {};
@@ -4466,7 +4476,7 @@ const CovetPicsGallerySlider = class {
             materialClass = `swiper-material extra-height ${this.itemSize}`;
         }
         if (this.items !== undefined) {
-            return (index.h("section", { key: '086dd0a4b62e4c1349bf757be581e13edff58548', class: `gallery swiper ${materialClass}`, style: this.getCSSVariables() }, index.h("button", { key: '047911c23232436309360c9ff31780df3f3c6033', class: `swiper-button-prev ${this.appState.settings.item_style}`, type: "button" }, index.h("svg", { key: '6ad9713d74624f3ef3339f61640d2383c86fc869', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'ada7cda9b00a402a8a73f94adec685f850eee8a1', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), this.sliderStyle === "regular" &&
+            return (index.h("section", { key: '4d0fb5f3874f109c1a41021b2ed20e926951ffbf', class: `gallery swiper ${materialClass}`, style: this.getCSSVariables() }, index.h("button", { key: 'a61892a42f5043260f1fffc01cef1041ec778e13', class: `swiper-button-prev ${this.appState.settings.item_style}`, type: "button" }, index.h("svg", { key: 'e8e79d165c987cfe2b5ecfa8c6b978bc0559d6d1', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '87d100529945290137f7fe3781f8a371a8ddc911', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), this.sliderStyle === "regular" &&
                 index.h("div", { class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
                     ? this.renderStandardUploadItem(item, idx, this.items.length)
                     : this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
@@ -4476,7 +4486,7 @@ const CovetPicsGallerySlider = class {
                     ? this.renderStandardUploadItem(item, idx, this.items.length)
                     : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
                     ? this.renderDetailUploadItem(item, idx, this.items.length)
-                    : this.renderDetailItem(item, idx, this.items.length))))), index.h("div", { key: 'cf686e80d05aabb7a87d9cd82b049b3090418d31', class: "swiper-pagination" }), index.h("button", { key: 'abc0bca3b2f8682cc657204ab19e1ee406bbb03d', class: `swiper-button-next ${this.appState.settings.item_style}`, type: "button" }, index.h("svg", { key: '674c751639043651174580184c17622da23daeaf', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '4f9ae62198968ed17586a6c75c5c14a7053cdc44', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
+                    : this.renderDetailItem(item, idx, this.items.length))))), index.h("div", { key: 'bf71f70d0cc53340b00d3589549fba08ef90e8a5', class: "swiper-pagination" }), index.h("button", { key: '5f6dccf7a1294dec5ad38a6bdd87059a2c625173', class: `swiper-button-next ${this.appState.settings.item_style}`, type: "button" }, index.h("svg", { key: 'e847aebcf81762ddf87e17728ace8a25ded93ab9', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '602576492a55e6f01a8b2ba064ba8cdb628c7a18', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
         }
     }
     get el() { return index.getElement(this); }