@covet-pics/covet-pics-widget 0.98.4 → 0.98.7
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 +6 -4
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-gallery-item_3.cjs.entry.js +49 -21
- package/dist/cjs/covet-pics-widget.cjs.entry.js +1 -1
- 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 +1192 -26
- package/dist/collection/components/covet-pics-gallery-item-detail/covet-pics-gallery-item-detail.js +98 -35
- 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/utils.js +3 -0
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-2006e329.system.entry.js +4 -0
- package/dist/covet-pics-widget/{p-44575b1f.entry.js → p-231c1def.entry.js} +2 -2
- package/dist/covet-pics-widget/p-3620ab14.system.js +4 -0
- package/dist/covet-pics-widget/p-8fe1ad09.entry.js +4 -0
- package/dist/covet-pics-widget/{p-f874f771.system.entry.js → p-91717250.system.entry.js} +2 -2
- package/dist/covet-pics-widget/p-9b44c018.js +4 -0
- package/dist/covet-pics-widget/{p-ba8bc0b0.entry.js → p-a0a9f148.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-86477e8d.entry.js → p-b1ffe487.entry.js} +1 -1
- package/dist/covet-pics-widget/{p-a2f561d1.system.entry.js → p-eb96d4b7.system.entry.js} +1 -1
- package/dist/covet-pics-widget/p-f7c1a8c3.system.js +1 -1
- package/dist/covet-pics-widget/{p-1c117f2a.system.entry.js → p-f7eddb81.system.entry.js} +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +6 -4
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +1 -1
- package/dist/esm/covet-pics-gallery-item_3.entry.js +49 -21
- package/dist/esm/covet-pics-widget.entry.js +1 -1
- 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 +1 -1
- package/dist/esm-es5/covet-pics-widget.entry.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 +3 -0
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-43ba3c21.system.entry.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-e19965d2.entry.js +0 -4
- package/dist/esm-es5/utils-189aaa2c.js +0 -4
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
const index = require('./index-3863feda.js');
|
|
9
|
-
const utils = require('./utils-
|
|
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 {
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
const index = require('./index-3863feda.js');
|
|
9
|
-
const utils$1 = require('./utils-
|
|
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');
|