@covet-pics/covet-pics-widget 0.178.13 → 0.178.14
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-gallery-grid_8.cjs.entry.js +2 -2
- package/dist/cjs/covet-pics-widget.cjs.entry.js +38 -38
- package/dist/collection/components/covet-pics-gallery-grid/covet-pics-gallery-grid.js +2 -2
- package/dist/collection/components/covet-pics-gallery-slider/test/covet-pics-gallery-slider.pw.js +2 -0
- package/dist/collection/store/settings.js +38 -38
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/p-04933632.entry.js +4 -0
- package/dist/covet-pics-widget/{p-45d0317c.entry.js → p-cd3fa0f5.entry.js} +1 -1
- package/dist/esm/covet-pics-gallery-grid_8.entry.js +2 -2
- package/dist/esm/covet-pics-widget.entry.js +38 -38
- package/package.json +1 -1
- package/dist/covet-pics-widget/p-a327301b.entry.js +0 -4
|
@@ -3743,7 +3743,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3743
3743
|
cssVars["--covet-internal-load-more-border"] = this.settings.load_more_border_width.toString() + "px";
|
|
3744
3744
|
cssVars["--covet-internal-load-more-color"] = this.settings.load_more_button_color;
|
|
3745
3745
|
cssVars["--covet-internal-load-more-font-size"] = this.settings.load_more_font_size.toString() + "px";
|
|
3746
|
-
cssVars["--covet-internal-load-more-font-style"] = this.settings.load_more_font_style;
|
|
3746
|
+
cssVars["--covet-internal-load-more-font-style"] = this.settings.load_more_font_style.toLowerCase();
|
|
3747
3747
|
cssVars["--covet-internal-load-more-padding"] = this.settings.load_more_padding.toString() + "px";
|
|
3748
3748
|
}
|
|
3749
3749
|
cssVars["--covet-desktop-photos-per-row"] = this.settings.gallery_photos_per_row.toString();
|
|
@@ -3753,7 +3753,7 @@ const CovetPicsGalleryGrid = class {
|
|
|
3753
3753
|
return cssVars;
|
|
3754
3754
|
}
|
|
3755
3755
|
render() {
|
|
3756
|
-
return (index.h(index.Host, { key: '
|
|
3756
|
+
return (index.h(index.Host, { key: '3da7704a452acdbb9d0db10fc11ed6d6f716a603', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), index.h("div", { key: 'be512866f8d2912c47f2d87c42586ad38ce3f69b', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { key: '1913968f916a4268f7ba57668d662b25ae48b012', class: "grid-sizer" }), this.layout === "collage" && index.h("div", { key: '98cb8f48a8964ee0848fb0ab97dad2d82babe3b5', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3757
3757
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
3758
3758
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
3759
3759
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
|
@@ -288,14 +288,14 @@ const initialState = {
|
|
|
288
288
|
add_to_cart_button_caption: "Add to cart",
|
|
289
289
|
arrow_color_theme: "light",
|
|
290
290
|
arrow_custom_box_color: "#000000",
|
|
291
|
-
arrow_custom_color: "#
|
|
291
|
+
arrow_custom_color: "#D3D3D3",
|
|
292
292
|
arrow_graphics_type: "type_1",
|
|
293
293
|
arrow_size: "standard",
|
|
294
294
|
arrow_size_custom: 48,
|
|
295
|
-
background_color: "#
|
|
295
|
+
background_color: "#FFFFFF",
|
|
296
296
|
close_button_color_theme: "dark_btn",
|
|
297
297
|
close_button_custom_box_color: "#000000",
|
|
298
|
-
close_button_custom_color: "#
|
|
298
|
+
close_button_custom_color: "#D3D3D3",
|
|
299
299
|
close_button_position: "side",
|
|
300
300
|
close_button_size: "standard",
|
|
301
301
|
close_button_type: "btn_type_1",
|
|
@@ -321,13 +321,13 @@ const initialState = {
|
|
|
321
321
|
gallery_highlight: false,
|
|
322
322
|
gallery_highlight_every: 0,
|
|
323
323
|
gallery_highlight_every_start: 0,
|
|
324
|
-
gallery_mobile_photos_per_row:
|
|
325
|
-
gallery_photos_count:
|
|
326
|
-
gallery_photos_per_row:
|
|
324
|
+
gallery_mobile_photos_per_row: 3,
|
|
325
|
+
gallery_photos_count: 9,
|
|
326
|
+
gallery_photos_per_row: 3,
|
|
327
327
|
header_show_average_rating: true,
|
|
328
328
|
header_show_breakdown: true, // TODO check default value
|
|
329
329
|
header_show_sort: true,
|
|
330
|
-
header_type: "
|
|
330
|
+
header_type: "header1",
|
|
331
331
|
hide_branding: false,
|
|
332
332
|
hide_social_links: false,
|
|
333
333
|
highlight_hotspots_layout: "hotspot-tall", // TODO BE, move hotspots layout to hotspots
|
|
@@ -339,11 +339,11 @@ const initialState = {
|
|
|
339
339
|
show_numbers: false,
|
|
340
340
|
text_color: "#ffffff"
|
|
341
341
|
},
|
|
342
|
-
item_reveal_content: "",
|
|
343
|
-
item_animation_duration:
|
|
342
|
+
item_reveal_content: "on_hover", // on_hover, always; TODO BE boolean might fit better
|
|
343
|
+
item_animation_duration: 4,
|
|
344
344
|
item_animation_type: "hover-animation-1",
|
|
345
345
|
item_hover_background_opacity: 80,
|
|
346
|
-
item_hover_border_color: "#
|
|
346
|
+
item_hover_border_color: "#000000",
|
|
347
347
|
item_hover_color_from: "#000000", // check default value
|
|
348
348
|
item_hover_color_to: "#000000", // check default value
|
|
349
349
|
item_hover_disabled: false,
|
|
@@ -352,7 +352,7 @@ const initialState = {
|
|
|
352
352
|
item_label_font_size: 15,
|
|
353
353
|
item_label_font_style: "Normal",
|
|
354
354
|
item_label_text: "SHOP THIS LOOK",
|
|
355
|
-
item_mobile_padding:
|
|
355
|
+
item_mobile_padding: 1,
|
|
356
356
|
item_open_link: false,
|
|
357
357
|
item_padding: 1,
|
|
358
358
|
item_style: "standard",
|
|
@@ -361,12 +361,12 @@ const initialState = {
|
|
|
361
361
|
load_more_button_color: "#000000",
|
|
362
362
|
load_more_button_style: "btn_style_1",
|
|
363
363
|
load_more_font_size: 14,
|
|
364
|
-
load_more_font_style: "
|
|
365
|
-
load_more_padding:
|
|
364
|
+
load_more_font_style: "Bold", // TODO better to switch in BE side to bold (origin CSS value)
|
|
365
|
+
load_more_padding: 8,
|
|
366
366
|
load_more_text: "MORE",
|
|
367
367
|
mobile_arrow_color_theme: "mob_light",
|
|
368
368
|
mobile_arrow_custom_box_color: "#000000",
|
|
369
|
-
mobile_arrow_custom_color: "#
|
|
369
|
+
mobile_arrow_custom_color: "#D3D3D3",
|
|
370
370
|
mobile_arrow_graphics_type: "mob_type_1",
|
|
371
371
|
mobile_arrow_position: "mob_top",
|
|
372
372
|
money_format: "{{amount}}",
|
|
@@ -379,11 +379,11 @@ const initialState = {
|
|
|
379
379
|
popup_buy_button_background_color: "#444444",
|
|
380
380
|
popup_buy_button_background_hover_color: "#000000",
|
|
381
381
|
popup_buy_button_text_color: "#FFFFFF",
|
|
382
|
-
popup_buy_button_text_hover_color: "#
|
|
382
|
+
popup_buy_button_text_hover_color: "#101010", // TODO BE schema default is "#101", looks truncated, check with BE
|
|
383
383
|
popup_custom_link_label: "Visit",
|
|
384
384
|
popup_disable_modal: false,
|
|
385
385
|
popup_feed_show_caption: true,
|
|
386
|
-
popup_feed_show_navigation_arrows:
|
|
386
|
+
popup_feed_show_navigation_arrows: true,
|
|
387
387
|
popup_feed_show_star_rating: true,
|
|
388
388
|
popup_feed_sound_on: true,
|
|
389
389
|
popup_image_size: "responsive",
|
|
@@ -394,42 +394,42 @@ const initialState = {
|
|
|
394
394
|
popup_buy_button_style: "buy_btn_style_1",
|
|
395
395
|
popup_products_view_type: "grid_view",
|
|
396
396
|
price_label_caption: "Price",
|
|
397
|
-
primary_color: "#
|
|
398
|
-
secondary_color: "#
|
|
397
|
+
primary_color: "#000000",
|
|
398
|
+
secondary_color: "#CCCCCC",
|
|
399
399
|
select_label_caption: "Select",
|
|
400
400
|
show_header: false,
|
|
401
401
|
show_price: true,
|
|
402
402
|
show_price_in_popup: true,
|
|
403
403
|
show_review: true,
|
|
404
404
|
slideshow_autoplay: 0, // // TODO check this value
|
|
405
|
-
slideshow_arrows_desktop_align: "
|
|
406
|
-
slideshow_arrows_mobile_align: "
|
|
407
|
-
slideshow_arrows_desktop_position: "
|
|
408
|
-
slideshow_arrows_mobile_position: "
|
|
409
|
-
slideshow_scrollbar_desktop_align: "
|
|
410
|
-
slideshow_scrollbar_mobile_align: "
|
|
411
|
-
slideshow_scrollbar_desktop_position: "
|
|
412
|
-
slideshow_scrollbar_mobile_position: "
|
|
405
|
+
slideshow_arrows_desktop_align: "inside", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
406
|
+
slideshow_arrows_mobile_align: "inside", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
407
|
+
slideshow_arrows_desktop_position: "middle", // bottom, middle, top, none
|
|
408
|
+
slideshow_arrows_mobile_position: "none", // bottom, middle, top, none
|
|
409
|
+
slideshow_scrollbar_desktop_align: "center", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
410
|
+
slideshow_scrollbar_mobile_align: "center", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
411
|
+
slideshow_scrollbar_desktop_position: "bottom", // bottom, middle, top
|
|
412
|
+
slideshow_scrollbar_mobile_position: "bottom", // bottom, middle, top
|
|
413
413
|
slideshow_load_more: true, // TODO check this value
|
|
414
414
|
slideshow_video_auto_play: false,
|
|
415
|
-
slideshow_mobile_photos_per_row:
|
|
416
|
-
slideshow_photos_per_row:
|
|
415
|
+
slideshow_mobile_photos_per_row: 3,
|
|
416
|
+
slideshow_photos_per_row: 3,
|
|
417
417
|
slideshow_crop_mode: false, // slider crop mode, if user select 4 items and 5% space -> display ~ 3.8 slide
|
|
418
418
|
slideshow_style: "regular",
|
|
419
419
|
slideshow_reverse_mode: false,
|
|
420
420
|
slideshow_vertical_mode: false,
|
|
421
421
|
slideshow_speed: 100,
|
|
422
|
-
slideshow_desktop_pagination_style: "
|
|
423
|
-
slideshow_mobile_pagination_style: "dots", // none, dots, animated-dots, line
|
|
424
|
-
star_color: "#FCD02C",
|
|
425
|
-
tags_color: "#86848A",
|
|
422
|
+
slideshow_desktop_pagination_style: "animated-dots", // none, dots, animated-dots, line
|
|
423
|
+
slideshow_mobile_pagination_style: "animated-dots", // none, dots, animated-dots, line
|
|
424
|
+
star_color: "#FCD02C",
|
|
425
|
+
tags_color: "#86848A",
|
|
426
426
|
tags_active_color: "#302F33",
|
|
427
|
-
tags_font_size: 12,
|
|
428
|
-
tags_font_weight: "", // TODO BE (
|
|
429
|
-
tags_padding:
|
|
430
|
-
tags_reset_button_text: "",
|
|
431
|
-
tags_style: "
|
|
432
|
-
tags_wrap: "
|
|
427
|
+
tags_font_size: 12,
|
|
428
|
+
tags_font_weight: "Normal", // TODO better to switch in BE side to normal (origin CSS value)
|
|
429
|
+
tags_padding: 1,
|
|
430
|
+
tags_reset_button_text: "All",
|
|
431
|
+
tags_style: "style_2", // style_1, style_2, style_3, style_4
|
|
432
|
+
tags_wrap: "wrap", // (scroll, wrap)
|
|
433
433
|
upload_show_star_rating: true
|
|
434
434
|
};
|
|
435
435
|
// converted properies based on BE settings
|
|
@@ -286,7 +286,7 @@ export class CovetPicsGalleryGrid {
|
|
|
286
286
|
cssVars["--covet-internal-load-more-border"] = this.settings.load_more_border_width.toString() + "px";
|
|
287
287
|
cssVars["--covet-internal-load-more-color"] = this.settings.load_more_button_color;
|
|
288
288
|
cssVars["--covet-internal-load-more-font-size"] = this.settings.load_more_font_size.toString() + "px";
|
|
289
|
-
cssVars["--covet-internal-load-more-font-style"] = this.settings.load_more_font_style;
|
|
289
|
+
cssVars["--covet-internal-load-more-font-style"] = this.settings.load_more_font_style.toLowerCase();
|
|
290
290
|
cssVars["--covet-internal-load-more-padding"] = this.settings.load_more_padding.toString() + "px";
|
|
291
291
|
}
|
|
292
292
|
cssVars["--covet-desktop-photos-per-row"] = this.settings.gallery_photos_per_row.toString();
|
|
@@ -296,7 +296,7 @@ export class CovetPicsGalleryGrid {
|
|
|
296
296
|
return cssVars;
|
|
297
297
|
}
|
|
298
298
|
render() {
|
|
299
|
-
return (h(Host, { key: '
|
|
299
|
+
return (h(Host, { key: '3da7704a452acdbb9d0db10fc11ed6d6f716a603', role: "region", style: this.setCSSVariables() }, this.settings.show_header && this.renderHeader(), this.filtersEnabled && ["style_1", "style_2"].includes(this.settings.tags_style) && this.renderStandardFilters(), this.filtersEnabled && ["style_3", "style_4"].includes(this.settings.tags_style) && this.renderModalFilters(), h("div", { key: 'be512866f8d2912c47f2d87c42586ad38ce3f69b', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && h("div", { key: '1913968f916a4268f7ba57668d662b25ae48b012', class: "grid-sizer" }), this.layout === "collage" && h("div", { key: '98cb8f48a8964ee0848fb0ab97dad2d82babe3b5', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
300
300
|
? this.renderStandardUploadItem(item, idx, this.items.length)
|
|
301
301
|
: this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
|
|
302
302
|
? this.renderDetailUploadItem(item, idx, this.items.length)
|
package/dist/collection/components/covet-pics-gallery-slider/test/covet-pics-gallery-slider.pw.js
CHANGED
|
@@ -11,6 +11,7 @@ const viewports = {
|
|
|
11
11
|
mobile: { width: 600, height: 800 },
|
|
12
12
|
};
|
|
13
13
|
const pixelDiffLimit = { maxDiffPixelRatio: 0.02 };
|
|
14
|
+
const fixedNow = new Date("2026-08-01T14:00:00Z");
|
|
14
15
|
const selectors = {
|
|
15
16
|
widget: "covet-pics-widget",
|
|
16
17
|
swiper: "covet-pics-gallery-slider .swiper",
|
|
@@ -33,6 +34,7 @@ async function renderGallery(page, customSettings = {}) {
|
|
|
33
34
|
body: JSON.stringify(Object.assign(Object.assign({}, gallery), { total_pages: 1, settings: Object.assign(Object.assign({}, gallery.settings), customSettings) })),
|
|
34
35
|
}));
|
|
35
36
|
await page.route("**/local-images/**", route => fulfillLocalFile(route, imagesDir));
|
|
37
|
+
await page.clock.setFixedTime(fixedNow);
|
|
36
38
|
await page.goto("/");
|
|
37
39
|
await page.evaluate(() => {
|
|
38
40
|
window.__galleryLoaded = false;
|
|
@@ -6,14 +6,14 @@ const initialState = {
|
|
|
6
6
|
add_to_cart_button_caption: "Add to cart",
|
|
7
7
|
arrow_color_theme: "light",
|
|
8
8
|
arrow_custom_box_color: "#000000",
|
|
9
|
-
arrow_custom_color: "#
|
|
9
|
+
arrow_custom_color: "#D3D3D3",
|
|
10
10
|
arrow_graphics_type: "type_1",
|
|
11
11
|
arrow_size: "standard",
|
|
12
12
|
arrow_size_custom: 48,
|
|
13
|
-
background_color: "#
|
|
13
|
+
background_color: "#FFFFFF",
|
|
14
14
|
close_button_color_theme: "dark_btn",
|
|
15
15
|
close_button_custom_box_color: "#000000",
|
|
16
|
-
close_button_custom_color: "#
|
|
16
|
+
close_button_custom_color: "#D3D3D3",
|
|
17
17
|
close_button_position: "side",
|
|
18
18
|
close_button_size: "standard",
|
|
19
19
|
close_button_type: "btn_type_1",
|
|
@@ -39,13 +39,13 @@ const initialState = {
|
|
|
39
39
|
gallery_highlight: false,
|
|
40
40
|
gallery_highlight_every: 0,
|
|
41
41
|
gallery_highlight_every_start: 0,
|
|
42
|
-
gallery_mobile_photos_per_row:
|
|
43
|
-
gallery_photos_count:
|
|
44
|
-
gallery_photos_per_row:
|
|
42
|
+
gallery_mobile_photos_per_row: 3,
|
|
43
|
+
gallery_photos_count: 9,
|
|
44
|
+
gallery_photos_per_row: 3,
|
|
45
45
|
header_show_average_rating: true,
|
|
46
46
|
header_show_breakdown: true, // TODO check default value
|
|
47
47
|
header_show_sort: true,
|
|
48
|
-
header_type: "
|
|
48
|
+
header_type: "header1",
|
|
49
49
|
hide_branding: false,
|
|
50
50
|
hide_social_links: false,
|
|
51
51
|
highlight_hotspots_layout: "hotspot-tall", // TODO BE, move hotspots layout to hotspots
|
|
@@ -57,11 +57,11 @@ const initialState = {
|
|
|
57
57
|
show_numbers: false,
|
|
58
58
|
text_color: "#ffffff"
|
|
59
59
|
},
|
|
60
|
-
item_reveal_content: "",
|
|
61
|
-
item_animation_duration:
|
|
60
|
+
item_reveal_content: "on_hover", // on_hover, always; TODO BE boolean might fit better
|
|
61
|
+
item_animation_duration: 4,
|
|
62
62
|
item_animation_type: "hover-animation-1",
|
|
63
63
|
item_hover_background_opacity: 80,
|
|
64
|
-
item_hover_border_color: "#
|
|
64
|
+
item_hover_border_color: "#000000",
|
|
65
65
|
item_hover_color_from: "#000000", // check default value
|
|
66
66
|
item_hover_color_to: "#000000", // check default value
|
|
67
67
|
item_hover_disabled: false,
|
|
@@ -70,7 +70,7 @@ const initialState = {
|
|
|
70
70
|
item_label_font_size: 15,
|
|
71
71
|
item_label_font_style: "Normal",
|
|
72
72
|
item_label_text: "SHOP THIS LOOK",
|
|
73
|
-
item_mobile_padding:
|
|
73
|
+
item_mobile_padding: 1,
|
|
74
74
|
item_open_link: false,
|
|
75
75
|
item_padding: 1,
|
|
76
76
|
item_style: "standard",
|
|
@@ -79,12 +79,12 @@ const initialState = {
|
|
|
79
79
|
load_more_button_color: "#000000",
|
|
80
80
|
load_more_button_style: "btn_style_1",
|
|
81
81
|
load_more_font_size: 14,
|
|
82
|
-
load_more_font_style: "
|
|
83
|
-
load_more_padding:
|
|
82
|
+
load_more_font_style: "Bold", // TODO better to switch in BE side to bold (origin CSS value)
|
|
83
|
+
load_more_padding: 8,
|
|
84
84
|
load_more_text: "MORE",
|
|
85
85
|
mobile_arrow_color_theme: "mob_light",
|
|
86
86
|
mobile_arrow_custom_box_color: "#000000",
|
|
87
|
-
mobile_arrow_custom_color: "#
|
|
87
|
+
mobile_arrow_custom_color: "#D3D3D3",
|
|
88
88
|
mobile_arrow_graphics_type: "mob_type_1",
|
|
89
89
|
mobile_arrow_position: "mob_top",
|
|
90
90
|
money_format: "{{amount}}",
|
|
@@ -97,11 +97,11 @@ const initialState = {
|
|
|
97
97
|
popup_buy_button_background_color: "#444444",
|
|
98
98
|
popup_buy_button_background_hover_color: "#000000",
|
|
99
99
|
popup_buy_button_text_color: "#FFFFFF",
|
|
100
|
-
popup_buy_button_text_hover_color: "#
|
|
100
|
+
popup_buy_button_text_hover_color: "#101010", // TODO BE schema default is "#101", looks truncated, check with BE
|
|
101
101
|
popup_custom_link_label: "Visit",
|
|
102
102
|
popup_disable_modal: false,
|
|
103
103
|
popup_feed_show_caption: true,
|
|
104
|
-
popup_feed_show_navigation_arrows:
|
|
104
|
+
popup_feed_show_navigation_arrows: true,
|
|
105
105
|
popup_feed_show_star_rating: true,
|
|
106
106
|
popup_feed_sound_on: true,
|
|
107
107
|
popup_image_size: "responsive",
|
|
@@ -112,42 +112,42 @@ const initialState = {
|
|
|
112
112
|
popup_buy_button_style: "buy_btn_style_1",
|
|
113
113
|
popup_products_view_type: "grid_view",
|
|
114
114
|
price_label_caption: "Price",
|
|
115
|
-
primary_color: "#
|
|
116
|
-
secondary_color: "#
|
|
115
|
+
primary_color: "#000000",
|
|
116
|
+
secondary_color: "#CCCCCC",
|
|
117
117
|
select_label_caption: "Select",
|
|
118
118
|
show_header: false,
|
|
119
119
|
show_price: true,
|
|
120
120
|
show_price_in_popup: true,
|
|
121
121
|
show_review: true,
|
|
122
122
|
slideshow_autoplay: 0, // // TODO check this value
|
|
123
|
-
slideshow_arrows_desktop_align: "
|
|
124
|
-
slideshow_arrows_mobile_align: "
|
|
125
|
-
slideshow_arrows_desktop_position: "
|
|
126
|
-
slideshow_arrows_mobile_position: "
|
|
127
|
-
slideshow_scrollbar_desktop_align: "
|
|
128
|
-
slideshow_scrollbar_mobile_align: "
|
|
129
|
-
slideshow_scrollbar_desktop_position: "
|
|
130
|
-
slideshow_scrollbar_mobile_position: "
|
|
123
|
+
slideshow_arrows_desktop_align: "inside", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
124
|
+
slideshow_arrows_mobile_align: "inside", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
125
|
+
slideshow_arrows_desktop_position: "middle", // bottom, middle, top, none
|
|
126
|
+
slideshow_arrows_mobile_position: "none", // bottom, middle, top, none
|
|
127
|
+
slideshow_scrollbar_desktop_align: "center", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
128
|
+
slideshow_scrollbar_mobile_align: "center", // (top, bottom) start, end, center, stretch / (middle) inside, outside
|
|
129
|
+
slideshow_scrollbar_desktop_position: "bottom", // bottom, middle, top
|
|
130
|
+
slideshow_scrollbar_mobile_position: "bottom", // bottom, middle, top
|
|
131
131
|
slideshow_load_more: true, // TODO check this value
|
|
132
132
|
slideshow_video_auto_play: false,
|
|
133
|
-
slideshow_mobile_photos_per_row:
|
|
134
|
-
slideshow_photos_per_row:
|
|
133
|
+
slideshow_mobile_photos_per_row: 3,
|
|
134
|
+
slideshow_photos_per_row: 3,
|
|
135
135
|
slideshow_crop_mode: false, // slider crop mode, if user select 4 items and 5% space -> display ~ 3.8 slide
|
|
136
136
|
slideshow_style: "regular",
|
|
137
137
|
slideshow_reverse_mode: false,
|
|
138
138
|
slideshow_vertical_mode: false,
|
|
139
139
|
slideshow_speed: 100,
|
|
140
|
-
slideshow_desktop_pagination_style: "
|
|
141
|
-
slideshow_mobile_pagination_style: "dots", // none, dots, animated-dots, line
|
|
142
|
-
star_color: "#FCD02C",
|
|
143
|
-
tags_color: "#86848A",
|
|
140
|
+
slideshow_desktop_pagination_style: "animated-dots", // none, dots, animated-dots, line
|
|
141
|
+
slideshow_mobile_pagination_style: "animated-dots", // none, dots, animated-dots, line
|
|
142
|
+
star_color: "#FCD02C",
|
|
143
|
+
tags_color: "#86848A",
|
|
144
144
|
tags_active_color: "#302F33",
|
|
145
|
-
tags_font_size: 12,
|
|
146
|
-
tags_font_weight: "", // TODO BE (
|
|
147
|
-
tags_padding:
|
|
148
|
-
tags_reset_button_text: "",
|
|
149
|
-
tags_style: "
|
|
150
|
-
tags_wrap: "
|
|
145
|
+
tags_font_size: 12,
|
|
146
|
+
tags_font_weight: "Normal", // TODO better to switch in BE side to normal (origin CSS value)
|
|
147
|
+
tags_padding: 1,
|
|
148
|
+
tags_reset_button_text: "All",
|
|
149
|
+
tags_style: "style_2", // style_1, style_2, style_3, style_4
|
|
150
|
+
tags_wrap: "wrap", // (scroll, wrap)
|
|
151
151
|
upload_show_star_rating: true
|
|
152
152
|
};
|
|
153
153
|
// converted properies based on BE settings
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* Copyright by Space Squirrel Ltd.
|
|
3
3
|
*/
|
|
4
|
-
import{p as e,b as t}from"./p-j4t9dBFC.js";export{s as setNonce}from"./p-j4t9dBFC.js";import{g as i}from"./p-BMxoP_07.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-e4a4d34b",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-bffbc9b4",[[1,"covet-pics-star-rating",{rating:[2],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"]}]]],["p-541560bb",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}]]],["p-58c5162b",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}]]],["p-d8ff39bb",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:[{enableSlider:0}],dataLoaded:[{lazyLoadMedia:0}],sliderIndex:[{updateSliderIndex:0}]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:[{enableSlider:0}]}]]],["p-78f600d8",[[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-57de760f",[[0,"covet-pics-direct-buy",{covetProduct:[16],itemId:[1,"item-id"],appStore:[16],settings:[32],selectedVariant:[32],product:[32],options:[32],selectedOptions:[32],shopCartState:[32],isAvailableForSale:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:[{watchPropHandler:0}]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[1,"covet-pics-checkbox",{checked:[1540],label:[1],value:[1],disabled:[516],inputId:[1,"input-id"]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}],[1,"covet-pics-select",{selectId:[1,"select-id"],optionData:[16],label:[1],selectedValue:[1,"selected-value"]},[[9,"mousedown","handleClickOutside"]]],[1,"covet-pics-shop-cart",{appStore:[16],isCartVisible:[32],products:[32],totalAmount:[32],discount:[32],totalQuantity:[32],notAvaliableForSaleKeys:[32]}]]],["p-
|
|
4
|
+
import{p as e,b as t}from"./p-j4t9dBFC.js";export{s as setNonce}from"./p-j4t9dBFC.js";import{g as i}from"./p-BMxoP_07.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-e4a4d34b",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-bffbc9b4",[[1,"covet-pics-star-rating",{rating:[2],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"]}]]],["p-541560bb",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}]]],["p-58c5162b",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16],productLinks:[16],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16]},null,{thumbnailUrl:[{refreshHotspot:0}],activeHotspot:[{activeHotspotHandler:0}]}]]],["p-d8ff39bb",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:[{enableSlider:0}],dataLoaded:[{lazyLoadMedia:0}],sliderIndex:[{updateSliderIndex:0}]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:[{enableSlider:0}]}]]],["p-78f600d8",[[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:[{autoPlayVideos:0}]}],[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-57de760f",[[0,"covet-pics-direct-buy",{covetProduct:[16],itemId:[1,"item-id"],appStore:[16],settings:[32],selectedVariant:[32],product:[32],options:[32],selectedOptions:[32],shopCartState:[32],isAvailableForSale:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:[{watchPropHandler:0}]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[1,"covet-pics-checkbox",{checked:[1540],label:[1],value:[1],disabled:[516],inputId:[1,"input-id"]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}],[1,"covet-pics-select",{selectId:[1,"select-id"],optionData:[16],label:[1],selectedValue:[1,"selected-value"]},[[9,"mousedown","handleClickOutside"]]],[1,"covet-pics-shop-cart",{appStore:[16],isCartVisible:[32],products:[32],totalAmount:[32],discount:[32],totalQuantity:[32],notAvaliableForSaleKeys:[32]}]]],["p-cd3fa0f5",[[1,"covet-pics-popup",{appStore:[16],item:[32],product:[32],directBuyIsOpen:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],popupIsOpen:[32],popupIsClosing:[32],totalQuantity:[32],openPopup:[64],closePopup:[64]},[[16,"productLinkClicked","productLinkClickedHandler"]],{item:[{itemChangedHandler:0}],popupIsOpen:[{popupOpenHandler:0}]}],[0,"covet-pics-gallery-grid",{breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32],items:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]]],[0,"covet-pics-gallery-slider",{sliderStyle:[1,"slider-style"],appStore:[16],itemSize:[32],items:[32],galleryIndex:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{galleryIndex:[{changeSlide:0}]}],[0,"covet-pics-gallery-slider-marquee",{appStore:[16],itemSize:[32],items:[32],galleryIndex:[32],popupIsOpen:[32]},[[1,"pointerenter","onPointerEnter"],[1,"pointerleave","onPointerLeave"],[0,"focusin","onFocusIn"],[0,"focusout","onFocusOut"]],{galleryIndex:[{changeSlide:0}],popupIsOpen:[{onPopupToggle:0}],items:[{onItemsChange:0}]}],[1,"covet-pics-popup-freeflow",{appStore:[16],settings:[32],items:[32],sliderIndex:[32],popupIsOpen:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{popupIsOpen:[{popupOpenHandler:0}],sliderIndex:[{updateSliderIndex:0}],items:[{updateItems:0}]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"],[0,"keydown","handleKeydown"]]],[1,"covet-pics-notifications",{appStore:[16],notifications:[32],showAll:[32]}],[1,"covet-pics-upload",{standalone:[4],appStore:[16],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadIsOpen:[32],uploadIsClosing:[32],openUpload:[64],closeUpload:[64]},null,{uploadIsOpen:[{uploadOpenHandler:0}]}]]],["p-04933632",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],baseUrl:[1,"base-url"],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],appStore:[32],fetchingError:[32],preloadNextPage:[32],sortSelected:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]],{sortSelected:[{onSortChange:0}],preloadNextPage:[{preloadNextPageHandler:0}]}]]]],e))));
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
/*!
|
|
2
|
+
* Copyright by Space Squirrel Ltd.
|
|
3
|
+
*/
|
|
4
|
+
import{r as t,c as e,h as s,H as i,g as o}from"./p-j4t9dBFC.js";import{B as h,e as r,s as a}from"./p-BsB8LBR9.js";import{c as l,b as n,d}from"./p-DbGL3AgT.js";import{a as _}from"./p-jkAtTCbL.js";import{p,a as c,s as u,b as m}from"./p-Bvh9529q.js";import{i as g,s as b,a as w}from"./p-Q5FVHPvW.js";import{c as v,u as y,s as f}from"./p-ChNKaWW0.js";import{n as S,s as O}from"./p-CO-kz4Fv.js";import{g as k,s as j}from"./p-B2Dh8Prt.js";import{c as C,b as I}from"./p-CEwJVWkv.js";class U{constructor(t,e,s){this.page=0,this.isLoading=!1,this.totalPages=1,this.previewSettings={},this.previewHoverMode=!1,this.previewPopupMode=!1,this.previewMode=!1,this.sortType="",this._customSettings={},this._selectedFilters=[],this._customUrl=null,this._environment="production","boolean"==typeof e&&(this.previewMode=e),"string"==typeof t&&Object.keys(h).includes(t)&&(this._environment=t),"string"==typeof s&&s&&(this._customUrl=s)}get baseUrl(){return this._customUrl||h[this._environment]}get galleryType(){return this.productHandle?"product_gallery":"standard_gallery"}setCustomSettings(t){return this._customSettings=Object.assign({},t),Object.keys(this._customSettings).forEach((t=>null===this._customSettings[t]?delete this._customSettings[t]:this._customSettings[t])),this._customSettings}setSelectedFilters(t){return this._selectedFilters=[...t]}standardGalleryUrl(){return"/api/v1/embed/:id".replace(":id",this.embedId)}productGalleryUrl(){return"/api/v1/shop/:shop/product/:handle".replace(":shop",this.shopDomain).replace(":handle",this.productHandle)}galleryUrl(){if("testing"===this._environment)return"http://localhost:3000/embed";let t=this.baseUrl;return t+=this.productHandle?this.productGalleryUrl():this.standardGalleryUrl(),this.previewMode&&(t+="/preview"),""!==this.sortType&&(t+=`?sort_by=${this.sortType}`),t}resetPagination(){this.page=0,this.totalPages=1}async fetchItems(){if(this.isLoading||this.page>=this.totalPages)return;this.isLoading=!0,this.page+=1;let t=this.galleryUrl();const e=[];this.page>1&&e.push(`page=${this.page}`),this._selectedFilters.length>0&&(this.previewMode?this.previewSettings.filters=this._selectedFilters:this._selectedFilters.forEach((t=>e.push(encodeURIComponent("filters[]")+"="+encodeURIComponent(t))))),e.length>0&&(t+=`?${e.join("&")}`);const s=await fetch(t,this.fetchOptions);if(!s.ok)throw new Error(`${s.status}`);const i=await s.json();return i.items=this.getItemsWithLocaleLinks(i.items),this.data=Object.assign({},i),this.data.settings=Object.assign(Object.assign({},this.data.settings),this._customSettings),i.settings=void 0!==this.previewSettings.settings?Object.assign(Object.assign(Object.assign({},i.settings),this._customSettings),this.previewSettings.settings):Object.assign(Object.assign({},i.settings),this._customSettings),this.totalPages=i.total_pages,this.galleryId=i.gallery_id,this.shopId=i.shop_id,this.isLoading=!1,i}getItemsWithLocaleLinks(t){return t.forEach((t=>(t.links&&t.links.length>0&&t.links.forEach((t=>(t.link=(t=>{const e=window.location.hostname;let s=t;const i=window.Shopify;return void 0!==i&&i.routes&&i.routes.root&&"/"!==i.routes.root?s.replace(`${e}/`,`${e}${i.routes.root}`):s})(t.link),t))),t))),t}get fetchOptions(){const t={},e={},s=Object.keys(this.previewSettings);return this.previewMode&&(e.method="POST",e.headers={"Content-Type":"application/json"},s.length>0&&(s.forEach((e=>{const s=e.replace(/^(gallery_embed\[)/,"").replace(/\]$/,"");t[s]=this.previewSettings[e]})),e.body=JSON.stringify(t))),e}}const P=l({name:"widgetId",initialState:{embedId:null,productHandle:null,shopDomain:null,galleryId:null,shopId:null,photoRequestId:null},reducers:{widgetIdUpdated:(t,e)=>{const{embedId:s,productHandle:i,shopDomain:o,photoRequestId:h}=e.payload;t.embedId=s,t.productHandle=i,t.shopDomain=o,t.photoRequestId=h},widgetGalleryIdUpdated:(t,e)=>{t.galleryId=e.payload},widgetShopIdUpdated:(t,e)=>{t.shopId=e.payload}}}),{widgetIdUpdated:F,widgetGalleryIdUpdated:x,widgetShopIdUpdated:D}=P.actions;var E=P.reducer;const H={production:"https://app.covet.pics",development:"http://localhost:3000",staging:"https://covetstaging.spacesquirrel.net",testing:"http://localhost:3000/testing_db"},W="/api/v1/beacons",$=l({name:"url",initialState:{baseUrl:"",environment:"",baseBeaconsUrl:"",customUrl:null},reducers:{setEnvironment:(t,e)=>{const s=e.payload;return t.environment="string"==typeof s&&Object.keys(H).includes(s)?s:"production",t.baseUrl=t.customUrl||H[t.environment],t.baseBeaconsUrl=`${t.baseUrl}${W}/`,t},setCustomUrl:(t,e)=>(t.customUrl=e.payload||null,t.baseUrl=t.customUrl||H[t.environment],t.baseBeaconsUrl=`${t.baseUrl}${W}/`,t)}}),{setEnvironment:z,setCustomUrl:L}=$.actions;var M=$.reducer;const A=l({name:"size",initialState:{widgetWidth:320,windowHeight:600,isDesktopScreen:!0},reducers:{widgetWidthUpdated:(t,e)=>{t.widgetWidth=e.payload,t.isDesktopScreen=e.payload>=800},windowHeightUpdated:(t,e)=>{t.windowHeight=e.payload}}}),{widgetWidthUpdated:G,windowHeightUpdated:B}=A.actions;var N=A.reducer;const T=l({name:"preview",initialState:{hoverMode:!1,popupMode:!1,mode:!1},reducers:{setPreviewHoverMode:(t,e)=>{t.hoverMode=e.payload},setPreviewPopupMode:(t,e)=>{t.popupMode=e.payload},setPreviewMode:(t,e)=>{t.mode=e.payload}}}),{setPreviewHoverMode:R,setPreviewPopupMode:q,setPreviewMode:V}=T.actions;var J=T.reducer;const K=l({name:"analytics",initialState:!1,reducers:{setAnalytics:(t,e)=>e.payload}}),{setAnalytics:Y}=K.actions;var Q=K.reducer;const Z=t=>(t._arrowsDesktopType=`arrows-${t.arrow_graphics_type.toString().replace("_","-")}`,t._arrowsDesktopSizeType=t.arrow_size.toString().replace("_arrow",""),t._arrowsDesktopPosition=t.desktop_arrow_position.toString().replace("sidebar_",""),t._arrowsMobileColorTheme=t.mobile_arrow_color_theme.toString().replace("mob_",""),t._arrowsMobilePosition=t.mobile_arrow_position.toString().replace("mob_",""),t._arrowsMobileType=t.mobile_arrow_graphics_type.toString().replace("mob_","arrows-").replace("_","-"),t._buyButtonStyle=t.popup_buy_button_style.replace("buy_btn_","").replace("_","-"),t._closeButtonType=t.close_button_type.toString().split("_").join("-"),t._closeButtonColorTheme=`close-button-color-theme-${t.close_button_color_theme.toString().replace("_btn","")}`,t),X=l({name:"settings",initialState:Z({add_to_cart_button_caption:"Add to cart",arrow_color_theme:"light",arrow_custom_box_color:"#000000",arrow_custom_color:"#D3D3D3",arrow_graphics_type:"type_1",arrow_size:"standard",arrow_size_custom:48,background_color:"#FFFFFF",close_button_color_theme:"dark_btn",close_button_custom_box_color:"#000000",close_button_custom_color:"#D3D3D3",close_button_position:"side",close_button_size:"standard",close_button_type:"btn_type_1",customer_photo_item_label:"Add Your Photo",customer_photo_item_position:null,customer_photo_upload_body:"We would love to see it in action",customer_photo_upload_button_selector:"",customer_photo_upload_complete_body:"Thank you for your awesome photo! You will see it on the site once it’s approved",customer_photo_upload_complete_close_label:"Close",customer_photo_upload_drop_files_label:"Drag & Drop photos here",customer_photo_upload_form_body_placeholder:"Say something about your image",customer_photo_upload_form_email_placeholder:"E-mail",customer_photo_upload_form_legal_message:"",customer_photo_upload_form_name_placeholder:"Nickname",customer_photo_upload_form_send_label:"Send",customer_photo_upload_form_uploading:"Uploading...",customer_photo_upload_title:"Show It off",customer_widget_cover:null,desktop_arrow_position:"middle",direct_add_to_cart:!0,display_type:"grid",font_family:"Source Sans Pro",gallery_highlight:!1,gallery_highlight_every:0,gallery_highlight_every_start:0,gallery_mobile_photos_per_row:3,gallery_photos_count:9,gallery_photos_per_row:3,header_show_average_rating:!0,header_show_breakdown:!0,header_show_sort:!0,header_type:"header1",hide_branding:!1,hide_social_links:!1,highlight_hotspots_layout:"hotspot-tall",highlight_layout:"slider",highlight_products_layout:"layout-1",hotspots:{enabled:!1,background_color:"#000000",show_numbers:!1,text_color:"#ffffff"},item_reveal_content:"on_hover",item_animation_duration:4,item_animation_type:"hover-animation-1",item_hover_background_opacity:80,item_hover_border_color:"#000000",item_hover_color_from:"#000000",item_hover_color_to:"#000000",item_hover_disabled:!1,item_hover_icon:!1,item_label_color:"#FFFFFF",item_label_font_size:15,item_label_font_style:"Normal",item_label_text:"SHOP THIS LOOK",item_mobile_padding:1,item_open_link:!1,item_padding:1,item_style:"standard",item_without_product_label_text:"SEE MORE",load_more_border_width:4,load_more_button_color:"#000000",load_more_button_style:"btn_style_1",load_more_font_size:14,load_more_font_style:"Bold",load_more_padding:8,load_more_text:"MORE",mobile_arrow_color_theme:"mob_light",mobile_arrow_custom_box_color:"#000000",mobile_arrow_custom_color:"#D3D3D3",mobile_arrow_graphics_type:"mob_type_1",mobile_arrow_position:"mob_top",money_format:"{{amount}}",multiple_filter_enabled:!1,padding:0,pagination:"button",popup_animation:!0,popup_background_color:"#000000",popup_background_opacity:80,popup_buy_button_background_color:"#444444",popup_buy_button_background_hover_color:"#000000",popup_buy_button_text_color:"#FFFFFF",popup_buy_button_text_hover_color:"#101010",popup_custom_link_label:"Visit",popup_disable_modal:!1,popup_feed_show_caption:!0,popup_feed_show_navigation_arrows:!0,popup_feed_show_star_rating:!0,popup_feed_sound_on:!0,popup_image_size:"responsive",popup_products_button_caption:"Buy Now",popup_products_title:"SHOP THIS LOOK",popup_products_title_disabled:!1,popup_style:"standard",popup_buy_button_style:"buy_btn_style_1",popup_products_view_type:"grid_view",price_label_caption:"Price",primary_color:"#000000",secondary_color:"#CCCCCC",select_label_caption:"Select",show_header:!1,show_price:!0,show_price_in_popup:!0,show_review:!0,slideshow_autoplay:0,slideshow_arrows_desktop_align:"inside",slideshow_arrows_mobile_align:"inside",slideshow_arrows_desktop_position:"middle",slideshow_arrows_mobile_position:"none",slideshow_scrollbar_desktop_align:"center",slideshow_scrollbar_mobile_align:"center",slideshow_scrollbar_desktop_position:"bottom",slideshow_scrollbar_mobile_position:"bottom",slideshow_load_more:!0,slideshow_video_auto_play:!1,slideshow_mobile_photos_per_row:3,slideshow_photos_per_row:3,slideshow_crop_mode:!1,slideshow_style:"regular",slideshow_reverse_mode:!1,slideshow_vertical_mode:!1,slideshow_speed:100,slideshow_desktop_pagination_style:"animated-dots",slideshow_mobile_pagination_style:"animated-dots",star_color:"#FCD02C",tags_color:"#86848A",tags_active_color:"#302F33",tags_font_size:12,tags_font_weight:"Normal",tags_padding:1,tags_reset_button_text:"All",tags_style:"style_2",tags_wrap:"wrap",upload_show_star_rating:!0}),reducers:{setSettings:(t,e)=>{const s=Object.fromEntries(Object.entries(e.payload).filter((([,t])=>void 0!==t)));return Z(Object.assign(Object.assign({},t),s))}}}),{setSettings:tt}=X.actions,et=n({analytics:Q,size:N,sort:_,url:M,preview:J,items:g,popup:p,upload:y,slider:v,widgetId:E,settings:X.reducer,shopcart:O,notification:S}),st=class{constructor(s){t(this,s),this.updateUploadWidgetCover=e(this,"updateUploadWidgetCover",7),this.elementResize=e(this,"elementResize",7),this.previewMode=!1,this.lazyLoad=!1,this.isLoading=!0,this.fetchingError=null,this.preloadNextPage=!1,this.sortSelected="",this.fontsLoaded=!1,this.filters={},this.notificationsEl=null}async onSortChange(t){this.loader.resetPagination(),this.loader.sortType=t;const e=await this.loader.fetchItems();void 0!==e&&this.appStore.dispatch(b(this.getItemsWithUpload(e.items)))}async filtersUpdatedHandler(t){const e=t.detail.resetFilters;this.appState.preview.mode&&delete this.loader.previewSettings.filters;const s=()=>{Object.keys(this.filters).forEach((t=>this.filters[t]=!1)),this.loader.setSelectedFilters([])};if(e)s();else{const e=t.detail.filter;this.appState.settings.multiple_filter_enabled||this.filters[e]||s(),this.filters[e]=!this.filters[e]}const i=Object.keys(this.filters).filter((t=>this.filters[t]));this.loader.setSelectedFilters(i),this.loader.resetPagination();const o=await this.loader.fetchItems();void 0!==o&&this.appStore.dispatch(b(this.getItemsWithUpload(o.items)))}async nextPageHandler(){const t=await this.loader.fetchItems();void 0!==t&&this.appStore.dispatch(w(t.items))}async nextPageHandlerFreeflow(t){if(t.detail.embedId===this.appState.widgetId.embedId){const t=await this.loader.fetchItems();void 0!==t&&this.appStore.dispatch(w(t.items))}}async preloadNextPageHandler(t,e){if(t&&!e){const t=await this.loader.fetchItems();void 0!==t&&this.appStore.dispatch(w(t.items))}}async updateUploadWidgetCoverPreview(t){this.updateUploadWidgetCover.emit({image:t})}async updatePreviewSettings(t,e,s){this.removeModals(),!1===s&&this.appStore.dispatch(c()),this.loader.previewHoverMode=e,this.loader.previewPopupMode=s,this.appStore.dispatch(R(e)),this.appStore.dispatch(q(s)),this.fontsLoaded=!1,this.loader.previewSettings=Object.assign(Object.assign({},this.loader.previewSettings),t),this.loader.resetPagination(),this.loadData()}componentWillLoad(){this.lazyLoad?this.setupLazyLoading():this.initApp()}setupLazyLoading(){this.el.style.setProperty("--covet-widget-min-height","5px"),this.intersectionObserver=this.observeElementVisibility(this.el,(()=>{this.initApp(),this.widgetResizeObserver(),this.el.style.setProperty("--covet-widget-min-height","0")}))}componentDidLoad(){this.lazyLoad||this.widgetResizeObserver()}disconnectedCallback(){this.unsubscribe(),this.resizeObserver&&this.resizeObserver.disconnect(),this.intersectionObserver&&this.intersectionObserver.disconnect(),null!==this.notificationsEl&&this.notificationsEl.remove()}observeElementVisibility(t,e){const s=new IntersectionObserver((i=>{i.length>0&&i[0].isIntersecting&&(e(),s.unobserve(t))}));return s.observe(t),s}initApp(){this.initAppStore(),this.setupLoader(),this.loadData()}widgetResizeObserver(){this.resizeObserver=new ResizeObserver((()=>{this.appState.size.windowHeight!==window.innerHeight&&this.appStore.dispatch(B(window.innerHeight));const t=this.appState.size.widgetWidth!==this.el.getBoundingClientRect().width;this.isWidgetWrapExist()&&t&&(this.setWidgetWidth(),this.elementResize.emit())})),this.isWidgetWrapExist()&&this.resizeObserver.observe(this.el.parentElement)}initAppStore(){this.appStore=d({reducer:et});const t=k(this.galleryEmbedId,this.shop,this.photoRequestId,this.el);this.appStore.dispatch(F(t)),this.baseUrl&&this.appStore.dispatch(L(this.baseUrl)),this.appStore.dispatch(z(this.environment)),this.appStore.dispatch(V(this.previewMode)),this.appState=this.appStore.getState(),this.preloadNextPage=C(this.appState),this.sortSelected=this.appState.sort.selected,this.unsubscribe=this.appStore.subscribe((()=>{this.appState=this.appStore.getState(),this.preloadNextPage=C(this.appState),this.sortSelected=this.appState.sort.selected})),this.setWidgetWidth()}initPopup(){this.appState.preview.mode&&document.body.querySelectorAll("covet-pics-popup").forEach((t=>t.remove()));const t=r(this.loader.embedId,this.loader.galleryType),e="feed"===this.appState.settings.popup_style&&null===t?document.createElement("covet-pics-popup-freeflow"):document.createElement("covet-pics-popup");e.appStore=this.appStore,document.body.appendChild(e)}initUploadWidget(){if(this.appState.preview.mode&&document.querySelectorAll("covet-pics-upload").forEach((t=>t.remove())),null!==this.appState.settings.customer_photo_item_position||""!==this.appState.settings.customer_photo_upload_button_selector||this.appState.settings.show_header){const t=document.createElement("covet-pics-upload");t.appStore=this.appStore,document.body.appendChild(t),this.bindCustomUploadWidgetButtons()}}initNotifications(){null===this.notificationsEl&&(this.notificationsEl=document.createElement("covet-pics-notifications"),this.notificationsEl.appStore=this.appStore,document.body.appendChild(this.notificationsEl))}bindCustomUploadWidgetButtons(){const t=this.appState.settings.customer_photo_upload_button_selector;""!==t&&document.querySelectorAll(t).forEach((t=>{t.addEventListener("click",(()=>this.appStore.dispatch(f())))}))}setupLoader(){const t=window.location;if(this.loader=new U(this.environment,this.previewMode,this.baseUrl),"string"==typeof this.customSettings&&this.loader.setCustomSettings(JSON.parse(this.customSettings)),void 0===this.galleryEmbedId||0===this.galleryEmbedId){if(void 0!==this.shopifyProductId?this.loader.productHandle=`shopify/${this.shopifyProductId}`:null!==this.el.getAttribute("data-product")?this.loader.productHandle=this.el.getAttribute("data-product"):-1!==t.pathname.indexOf("/products/")&&(this.loader.productHandle=t.pathname.match(/\/products\/([a-zA-Z0-9\-\_\%]+)/)[1]),this.el.hasAttribute("data-shop")&&(this.shop=this.el.getAttribute("data-shop")),void 0===this.shop)return this.fetchingError="The Covet.pics gallery embed has not loaded due to a missing Embed ID. Please make sure to fill in the correct Embed ID",void(this.isLoading=!1);this.loader.shopDomain=this.shop}else this.loader.embedId=this.galleryEmbedId}async loadData(){if(null===this.fetchingError){this.isLoading=!0;try{const t=await this.loader.fetchItems();return this.appStore.dispatch(x(this.loader.galleryId)),this.appStore.dispatch(D(this.loader.shopId)),this.appStore.dispatch(Y(!!this.loader.data.analytics&&this.loader.data.analytics)),void 0===t?!1:(this.appStore.dispatch(tt(t.settings)),this.minNumberOfPhotos=t.settings.min_number_of_photos,this.appStore.dispatch(b("highlight"===this.loader.data.settings.display_type?t.items:this.getItemsWithUpload(t.items))),this.hideElementsIfEmpty(),this.fontsLoaded||this.loadFont(),this.hasEnoughPhotos&&I(this.appState)&&a("Covet.pics Gallery View","Covet.pics Gallery","Covet.pics Gallery View - "+this.galleryEmbedId),this.hasEnoughPhotos&&j(this.appState,"gallery_view"),this.initFilters(),this.isLoading=!1,this.initPopup(),this.initUploadWidget(),this.initNotifications(),this.checkAndOpenSharedItem(),!0)}catch(t){return t instanceof Error&&"404"===t.message&&(this.fetchingError="The Covet.pics gallery embed has not loaded because the embed does not exist. Please verify that the correct Embed ID is being used"),this.isLoading=!1,this.fetchingError}}}removeModals(){["covet-pics-upload","covet-pics-popup","covet-pics-popup-freeflow"].forEach((t=>{const e=document.querySelector(`${t}`);null!==e&&e.remove()}))}checkAndOpenSharedItem(){if(this.loader.previewPopupMode){const t=this.appState.items.find((t=>"upload_widget"!==t.source));return void 0!==t&&this.appStore.dispatch(u(parseInt(t.id)))}const t=r(this.loader.embedId,this.loader.galleryType);return null!==t&&this.appStore.dispatch(m(parseInt(t)))}setWidgetWidth(){const t=this.isWidgetWrapExist()?this.el.getBoundingClientRect().width:320;return this.appStore.dispatch(G(t))}isWidgetWrapExist(){return void 0!==this.el.parentElement&&this.el.parentElement instanceof HTMLElement}get hasEnoughPhotos(){return 0!==this.appState.items.length&&(null===this.minNumberOfPhotos||void 0!==this.loader&&void 0!==this.loader.data&&!(void 0!==this.loader.data.items&&this.loader.data.items.length<this.minNumberOfPhotos&&1===this.loader.page))}initFilters(){const t=this.loader.previewSettings.filters;this.loader.data.filters.list.forEach((t=>this.filters[t]=!1)),this.appState.preview.mode&&void 0!==t&&t.forEach((t=>this.filters[t]=!0))}loadFont(){if(this.loader.data.settings.font_family){const t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("href","https://fonts.googleapis.com/css2?family="+this.loader.data.settings.font_family.split(" ").join("+")+":wght@300;400;600;700&display=swap"),document.head.appendChild(t)}this.fontsLoaded=!0}setWidgetCSSVariables(){let t={};return this.loader.data.settings.font_family&&""!==this.loader.data.settings.font_family&&(t["--covet-internal-font-family"]=`${this.appState.settings.font_family}`),t}getItemsWithUpload(t){return this.loader.data.settings.customer_photo_item_position?(t.splice(this.loader.data.settings.customer_photo_item_position-1,0,{source:"upload_widget",imageUrl:null!==this.appState.settings.customer_widget_cover?this.appState.settings.customer_widget_cover:void 0}),t):t}renderSliderGallery(){return s(i,{style:this.setWidgetCSSVariables(),class:"needsclick"},s("covet-pics-gallery-slider",{"slider-style":this.loader.data.settings.slideshow_style,appStore:this.appStore}))}renderSliderMarqueeGallery(){return s(i,{style:this.setWidgetCSSVariables(),class:"needsclick"},s("covet-pics-gallery-slider-marquee",{appStore:this.appStore}))}renderGridGallery(){var t,e,o;return s(i,{style:this.setWidgetCSSVariables(),class:"needsclick"},s("covet-pics-gallery-grid",{rating:null===(t=this.loader.data.reviews)||void 0===t?void 0:t.rating,"rating-count":null===(e=this.loader.data.reviews)||void 0===e?void 0:e.rating_count,"product-title":this.loader.data.product_title,breakdown:null===(o=this.loader.data.reviews)||void 0===o?void 0:o.breakdown,"filters-enabled":this.loader.data.filters.enabled,filters:this.filters,"show-load-more":"button"===this.appState.settings.pagination&&!this.isLoading&&this.loader.totalPages>this.loader.page&&this.appState.items.length>0,appStore:this.appStore}))}renderHighlighted(){return s(i,{style:this.setWidgetCSSVariables(),class:"highlighted"},s("covet-pics-highlighted",{numberOfPages:this.loader.data.items.length,items:this.loader.data.items,appStore:this.appStore}))}hideElementsIfEmpty(){let t=this.hideElements;t||(t=this.loader.data.settings.selector_to_hide);const e=this.loader.data.items;(void 0===e||0!==e.length)&&this.hasEnoughPhotos||""===t||document.querySelectorAll(t).forEach((t=>t.style.display="none"))}renderUploadStandalone(){return s("covet-pics-upload",{standalone:!0,appStore:this.appStore})}renderError(){return s(i,null,s("p",{class:"error-message"},this.fetchingError))}render(){if(!this.isLoading&&null!==this.fetchingError)return this.renderError();if(!this.isLoading&&this.hasEnoughPhotos){const{display_type:t,slideshow_style:e}=this.loader.data.settings;return"upload-standalone"===t?this.renderUploadStandalone():"slider"===t&&"marquee"===e?this.renderSliderMarqueeGallery():"slider"===t?this.renderSliderGallery():"highlight"===t?this.renderHighlighted():this.renderGridGallery()}}get el(){return o(this)}static get watchers(){return{sortSelected:[{onSortChange:0}],preloadNextPage:[{preloadNextPageHandler:0}]}}};st.style=":host{--covet-font-family:var(--covet-custom-font-family, var(--covet-internal-font-family)), sans-serif}:host{font-family:var(--covet-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;min-width:0;width:100%;min-height:var(--covet-widget-min-height)}:host .error-message{text-align:center;border:2px dashed;padding:20px}";export{st as covet_pics_widget}
|