vviinn-widgets 2.79.0 → 2.79.1

package/dist/cjs/{package-aaf4ee32.js → package-a672586f.js}

@@ -1,5 +1,5 @@
 'use strict';
 
-const version = "2.79.0";
+const version = "2.79.1";
 
 exports.version = version;

package/dist/cjs/search-filters_18.cjs.entry.js

@@ -7,7 +7,7 @@ const search_store = require('./search.store-ba1e2ead.js');
 const index$1 = require('./index-21cf53a2.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-aaf4ee32.js');
+const _package = require('./package-a672586f.js');
 const CameraIcon = require('./CameraIcon-5b8efacb.js');
 
 const ArrowIcon = () => (index.h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -4378,7 +4378,7 @@ const VviinnTeaser = class {
 };
 VviinnTeaser.style = vviinnTeaserCss;
 
-const vviinnTextSearchCss = ":host{display:block;position:relative;width:100%}.text-search-input{width:100%;height:48px;padding:0 16px;font-size:16px;box-sizing:border-box;font-style:normal;font-weight:400;border-radius:8px;border:1px solid #e0e0e0;transition:border-color 0.2s;outline:none;overflow:hidden}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}.text-search-button{position:absolute;right:1px;top:1px;border:none;border-radius:0 7px 7px 0;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;transition:background-color 0.2s;cursor:pointer}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector{position:absolute;right:60px;top:14px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}";
+const vviinnTextSearchCss = ":host{display:block;position:relative;width:100%}.text-search-input{width:100%;height:48px;padding:0 62px 0 16px;font-size:16px;box-sizing:border-box;font-style:normal;font-weight:400;border-radius:8px;border:1px solid #e0e0e0;transition:border-color 0.2s;outline:none;overflow:hidden}.text-search-input--with-icon{padding-right:96px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}.text-search-button{position:absolute;right:1px;top:1px;border:none;border-radius:0 7px 7px 0;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;transition:background-color 0.2s;cursor:pointer}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector{position:absolute;right:60px;top:14px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}";
 
 const VviinnTextSearch = class {
   constructor(hostRef) {
@@ -4431,7 +4431,10 @@ const VviinnTextSearch = class {
     }
   }
   render() {
-    return (index.h(index.Host, { exportparts: "text-search-input" }, index.h("input", { class: "text-search-input", part: "text-search-input", type: "text", placeholder: index$1.instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), index.h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: search_store.searchState.loading }, search_store.searchState.loading &&
+    return (index.h(index.Host, { exportparts: "text-search-input" }, index.h("input", { class: {
+        "text-search-input": true,
+        "text-search-input--with-icon": this.mode === "textAndImage",
+      }, part: "text-search-input", type: "text", placeholder: index$1.instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), index.h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: search_store.searchState.loading }, search_store.searchState.loading &&
       search_store.searchState.searchType === "text" &&
       this.showInWidget ? (index.h("vviinn-preloader", null)) : (index.h("slot", { name: "vviinn-text-search-icon" }, index.h(TextSearchIcon, null)))), this.mode === "textAndImage" && (index.h("vviinn-image-selector", { token: this.token, apiPath: this.apiPath, showInTextSearch: true }, index.h("span", { slot: "upload-button-text" }, index.h(CameraIcon.CameraIcon, null))))));
   }

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

@@ -7,7 +7,7 @@ const search_store = require('./search.store-ba1e2ead.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const index$1 = require('./index-21cf53a2.js');
 const PlusIcon = require('./PlusIcon-835a5dcc.js');
-const _package = require('./package-aaf4ee32.js');
+const _package = require('./package-a672586f.js');
 
 const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-aaf4ee32.js');
+const _package = require('./package-a672586f.js');
 const VisualSearchIcon = require('./VisualSearchIcon-f435f5b0.js');
 
 const vviinnVprButtonCss = ":host{display:block}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-4474431a.js');
-const _package = require('./package-aaf4ee32.js');
+const _package = require('./package-a672586f.js');
 const CameraIcon = require('./CameraIcon-5b8efacb.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-4474431a.js');
 const search_store = require('./search.store-ba1e2ead.js');
 const index$1 = require('./index-21cf53a2.js');
-const _package = require('./package-aaf4ee32.js');
+const _package = require('./package-a672586f.js');
 const customizedSlots = require('./customized-slots-dacb282b.js');
 const constants = require('./constants-7684cbfc.js');
 

package/dist/collection/components/vviinn-results/stories/generalArgs.js

@@ -2,7 +2,7 @@ export const generalArgs = {
   token: process.env.STORYBOOK_TOKEN,
   apiPath: process.env.STORYBOOK_API_PATH,
   resultsCount: 12,
-  imageResolutionWidth: 250,
+  imageResolutionWidth: 500,
   currencySign: "€",
   locale: "en-US",
   productDetailsRedirect: true,

package/dist/collection/components/vviinn-text-search/vviinn-text-search.css

@@ -7,7 +7,7 @@
 .text-search-input {
   width: 100%;
   height: 48px;
-  padding: 0 16px;
+  padding: 0 62px 0 16px;
   font-size: 16px;
   box-sizing: border-box;
   font-style: normal;
@@ -19,6 +19,10 @@
   overflow: hidden;
 }
 
+.text-search-input--with-icon {
+  padding-right: 96px;
+}
+
 .text-search-input::-moz-placeholder {
   color: #a8a8a8;
 }

package/dist/collection/components/vviinn-text-search/vviinn-text-search.js

@@ -55,7 +55,10 @@ export class VviinnTextSearch {
     }
   }
   render() {
-    return (h(Host, { exportparts: "text-search-input" }, h("input", { class: "text-search-input", part: "text-search-input", type: "text", placeholder: i18next.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: searchState.loading }, searchState.loading &&
+    return (h(Host, { exportparts: "text-search-input" }, h("input", { class: {
+        "text-search-input": true,
+        "text-search-input--with-icon": this.mode === "textAndImage",
+      }, part: "text-search-input", type: "text", placeholder: i18next.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: searchState.loading }, searchState.loading &&
       searchState.searchType === "text" &&
       this.showInWidget ? (h("vviinn-preloader", null)) : (h("slot", { name: "vviinn-text-search-icon" }, h(TextSearchIcon, null)))), this.mode === "textAndImage" && (h("vviinn-image-selector", { token: this.token, apiPath: this.apiPath, showInTextSearch: true }, h("span", { slot: "upload-button-text" }, h(CameraIcon, null))))));
   }

package/dist/esm/{package-15e68804.js → package-f53bc121.js}

@@ -1,3 +1,3 @@
-const version = "2.79.0";
+const version = "2.79.1";
 
 export { version as v };

package/dist/esm/search-filters_18.entry.js

@@ -3,7 +3,7 @@ import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldV
 import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType, r as resources } from './index-9e9b32a2.js';
 import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-299054d1.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-15e68804.js';
+import { v as version } from './package-f53bc121.js';
 import { C as CameraIcon } from './CameraIcon-785208d2.js';
 
 const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -4374,7 +4374,7 @@ const VviinnTeaser = class {
 };
 VviinnTeaser.style = vviinnTeaserCss;
 
-const vviinnTextSearchCss = ":host{display:block;position:relative;width:100%}.text-search-input{width:100%;height:48px;padding:0 16px;font-size:16px;box-sizing:border-box;font-style:normal;font-weight:400;border-radius:8px;border:1px solid #e0e0e0;transition:border-color 0.2s;outline:none;overflow:hidden}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}.text-search-button{position:absolute;right:1px;top:1px;border:none;border-radius:0 7px 7px 0;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;transition:background-color 0.2s;cursor:pointer}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector{position:absolute;right:60px;top:14px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}";
+const vviinnTextSearchCss = ":host{display:block;position:relative;width:100%}.text-search-input{width:100%;height:48px;padding:0 62px 0 16px;font-size:16px;box-sizing:border-box;font-style:normal;font-weight:400;border-radius:8px;border:1px solid #e0e0e0;transition:border-color 0.2s;outline:none;overflow:hidden}.text-search-input--with-icon{padding-right:96px}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}.text-search-button{position:absolute;right:1px;top:1px;border:none;border-radius:0 7px 7px 0;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;transition:background-color 0.2s;cursor:pointer}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector{position:absolute;right:60px;top:14px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}";
 
 const VviinnTextSearch = class {
   constructor(hostRef) {
@@ -4427,7 +4427,10 @@ const VviinnTextSearch = class {
     }
   }
   render() {
-    return (h(Host, { exportparts: "text-search-input" }, h("input", { class: "text-search-input", part: "text-search-input", type: "text", placeholder: instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: searchState.loading }, searchState.loading &&
+    return (h(Host, { exportparts: "text-search-input" }, h("input", { class: {
+        "text-search-input": true,
+        "text-search-input--with-icon": this.mode === "textAndImage",
+      }, part: "text-search-input", type: "text", placeholder: instance.t("textSearchPlaceholder"), value: this.searchQuery, onInput: (event) => this.handleInputChange(event), onKeyUp: (event) => this.handleKeyPress(event) }), h("button", { class: "text-search-button", onClick: () => this.handleTextSearch(), disabled: searchState.loading }, searchState.loading &&
       searchState.searchType === "text" &&
       this.showInWidget ? (h("vviinn-preloader", null)) : (h("slot", { name: "vviinn-text-search-icon" }, h(TextSearchIcon, null)))), this.mode === "textAndImage" && (h("vviinn-image-selector", { token: this.token, apiPath: this.apiPath, showInTextSearch: true }, h("span", { slot: "upload-button-text" }, h(CameraIcon, null))))));
   }

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

@@ -3,7 +3,7 @@ import { h as has, t as tuple, s as searchState, _ as _function, a as _Array, O
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton, f as fromString, a as fold } from './customized-slots-299054d1.js';
 import { i as instance, r as resources, v as v4, c as createTrackingApi, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, j as createProductVprEventByType } from './index-9e9b32a2.js';
 import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
-import { v as version } from './package-15e68804.js';
+import { v as version } from './package-f53bc121.js';
 
 const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   h("path", { d: "M7.5 22C6.95 22 6.47917 21.8042 6.0875 21.4125C5.69583 21.0208 5.5 20.55 5.5 20C5.5 19.45 5.69583 18.9792 6.0875 18.5875C6.47917 18.1958 6.95 18 7.5 18C8.05 18 8.52083 18.1958 8.9125 18.5875C9.30417 18.9792 9.5 19.45 9.5 20C9.5 20.55 9.30417 21.0208 8.9125 21.4125C8.52083 21.8042 8.05 22 7.5 22ZM17.5 22C16.95 22 16.4792 21.8042 16.0875 21.4125C15.6958 21.0208 15.5 20.55 15.5 20C15.5 19.45 15.6958 18.9792 16.0875 18.5875C16.4792 18.1958 16.95 18 17.5 18C18.05 18 18.5208 18.1958 18.9125 18.5875C19.3042 18.9792 19.5 19.45 19.5 20C19.5 20.55 19.3042 21.0208 18.9125 21.4125C18.5208 21.8042 18.05 22 17.5 22ZM6.65 6L9.05 11H16.05L18.8 6H6.65ZM5.7 4H20.45C20.8333 4 21.125 4.17083 21.325 4.5125C21.525 4.85417 21.5333 5.2 21.35 5.55L17.8 11.95C17.6167 12.2833 17.3708 12.5417 17.0625 12.725C16.7542 12.9083 16.4167 13 16.05 13H8.6L7.5 15H18.5C18.7833 15 19.0208 15.0958 19.2125 15.2875C19.4042 15.4792 19.5 15.7167 19.5 16C19.5 16.2833 19.4042 16.5208 19.2125 16.7125C19.0208 16.9042 18.7833 17 18.5 17H7.5C6.75 17 6.18333 16.6708 5.8 16.0125C5.41667 15.3542 5.4 14.7 5.75 14.05L7.1 11.6L3.5 4H2.5C2.21667 4 1.97917 3.90417 1.7875 3.7125C1.59583 3.52083 1.5 3.28333 1.5 3C1.5 2.71667 1.59583 2.47917 1.7875 2.2875C1.97917 2.09583 2.21667 2 2.5 2H4.125C4.30833 2 4.48333 2.05 4.65 2.15C4.81667 2.25 4.94167 2.39167 5.025 2.575L5.7 4Z", fill: "#525252" })));

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-15e68804.js';
+import { v as version } from './package-f53bc121.js';
 import { V as VisualSearchIcon } from './VisualSearchIcon-b301a1d4.js';
 
 const vviinnVprButtonCss = ":host{display:block}";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-abf408d8.js';
-import { v as version } from './package-15e68804.js';
+import { v as version } from './package-f53bc121.js';
 import { C as CameraIcon } from './CameraIcon-785208d2.js';
 import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-abf408d8.js';
 import { s as searchState, j as makeTextSearchRequest, d as state, k as parseExcludedToParams, O as Option } from './search.store-8fe25d80.js';
 import { i as instance, r as resources, k as createSearchEvent, l as createFilterEvent, v as v4, c as createTrackingApi, m as createWidgetVpsEvent } from './index-9e9b32a2.js';
-import { v as version } from './package-15e68804.js';
+import { v as version } from './package-f53bc121.js';
 import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-299054d1.js';
 import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';