vviinn-widgets 2.16.1 → 2.16.3

package/dist/cjs/cropper-handler_27.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-4ea3a37f.js');
-const index$2 = require('./index-b2b8f092.js');
-const customizedSlots = require('./customized-slots-84e1c444.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-8e47383c.js');
+const index$2 = require('./index-5ce4918b.js');
+const customizedSlots = require('./customized-slots-6b38279f.js');
 
 const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
 

package/dist/cjs/{customized-slots-84e1c444.js → customized-slots-6b38279f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1077e27c.js');
+const index = require('./index-0bda22ec.js');
 
 const defaultSlotsNames = [
   "vviinn-onboarding-title",

package/dist/cjs/{index-1077e27c.js → index-0bda22ec.js}

@@ -1270,6 +1270,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+const Fragment = (_, children) => children;
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1354,6 +1355,7 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
+exports.Fragment = Fragment;
 exports.Host = Host;
 exports.bootstrapLazy = bootstrapLazy;
 exports.createEvent = createEvent;

package/dist/cjs/{index-b2b8f092.js → index-5ce4918b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1077e27c.js');
+const index = require('./index-0bda22ec.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/cjs/{index-4ea3a37f.js → index-8e47383c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1077e27c.js');
+const index = require('./index-0bda22ec.js');
 
 // -------------------------------------------------------------------------------------
 /**

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
+const index = require('./index-0bda22ec.js');
 
 /*
  Stencil Client Patch Esm v2.9.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/vviinn-button.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-b2b8f092.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-5ce4918b.js');
 
 const vviinnButtonCss = ":host{display:block}.open-button{align-items:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);box-sizing:border-box;cursor:pointer;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:all 0.25s ease-in-out}.raw-open-button{background:none;border:none;cursor:pointer}.open-button:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25)}.open-button:focus{border:2px solid rgba(15, 98, 254, 0.5);outline:none}.open-button:active{background:#F4F4F4;outline:none}";
 

package/dist/cjs/vviinn-carousel_2.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-4ea3a37f.js');
-const index$2 = require('./index-b2b8f092.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-8e47383c.js');
+const index$2 = require('./index-5ce4918b.js');
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
 
@@ -117,7 +117,8 @@ let VviinnCarousel = class {
   getColumnsNumber() {
     const styleSheet = getComputedStyle(this.el);
     const columnsInCss = styleSheet.getPropertyValue(COLUMNS_NUMBER_CSS_VAR);
-    return parseInt(columnsInCss);
+    const columnsNumber = parseInt(columnsInCss);
+    return columnsNumber && !isNaN(columnsNumber) ? columnsNumber : 4;
   }
   getContentGroups() {
     return Array.from(this.el.querySelectorAll(`.${CONTENT_GROUP_CSS_CLASS}`));
@@ -156,6 +157,8 @@ let VviinnCarousel = class {
   }
   processScrollbarWidth() {
     const target = this.getContentNode();
+    if (!target)
+      return;
     const scrollRatio = (target.scrollLeft + target.clientWidth) / target.scrollWidth;
     const scrolledWidth = target.clientWidth * scrollRatio;
     this.el.style.setProperty("--vviinn-progressbar-width", `${scrolledWidth}px`);
@@ -204,7 +207,7 @@ let VviinnCarousel = class {
       }, onClick: () => this.scroll(index$1) })));
   }
   render() {
-    return (index.h(index.Host, { class: this.getClassMap() }, index.h("div", { class: Object.assign({ body: true }, this.getClassMap()) }, index.h("button", { class: "prev", onClick: () => this.showPrev(), part: "carousel-button" }, index.h(index$2.ChevronIcon, null)), index.h("div", { class: this.getContentClassMap(), onScroll: () => this.processScrollbarWidth() }, this.renderRecommendations()), index.h("button", { class: "next", onClick: () => this.showNext(), part: "carousel-button" }, index.h(index$2.ChevronIcon, null))), this.showBullets() ? (index.h("div", { class: "bullets" }, this.renderBullets())) : ("")));
+    return (index.h(index.Host, { class: this.getClassMap() }, index.h("div", { class: Object.assign({ body: true }, this.getClassMap()) }, index.h("button", { class: "prev", onClick: () => this.showPrev(), part: "carousel-button" }, index.h(index$2.ChevronIcon, null)), index.h("div", { class: this.getContentClassMap(), onScroll: () => this.processScrollbarWidth() }, this.renderRecommendations()), index.h("button", { class: "next", onClick: () => this.showNext(), part: "carousel-button" }, index.h(index$2.ChevronIcon, null))), this.showBullets() && (index.h("div", { class: "bullets" }, this.renderBullets()))));
   }
   get el() { return index.getElement(this); }
 };
@@ -994,7 +997,7 @@ let VviinnVprWidget = class {
         loaded: this.loaded,
         empty: this.recommendations.length == 0,
         [this.mode]: true,
-      }, "aria-hidden": this.loaded ? "false" : "true" }, this.renderExternalCSS(), index.h("style", null, index$1.state.fallbackStyles), index.h("h2", { part: "recommendations-title" }, this.blockTitle), this.useCarousel ? this.renderCarousel() : this.renderResults()));
+      }, "aria-hidden": this.loaded ? "false" : "true" }, this.recommendations.length ? (index.h(index.Fragment, null, this.renderExternalCSS(), index.h("style", null, index$1.state.fallbackStyles), index.h("h2", { part: "recommendations-title" }, this.blockTitle), this.useCarousel ? this.renderCarousel() : this.renderResults())) : ("")));
   }
   renderRecommendation(recommendation, index$1) {
     return (index.h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.mode === "grid", dimmedBackground: this.useDimmedBackgroundInCard(), index: index$1 }));

package/dist/cjs/vviinn-recommendations-sidebar.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-b2b8f092.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-5ce4918b.js');
 
 const recommendationsSidebarCss = ":host{--vviinn-carousel-columns:4;box-sizing:border-box;display:block;display:flex;height:100vh;left:0;position:fixed;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.open){background:rgba(0, 0, 0, 0.2)}:host(.bottom){flex-direction:column;justify-content:end}:host(.right){flex-direction:row;justify-content:flex-end}header{position:relative;text-align:center;padding:32px}header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);padding:8px}:host(.right) header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}main{padding:0 24px}:host(.right) main{overflow:auto}.sidebar{background:white;box-sizing:border-box;display:flex;flex-direction:column}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.bottom.closed) .sidebar{-webkit-animation-name:slideOutFromBottom;animation-name:slideOutFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.bottom.open) .sidebar{-webkit-animation-name:slideInFromBottom;animation-name:slideInFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{-webkit-animation-name:slideOutFromRight;animation-name:slideOutFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.open) .sidebar{-webkit-animation-name:slideInFromRight;animation-name:slideInFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-grid){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:24px}:host(.right) vviinn-vpr-widget{overflow:auto}:host(.right) vviinn-vpr-widget::part(image){border:none}.title{font-style:normal;font-weight:500;font-size:28px;line-height:40px;text-align:center;color:#000000}vviinn-vpr-widget::part(title),vviinn-vpr-widget::part(brand),vviinn-vpr-widget::part(type){text-align:left}vviinn-vpr-widget::part(price-container){align-self:start}.close-sidebar{background:transparent;border:none;cursor:pointer;margin:0;padding:0;position:absolute;right:24px;top:24px}@-webkit-keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width: 768px){:host{--vviinn-carousel-columns:2}}";
 

package/dist/cjs/vviinn-vpr-button.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-b2b8f092.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-5ce4918b.js');
 
 const vviinnVprButtonCss = ":host{display:block}";
 

package/dist/cjs/vviinn-vps-button.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-1077e27c.js');
-const index$1 = require('./index-b2b8f092.js');
-const customizedSlots = require('./customized-slots-84e1c444.js');
+const index = require('./index-0bda22ec.js');
+const index$1 = require('./index-5ce4918b.js');
+const customizedSlots = require('./customized-slots-6b38279f.js');
 
 const vviinnVpsButtonCss = ":host{display:block}";
 

package/dist/cjs/vviinn-widgets.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-1077e27c.js');
+const index = require('./index-0bda22ec.js');
 
 /*
  Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com

package/dist/collection/components/vviinn-carousel/vviinn-carousel.js

@@ -112,7 +112,8 @@ export class VviinnCarousel {
   getColumnsNumber() {
     const styleSheet = getComputedStyle(this.el);
     const columnsInCss = styleSheet.getPropertyValue(COLUMNS_NUMBER_CSS_VAR);
-    return parseInt(columnsInCss);
+    const columnsNumber = parseInt(columnsInCss);
+    return columnsNumber && !isNaN(columnsNumber) ? columnsNumber : 4;
   }
   getContentGroups() {
     return Array.from(this.el.querySelectorAll(`.${CONTENT_GROUP_CSS_CLASS}`));
@@ -151,6 +152,8 @@ export class VviinnCarousel {
   }
   processScrollbarWidth() {
     const target = this.getContentNode();
+    if (!target)
+      return;
     const scrollRatio = (target.scrollLeft + target.clientWidth) / target.scrollWidth;
     const scrolledWidth = target.clientWidth * scrollRatio;
     this.el.style.setProperty("--vviinn-progressbar-width", `${scrolledWidth}px`);
@@ -206,7 +209,7 @@ export class VviinnCarousel {
         h("div", { class: this.getContentClassMap(), onScroll: () => this.processScrollbarWidth() }, this.renderRecommendations()),
         h("button", { class: "next", onClick: () => this.showNext(), part: "carousel-button" },
           h(ChevronIcon, null))),
-      this.showBullets() ? (h("div", { class: "bullets" }, this.renderBullets())) : ("")));
+      this.showBullets() && (h("div", { class: "bullets" }, this.renderBullets()))));
   }
   static get is() { return "vviinn-carousel"; }
   static get originalStyleUrls() { return {

package/dist/collection/components/vviinn-vpr-widget/vviinn-vpr-vidget.js

@@ -1,4 +1,4 @@
-import { Component, Host, h, Prop, State, Element, Watch, Event, Listen, } from "@stencil/core";
+import { Component, Host, h, Prop, State, Element, Watch, Event, Listen, Fragment, } from "@stencil/core";
 import { pipe } from "fp-ts/lib/function";
 import * as TE from "fp-ts/lib/TaskEither";
 import * as E from "fp-ts/lib/Either";
@@ -166,11 +166,11 @@ export class VviinnVprWidget {
         loaded: this.loaded,
         empty: this.recommendations.length == 0,
         [this.mode]: true,
-      }, "aria-hidden": this.loaded ? "false" : "true" },
+      }, "aria-hidden": this.loaded ? "false" : "true" }, this.recommendations.length ? (h(Fragment, null,
       this.renderExternalCSS(),
       h("style", null, state.fallbackStyles),
       h("h2", { part: "recommendations-title" }, this.blockTitle),
-      this.useCarousel ? this.renderCarousel() : this.renderResults()));
+      this.useCarousel ? this.renderCarousel() : this.renderResults())) : ("")));
   }
   renderRecommendation(recommendation, index) {
     return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.mode === "grid", dimmedBackground: this.useDimmedBackgroundInCard(), index: index }));

package/dist/esm/cropper-handler_27.entry.js

@@ -1,7 +1,7 @@
-import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-65670ecf.js';
-import { g as getCursorValue, p as pipe, O as Option, s as sequenceToOption, i as imageSearchState, a as pointDiffSemigroup, _ as _function, t as transform, m as move, f as fromMouseEvent, b as makeRectangularSearchRequest, c as fromAlt, d as foldValueObject, e as scaleWithSized, h as center, j as detectedObjectEq, k as toFile, l as processSelectedFile, E as Either, n as match, o as fromImage, q as dimensionsFromImage, r as scaleByLargestSide, S as Semigroup, u as state, N as NonEmptyArray, v as createProductViewVpsEvent, w as createProductClickVpsEvent, x as createSearchEvent, y as createFilterEvent, z as v4, A as createTrackingApi, B as createWidgetVpsEvent, C as isEmpty } from './index-492f97b7.js';
-import { C as CheckIcon, O as OnboardingCard1Icon, a as OnboardingCard2Icon, b as OnboardingCard3Icon, A as ArrowIcon } from './index-84a46578.js';
-import { s as slotChangeListener } from './customized-slots-01387ced.js';
+import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-769ffb3c.js';
+import { g as getCursorValue, p as pipe, O as Option, s as sequenceToOption, i as imageSearchState, a as pointDiffSemigroup, _ as _function, t as transform, m as move, f as fromMouseEvent, b as makeRectangularSearchRequest, c as fromAlt, d as foldValueObject, e as scaleWithSized, h as center, j as detectedObjectEq, k as toFile, l as processSelectedFile, E as Either, n as match, o as fromImage, q as dimensionsFromImage, r as scaleByLargestSide, S as Semigroup, u as state, N as NonEmptyArray, v as createProductViewVpsEvent, w as createProductClickVpsEvent, x as createSearchEvent, y as createFilterEvent, z as v4, A as createTrackingApi, B as createWidgetVpsEvent, C as isEmpty } from './index-8de7d584.js';
+import { C as CheckIcon, O as OnboardingCard1Icon, a as OnboardingCard2Icon, b as OnboardingCard3Icon, A as ArrowIcon } from './index-dfe874ac.js';
+import { s as slotChangeListener } from './customized-slots-aa123817.js';
 
 const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
 

package/dist/esm/{customized-slots-01387ced.js → customized-slots-aa123817.js}

@@ -1,4 +1,4 @@
-import { h } from './index-65670ecf.js';
+import { h } from './index-769ffb3c.js';
 
 const defaultSlotsNames = [
   "vviinn-onboarding-title",

package/dist/esm/{index-65670ecf.js → index-769ffb3c.js}

@@ -1248,6 +1248,7 @@ const bootstrapLazy = (lazyBundles, options = {}) => {
     // Fallback appLoad event
     endBootstrap();
 };
+const Fragment = (_, children) => children;
 const hostRefs = new WeakMap();
 const getHostRef = (ref) => hostRefs.get(ref);
 const registerInstance = (lazyInstance, hostRef) => hostRefs.set((hostRef.$lazyInstance$ = lazyInstance), hostRef);
@@ -1332,4 +1333,4 @@ const flush = () => {
 const nextTick = /*@__PURE__*/ (cb) => promiseResolve().then(cb);
 const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
-export { Host as H, getRenderingRef as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r };
+export { Fragment as F, Host as H, getRenderingRef as a, bootstrapLazy as b, createEvent as c, forceUpdate as f, getElement as g, h, promiseResolve as p, registerInstance as r };

package/dist/esm/{index-492f97b7.js → index-8de7d584.js}

@@ -1,4 +1,4 @@
-import { a as getRenderingRef, f as forceUpdate } from './index-65670ecf.js';
+import { a as getRenderingRef, f as forceUpdate } from './index-769ffb3c.js';
 
 // -------------------------------------------------------------------------------------
 /**

package/dist/esm/{index-84a46578.js → index-dfe874ac.js}

@@ -1,4 +1,4 @@
-import { h } from './index-65670ecf.js';
+import { h } from './index-769ffb3c.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-65670ecf.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-769ffb3c.js';
 
 /*
  Stencil Client Patch Esm v2.9.0 | MIT Licensed | https://stenciljs.com

package/dist/esm/vviinn-button.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-65670ecf.js';
-import { V as VisualSearchIcon } from './index-84a46578.js';
+import { r as registerInstance, h, H as Host } from './index-769ffb3c.js';
+import { V as VisualSearchIcon } from './index-dfe874ac.js';
 
 const vviinnButtonCss = ":host{display:block}.open-button{align-items:center;background:rgba(255, 255, 255, 0.8);border-radius:50%;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);box-sizing:border-box;cursor:pointer;display:grid;height:40px;justify-items:center;padding:0;width:40px;transition:all 0.25s ease-in-out}.raw-open-button{background:none;border:none;cursor:pointer}.open-button:hover{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.25)}.open-button:focus{border:2px solid rgba(15, 98, 254, 0.5);outline:none}.open-button:active{background:#F4F4F4;outline:none}";
 

package/dist/esm/vviinn-carousel_2.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-65670ecf.js';
-import { D as _Array, _ as _function, p as pipe, F as chainW, G as makeRequest, H as fromEither, I as getApiPath, J as createInitGetRequest, K as sequenceT, L as Apply, M as map, P as match, u as state, Q as createProductViewVprEvent, R as createProductClickVprEvent, z as v4, A as createTrackingApi, T as createWidgetVprEvent, U as TaskEither, V as checkEmpryString, E as Either, i as imageSearchState } from './index-492f97b7.js';
-import { e as ChevronIcon } from './index-84a46578.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent, F as Fragment } from './index-769ffb3c.js';
+import { D as _Array, _ as _function, p as pipe, F as chainW, G as makeRequest, H as fromEither, I as getApiPath, J as createInitGetRequest, K as sequenceT, L as Apply, M as map, P as match, u as state, Q as createProductViewVprEvent, R as createProductClickVprEvent, z as v4, A as createTrackingApi, T as createWidgetVprEvent, U as TaskEither, V as checkEmpryString, E as Either, i as imageSearchState } from './index-8de7d584.js';
+import { e as ChevronIcon } from './index-dfe874ac.js';
 
 const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button{fill:#525252}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
 
@@ -113,7 +113,8 @@ let VviinnCarousel = class {
   getColumnsNumber() {
     const styleSheet = getComputedStyle(this.el);
     const columnsInCss = styleSheet.getPropertyValue(COLUMNS_NUMBER_CSS_VAR);
-    return parseInt(columnsInCss);
+    const columnsNumber = parseInt(columnsInCss);
+    return columnsNumber && !isNaN(columnsNumber) ? columnsNumber : 4;
   }
   getContentGroups() {
     return Array.from(this.el.querySelectorAll(`.${CONTENT_GROUP_CSS_CLASS}`));
@@ -152,6 +153,8 @@ let VviinnCarousel = class {
   }
   processScrollbarWidth() {
     const target = this.getContentNode();
+    if (!target)
+      return;
     const scrollRatio = (target.scrollLeft + target.clientWidth) / target.scrollWidth;
     const scrolledWidth = target.clientWidth * scrollRatio;
     this.el.style.setProperty("--vviinn-progressbar-width", `${scrolledWidth}px`);
@@ -200,7 +203,7 @@ let VviinnCarousel = class {
       }, onClick: () => this.scroll(index) })));
   }
   render() {
-    return (h(Host, { class: this.getClassMap() }, h("div", { class: Object.assign({ body: true }, this.getClassMap()) }, h("button", { class: "prev", onClick: () => this.showPrev(), part: "carousel-button" }, h(ChevronIcon, null)), h("div", { class: this.getContentClassMap(), onScroll: () => this.processScrollbarWidth() }, this.renderRecommendations()), h("button", { class: "next", onClick: () => this.showNext(), part: "carousel-button" }, h(ChevronIcon, null))), this.showBullets() ? (h("div", { class: "bullets" }, this.renderBullets())) : ("")));
+    return (h(Host, { class: this.getClassMap() }, h("div", { class: Object.assign({ body: true }, this.getClassMap()) }, h("button", { class: "prev", onClick: () => this.showPrev(), part: "carousel-button" }, h(ChevronIcon, null)), h("div", { class: this.getContentClassMap(), onScroll: () => this.processScrollbarWidth() }, this.renderRecommendations()), h("button", { class: "next", onClick: () => this.showNext(), part: "carousel-button" }, h(ChevronIcon, null))), this.showBullets() && (h("div", { class: "bullets" }, this.renderBullets()))));
   }
   get el() { return getElement(this); }
 };
@@ -990,7 +993,7 @@ let VviinnVprWidget = class {
         loaded: this.loaded,
         empty: this.recommendations.length == 0,
         [this.mode]: true,
-      }, "aria-hidden": this.loaded ? "false" : "true" }, this.renderExternalCSS(), h("style", null, state.fallbackStyles), h("h2", { part: "recommendations-title" }, this.blockTitle), this.useCarousel ? this.renderCarousel() : this.renderResults()));
+      }, "aria-hidden": this.loaded ? "false" : "true" }, this.recommendations.length ? (h(Fragment, null, this.renderExternalCSS(), h("style", null, state.fallbackStyles), h("h2", { part: "recommendations-title" }, this.blockTitle), this.useCarousel ? this.renderCarousel() : this.renderResults())) : ("")));
   }
   renderRecommendation(recommendation, index) {
     return (h("vviinn-product-card", { part: "product-part", productId: recommendation.productId, productTitle: recommendation.title, deeplink: recommendation.deeplink, image: recommendation.image.thumbnail, brand: recommendation.brand, imageWidth: this.imageWidth, imageRatio: 1, price: recommendation.price.actual, salePrice: recommendation.price.sale, responsive: this.mode === "grid", dimmedBackground: this.useDimmedBackgroundInCard(), index: index }));

package/dist/esm/vviinn-recommendations-sidebar.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-65670ecf.js';
-import { d as CrossIcon } from './index-84a46578.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-769ffb3c.js';
+import { d as CrossIcon } from './index-dfe874ac.js';
 
 const recommendationsSidebarCss = ":host{--vviinn-carousel-columns:4;box-sizing:border-box;display:block;display:flex;height:100vh;left:0;position:fixed;top:0;transition:background 0.1s ease-in-out;width:100vw}:host(.open){background:rgba(0, 0, 0, 0.2)}:host(.bottom){flex-direction:column;justify-content:end}:host(.right){flex-direction:row;justify-content:flex-end}header{position:relative;text-align:center;padding:32px}header.contains-source-img{display:grid;justify-items:center;grid-gap:12px}img.source-image{width:64px;height:64px;border-radius:50%;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.15);padding:8px}:host(.right) header{box-shadow:0px 2px 6px rgba(0, 0, 0, 0.1)}main{padding:0 24px}:host(.right) main{overflow:auto}.sidebar{background:white;box-sizing:border-box;display:flex;flex-direction:column}:host(.bottom.idle) .sidebar,:host(.bottom.closed) .sidebar{transform:translateY(100%)}:host(.bottom.closed) .sidebar{-webkit-animation-name:slideOutFromBottom;animation-name:slideOutFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.bottom.open) .sidebar{-webkit-animation-name:slideInFromBottom;animation-name:slideInFromBottom;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.idle) .sidebar{transform:translateX(100%)}:host(.right.closed) .sidebar{-webkit-animation-name:slideOutFromRight;animation-name:slideOutFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right.open) .sidebar{-webkit-animation-name:slideInFromRight;animation-name:slideInFromRight;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.right) .sidebar{max-width:480px}:host(.right) vviinn-vpr-widget::part(recommendations-grid){display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:24px}:host(.right) vviinn-vpr-widget{overflow:auto}:host(.right) vviinn-vpr-widget::part(image){border:none}.title{font-style:normal;font-weight:500;font-size:28px;line-height:40px;text-align:center;color:#000000}vviinn-vpr-widget::part(title),vviinn-vpr-widget::part(brand),vviinn-vpr-widget::part(type){text-align:left}vviinn-vpr-widget::part(price-container){align-self:start}.close-sidebar{background:transparent;border:none;cursor:pointer;margin:0;padding:0;position:absolute;right:24px;top:24px}@-webkit-keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInFromBottom{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slideOutFromBottom{from{transform:translateY(0)}to{transform:translateY(100%)}}@-webkit-keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes slideOutFromRight{from{transform:translateX(0)}to{transform:translateX(100%)}}@media (max-width: 768px){:host{--vviinn-carousel-columns:2}}";
 

package/dist/esm/vviinn-vpr-button.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host } from './index-65670ecf.js';
-import { V as VisualSearchIcon } from './index-84a46578.js';
+import { r as registerInstance, h, H as Host } from './index-769ffb3c.js';
+import { V as VisualSearchIcon } from './index-dfe874ac.js';
 
 const vviinnVprButtonCss = ":host{display:block}";
 

package/dist/esm/vviinn-vps-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-65670ecf.js';
-import { c as CameraIcon } from './index-84a46578.js';
-import { S as SlotSkeleton } from './customized-slots-01387ced.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-769ffb3c.js';
+import { c as CameraIcon } from './index-dfe874ac.js';
+import { S as SlotSkeleton } from './customized-slots-aa123817.js';
 
 const vviinnVpsButtonCss = ":host{display:block}";
 

package/dist/esm/vviinn-widgets.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-65670ecf.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-769ffb3c.js';
 
 /*
  Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com