@covet-pics/covet-pics-widget 0.167.3 → 0.167.5

package/dist/cjs/covet-pics-crop-text.cjs.entry.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-eIVTphqi.js');
-var utils = require('./utils-D6jnnS7Q.js');
+var utils = require('./utils-0FQ28Vfg.js');
 
 const covetPicsCropTextCss = "covet-pics-crop-text {\n  display: flex;\n  flex: none;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  flex-grow: 1;\n  box-sizing: border-box;\n  overflow: hidden;\n  width: 100%;\n}\ncovet-pics-crop-text.text-review {\n  height: 100%;\n  max-height: 100%;\n}\ncovet-pics-crop-text.collage:before {\n  content: \"\";\n  display: inline-block;\n  bottom: 0;\n  width: 1px;\n  height: 0;\n  padding-top: 100%;\n  visibility: hidden;\n  opacity: 0;\n}\ncovet-pics-crop-text.basic-1 {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\ncovet-pics-crop-text.basic-1:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-1 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-1 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.size-sm {\n    padding: 24px 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text.basic-1 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text.basic-1 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.size-lg {\n    padding: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-1.verified {\n      padding: 35px 12px 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.verified.size-xs {\n    padding: 35px 12px 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-1.verified {\n      padding: 33px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-1.verified.size-sm {\n    padding: 33px 16px 16px 16px;\n  }\n}\ncovet-pics-crop-text.basic-2 {\n  background-color: #F7F7F7;\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-2 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.size-xs {\n    padding: 12px;\n  }\n}\ncovet-pics-crop-text.basic-2.size-xs.verified {\n  padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-2 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.size-sm {\n    padding: 24px 16px;\n  }\n}\ncovet-pics-crop-text.basic-2.size-sm.verified {\n  padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text.basic-2 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text.basic-2 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.size-lg {\n    padding: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-2.verified {\n      padding: 35px 12px 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.verified.size-xs {\n    padding: 35px 12px 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-2.verified {\n      padding: 33px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-2.verified.size-sm {\n    padding: 33px 16px 16px 16px;\n  }\n}\ncovet-pics-crop-text.basic-3 {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  background-color: #F7F7F7;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-3 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-3 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.size-sm {\n    padding: 24px 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text.basic-3 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text.basic-3 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.size-lg {\n    padding: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-3.verified {\n      padding: 35px 12px 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.verified.size-xs {\n    padding: 35px 12px 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-3.verified {\n      padding: 33px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-3.verified.size-sm {\n    padding: 33px 16px 16px 16px;\n  }\n}\ncovet-pics-crop-text.basic-4 {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\ncovet-pics-crop-text.basic-4:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(0, 0, 0, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-4 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.size-xs {\n    padding: 12px;\n  }\n}\ncovet-pics-crop-text.basic-4.size-xs.verified {\n  padding: 35px 12px 12px 12px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-4 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.size-sm {\n    padding: 24px 16px;\n  }\n}\ncovet-pics-crop-text.basic-4.size-sm.verified {\n  padding: 33px 16px 16px 16px;\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text.basic-4 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text.basic-4 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.size-lg {\n    padding: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-4.verified {\n      padding: 35px 12px 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.verified.size-xs {\n    padding: 35px 12px 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-4.verified {\n      padding: 33px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-4.verified.size-sm {\n    padding: 33px 16px 16px 16px;\n  }\n}\ncovet-pics-crop-text.basic-5 {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\ncovet-pics-crop-text.basic-5:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: #000000;\n}\ncovet-pics-crop-text.basic-5.size-xs {\n  padding: 12px;\n}\ncovet-pics-crop-text.basic-5.size-xs.verified {\n  padding: 35px 12px 12px 12px;\n}\ncovet-pics-crop-text.basic-5.size-sm {\n  padding: 24px 16px;\n}\ncovet-pics-crop-text.basic-5.size-sm.verified {\n  padding: 35px 16px 16px 16px;\n}\ncovet-pics-crop-text.basic-5.size-md {\n  padding: 32px;\n}\ncovet-pics-crop-text.basic-5.size-md.verified {\n  padding: 38px 32px 32px 32px;\n}\ncovet-pics-crop-text.basic-5.size-lg {\n  padding: 64px;\n}\ncovet-pics-crop-text.basic-6 {\n  position: absolute;\n  left: 0;\n  top: 0;\n  background-color: #151515;\n}\ncovet-pics-crop-text.basic-6:after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  width: 100%;\n  height: 1px;\n  left: 0;\n  bottom: 0;\n  background-color: rgba(255, 255, 255, 0.1);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-6 {\n      padding: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.size-xs {\n    padding: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-6 {\n      padding: 24px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.size-sm {\n    padding: 24px 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text.basic-6 {\n      padding: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.size-md {\n    padding: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text.basic-6 {\n      padding: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.size-lg {\n    padding: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text.basic-6.verified {\n      padding: 35px 12px 12px 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.verified.size-xs {\n    padding: 35px 12px 12px 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text.basic-6.verified {\n      padding: 33px 16px 16px 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text.basic-6.verified.size-sm {\n    padding: 33px 16px 16px 16px;\n  }\n}\ncovet-pics-crop-text .crop-text {\n  position: absolute;\n  box-sizing: border-box;\n  margin: auto;\n  text-align: center;\n  width: 100%;\n  color: var(--covet-crop-text-color);\n  display: -webkit-box;\n  overflow: hidden;\n  -webkit-box-orient: vertical;\n  font-size: var(--covet-crop-text-font-size);\n  line-height: 1.4;\n  -webkit-line-clamp: var(--covet-crop-text-max-lines);\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-1 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-1.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-1 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-1.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-1 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-1.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-1 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-1.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-2 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-2.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-2 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-2.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-2 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-2.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-2 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-2.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-3 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-3.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-3 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-3.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-3 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-3.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-3 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-3.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-4 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-4.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-4 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-4.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-4 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-4.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-4 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-4.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-5 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-5.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-5 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-5.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-5 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-5.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-5 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-5.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (max-width: 159.98px) {\n    covet-pics-crop-text .crop-text.basic-6 {\n      padding-left: 12px;\n      padding-right: 12px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-6.size-xs {\n    padding-left: 12px;\n    padding-right: 12px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 160px) and (max-width: 239.98px) {\n    covet-pics-crop-text .crop-text.basic-6 {\n      padding-left: 16px;\n      padding-right: 16px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-6.size-sm {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 240px) and (max-width: 479.98px) {\n    covet-pics-crop-text .crop-text.basic-6 {\n      padding-left: 32px;\n      padding-right: 32px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-6.size-md {\n    padding-left: 32px;\n    padding-right: 32px;\n  }\n}\n@supports (container-type: size) {\n  @container covet-pics-gallery-item-detail (min-width: 480px) {\n    covet-pics-crop-text .crop-text.basic-6 {\n      padding-left: 64px;\n      padding-right: 64px;\n    }\n  }\n}\n@supports not (container-type: size) {\n  covet-pics-crop-text .crop-text.basic-6.size-lg {\n    padding-left: 64px;\n    padding-right: 64px;\n  }\n}";
 

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-eIVTphqi.js');
-var utils = require('./utils-D6jnnS7Q.js');
+var utils = require('./utils-0FQ28Vfg.js');
 var a11y = require('./a11y-CK4x8GGD.js');
 var pagination = require('./pagination-B5Ad17kw.js');
 var slider = require('./slider-Yd_vzJhP.js');

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-eIVTphqi.js');
-var utils$1 = require('./utils-D6jnnS7Q.js');
+var utils$1 = require('./utils-0FQ28Vfg.js');
 var _commonjsHelpers = require('./_commonjsHelpers-bNhl0hAp.js');
 var getters = require('./getters-D8jVc2zI.js');
 var popup = require('./popup-BLOuNMa1.js');
@@ -3482,11 +3482,11 @@ const CovetPicsGalleryGrid = class {
          * show load more button
          */
         this.showLoadMore = false;
-        this.isLoading = false;
         this.showSort = false;
         this.isGridDisabled = false;
         this.itemSize = "size-md";
         this.isFilterModalShow = false;
+        this.isGalleryLoaded = false;
         this.selectedItemIndex = null;
         this.filterChangedHandler = (event) => {
             event.preventDefault();
@@ -3596,6 +3596,9 @@ const CovetPicsGalleryGrid = class {
             this.isFilterModalShow = false;
         }
     }
+    handleItemLoaded() {
+        this.checkIsGalleryLoaded();
+    }
     itemsChangeHandler(newValue) {
         this.appStore.dispatch(popup.setPopupItems(newValue));
     }
@@ -3612,6 +3615,7 @@ const CovetPicsGalleryGrid = class {
         this.emitGalleryReadyEvent();
         this.bindCustomUploadWidgetButtons();
         this.checkAndOpenPopup();
+        this.checkIsGalleryLoaded();
         if (this.settings.pagination === "infinite_scroll") {
             window.addEventListener("scroll", this.scrollHandler, { passive: true });
         }
@@ -3730,10 +3734,25 @@ const CovetPicsGalleryGrid = class {
             });
         }
     }
+    checkIsGalleryLoaded() {
+        if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
+            this.isGalleryLoaded = true;
+            return this.emitGalleryLoadedEvent();
+        }
+    }
+    isAllVisibleItemsLoaded() {
+        const itemClassName = this.layout === "grid" ? "grid-item" : "collage-item";
+        const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`.${itemClassName}`)).slice(0, this.items.length).filter(el => utils$1.isElInViewport(el) && el.hasAttribute("is-loading"));
+        return visibleItemsNotLoaded.length === 0;
+    }
     emitGalleryReadyEvent() {
         const galleryReadyEvent = utils$1.buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
         document.dispatchEvent(galleryReadyEvent);
     }
+    emitGalleryLoadedEvent() {
+        const galleryLoadedEvent = utils$1.buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
+        document.dispatchEvent(galleryLoadedEvent);
+    }
     renderLoadMoreIcon() {
         switch (this.settings.load_more_button_style) {
             case "btn_style_3":
@@ -3806,7 +3825,7 @@ const CovetPicsGalleryGrid = class {
         return cssVars;
     }
     render() {
-        return (index.h(index.Host, { key: '908c4fa5542aa5945dc83ee26ffd36f642088b5d', 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: '2bfff46761460e385a9749031607d62ca98fdf89', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { key: '5a1eff3c7da0d71a84838b62a2756da7048158f3', class: "grid-sizer" }), this.layout === "collage" && index.h("div", { key: '06974019ad5c2985f7b1725b92cbd42c3c258921', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
+        return (index.h(index.Host, { key: '21d23bfdc0108b7b2d7538a38ceaa20a3bba93fb', 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: '6a96512309055581900d8274f4fb2208448b65bd', class: `gallery ${this.layout}`, role: "list", "aria-label": `gallery of ${this.items.length} items` }, this.layout === "collage" && index.h("div", { key: 'fa3f9a8a0405326e605d92389065d6b38ce1aa30', class: "grid-sizer" }), this.layout === "collage" && index.h("div", { key: 'ef8cefffb2e8d201202a0c820ef56d6b15789f63', class: "gutter-sizer" }), this.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
             ? this.renderStandardUploadItem(item, idx, this.items.length)
             : this.renderStandardItem(item, idx, this.items.length)), this.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
             ? this.renderDetailUploadItem(item, idx, this.items.length)
@@ -4681,6 +4700,7 @@ const CovetPicsGallerySlider = class {
         * slider style (regular | material)
         */
         this.sliderStyle = "regular";
+        this.isGalleryLoaded = false;
         this.itemSize = "size-md";
     }
     /**
@@ -4720,6 +4740,9 @@ const CovetPicsGallerySlider = class {
             this.swiper.update();
         }
     }
+    handleItemLoaded() {
+        this.checkIsGalleryLoaded();
+    }
     getAutoplay() {
         if (this.appState.settings.slideshow_autoplay > 0) {
             return { delay: this.appState.settings.slideshow_autoplay * 1000 };
@@ -4737,6 +4760,7 @@ const CovetPicsGallerySlider = class {
         this.initSwiper();
         this.bindCustomUploadWidgetButtons();
         this.emitGalleryReadyEvent();
+        this.checkIsGalleryLoaded();
         this.checkAndOpenPopup();
     }
     componentDidUpdate() {
@@ -4863,7 +4887,8 @@ const CovetPicsGallerySlider = class {
             autoplay: this.getAutoplay(),
             slidesPerView: mobilePhotosPerRow,
             spaceBetween: mobileItemPaddingPX,
-            speed: 600
+            speed: 600,
+            watchSlidesProgress: true
         };
         if (this.sliderStyle === "regular") {
             params["centerInsufficientSlides"] = true;
@@ -4912,6 +4937,21 @@ const CovetPicsGallerySlider = class {
         const galleryReadyEvent = utils$1.buildEvent("galleryReady:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length, el: this.el });
         document.dispatchEvent(galleryReadyEvent);
     }
+    checkIsGalleryLoaded() {
+        if (!this.isGalleryLoaded && this.isAllVisibleItemsLoaded()) {
+            this.isGalleryLoaded = true;
+            return this.emitGalleryLoadedEvent();
+        }
+    }
+    isAllVisibleItemsLoaded() {
+        const className = this.sliderStyle === "regular" ? '.swiper-slide.swiper-slide-visible' : '.swiper-slide.swiper-slide-visible .material-content';
+        const visibleItemsNotLoaded = Array.from(this.el.querySelectorAll(`${className}`)).filter(el => el.hasAttribute("is-loading"));
+        return visibleItemsNotLoaded.length === 0;
+    }
+    emitGalleryLoadedEvent() {
+        const galleryLoadedEvent = utils$1.buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
+        document.dispatchEvent(galleryLoadedEvent);
+    }
     openPopup(itemId) {
         const index = this.items.findIndex(item => item.id && item.id.toString() === itemId);
         if (this.appState.settings.popup_style === "feed") {
@@ -4999,7 +5039,7 @@ const CovetPicsGallerySlider = class {
             ? this.appState.settings.slideshow_desktop_pagination_style
             : this.appState.settings.slideshow_mobile_pagination_style;
         if (this.items !== undefined) {
-            return (index.h(index.Host, { key: '358515486847b6b290e1dd1138e49348eb8092f3', class: {
+            return (index.h(index.Host, { key: '3129632916498ad418ea1a76d594648be2baea7a', class: {
                     "arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
                     "pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
                     "pagination-none": paginationStyle === "none",
@@ -5008,18 +5048,18 @@ const CovetPicsGallerySlider = class {
                     "pagination-top": paginationPosition === "top",
                     "pagination-bottom": paginationPosition === "bottom"
                 } }, arrowsPosition !== "none" &&
-                index.h("button", { key: '172a9c7d9988319b1fa61d093d14e927f0547e81', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '0ca408ad18e40041b94ccc22b99b07fe5ccec267', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'ca3861f495124c04cab873f44ef4c13636853d28', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("section", { key: 'b83dc591e911ba6333ae18922418ca8460712859', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
-                index.h("div", { key: 'aa9cd7a034e60a79e733ff72a86f1dad62ce036d', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
+                index.h("button", { key: 'd446962090a1d9be2ef84f28bf3a9acc8764de17', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: 'aeb537c3a20f3727ad9436f7e49d1277baa24cb0', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '2050e18ee5df7c5d3f7d3dd8c604871ffc7e7b2a', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("section", { key: '5d1fab139520ea3791c23dad33e3ffae87996137', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
+                index.h("div", { key: 'afa841ef412222e577ebc0cf84b81778457fe29f', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
                     ? this.renderStandardUploadItem(item, idx, this.items.length)
                     : this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
                     ? this.renderDetailUploadItem(item, idx, this.items.length)
                     : this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
-                index.h("div", { key: '9f2b15f889bd5f4e7660d75672ba5cb86d38afbb', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: "material-wrapper" }, item.source === "upload_widget"
+                index.h("div", { key: '585aefe3f59b0917fb72851a87a42fdc0bbeb3ca', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: "material-wrapper" }, item.source === "upload_widget"
                     ? this.renderStandardUploadItem(item, idx, this.items.length)
                     : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
                     ? this.renderDetailUploadItem(item, idx, this.items.length)
-                    : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '32de0b629ab6760b3f3bf28e3e4cd9af1a9a4c85', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: '161d2460eb4a92296b7544e53f329849e732f10c', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
-                index.h("button", { key: '11f3ddc5d088119f502c0000da9a34d9a956fe38', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: 'a94f1a574b1810f63efa59fb37aa074fa0e25622', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '07516757f8e610409f02ea773f2e97009dd04252', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
+                    : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '9ca22504e74eff6dc01dbe9f43ff2572b0816a5a', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: 'da48a82376ad923de38b6b211fbb0741da149eb5', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
+                index.h("button", { key: 'acf55eb0a30ee7f309196c8ea548872616bd05c6', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '050230be174a451c0bc5c312f376355b13dbdf79', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'c37656a3dd431c588f6431a0ab3c2e167bae16e9', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
         }
     }
     get el() { return index.getElement(this); }
@@ -5045,6 +5085,7 @@ const CovetPicsHighlighted = class {
         this.productLinks = [];
         this.mainSliderIndex = 0;
         this.mainSliderAnimatingSlides = [];
+        this.isGalleryLoaded = false;
         this.nextTick = (fn) => {
             window.requestAnimationFrame(() => {
                 window.requestAnimationFrame(fn);
@@ -5067,6 +5108,9 @@ const CovetPicsHighlighted = class {
             return this.mainSliderIndex;
         };
     }
+    handleItemLoaded() {
+        this.checkIsGalleryLoaded();
+    }
     componentWillLoad() {
         this.initStore();
         this.pageSliderId = `covet-pics-highlighted-page-slider-${utils$1.getRandomId(16)}`;
@@ -5074,6 +5118,7 @@ const CovetPicsHighlighted = class {
     componentDidLoad() {
         if (this.layout === "slider" || this.layout === "spotlight")
             this.initMainSlider();
+        this.checkIsGalleryLoaded();
     }
     componentDidRender() {
         document.onkeydown = (e) => this.onSliderClickHandler(e);
@@ -5146,6 +5191,24 @@ const CovetPicsHighlighted = class {
         this.mainSliderAnimationLoop();
         return showIntro();
     }
+    checkIsGalleryLoaded() {
+        if (!this.isGalleryLoaded && this.isAllVisiblePagesLoaded()) {
+            this.isGalleryLoaded = true;
+            return this.emitGalleryLoadedEvent();
+        }
+    }
+    isAllVisiblePagesLoaded() {
+        const pages = Array.from(this.el.querySelectorAll("covet-pics-highlighted-page"));
+        const pagesVisibleInViewport = this.layout === "slider" || this.layout === "spotlight"
+            ? pages.slice(0, 1)
+            : pages.filter(el => utils$1.isElInViewport(el));
+        const visiblePageNotLoaded = pagesVisibleInViewport.filter(el => !el.hasAttribute("data-loaded"));
+        return visiblePageNotLoaded.length === 0;
+    }
+    emitGalleryLoadedEvent() {
+        const galleryLoadedEvent = utils$1.buildEvent("galleryLoaded:covetPics", { galleryId: this.appState.widgetId.galleryId, itemsCount: this.items.length });
+        document.dispatchEvent(galleryLoadedEvent);
+    }
     thumbnailAltTag(itemType, altTag, caption, idx, itemsLength, createdTime) {
         if (itemType === "video")
             return altTag; // for video always show altTag even if null (video the title will be hidden)
@@ -5264,8 +5327,8 @@ const CovetPicsHighlighted = class {
     render() {
         const showPagination = ((this.layout === "slider" && !this.isDesktopScreen) || this.layout === "spotlight")
             && this.items && this.items.length > 1;
-        return (index.h(index.Host, { key: 'eca3c1eecd77c8055c848f50b108ae2f6e4d5a41', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
-            index.h("span", { key: 'bb5c2fe087f179aaff62672d545dd5a58831d8c4', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
+        return (index.h(index.Host, { key: '8816ba295356e8e35ea126fff52633cd037c6aa4', class: this.layout, style: this.setCSSVariables(), onClick: (e) => !this.isDesktopScreen && this.layout === "row" ? this.isClickOutsideHotspot(e) : null, role: "region", "aria-label": "Page gallery", "aria-roledescription": `Gallery ${this.items.length} posts` }, this.renderMainLayout(), showPagination &&
+            index.h("span", { key: '243a5578019ac2010048f237435dc37b9e94b3fb', class: "page-pagination" }, `${this.mainSliderIndex + 1}/${this.items.length}`)));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-eIVTphqi.js');
-var utils = require('./utils-D6jnnS7Q.js');
+var utils = require('./utils-0FQ28Vfg.js');
 var modals = require('./modals-CcLPCudv.js');
 var popupFuncComponents = require('./popupFuncComponents-CnC52E_i.js');
 var index$1 = require('./index-BMdsVEom.js');
@@ -217,14 +217,20 @@ const CovetPicsGalleryItem = class {
                 window.requestAnimationFrame(fn);
             });
         };
-        this.videoLoadedHandler = () => {
+        this.videoLoadedHandler = (e) => {
+            const el = e.currentTarget;
+            const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
+            if (e.type === "error" && videoEl.getAttribute("src") === null)
+                return; // prevent error call in case lazy load video (null src)
             this.el.removeAttribute("is-loading");
             this.showImageAsVideoPoster = false;
+            this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
         };
         this.imageLoadedHandler = () => {
             const customEvent = utils.buildEvent("imageLoaded");
             this.el.removeAttribute("is-loading");
             this.el.dispatchEvent(customEvent);
+            this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
         };
         this.itemClickHandler = (event) => {
             if (event.type === "keydown" && event.keyCode !== 13 && event.keyCode !== 32)
@@ -416,7 +422,7 @@ const CovetPicsGalleryItem = class {
         const isVideo = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
         return (index.h(index.Host, { class: { [`${this.hoverAnimationStyle} hover-animation`]: this.hoverEnabled, "hover-preview": this.appState.preview.hoverMode, "no-animation": this.animationDisabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, "aria-hidden": `${this.tabIndex === -1}` }, index.h(popupFuncComponents.DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, "aria-label": this.getButtonLabel() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && this.showImageAsVideoPoster &&
             index.h("img", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), isVideo &&
-            index.h("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4" })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
+            index.h("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4", onError: this.videoLoadedHandler })), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderRating(), index.h("span", { class: "overlay-effect", "aria-hidden": "true" }), this.hoverAnimationStyle === "hover-animation-5" && this.rating > 0 &&
             index.h(popupFuncComponents.StarRating, { rating: this.rating, ratingClass: `rating ${this.itemSize}`, label: `${this.rating} / 5` }), index.h("span", { class: `info hover ${this.itemSize}`, "aria-hidden": "true" }, this.renderInstagramIcon(["hover-animation-1", "hover-animation-5"]), index.h("span", { class: `btn source-${this.itemSource} ${this.settings.item_hover_icon && "show"} ${starRatingClass}` }, this.renderInstagramIcon(["hover-animation-3"]), this.hoverAnimationStyle === "hover-animation-2" &&
             index.h("svg", { width: "20", height: "20", xmlns: "http://www.w3.org/2000/svg", class: "icon-arrow", "aria-hidden": "true" }, index.h("path", { class: "dynamic-fill", d: "M13.3535534,4 L19.7071068,10.3535534 L13.3535534,16.7071068 L12.6464466,16 L17.792,10.853 L1,10.8535534 L1,9.85355339 L17.792,9.853 L12.6464466,4.70710678 L13.3535534,4 Z", fill: "#ffffff", "fill-rule": "nonzero" })), this.getLabelCaption(), this.hoverAnimationStyle === "hover-animation-4" && this.rating === 0 &&
             index.h("svg", { width: "20px", height: "20px", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("polygon", { fill: "#fff", class: "dynamic-fill", points: "6 4.70710678 6.70710678 4 13.0606602 10.3535534 6.70710678 16.7071068 6 16 11.6464466 10.3535534" })), (this.hoverAnimationStyle === "hover-animation-3" || this.hoverAnimationStyle === "hover-animation-4") && this.rating > 0 && this.renderRating("info-rating"))), (this.hoverAnimationStyle === "hover-animation-1" || this.hoverAnimationStyle === "hover-animation-2") && this.rating > 0 && this.renderUserAndDate())));
@@ -425,7 +431,7 @@ const CovetPicsGalleryItem = class {
         const isVideoPost = this.settings.slideshow_video_auto_play && this.videoUrl !== "";
         return (index.h(index.Host, { class: { "no-animation": this.settings.item_hover_disabled, "highlighted": this.highlighted }, style: this.getItemCSSVariables(), "is-loading": true, "aria-hidden": `${this.tabIndex === -1}` }, index.h(popupFuncComponents.DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, onClick: this.itemClickHandler, "aria-label": this.getButtonLabel() }, this.renderInstagramIcon(["hover-animation-2", "hover-animation-4"]), this.imageUrl && this.imageHighResolutionUrl && !isVideoPost &&
             index.h("img", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: `${this.imageUrl} 640w, ${this.imageHighResolutionUrl} 1080w`, sizes: this.imageResponsiveSizes, alt: this.altTag, loading: "lazy" }), isVideoPost &&
-            index.h("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4" })))));
+            index.h("video", { class: { "bg": true, "material-image": this.settings.slideshow_style === "material" }, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4", onError: this.videoLoadedHandler })))));
     }
     renderTextReviewItem() {
         const hideCaption = (this.caption === null) || this.caption.length === 0;
@@ -529,13 +535,19 @@ const CovetPicsGalleryItemDetail = class {
         this.scrollHandler = () => {
             this.isInViewport();
         };
-        this.videoLoadedHandler = () => {
+        this.videoLoadedHandler = (e) => {
+            const el = e.currentTarget;
+            const videoEl = el instanceof HTMLVideoElement ? el : el.closest("video");
+            if (e.type === "error" && videoEl.getAttribute("src") === null)
+                return;
             this.el.removeAttribute("is-loading");
+            this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
             this.showImageAsVideoPoster = false;
         };
         this.imageLoadedHandler = () => {
             const customEvent = utils.buildEvent("imageLoaded");
             this.el.removeAttribute("is-loading");
+            this.el.dispatchEvent(utils.buildEvent("itemLoaded"));
             this.el.dispatchEvent(customEvent);
             this.nextTick(() => this.getCaptionCollageCSS());
         };
@@ -746,7 +758,7 @@ const CovetPicsGalleryItemDetail = class {
         }
     }
     renderUploadWidget() {
-        return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": true, onClick: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, !this.imageUrl &&
+        return (index.h(index.Host, { class: `${this.itemStyle} upload-widget`, style: this.getItemCSSVariables(), "is-loading": this.imageUrl ? true : null, onClick: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, onKeyDown: this.itemClickHandler, tabindex: this.tabIndex, "aria-hidden": `${this.tabIndex === -1}` }, !this.imageUrl &&
             index.h("div", { class: "default-cover" }, index.h("svg", { class: "svg-plus", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, index.h("path", { d: "M24 0v24h24v1.2H24V48h-1.2V25.2H0V24h22.8V0H24z", fill: "#464858", "fill-rule": "evenodd" })), index.h("span", { class: "btn" }, this.appState.settings.customer_photo_item_label)), this.imageUrl &&
             index.h("div", { class: "custom-img-wrap" }, index.h("img", { class: `img ${this.settings.slideshow_style === "material" ? "material-image" : ""}`, src: this.imageUrl, alt: "upload image", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler }))));
     }
@@ -772,7 +784,7 @@ const CovetPicsGalleryItemDetail = class {
             : null;
         return (index.h(index.Host, { class: `${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h(popupFuncComponents.DynamicTag, { elTag: this.btnWrapHTMLTag, class: "btn-item-wrap", disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, "aria-label": this.getButtonLabel() }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.layout} ${this.starOnlyClass}` }, this.itemType !== "text" && this.showImageAsVideoPoster &&
             index.h("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""} ${this.settings.slideshow_style === "material" ? "material-image material-image-translate" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", alt: this.altTag }), isVideo &&
-            index.h("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4" })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
+            index.h("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.itemType !== "text", !hideCaption && this.itemType === "text" &&
             index.h("covet-pics-crop-text", { class: `text-review ${this.layout} ${this.itemStyle} ${this.verified ? "verified" : ""}`, text: this.caption, "text-class": `${this.itemStyle} ${this.verified ? "verified" : ""}`, "text-color": this.appState.settings.primary_color, "item-style": this.itemStyle, ratio: basicRatio }), starOnly &&
             index.h("div", { class: `caption star-only ${this.itemStyle} ${this.itemSize}` }, index.h(popupFuncComponents.StarRating, { rating: this.rating, ratingClass: `star-rating ${this.itemStyle} ${this.itemSize} ${this.reviewClass}`, starClass: `${this.itemStyle} ${this.itemSize} ${this.reviewClass} ${this.starOnlyClass} ${this.highlightedClass}` }), index.h("p", { class: `star-label ${this.itemStyle} ${this.itemSize}` }, "(Rated ", this.rating, " stars)")), this.verified && index.h(popupFuncComponents.BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), index.h("div", { class: `description ${this.itemStyle} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.reviewClass} ${this.starOnlyClass}` }, showTopRating &&
             index.h("div", { class: `top ${this.itemStyle} ${this.itemSize}` }, this.itemStyle === "basic-1" && this.userName && index.h("span", { class: `avatar ${this.itemSize}`, "aria-label": "avatar" }, this.userName[0]), this.itemStyle === "basic-1" &&
@@ -796,7 +808,7 @@ const CovetPicsGalleryItemDetail = class {
             : null;
         return (index.h(index.Host, { class: `${this.itemStyle} ${alwaysHoverClass}`, "is-loading": this.itemType !== "text", style: this.getItemCSSVariables(), "aria-hidden": `${this.tabIndex === -1}` }, index.h(popupFuncComponents.DynamicTag, { elTag: this.btnWrapHTMLTag, class: { "btn-item-wrap": true, "hover-content-always-visible": this.settings.item_reveal_content === "always", "no-click": this.btnWrapHTMLTag === "div" }, disabled: this.tabIndex === -1, onClick: this.itemClickHandler, onKeyDown: this.itemClickHandler, onFocus: this.itemOnFocusHandler, onMouseEnter: this.itemOnHoverHandler, "aria-label": this.getButtonLabel() }, index.h("div", { class: `img-wrap ${this.itemStyle} ${this.settings.slideshow_style === "material" ? "material-image" : ""}` }, this.showImageAsVideoPoster &&
             index.h("img", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, srcset: srcset, sizes: this.imageResponsiveSizes, loading: "lazy", alt: this.altTag }), isVideo &&
-            index.h("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, onLoadedData: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4" })), this.verified && this.itemStyle === "modern-3" &&
+            index.h("video", { class: `img ${this.layout} ${this.layout === "slider" ? "bg" : ""}`, onCanPlay: this.videoLoadedHandler, onLoadedData: this.videoLoadedHandler, autoplay: true, muted: true, playsinline: true, loop: true, "aria-label": this.altTag }, index.h("source", { type: "video/mp4", onError: this.videoLoadedHandler })), this.verified && this.itemStyle === "modern-3" &&
             index.h(popupFuncComponents.BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` })), index.h("div", { class: `description ${this.itemStyle} ${this.itemType} ${this.itemSize} ${this.layout} ${this.highlightedClass} ${this.verified ? "verified" : ""}` }, this.verified && this.itemStyle === "modern-2" &&
             index.h(popupFuncComponents.BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), index.h("div", { class: `top ${this.itemStyle} ${this.itemSize} ${this.itemType}` }, showTopRating && this.renderRating(), this.verified && this.itemStyle === "modern-1" &&
             index.h(popupFuncComponents.BadgeVerified, { badgeClass: this.itemStyle, iconClass: `${this.itemStyle} ${this.itemType}` }), showRowStarRating && this.rating > 0 &&

package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var index = require('./index-eIVTphqi.js');
-var utils = require('./utils-D6jnnS7Q.js');
+var utils = require('./utils-0FQ28Vfg.js');
 var getters = require('./getters-D8jVc2zI.js');
 var storeUtils = require('./storeUtils-sFXfLcFp.js');
 var a11y = require('./a11y-CK4x8GGD.js');
@@ -426,6 +426,7 @@ const CovetPicsHighlightedPage = class {
          * active page index in slider layout (main slider)
          */
         this.mainSliderIndex = 0;
+        this.isPageLoaded = false;
         this.hideHotspots = false;
         /**
          * additional product slider
@@ -447,7 +448,20 @@ const CovetPicsHighlightedPage = class {
                 e.currentTarget.parentNode.setAttribute("not-loaded", "");
                 e.currentTarget.removeAttribute("src");
             }
-            return e.currentTarget.parentNode.removeAttribute("is-loading");
+            e.currentTarget.parentNode.removeAttribute("is-loading");
+            if (!this.isPageLoaded) {
+                this.checkIsPageLoaded();
+            }
+        };
+        this.mediaLoadedHandler = (e) => {
+            if (e.type === "error") {
+                e.currentTarget.closest(".thumbnail").setAttribute("not-loaded", "");
+                e.currentTarget.removeAttribute("src");
+            }
+            e.currentTarget.closest(".thumbnail").removeAttribute("is-loading");
+            if (!this.isPageLoaded) {
+                this.checkIsPageLoaded();
+            }
         };
         this.btnBuyClickHandler = (e) => {
             return e.currentTarget.previousSibling.click();
@@ -482,6 +496,9 @@ const CovetPicsHighlightedPage = class {
     componentWillLoad() {
         this.initStore();
     }
+    componentDidRender() {
+        this.checkIsPageLoaded();
+    }
     componentDidLoad() {
         // lazy init for product slider inside slider layout (main slider)
         if (this.pageIndex - 2 < this.mainSliderIndex && this.layout !== "row")
@@ -766,6 +783,16 @@ const CovetPicsHighlightedPage = class {
             ? this.hideHotspots = false
             : this.hideHotspots = true;
     }
+    checkIsPageLoaded() {
+        if (this.isMediaLoaded()) {
+            this.isPageLoaded = true;
+            this.el.setAttribute("data-loaded", "true");
+            this.el.dispatchEvent(utils.buildEvent("pageLoaded"));
+        }
+    }
+    isMediaLoaded() {
+        return !this.el.querySelector('.thumbnail[is-loading], .product .swiper-slide:not([aria-hidden="true"]) .img-wrap[is-loading]');
+    }
     carouselImgAltTag(altTag, thumbnailAlt, idx, itemsLength) {
         if (altTag && altTag !== null)
             return altTag;
@@ -793,20 +820,21 @@ const CovetPicsHighlightedPage = class {
         const starOnly = this.caption === null && this.thumbnailLayout === "text";
         const showReview = !hideCaption && ((this.appState.settings.show_review && this.thumbnailLayout !== "text") || this.thumbnailLayout === "text");
         const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
-        return (index.h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" }, this.thumbnailLayout === "image" &&
+        return (index.h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": this.thumbnailLayout === "image" || this.thumbnailLayout === "video" }, this.thumbnailLayout === "image" &&
             index.h("img", { alt: this.thumbnailAlt, class: "img-cover", onLoad: this.imageLoadedHandler, onError: this.imageLoadedHandler, src: this.pageIndex - 2 < this.mainSliderIndex ? this.thumbnailUrl : null }), this.thumbnailLayout === "video" &&
-            index.h("div", { class: "thumbnail-video-wrap" }, index.h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", poster: this.videoPoster, title: this.thumbnailAlt }, index.h("source", { src: this.videoUrl, type: "video/mp4" })), index.h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
+            index.h("div", { class: "thumbnail-video-wrap" }, index.h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler, poster: this.videoPoster, title: this.thumbnailAlt }, index.h("source", { src: this.videoUrl, type: "video/mp4", onError: this.mediaLoadedHandler })), index.h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })), showReview && this.renderReview(), starOnly && this.renderStarOnlyReview(), showHotspotsInLayout && this.layout !== "spotlight" &&
             index.h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, isMobile: this.isMobile, productBaseImgAlt: this.productBaseImgAlt, pageId: this.pageId, appStore: this.appStore }), !this.appState.settings.hide_branding &&
             index.h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
     }
     renderCarouselThumbnail() {
+        var _a;
         const hideCaption = this.caption === null || this.caption.length === 0;
         const showReview = !hideCaption && this.appState.settings.show_review && this.thumbnailLayout !== "text";
         const showHotspotsInLayout = this.layout === "row" ? true : this.appState.settings.hotspots.enabled;
         const showHotposts = showHotspotsInLayout && !this.hideHotspots && this.layout !== "spotlight";
-        return (index.h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}` }, index.h("div", { class: "thumbnail-carousel swiper", role: "region" }, index.h("div", { class: "swiper-wrapper" }, this.thumbnailCarouselImages && this.thumbnailCarouselImages.map((item, idx) => index.h("div", { class: "swiper-slide" }, item.type === "image" &&
-            index.h("div", { class: "thumbnail-slide-wrap" }, index.h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), class: "img-cover", loading: "lazy" })), item.type === "video" &&
-            index.h("div", { class: "thumbnail-video-wrap" }, index.h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain" }, index.h("source", { src: item.standard_resolution, type: "video/mp4" })), index.h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
+        return (index.h("div", { class: `thumbnail ${this.layout} ${this.reverseClass} ${this.productsLayout}`, "is-loading": ["image", "video"].includes((_a = this.thumbnailCarouselImages[0]) === null || _a === void 0 ? void 0 : _a.type) }, index.h("div", { class: "thumbnail-carousel swiper", role: "region" }, index.h("div", { class: "swiper-wrapper" }, this.thumbnailCarouselImages && this.thumbnailCarouselImages.map((item, idx) => index.h("div", { class: "swiper-slide" }, item.type === "image" &&
+            index.h("div", { class: "thumbnail-slide-wrap" }, index.h("img", { src: item.standard_resolution, alt: this.carouselImgAltTag(item.alt_tag, this.thumbnailAlt, idx, this.thumbnailCarouselImages.length), onLoad: this.mediaLoadedHandler, onError: this.mediaLoadedHandler, class: "img-cover", loading: "lazy" })), item.type === "video" &&
+            index.h("div", { class: "thumbnail-video-wrap" }, index.h("video", { playsinline: true, loop: true, class: "thumbnail-video img-contain", onCanPlay: this.mediaLoadedHandler }, index.h("source", { src: item.standard_resolution, type: "video/mp4", onError: this.mediaLoadedHandler })), index.h("button", { type: "button", class: "thumbnail-video-play", onClick: this.playPauseVideoClickHandler }), index.h("button", { type: "button", class: "thumbnail-video-pause", onClick: this.playPauseVideoClickHandler })))), showReview && this.renderReview())), showHotposts &&
             index.h("covet-pics-highlighted-hotspots", { links: this.productLinks, hoverHotspot: this.hoverHotspot, activeHotspot: this.activeProductIndex, thumbnailUrl: this.thumbnailUrl, productBaseImgAlt: this.productBaseImgAlt, isMobile: this.isMobile, pageId: this.pageId, appStore: this.appStore }), index.h("div", { class: "thumbnail-pagination" }), !this.appState.settings.hide_branding &&
             index.h("a", { class: "covet-branding", href: `https://apps.shopify.com/covet-pics?utm_source=embed&utm_medium=highlight&utm_campaign=${location.host}`, target: "_blank", rel: "noopener", tabindex: "0", "aria-label": "Covet.pics logo link" })));
     }
@@ -871,9 +899,9 @@ const CovetPicsHighlightedPage = class {
             index.h("p", { class: `price mobile ${this.productsLayout} ${this.reverseClass}`, innerHTML: link.prices.price_label })), index.h("button", { class: `btn-buy mobile ${this.productsLayout} ${this.reverseClass}`, onClick: this.btnBuyClickHandler, "aria-label": this.appState.settings.popup_products_button_caption, type: "button" }, this.appState.settings.popup_products_button_caption))))))));
     }
     render() {
-        return (index.h(index.Host, { key: '2a153203e4192f8015d68f44a6b6c8b4d6ba2387', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
-            index.h("div", { key: 'f36aad1ab733622575e62157389cfb73954699e4', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
-            index.h("div", { key: '308d36c956ba04b2112cac14a3f0c73cb651544f', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
+        return (index.h(index.Host, { key: '166af67677f5cd939e56c226419007d0ae65b239', class: "page", role: "group", "aria-label": this.ariaLabel }, this.thumbnailLayout === "carousel" ? this.renderCarouselThumbnail() : this.renderStandardThumbnail(), this.layout !== "row" && !this.isMobile &&
+            index.h("div", { key: '2d7749bc616e66469245d25cc95223c1a68ba57b', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.productsLayout === "layout-2" ? this.renderBottomSlider() : this.renderSlider()), this.isMobile &&
+            index.h("div", { key: '792b599da4cd15b94083bbdf3cce221c5f3abf05', class: `products ${this.layout} ${this.productsLayout} ${this.reverseClass}` }, this.renderMobileSlider())));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/covet-pics-popup-freeflow-carousel_2.cjs.entry.js

@@ -6,7 +6,7 @@
 var index = require('./index-eIVTphqi.js');
 var a11y = require('./a11y-CK4x8GGD.js');
 var pagination = require('./pagination-B5Ad17kw.js');
-var utils = require('./utils-D6jnnS7Q.js');
+var utils = require('./utils-0FQ28Vfg.js');
 
 const covetPicsPopupFreeflowCarouselCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px, 0, 0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform, height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:\"\";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}:root{}.swiper-pagination{position:absolute;text-align:center;transition:300ms opacity;transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:200ms transform, 200ms top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:200ms transform, 200ms right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}covet-pics-popup-freeflow-carousel{flex-grow:1;position:absolute;overflow:hidden;box-sizing:border-box;--swiper-pagination-height:40px;height:100%;width:100%;top:0;left:0}.carousel-media{width:100%;height:100%;padding-bottom:40px;overflow:hidden;box-sizing:border-box}.carousel-media .carousel-cell{display:flex;justify-content:center;width:100%;height:calc(100% - 40px)}.carousel-media .carousel-cell img,.carousel-media .carousel-cell video{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.freeflow-carousel-count{box-sizing:border-box;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15) !important;background:rgba(0, 0, 0, 0.4);display:inline-flex;align-items:center;padding:8px;color:#FFFFFF;font-family:\"Helvetica Neue\";font-size:12px;font-style:normal;font-weight:700;line-height:1;margin-left:8px;flex:none;position:absolute;right:24px;top:0;height:26px;transform:translateY(-100%)}.swiper-pagination.freeflow-carousel-pagination{position:absolute;top:0 !important;left:var(--covet-popup-freeflow-content-space) !important;display:inline-flex;bottom:unset !important;flex:none;width:auto !important;background-color:rgba(0, 0, 0, 0.4);padding:8px 6px;border-radius:4px;border-radius:4px;border:1px solid rgba(255, 255, 255, 0.15);transform:translateY(-100%) !important;box-sizing:border-box}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet{width:8px;height:8px;margin:0 2px;background:#FFFFFF;opacity:0.4}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:hover,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:active,.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet:focus{opacity:1}.swiper-pagination.freeflow-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}";