@covet-pics/covet-pics-widget 0.98.5 → 0.98.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js +7 -5
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +46 -39
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-widget.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-widget.cjs.js +2 -2
- package/dist/cjs/{index-3863feda.js → index-ec704595.js} +34 -0
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/cjs/{utils-50212cd5.js → utils-7761a91a.js} +3 -0
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.css +287 -172
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +61 -79
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-review.css +42 -1
- package/dist/collection/components/covet-pics-popup/covet-pics-popup-review.js +5 -4
- package/dist/collection/components/covet-pics-popup/covet-pics-popup.js +2 -1
- package/dist/collection/utils/fragment.js +4 -0
- package/dist/collection/utils/utils.js +3 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.js +1 -1
- package/dist/covet-pics-widget/{p-a2f561d1.system.entry.js → p-073af3f1.system.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-44575b1f.entry.js → p-19bb1b0b.entry.js} +2 -2
- package/dist/covet-pics-widget/p-3620ab14.system.js +4 -0
- package/dist/covet-pics-widget/{p-f7c1a8c3.system.js → p-66c202ad.system.js} +1 -1
- package/dist/covet-pics-widget/{p-86477e8d.entry.js → p-83d678fc.entry.js} +1 -1
- package/dist/covet-pics-widget/p-96e5a6c1.system.js +4 -0
- package/dist/covet-pics-widget/p-9b44c018.js +4 -0
- package/dist/covet-pics-widget/{p-fb8a470e.entry.js → p-ad6f7672.entry.js} +1 -1
- package/dist/covet-pics-widget/p-c6c0919e.system.entry.js +4 -0
- package/dist/covet-pics-widget/p-ce1107b2.entry.js +4 -0
- package/dist/covet-pics-widget/{p-b712096f.system.entry.js → p-d94b5760.system.entry.js} +1 -1
- package/dist/covet-pics-widget/p-dd60f553.js +4 -0
- package/dist/covet-pics-widget/{p-ba8bc0b0.entry.js → p-dead8c30.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-f874f771.system.entry.js → p-e9f04b75.system.entry.js} +2 -2
- package/dist/covet-pics-widget/{p-1c117f2a.system.entry.js → p-ef32b2a9.system.entry.js} +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +7 -5
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +2 -2
- package/dist/esm/covet-pics-gallery-item_3.entry.js +46 -39
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm/covet-pics-widget.entry.js +2 -2
- package/dist/esm/covet-pics-widget.js +2 -2
- package/dist/esm/{index-69abe42e.js → index-5be6403e.js} +34 -0
- package/dist/esm/loader.js +2 -2
- package/dist/esm/{utils-189aaa2c.js → utils-51ec678d.js} +3 -0
- package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +2 -2
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-item_3.entry.js +2 -2
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.entry.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/index-5be6403e.js +4 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/utils-51ec678d.js +4 -0
- package/dist/types/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.d.ts +6 -0
- package/dist/types/utils/fragment.d.ts +2 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-6754a724.system.entry.js +0 -4
- package/dist/covet-pics-widget/p-95184773.js +0 -4
- package/dist/covet-pics-widget/p-a83bd8da.system.js +0 -4
- package/dist/covet-pics-widget/p-bf7a7496.js +0 -4
- package/dist/covet-pics-widget/p-d21c4c6f.system.js +0 -4
- package/dist/covet-pics-widget/p-da0eaa7b.entry.js +0 -4
- package/dist/esm-es5/index-69abe42e.js +0 -4
- package/dist/esm-es5/utils-189aaa2c.js +0 -4
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
9
|
-
const utils = require('./utils-
|
|
8
|
+
const index = require('./index-ec704595.js');
|
|
9
|
+
const utils = require('./utils-7761a91a.js');
|
|
10
10
|
const lazy = require('./lazy-6938bff5.js');
|
|
11
11
|
const evEmitter = require('./ev-emitter-92552a48.js');
|
|
12
12
|
const index$1 = require('./index-1dd17838.js');
|
|
@@ -4628,12 +4628,13 @@ let CovetPicsPopup = class {
|
|
|
4628
4628
|
}
|
|
4629
4629
|
renderSidebar() {
|
|
4630
4630
|
const starsArray = [1, 2, 3, 4, 5];
|
|
4631
|
+
const starOnly = this.item.caption === null && this.item.data_type === "text";
|
|
4631
4632
|
if (!this.item.caption && !this.item.rating && this.item.links.length === 0)
|
|
4632
4633
|
return null;
|
|
4633
4634
|
return (index.h("section", { class: "popup-body" }, this.arrowsMobilePosition === "middle" &&
|
|
4634
4635
|
this.renderMobileArrows(), index.h("div", { class: "popup-body-content" }, this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "top" &&
|
|
4635
4636
|
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) &&
|
|
4636
|
-
index.h("h3", { class: "shop-this-look" }, this.linksTitle), 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 }), this.item.rating &&
|
|
4637
|
+
index.h("h3", { class: "shop-this-look" }, this.linksTitle), 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 }), this.item.rating && !starOnly &&
|
|
4637
4638
|
index.h("div", { class: "star-rating" }, starsArray.map((el) => index.h("span", { class: `icon-star ${el <= this.item.rating ? "active" : ""}` }))), index.h("div", { class: "caption", innerHTML: this.item.caption }), this.item.source === "instagram" &&
|
|
4638
4639
|
index.h("p", { class: "source" }, index.h("a", { target: "_blank", href: this.item.url, "aria-label": "Instagram link" }, "@", this.item.username)), this.item.source === "file" && this.item.username !== null &&
|
|
4639
4640
|
index.h("p", { class: "source" }, this.item.username)), this.arrowsDesktopType === "arrows-type-5" && this.arrowsDesktopPosition === "bottom" &&
|
|
@@ -4970,7 +4971,7 @@ let CovetPicsPopupLinks = class {
|
|
|
4970
4971
|
};
|
|
4971
4972
|
CovetPicsPopupLinks.style = covetGalleryPopupLinksCss;
|
|
4972
4973
|
|
|
4973
|
-
const covetPicsPopupReviewCss = ".popup-review{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;position:relative;width:580px;height:580px;border-right:1px solid rgba(0, 0, 0, 0.1);padding-left:100px;padding-right:100px}@media only screen and (max-width: 1023px){.popup-review{padding-left:20px;padding-right:20px;width:100%;height:calc(100vh - 80px)}}@media only screen and (max-width: 800px){.popup-review{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);min-height:380px;height:auto}}.review-top{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:32px 0;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.review-top:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-top{padding:24px 0}}.review-star{width:18px;height:18px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:10px;-ms-flex:none;flex:none}.review-star:last-child{margin-right:0}.review-star.active .svg-star path{fill:#000000}.svg-star{width:100%;height:100%}.svg-star path{fill:rgba(0, 0, 0, 0.1)}.review-caption{line-height:1.4;color:black;text-align:center;overflow:hidden;-ms-flex:none;flex:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;font-size:var(--covet-pics-item-detail-caption-font-size);max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);-webkit-box-orient:vertical;
|
|
4974
|
+
const covetPicsPopupReviewCss = ".popup-review{-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden;position:relative;width:580px;height:580px;border-right:1px solid rgba(0, 0, 0, 0.1);padding-left:100px;padding-right:100px}@media only screen and (max-width: 1023px){.popup-review{padding-left:20px;padding-right:20px;width:100%;height:calc(100vh - 80px)}}@media only screen and (max-width: 800px){.popup-review{border-right:none;border-bottom:1px solid rgba(0, 0, 0, 0.1);min-height:380px;height:auto}}@media only screen and (max-width: 1023px){.popup-review.star-only{width:360px}}.review-top{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:32px 0;position:relative;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.review-top:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-top{padding:24px 0}}.review-top.star-only{-ms-flex-order:2;order:2}.review-top.star-only:after{display:none}.review-star{width:18px;height:18px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin-right:10px;-ms-flex:none;flex:none}.review-star:last-child{margin-right:0}.review-star.active .svg-star path{fill:#000000}.svg-star{width:100%;height:100%}.svg-star path{fill:rgba(0, 0, 0, 0.1)}.review-caption{line-height:1.4;color:black;text-align:center;overflow:hidden;-ms-flex:none;flex:none;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;font-size:var(--covet-pics-item-detail-caption-font-size);max-height:var(--covet-pics-item-detail-caption-max-height);-webkit-line-clamp:var(--covet-pics-item-detail-caption-max-lines);-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;margin-top:0;margin-bottom:0}@media only screen and (max-width: 1023px){.review-caption{margin-top:32px;margin-bottom:32px}}.review-caption.star-only{-ms-flex-order:1;order:1;margin-top:86px;height:1px;position:relative}.review-caption.star-only:after{content:\"\";display:block;position:absolute;width:100%;height:1px;left:0;bottom:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-caption.star-only{margin-top:70px;margin-bottom:0}}@media only screen and (max-width: 800px){.review-caption.star-only{margin-top:10px;margin-bottom:0}}.review-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:32px 0;margin-left:auto;margin-right:auto;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.review-bottom:after{content:\"\";position:absolute;width:100%;height:1px;top:0;left:0;background-color:rgba(0, 0, 0, 0.1)}@media only screen and (max-width: 1023px){.review-bottom{padding:24px 0}}.review-bottom.star-only{-ms-flex-order:3;order:3}.username,.slash,.created-time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4;font-size:16px;font-weight:500;color:#777777;margin-top:0;margin-bottom:0}.slash{margin-left:6px;margin-right:6px}";
|
|
4974
4975
|
|
|
4975
4976
|
let CovetPicsPopupReviewElement = class {
|
|
4976
4977
|
constructor(hostRef) {
|
|
@@ -5006,7 +5007,8 @@ let CovetPicsPopupReviewElement = class {
|
|
|
5006
5007
|
}
|
|
5007
5008
|
render() {
|
|
5008
5009
|
const starsArray = [1, 2, 3, 4, 5];
|
|
5009
|
-
|
|
5010
|
+
const starOnlyClass = this.caption === null ? "star-only" : "";
|
|
5011
|
+
return (index.h(index.Host, { class: `popup-review ${starOnlyClass}`, style: this.reviewCSS }, index.h("div", { class: `review-top ${starOnlyClass}` }, starsArray.map((el) => index.h("span", { class: `review-star ${el <= this.rating ? "active" : ""}` }, index.h("svg", { class: "svg-star", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img" }, index.h("title", null, "star rating"), index.h("path", { d: "M4.10511 3.85963C4.10511 3.85963 1.83465 4.12327 0.320057 4.29953C0.183543 4.31685 0.0628347 4.41251 0.0175692 4.55789C-0.0276963 4.70327 0.0175691 4.85467 0.118159 4.95033C1.24333 6.02672 2.93396 7.63867 2.93396 7.63867C2.93252 7.63867 2.46981 9.98349 2.16229 11.548C2.13642 11.6896 2.18529 11.8395 2.30312 11.9291C2.42023 12.0188 2.57112 12.0203 2.68967 11.9503C4.01458 11.1609 5.99907 9.97371 5.99907 9.97371C5.99907 9.97371 7.98429 11.1609 9.30703 11.951C9.42772 12.0203 9.57866 12.0188 9.69574 11.9291C9.8136 11.8395 9.86246 11.6896 9.83589 11.5488C9.52834 9.98349 9.06634 7.63867 9.06634 7.63867C9.06634 7.63867 10.757 6.02672 11.8821 4.95259C11.9828 4.85391 12.0273 4.70252 11.9828 4.55789C11.9382 4.41327 11.8175 4.31761 11.681 4.30103C10.1664 4.12327 7.8952 3.85963 7.8952 3.85963C7.8952 3.85963 6.95397 1.67673 6.32671 0.221454C6.2678 0.0911426 6.14422 0 5.99907 0C5.85394 0 5.72964 0.091896 5.67359 0.221454C5.04563 1.67673 4.10511 3.85963 4.10511 3.85963Z" }))))), index.h("p", { class: `review-caption ${starOnlyClass}`, innerHTML: this.caption }), index.h("div", { class: `review-bottom ${starOnlyClass}` }, index.h("p", { class: "username" }, this.username), this.createdTime && index.h("span", { class: "slash" }, "/"), index.h("span", { class: "created-time" }, index$1.format(this.createdTime)))));
|
|
5010
5012
|
}
|
|
5011
5013
|
get el() { return index.getElement(this); }
|
|
5012
5014
|
static get watchers() { return {
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
|
-
const index = require('./index-
|
|
9
|
-
const utils$1 = require('./utils-
|
|
8
|
+
const index = require('./index-ec704595.js');
|
|
9
|
+
const utils$1 = require('./utils-7761a91a.js');
|
|
10
10
|
const evEmitter = require('./ev-emitter-92552a48.js');
|
|
11
11
|
const lazy = require('./lazy-6938bff5.js');
|
|
12
12
|
const effectFade = require('./effect-fade-0800f5fc.js');
|