vviinn-widgets 2.160.3 → 2.160.4
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/{index-bbed84c5.js → index-8e60a616.js} +2 -0
- package/dist/cjs/{package-a89ba576.js → package-ef23f7e4.js} +1 -1
- package/dist/cjs/vviinn-button_2.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-camera_12.cjs.entry.js +5 -5
- package/dist/cjs/vviinn-carousel_10.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-detected-object_7.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-text-search.cjs.entry.js +1 -1
- package/dist/collection/components/vviinn-results/vviinn-results.js +3 -3
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +2 -2
- package/dist/collection/cssParts/index.js +1 -0
- package/dist/esm/{index-47360621.js → index-246a8302.js} +2 -1
- package/dist/esm/{package-a6d44c72.js → package-3c28c73d.js} +1 -1
- package/dist/esm/vviinn-button_2.entry.js +1 -1
- package/dist/esm/vviinn-camera_12.entry.js +5 -5
- package/dist/esm/vviinn-carousel_10.entry.js +2 -2
- package/dist/esm/vviinn-detected-object_7.entry.js +2 -2
- package/dist/esm/vviinn-text-search.entry.js +1 -1
- package/dist/types/cssParts/index.d.ts +1 -0
- package/dist/vviinn-widgets/{p-01db2460.entry.js → p-5128e236.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-412d73d5.entry.js → p-71aafbad.entry.js} +2 -2
- package/dist/vviinn-widgets/{p-57fbd7ea.entry.js → p-79d93e75.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-397366af.js → p-8dd49f31.js} +1 -1
- package/{www/build/p-8161657c.entry.js → dist/vviinn-widgets/p-a7828c74.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-766ad815.entry.js → p-bae7fb5c.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-f3488b9e.js → p-da0e26cc.js} +1 -1
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-01db2460.entry.js → p-5128e236.entry.js} +1 -1
- package/www/build/{p-412d73d5.entry.js → p-71aafbad.entry.js} +2 -2
- package/www/build/{p-57fbd7ea.entry.js → p-79d93e75.entry.js} +1 -1
- package/www/build/{p-397366af.js → p-8dd49f31.js} +1 -1
- package/{dist/vviinn-widgets/p-8161657c.entry.js → www/build/p-a7828c74.entry.js} +1 -1
- package/www/build/{p-766ad815.entry.js → p-bae7fb5c.entry.js} +1 -1
- package/www/build/{p-f3488b9e.js → p-da0e26cc.js} +1 -1
- package/www/build/vviinn-widgets.esm.js +1 -1
|
@@ -98,6 +98,7 @@ const filtersParts = makeExportPartsString(filtersPartsList, histogramPartsList,
|
|
|
98
98
|
makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
|
|
99
99
|
const priceRangeParts = makeExportPartsString(histogramPartsList);
|
|
100
100
|
const energyLabelParts = makeExportPartsString(energyLabelPartsList);
|
|
101
|
+
const productCardsGridPart = "products";
|
|
101
102
|
const productCardParts = makeExportPartsString(productCardGeneralPartsList, pricePartsList, customLabelPartsList, energyLabelPartsList);
|
|
102
103
|
const searchWidgetFilterParts = makeExportPartsString(extendedFiltersPartsList, filtersPartsList, histogramPartsList, generalFiltersPartsList);
|
|
103
104
|
const searchWidgetButtonParts = makeExportPartsString([
|
|
@@ -129,6 +130,7 @@ exports.filtersParts = filtersParts;
|
|
|
129
130
|
exports.modalParts = modalParts;
|
|
130
131
|
exports.priceRangeParts = priceRangeParts;
|
|
131
132
|
exports.productCardParts = productCardParts;
|
|
133
|
+
exports.productCardsGridPart = productCardsGridPart;
|
|
132
134
|
exports.searchBarParts = searchBarParts;
|
|
133
135
|
exports.searchWidgetButtonParts = searchWidgetButtonParts;
|
|
134
136
|
exports.searchWidgetFilterParts = searchWidgetFilterParts;
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-1a40d6c9.js');
|
|
6
6
|
const resources = require('./resources-9a669f8f.js');
|
|
7
7
|
const Rectangle = require('./Rectangle-baf86229.js');
|
|
8
|
-
const index$1 = require('./index-
|
|
8
|
+
const index$1 = require('./index-8e60a616.js');
|
|
9
9
|
|
|
10
10
|
const CrossIcon = () => (index.h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
11
11
|
index.h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })));
|
|
@@ -8,9 +8,9 @@ const customizedSlots = require('./customized-slots-a9416ea3.js');
|
|
|
8
8
|
const index$2 = require('./index-601ae273.js');
|
|
9
9
|
const index$1 = require('./index-1953bc5b.js');
|
|
10
10
|
const Rectangle = require('./Rectangle-baf86229.js');
|
|
11
|
-
const _package = require('./package-
|
|
11
|
+
const _package = require('./package-ef23f7e4.js');
|
|
12
12
|
const resources = require('./resources-9a669f8f.js');
|
|
13
|
-
const index$3 = require('./index-
|
|
13
|
+
const index$3 = require('./index-8e60a616.js');
|
|
14
14
|
const constants = require('./constants-21309688.js');
|
|
15
15
|
const WarningIcon = require('./WarningIcon-db443b71.js');
|
|
16
16
|
|
|
@@ -4193,10 +4193,10 @@ const VviinnResults = class {
|
|
|
4193
4193
|
return (index.h(index.Host, { id: "results-block", class: {
|
|
4194
4194
|
"show-in-widget": this.showInWidget,
|
|
4195
4195
|
"matching-discovery": this.oneClickDiscoveryMode === "append-slider",
|
|
4196
|
-
}, exportparts: index$3.productCardParts }, index.h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (index.h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (index.h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), index.h("div", { class: {
|
|
4196
|
+
}, exportparts: `${index$3.productCardParts}, ${index$3.productCardsGridPart}` }, index.h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (index.h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (index.h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), index.h("div", { class: {
|
|
4197
4197
|
hidden: this.showAspectRatioError || resultsLength === 0,
|
|
4198
4198
|
products: true,
|
|
4199
|
-
}, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { id: "one-click-discovery-append", style: {
|
|
4199
|
+
}, part: index$3.productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), index.h("div", { id: "one-click-discovery-append", style: {
|
|
4200
4200
|
order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
|
|
4201
4201
|
} }))));
|
|
4202
4202
|
}
|
|
@@ -4671,7 +4671,7 @@ const VviinnVpsWidget = class {
|
|
|
4671
4671
|
}
|
|
4672
4672
|
render() {
|
|
4673
4673
|
var _a, _b, _c;
|
|
4674
|
-
return (index.h(index.Host, { exportparts: `${index$3.modalParts}, ${index$3.productCardParts}, ${index$3.searchBarParts}, ${index$3.searchWidgetFilterParts}, ${index$3.searchWidgetButtonParts}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
4674
|
+
return (index.h(index.Host, { exportparts: `${index$3.modalParts}, ${index$3.productCardParts}, ${index$3.searchBarParts}, ${index$3.searchWidgetFilterParts}, ${index$3.searchWidgetButtonParts}, ${index$3.productCardsGridPart}` }, !this.showingInButton && customizedSlots.SlotSkeleton("search"), index.h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
4675
4675
|
if (detail.campaignTypeId !== "VPR")
|
|
4676
4676
|
this.handleModalClose();
|
|
4677
4677
|
}, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: _package.version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
|
|
@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-1a40d6c9.js');
|
|
6
6
|
const search_store = require('./search.store-5c334453.js');
|
|
7
|
-
const _package = require('./package-
|
|
7
|
+
const _package = require('./package-ef23f7e4.js');
|
|
8
8
|
const index$1 = require('./index-601ae273.js');
|
|
9
9
|
const Rectangle = require('./Rectangle-baf86229.js');
|
|
10
10
|
const customizedSlots = require('./customized-slots-a9416ea3.js');
|
|
11
|
-
const index$2 = require('./index-
|
|
11
|
+
const index$2 = require('./index-8e60a616.js');
|
|
12
12
|
const triggerFilter = require('./triggerFilter-ad0f1ce3.js');
|
|
13
13
|
const resources = require('./resources-9a669f8f.js');
|
|
14
14
|
|
|
@@ -7,8 +7,8 @@ const search_store = require('./search.store-5c334453.js');
|
|
|
7
7
|
const Rectangle = require('./Rectangle-baf86229.js');
|
|
8
8
|
const WarningIcon = require('./WarningIcon-db443b71.js');
|
|
9
9
|
const customizedSlots = require('./customized-slots-a9416ea3.js');
|
|
10
|
-
const _package = require('./package-
|
|
11
|
-
const index$1 = require('./index-
|
|
10
|
+
const _package = require('./package-ef23f7e4.js');
|
|
11
|
+
const index$1 = require('./index-8e60a616.js');
|
|
12
12
|
|
|
13
13
|
const SecondaryActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
14
14
|
index.h("path", { d: "M7.82499 13L12.725 17.9C12.925 18.1 13.0208 18.3333 13.0125 18.6C13.0042 18.8667 12.9 19.1 12.7 19.3C12.5 19.4833 12.2667 19.5792 12 19.5875C11.7333 19.5958 11.5 19.5 11.3 19.3L4.69999 12.7C4.59999 12.6 4.52915 12.4917 4.48749 12.375C4.44582 12.2583 4.42499 12.1333 4.42499 12C4.42499 11.8667 4.44582 11.7417 4.48749 11.625C4.52915 11.5083 4.59999 11.4 4.69999 11.3L11.3 4.69999C11.4833 4.51665 11.7125 4.42499 11.9875 4.42499C12.2625 4.42499 12.5 4.51665 12.7 4.69999C12.9 4.89999 13 5.13749 13 5.41249C13 5.68749 12.9 5.92499 12.7 6.12499L7.82499 11H19C19.2833 11 19.5208 11.0958 19.7125 11.2875C19.9042 11.4792 20 11.7167 20 12C20 12.2833 19.9042 12.5208 19.7125 12.7125C19.5208 12.9042 19.2833 13 19 13H7.82499Z", fill: "currentColor" })));
|
|
@@ -7,7 +7,7 @@ const search_store = require('./search.store-5c334453.js');
|
|
|
7
7
|
const customizedSlots = require('./customized-slots-a9416ea3.js');
|
|
8
8
|
const Rectangle = require('./Rectangle-baf86229.js');
|
|
9
9
|
const resources = require('./resources-9a669f8f.js');
|
|
10
|
-
const index$1 = require('./index-
|
|
10
|
+
const index$1 = require('./index-8e60a616.js');
|
|
11
11
|
|
|
12
12
|
const TextSearchIcon = () => (index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
13
13
|
index.h("path", { d: "M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z", fill: "#525252" }),
|
|
@@ -23,7 +23,7 @@ import i18next from "i18next";
|
|
|
23
23
|
import { resources } from "../../locale";
|
|
24
24
|
import { productCardSlotNames, slotChangeListener, vprIconSlotName, } from "../customized-slots";
|
|
25
25
|
import { getCustomLabels } from "../../recommendation";
|
|
26
|
-
import { productCardParts } from "../../cssParts";
|
|
26
|
+
import { productCardParts, productCardsGridPart } from "../../cssParts";
|
|
27
27
|
import { findSlotElements, getSlotNames } from "../../dom";
|
|
28
28
|
import { RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH } from "../../widget/constants";
|
|
29
29
|
import { addIfNotEmpty } from "../../utils/collections/collectionsUtils";
|
|
@@ -409,10 +409,10 @@ export class VviinnResults {
|
|
|
409
409
|
return (h(Host, { id: "results-block", class: {
|
|
410
410
|
"show-in-widget": this.showInWidget,
|
|
411
411
|
"matching-discovery": this.oneClickDiscoveryMode === "append-slider",
|
|
412
|
-
}, exportparts: productCardParts }, h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { class: {
|
|
412
|
+
}, exportparts: `${productCardParts}, ${productCardsGridPart}` }, h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { class: {
|
|
413
413
|
hidden: this.showAspectRatioError || resultsLength === 0,
|
|
414
414
|
products: true,
|
|
415
|
-
}, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { id: "one-click-discovery-append", style: {
|
|
415
|
+
}, part: productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { id: "one-click-discovery-append", style: {
|
|
416
416
|
order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
|
|
417
417
|
} }))));
|
|
418
418
|
}
|
|
@@ -25,7 +25,7 @@ import { CameraActionIcon, UploadActionIcon } from "../vviinn-icons";
|
|
|
25
25
|
import { DEFAULT_EXAMPLE_IMAGE } from "../../assets/constants";
|
|
26
26
|
import { videoStreamSettings } from "../../video/settings";
|
|
27
27
|
import { checkDeviceType } from "../../helpers";
|
|
28
|
-
import { extendedFiltersParts, filtersParts, modalParts, productCardParts, searchBarParts, searchWidgetButtonParts, searchWidgetFilterParts, } from "../../cssParts";
|
|
28
|
+
import { extendedFiltersParts, filtersParts, modalParts, productCardParts, productCardsGridPart, searchBarParts, searchWidgetButtonParts, searchWidgetFilterParts, } from "../../cssParts";
|
|
29
29
|
import { findSlotElements } from "../../dom";
|
|
30
30
|
import { SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH } from "../../widget/constants";
|
|
31
31
|
const CAMERA_START_DELAY = 500;
|
|
@@ -420,7 +420,7 @@ export class VviinnVpsWidget {
|
|
|
420
420
|
}
|
|
421
421
|
render() {
|
|
422
422
|
var _a, _b, _c;
|
|
423
|
-
return (h(Host, { exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
423
|
+
return (h(Host, { exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
424
424
|
if (detail.campaignTypeId !== "VPR")
|
|
425
425
|
this.handleModalClose();
|
|
426
426
|
}, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
|
|
@@ -6,6 +6,7 @@ export const filtersParts = makeExportPartsString(filtersPartsList, histogramPar
|
|
|
6
6
|
export const selectedFiltersParts = makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
|
|
7
7
|
export const priceRangeParts = makeExportPartsString(histogramPartsList);
|
|
8
8
|
export const energyLabelParts = makeExportPartsString(energyLabelPartsList);
|
|
9
|
+
export const productCardsGridPart = "products";
|
|
9
10
|
export const productCardParts = makeExportPartsString(productCardGeneralPartsList, pricePartsList, customLabelPartsList, energyLabelPartsList);
|
|
10
11
|
export const searchWidgetFilterParts = makeExportPartsString(extendedFiltersPartsList, filtersPartsList, histogramPartsList, generalFiltersPartsList);
|
|
11
12
|
export const searchWidgetButtonParts = makeExportPartsString([
|
|
@@ -96,6 +96,7 @@ const filtersParts = makeExportPartsString(filtersPartsList, histogramPartsList,
|
|
|
96
96
|
makeExportPartsString(selectedFiltersPartsList, generalFiltersPartsList);
|
|
97
97
|
const priceRangeParts = makeExportPartsString(histogramPartsList);
|
|
98
98
|
const energyLabelParts = makeExportPartsString(energyLabelPartsList);
|
|
99
|
+
const productCardsGridPart = "products";
|
|
99
100
|
const productCardParts = makeExportPartsString(productCardGeneralPartsList, pricePartsList, customLabelPartsList, energyLabelPartsList);
|
|
100
101
|
const searchWidgetFilterParts = makeExportPartsString(extendedFiltersPartsList, filtersPartsList, histogramPartsList, generalFiltersPartsList);
|
|
101
102
|
const searchWidgetButtonParts = makeExportPartsString([
|
|
@@ -120,4 +121,4 @@ const modalParts = makeExportPartsString([
|
|
|
120
121
|
"secondary-action",
|
|
121
122
|
]);
|
|
122
123
|
|
|
123
|
-
export { productCardParts as a,
|
|
124
|
+
export { productCardParts as a, productCardsGridPart as b, extendedFiltersParts as c, searchWidgetFilterParts as d, energyLabelParts as e, filtersParts as f, searchWidgetButtonParts as g, carouselParts as h, modalParts as m, priceRangeParts as p, searchBarParts as s };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, r as registerInstance, H as Host, c as createEvent, F as Fragment, g as getElement } from './index-057b9128.js';
|
|
2
2
|
import { r as resources } from './resources-4651fe88.js';
|
|
3
3
|
import { a as isClickedInRectBound, i as instance } from './Rectangle-abec127b.js';
|
|
4
|
-
import {
|
|
4
|
+
import { h as carouselParts, a as productCardParts } from './index-246a8302.js';
|
|
5
5
|
|
|
6
6
|
const CrossIcon = () => (h("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
7
7
|
h("path", { d: "M16 1.4L14.6 0L8 6.6L1.4 0L0 1.4L6.6 8L0 14.6L1.4 16L8 9.4L14.6 16L16 14.6L9.4 8L16 1.4Z", fill: "currentColor" })));
|
|
@@ -4,9 +4,9 @@ import { s as slotChangeListener, p as productCardSlotNames, v as vprIconSlotNam
|
|
|
4
4
|
import { P as PlusIcon, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, e as createWidgetEvent, j as createFilterEvent, v as v4, c as createAddToBasketEvent, d as createAddToWishlistEvent, f as createResultEventByType, h as createProductEventByType, g as getCustomLabels, k as createImageSearchEvent } from './index-3da413a9.js';
|
|
5
5
|
import { s as setLocalStorageItems, g as getLocalStorageItems, c as cleanLocalStorage } from './index-52ea1bdf.js';
|
|
6
6
|
import { f as fromImage, i as instance } from './Rectangle-abec127b.js';
|
|
7
|
-
import { c as campaignTypeNames, v as version } from './package-
|
|
7
|
+
import { c as campaignTypeNames, v as version } from './package-3c28c73d.js';
|
|
8
8
|
import { r as resources } from './resources-4651fe88.js';
|
|
9
|
-
import { a as productCardParts, m as modalParts, f as filtersParts,
|
|
9
|
+
import { b as productCardsGridPart, a as productCardParts, m as modalParts, f as filtersParts, c as extendedFiltersParts, s as searchBarParts, d as searchWidgetFilterParts, g as searchWidgetButtonParts } from './index-246a8302.js';
|
|
10
10
|
import { R as RESULTS_WIDGET_IMAGE_RESOLUTION_WIDTH, f as findSlotElements, g as getSlotNames, S as SEARCH_WIDGET_IMAGE_RESOLUTION_WIDTH, D as DEFAULT_EXAMPLE_IMAGE } from './constants-7fd90481.js';
|
|
11
11
|
import { W as WarningIcon } from './WarningIcon-7896b328.js';
|
|
12
12
|
|
|
@@ -4189,10 +4189,10 @@ const VviinnResults = class {
|
|
|
4189
4189
|
return (h(Host, { id: "results-block", class: {
|
|
4190
4190
|
"show-in-widget": this.showInWidget,
|
|
4191
4191
|
"matching-discovery": this.oneClickDiscoveryMode === "append-slider",
|
|
4192
|
-
}, exportparts: productCardParts }, h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { class: {
|
|
4192
|
+
}, exportparts: `${productCardParts}, ${productCardsGridPart}` }, h("div", { class: "nothing-found" }, resultsLength === 0 && this.showInWidget && (h("vviinn-empty-results", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() })), this.showAspectRatioError && this.showInWidget && (h("vviinn-wrong-aspect-ratio", { handler: () => this === null || this === void 0 ? void 0 : this.resetWidgetState() }))), h("div", { class: {
|
|
4193
4193
|
hidden: this.showAspectRatioError || resultsLength === 0,
|
|
4194
4194
|
products: true,
|
|
4195
|
-
}, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { id: "one-click-discovery-append", style: {
|
|
4195
|
+
}, part: productCardsGridPart, id: "vviinn-results-products" }, resultsLength > 0 && this.renderResults(), h("div", { id: "one-click-discovery-append", style: {
|
|
4196
4196
|
order: ((_a = this.oneClickDiscoveryAppendIndex) !== null && _a !== void 0 ? _a : resultsLength).toString(),
|
|
4197
4197
|
} }))));
|
|
4198
4198
|
}
|
|
@@ -4667,7 +4667,7 @@ const VviinnVpsWidget = class {
|
|
|
4667
4667
|
}
|
|
4668
4668
|
render() {
|
|
4669
4669
|
var _a, _b, _c;
|
|
4670
|
-
return (h(Host, { exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
4670
|
+
return (h(Host, { exportparts: `${modalParts}, ${productCardParts}, ${searchBarParts}, ${searchWidgetFilterParts}, ${searchWidgetButtonParts}, ${productCardsGridPart}` }, !this.showingInButton && SlotSkeleton("search"), h("vviinn-overlayed-modal", { class: { "first-screen": this.isOnboardingSlide() }, isFirstScreen: this.isOnboardingSlide(), active: this.active, resetState: this.resetState, onVviinnWidgetClose: ({ detail }) => {
|
|
4671
4671
|
if (detail.campaignTypeId !== "VPR")
|
|
4672
4672
|
this.handleModalClose();
|
|
4673
4673
|
}, buttonElementId: (_a = this.buttonElementId) !== null && _a !== void 0 ? _a : this.widgetElementId, widgetVersion: version, hideBackButton: (this.mode === "upload" && this.showingInButton) ||
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { h, r as registerInstance, c as createEvent, F as Fragment, H as Host, g as getElement } from './index-057b9128.js';
|
|
2
2
|
import { h as has, t as tuple, a as addIfNotEmpty, _ as _function, b as _Array, g as globalState, s as searchState, c as componentsState, O as Option, S as Semigroup, E as Either, p as pipe, d as chainW, m as makeRequest, f as fromEither, e as getApiPath, i as createInitPostRequest, A as Apply, u as updateGlobalState, j as trackEvent, T as TaskEither } from './search.store-bc248b7a.js';
|
|
3
|
-
import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-
|
|
3
|
+
import { c as campaignTypeNames, f as fromString, a as fold, v as version } from './package-3c28c73d.js';
|
|
4
4
|
import { C as CAROUSEL_IMAGE_WIDTH_CSS_VAR, S as SET_MODE_IMAGE_WIDTH_CSS_VAR, a as CAROUSEL_CONTENT_WIDTH_CSS_VAR, R as RESULTS_CALCULATED_COLUMNS_CSS_VAR, D as DEFAULT_COLUMNS_NUMBER, b as CONTENT_GROUP_CSS_CLASS, g as getCustomLabels, P as PlusIcon, v as v4, c as createAddToBasketEvent, d as createAddToWishlistEvent, e as createWidgetEvent, f as createResultEventByType, h as createProductEventByType, i as getRecommendationsBody } from './index-3da413a9.js';
|
|
5
5
|
import { i as instance, a as isClickedInRectBound } from './Rectangle-abec127b.js';
|
|
6
6
|
import { s as slotChangeListener, S as SlotSkeleton } from './customized-slots-0f854530.js';
|
|
7
|
-
import { e as energyLabelParts, p as priceRangeParts, a as productCardParts } from './index-
|
|
7
|
+
import { e as energyLabelParts, p as priceRangeParts, a as productCardParts } from './index-246a8302.js';
|
|
8
8
|
import { i as isIntervalFilter, t as triggerResetFilters, a as isSubFilterActive, R as RenderFilterButton, b as triggerFilter, g as getPriceLabel } from './triggerFilter-32a13bfe.js';
|
|
9
9
|
import { r as resources } from './resources-4651fe88.js';
|
|
10
10
|
|
|
@@ -3,8 +3,8 @@ import { _ as _function, O as Option, D as detectedObjectEq, s as searchState, a
|
|
|
3
3
|
import { s as scaleWithSized, c as center, i as instance } from './Rectangle-abec127b.js';
|
|
4
4
|
import { W as WarningIcon } from './WarningIcon-7896b328.js';
|
|
5
5
|
import { s as slotChangeListener } from './customized-slots-0f854530.js';
|
|
6
|
-
import { c as campaignTypeNames, v as version } from './package-
|
|
7
|
-
import { m as modalParts } from './index-
|
|
6
|
+
import { c as campaignTypeNames, v as version } from './package-3c28c73d.js';
|
|
7
|
+
import { m as modalParts } from './index-246a8302.js';
|
|
8
8
|
|
|
9
9
|
const SecondaryActionIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
10
10
|
h("path", { d: "M7.82499 13L12.725 17.9C12.925 18.1 13.0208 18.3333 13.0125 18.6C13.0042 18.8667 12.9 19.1 12.7 19.3C12.5 19.4833 12.2667 19.5792 12 19.5875C11.7333 19.5958 11.5 19.5 11.3 19.3L4.69999 12.7C4.59999 12.6 4.52915 12.4917 4.48749 12.375C4.44582 12.2583 4.42499 12.1333 4.42499 12C4.42499 11.8667 4.44582 11.7417 4.48749 11.625C4.52915 11.5083 4.59999 11.4 4.69999 11.3L11.3 4.69999C11.4833 4.51665 11.7125 4.42499 11.9875 4.42499C12.2625 4.42499 12.5 4.51665 12.7 4.69999C12.9 4.89999 13 5.13749 13 5.41249C13 5.68749 12.9 5.92499 12.7 6.12499L7.82499 11H19C19.2833 11 19.5208 11.0958 19.7125 11.2875C19.9042 11.4792 20 11.7167 20 12C20 12.2833 19.9042 12.5208 19.7125 12.7125C19.5208 12.9042 19.2833 13 19 13H7.82499Z", fill: "currentColor" })));
|
|
@@ -3,7 +3,7 @@ import { u as updateGlobalState, s as searchState, c as componentsState, g as gl
|
|
|
3
3
|
import { s as slotChangeListener } from './customized-slots-0f854530.js';
|
|
4
4
|
import { i as instance } from './Rectangle-abec127b.js';
|
|
5
5
|
import { r as resources } from './resources-4651fe88.js';
|
|
6
|
-
import { s as searchBarParts } from './index-
|
|
6
|
+
import { s as searchBarParts } from './index-246a8302.js';
|
|
7
7
|
|
|
8
8
|
const TextSearchIcon = () => (h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
9
9
|
h("path", { d: "M20.6 4.57C17.39 4.19 16.88 3.68 16.42 0.37C16.38 0.15 16.22 0 16.01 0C15.8 0 15.63 0.15 15.59 0.37C15.12 3.66 14.63 4.13 11.41 4.57C11.17 4.61 11.01 4.77 11.01 5C11.01 5.23 11.17 5.39 11.41 5.42C14.63 5.81 15.14 6.31 15.59 9.62C15.63 9.84 15.8 10 16.01 10C16.22 10 16.39 9.84 16.42 9.62C16.89 6.31 17.39 5.81 20.6 5.42C20.84 5.38 21 5.22 21 5C21 4.78 20.83 4.6 20.6 4.57Z", fill: "#525252" }),
|
|
@@ -3,6 +3,7 @@ export declare const filtersParts: string;
|
|
|
3
3
|
export declare const selectedFiltersParts: string;
|
|
4
4
|
export declare const priceRangeParts: string;
|
|
5
5
|
export declare const energyLabelParts: string;
|
|
6
|
+
export declare const productCardsGridPart = "products";
|
|
6
7
|
export declare const productCardParts: string;
|
|
7
8
|
export declare const searchWidgetFilterParts: string;
|
|
8
9
|
export declare const searchWidgetButtonParts: string;
|