@covet-pics/covet-pics-widget 0.134.13 → 0.134.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/covet-pics-direct-buy_6.cjs.entry.js +1 -1
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js +2 -10
- package/dist/cjs/covet-pics-gallery-grid_3.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-gallery-header_5.cjs.entry.js +90 -4
- package/dist/cjs/covet-pics-gallery-header_5.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js +24 -28
- package/dist/cjs/covet-pics-highlighted-hotspots_2.cjs.entry.js.map +1 -1
- package/dist/cjs/covet-pics-widget.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{popupFuncComponents-f8b971e1.js → popupFuncComponents-d5b4aa00.js} +6 -1
- package/dist/cjs/popupFuncComponents-d5b4aa00.js.map +1 -0
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js +6 -75
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.js.map +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js +18 -216
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted-page.js.map +1 -1
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js +2 -10
- package/dist/collection/components/covet-pics-highlighted/covet-pics-highlighted.js.map +1 -1
- package/dist/collection/components/covet-pics-upload/covet-gallery-upload.css +40 -2
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js +89 -2
- package/dist/collection/components/covet-pics-upload/covet-pics-upload.js.map +1 -1
- package/dist/collection/utils/funcComponents.js +3 -0
- package/dist/collection/utils/funcComponents.js.map +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js +1 -1
- package/dist/covet-pics-widget/covet-pics-widget.esm.js.map +1 -1
- package/dist/covet-pics-widget/{p-445d6d3a.system.entry.js → p-12f6ed2b.system.entry.js} +6 -6
- package/dist/covet-pics-widget/p-12f6ed2b.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-c14ec406.system.entry.js → p-465ab662.system.entry.js} +2 -2
- package/dist/covet-pics-widget/{p-136018ea.system.js → p-5adf3510.system.js} +2 -2
- package/dist/covet-pics-widget/p-5adf3510.system.js.map +1 -0
- package/dist/covet-pics-widget/{p-44fdb7fc.entry.js → p-5b1a31c7.entry.js} +7 -7
- package/dist/covet-pics-widget/p-5b1a31c7.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-4ca86fde.entry.js → p-5b8f567b.entry.js} +2 -2
- package/dist/covet-pics-widget/p-81a550eb.system.js +1 -1
- package/dist/covet-pics-widget/p-81a550eb.system.js.map +1 -1
- package/dist/covet-pics-widget/p-8bbf6271.system.entry.js +24 -0
- package/dist/covet-pics-widget/p-8bbf6271.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-9492c297.system.entry.js +5 -0
- package/dist/covet-pics-widget/p-9492c297.system.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-b07e09f2.entry.js +24 -0
- package/dist/covet-pics-widget/p-b07e09f2.entry.js.map +1 -0
- package/dist/covet-pics-widget/p-e1031f87.entry.js +5 -0
- package/dist/covet-pics-widget/p-e1031f87.entry.js.map +1 -0
- package/dist/covet-pics-widget/{p-5ac9b9dc.js → p-eed9d2d9.js} +2 -2
- package/dist/{esm/popupFuncComponents-d116d292.js.map → covet-pics-widget/p-eed9d2d9.js.map} +1 -1
- package/dist/esm/covet-pics-direct-buy_6.entry.js +1 -1
- package/dist/esm/covet-pics-gallery-grid_3.entry.js +2 -10
- package/dist/esm/covet-pics-gallery-grid_3.entry.js.map +1 -1
- package/dist/esm/covet-pics-gallery-header_5.entry.js +90 -4
- package/dist/esm/covet-pics-gallery-header_5.entry.js.map +1 -1
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js +24 -28
- package/dist/esm/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
- package/dist/esm/covet-pics-widget.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{popupFuncComponents-d116d292.js → popupFuncComponents-0b49b48f.js} +6 -2
- package/dist/esm/popupFuncComponents-0b49b48f.js.map +1 -0
- package/dist/esm-es5/covet-pics-direct-buy_6.entry.js +1 -1
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js +6 -6
- package/dist/esm-es5/covet-pics-gallery-grid_3.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-gallery-header_5.entry.js +2 -2
- package/dist/esm-es5/covet-pics-gallery-header_5.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js +1 -1
- package/dist/esm-es5/covet-pics-highlighted-hotspots_2.entry.js.map +1 -1
- package/dist/esm-es5/covet-pics-widget.js +1 -1
- package/dist/esm-es5/covet-pics-widget.js.map +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/{popupFuncComponents-d116d292.js → popupFuncComponents-0b49b48f.js} +2 -2
- package/dist/esm-es5/popupFuncComponents-0b49b48f.js.map +1 -0
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-hotspots.d.ts +2 -16
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted-page.d.ts +2 -46
- package/dist/types/components/covet-pics-highlighted/covet-pics-highlighted.d.ts +0 -1
- package/dist/types/components/covet-pics-upload/covet-pics-upload.d.ts +5 -0
- package/dist/types/components.d.ts +0 -120
- package/dist/types/utils/funcComponents.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/popupFuncComponents-f8b971e1.js.map +0 -1
- package/dist/covet-pics-widget/p-136018ea.system.js.map +0 -1
- package/dist/covet-pics-widget/p-3defbf38.entry.js +0 -5
- package/dist/covet-pics-widget/p-3defbf38.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-3ed3ac27.entry.js +0 -24
- package/dist/covet-pics-widget/p-3ed3ac27.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-445d6d3a.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-44fdb7fc.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-5ac9b9dc.js.map +0 -1
- package/dist/covet-pics-widget/p-b7b41dfb.system.entry.js +0 -24
- package/dist/covet-pics-widget/p-b7b41dfb.system.entry.js.map +0 -1
- package/dist/covet-pics-widget/p-ebc044c9.system.entry.js +0 -5
- package/dist/covet-pics-widget/p-ebc044c9.system.entry.js.map +0 -1
- package/dist/esm-es5/popupFuncComponents-d116d292.js.map +0 -1
- /package/dist/covet-pics-widget/{p-c14ec406.system.entry.js.map → p-465ab662.system.entry.js.map} +0 -0
- /package/dist/covet-pics-widget/{p-4ca86fde.entry.js.map → p-5b8f567b.entry.js.map} +0 -0
|
@@ -11,7 +11,7 @@ const a11y = require('./a11y-af076f7a.js');
|
|
|
11
11
|
const slider = require('./slider-9333c600.js');
|
|
12
12
|
const popup = require('./popup-c841825f.js');
|
|
13
13
|
const index$1 = require('./index-917f4331.js');
|
|
14
|
-
const popupFuncComponents = require('./popupFuncComponents-
|
|
14
|
+
const popupFuncComponents = require('./popupFuncComponents-d5b4aa00.js');
|
|
15
15
|
|
|
16
16
|
const covetPicsDirectBuyCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, 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\") format(\"woff\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff;}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide,swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-slide,.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,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.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:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));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:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.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-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;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-container:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{z-index:1;background-color:#ffffff;--covet-pics-button-size:40px;--covet-pics-padding-size:40px;--covet-pics-font-color:#101010;--covet-pics-background-color:#fcfbfc}:host{position:fixed;bottom:0;overflow:scroll;width:100%;max-height:100%;-webkit-box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 -8px 16px 0 rgba(0, 0, 0, 0.05);-webkit-transition:max-height 0.35s ease-in-out;transition:max-height 0.35s ease-in-out;min-width:auto}.main{margin:0 var(--covet-pics-padding-size);padding-bottom:150px;position:relative}.close{background:none;border:none;position:absolute;top:0;right:0;padding:0;margin:0;cursor:pointer;-webkit-transform:rotate(270deg);transform:rotate(270deg);outline:none !important}.close:hover svg .icon-arrow-path,.close:active svg .icon-arrow-path,.close:focus svg .icon-arrow-path{stroke:#000000}.close svg{width:var(--covet-pics-button-size);height:var(--covet-pics-button-size)}.close svg .icon-arrow-path{-webkit-transition:all 0.25s ease;transition:all 0.25s ease}.title{font-size:14px;font-weight:400;line-height:var(--covet-pics-button-size);width:calc(100% - var(--covet-pics-button-size));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:10px 0 0 0}.title a{text-decoration:none;color:var(--covet-pics-font-color)}.price-wrap{display:-ms-flexbox;display:flex;height:32px;background:var(--covet-pics-background-color);-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;text-transform:uppercase}.price-wrap label{color:var(--covet-pics-font-color);font-weight:300;max-width:80px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-wrap .price{font-weight:600}.btn-buy{border:none;background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-color);font-family:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;text-transform:uppercase;text-align:center;cursor:pointer;font-size:14px;line-height:1;padding:17px 17px max(17px, env(safe-area-inset-bottom, 25px)) 17px;margin-bottom:0}.btn-buy:hover,.btn-buy:active,.btn-buy:focus{background-color:var(--covet-pics-button-hover-color)}.btn-buy.style-1:hover,.btn-buy.style-1:active,.btn-buy.style-1:focus{background-color:var(--covet-pics-button-text-hover-color)}.btn-buy.style-2:hover,.btn-buy.style-2:active,.btn-buy.style-2:focus{background-color:var(--covet-pics-button-color);color:var(--covet-pics-button-text-hover-color)}.btn-buy:disabled{background:#EEEEEE;color:#808080;pointer-events:none}.options{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:1px solid transparent;border-bottom-color:#EEE;height:48px;padding:0 8px 0 12px;-moz-text-align-last:right;text-align-last:right;font-weight:300;color:var(--covet-pics-font-color);position:relative;cursor:pointer;outline:none !important;-webkit-transition:border 0.25s ease;transition:border 0.25s ease}.options.opened{border-left:1px solid #EEE;border-right:1px solid #EEE}.options.opened .options-container{display:block}.options:hover,.options:active,.options:focus,.options:focus-within{border-bottom-color:#000000}.options label{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;outline:none !important}.options label .option-name{margin:auto 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.options label .selected-option{margin:auto 0;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h24v24H0z'%3E%3C/path%3E%3Cpath stroke='%23A0A0A0' d='M16.95 10.25L12 15.2l-4.95-4.95'%3E%3C/path%3E%3C/g%3E%3C/svg%3E\");background-repeat:no-repeat;background-position:right 50%;background-size:24px;padding-right:26px;text-transform:uppercase;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:50%;font-family:inherit;cursor:pointer;font-weight:bold}.options label .selected-option.empty{height:16px;line-height:1rem;width:20%}.options .options-container{display:none;position:absolute;top:48px;left:-1px;background:#FFF;z-index:2;width:100%;border:1px solid #eee;border-top:0;max-height:114px;overflow:auto;cursor:pointer}.options .options-container .option-value{min-height:32px;font-size:12px;color:#101010;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;outline:none !important}.options .options-container .option-value.selected .selected-indic{height:24px;border-left:2px solid #101010}.options .options-container .option-value .value-text{margin-left:4px;margin-right:4px;padding:0 10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;font-size:12px;min-height:32px}.options .options-container .option-value:hover .value-text,.options .options-container .option-value:active .value-text,.options .options-container .option-value:focus .value-text{background:#F7F7F7}.main-gallery{overflow:hidden;width:100%}.main-gallery .swiper-slide{width:200px;height:200px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.main-gallery .swiper-slide img{max-width:100%;max-height:100%}.main-gallery .swiper-wrapper{max-height:200px}.footer{background-color:var(--covet-pics-background-color);position:absolute;width:100%;bottom:0;z-index:1}.footer .price-wrap{padding:0 var(--covet-pics-padding-size);width:calc(100% - var(--covet-pics-padding-size) * 2)}.swiper-pagination-bullets{padding:10px 0;border-bottom:1px solid var(--covet-pics-font-color);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;-ms-flex:none;flex:none;border-radius:100%;background:var(--covet-pics-font-color);opacity:0.2;margin:0 4px;padding:0;-webkit-transition:all 0.3;transition:all 0.3}.swiper-pagination-bullet:hover,.swiper-pagination-bullet:active,.swiper-pagination-bullet:focus{opacity:0.4;cursor:pointer}.swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--covet-pics-font-color)}@media only screen and (min-width: 800px){:host{display:block;height:100%;z-index:1;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden}.title{width:100%;padding-left:10px}.close{left:calc(var(--covet-pics-button-size) / -2);right:unset;-webkit-transform:unset;transform:unset}.wrap{height:100%;overflow:auto}.footer{position:absolute}}";
|
|
17
17
|
|
|
@@ -4305,14 +4305,6 @@ const CovetPicsHighlighted = class {
|
|
|
4305
4305
|
this.mainSliderAnimationLoop();
|
|
4306
4306
|
return showIntro();
|
|
4307
4307
|
}
|
|
4308
|
-
renderHotspots() {
|
|
4309
|
-
if (this.layout === "row") {
|
|
4310
|
-
return true;
|
|
4311
|
-
}
|
|
4312
|
-
else {
|
|
4313
|
-
return this.appState.settings.hotspots.enabled;
|
|
4314
|
-
}
|
|
4315
|
-
}
|
|
4316
4308
|
thumbnailAltTag(caption, idx, itemsLength, createdTime) {
|
|
4317
4309
|
return caption && caption.length > 0
|
|
4318
4310
|
? `${caption}, page ${idx + 1}/${itemsLength}, post created ${utils$1.getDateFromTimestamp(createdTime)}`
|
|
@@ -4364,10 +4356,10 @@ const CovetPicsHighlighted = class {
|
|
|
4364
4356
|
return `page ${index + 1} of ${itemsLength} pages, with thumbnail img preview ${sideLabel} in page slider layout`;
|
|
4365
4357
|
}
|
|
4366
4358
|
renderSlider() {
|
|
4367
|
-
return (index.h("section", { id: this.pageSliderId, class: `main-slider ${this.layout}`, role: "region", "aria-label": "Page slider", "aria-labelledby": "Page slider" }, index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Previous page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("next")), this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`,
|
|
4359
|
+
return (index.h("section", { id: this.pageSliderId, class: `main-slider ${this.layout}`, role: "region", "aria-label": "Page slider", "aria-labelledby": "Page slider" }, index.h("button", { disabled: this.mainSliderIndex === 0, onClick: (e) => this.mainSliderChangeSlide(e, "prev"), class: `slider-control main next ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Previous page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("next")), this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: `${this.layout} slide-noactive`, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, isMobile: !this.isDesktopScreen, pageIndex: index$1, mainSliderIndex: this.mainSliderIndex, caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "page-id": item.id, appStore: this.appStore, tabindex: index$1 === this.mainSliderIndex ? 0 : -1, "aria-hidden": `${index$1 !== this.mainSliderIndex}` })), index.h("button", { disabled: this.mainSliderIndex === this.numberOfPages - 1, onClick: (e) => this.mainSliderChangeSlide(e, "next"), class: `slider-control main prev ${this.layout === "spotlight" ? "main-spotlight" : ""}`, "aria-label": "Next page", "aria-controls": this.pageSliderId, type: "button" }, this.renderControlIcon("prev"))));
|
|
4368
4360
|
}
|
|
4369
4361
|
renderVertical() {
|
|
4370
|
-
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null,
|
|
4362
|
+
return (this.items.map((item, index$1) => index.h("covet-pics-highlighted-page", { class: this.layout, thumbnailUrl: item.data_type === "image" ? item.images.high_resolution : null, thumbnailAlt: this.thumbnailAltTag(item.caption, index$1, this.items.length, item.created_time), ariaLabel: this.pageAriaLabel(item, index$1, this.items.length, this.layout, !this.isDesktopScreen), thumbnailLayout: item.data_type, thumbnailCarouselImages: item.data_type === "carousel" ? item.carousel_media : null, videoUrl: item.video ? item.video : null, videoPoster: item.cover_images && item.cover_images.high_resolution ? item.cover_images.high_resolution : null, productLinks: item.links, productBaseImgAlt: `page ${index$1 + 1}/${this.items.length}`, isMobile: !this.isDesktopScreen, reverseClass: index$1 % 2 !== 0 && this.isDesktopScreen && this.layout === "zigzag" ? "reverse" : "", caption: item.caption, "user-name": item.username, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, "item-type": item.data_type, "page-id": item.id, appStore: this.appStore })));
|
|
4371
4363
|
}
|
|
4372
4364
|
async mainSliderAnimationLoop() {
|
|
4373
4365
|
if (this.mainSliderAnimatingSlides.length !== 0) {
|