vviinn-widgets 2.50.4 → 2.51.1
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/{package-20cf59d0.js → package-eedfcedf.js} +1 -1
- package/dist/cjs/{resources-d6fbe545.js → resources-94033bec.js} +5 -4
- package/dist/cjs/search-filters_17.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-carousel_4.cjs.entry.js +2 -2
- package/dist/cjs/vviinn-vpr-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-widget.cjs.entry.js +8 -3
- package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.css +5 -0
- package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.js +1 -1
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +6 -1
- package/dist/collection/locale/resources.js +5 -4
- package/dist/esm/{package-4c256717.js → package-9e147b44.js} +1 -1
- package/dist/esm/{resources-78bd133f.js → resources-24c564f5.js} +5 -4
- package/dist/esm/search-filters_17.entry.js +2 -2
- package/dist/esm/vviinn-carousel_4.entry.js +2 -2
- package/dist/esm/vviinn-vpr-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-widget.entry.js +8 -3
- package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +4 -0
- package/dist/vviinn-widgets/{p-d6b5e4c9.entry.js → p-01604a3a.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-41b34ee9.entry.js → p-0c478997.entry.js} +1 -1
- package/dist/vviinn-widgets/{p-e19f9e89.js → p-18dee385.js} +1 -1
- package/dist/vviinn-widgets/{p-d1aefc76.entry.js → p-3726a26e.entry.js} +1 -1
- package/{www/build/p-9a4a5446.entry.js → dist/vviinn-widgets/p-b8a82e9d.entry.js} +2 -2
- package/dist/vviinn-widgets/p-d300840b.js +1 -0
- package/dist/vviinn-widgets/p-ec7a9e0b.entry.js +1 -0
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/www/build/{p-d6b5e4c9.entry.js → p-01604a3a.entry.js} +1 -1
- package/www/build/{p-41b34ee9.entry.js → p-0c478997.entry.js} +1 -1
- package/www/build/{p-e19f9e89.js → p-18dee385.js} +1 -1
- package/www/build/{p-d1aefc76.entry.js → p-3726a26e.entry.js} +1 -1
- package/{dist/vviinn-widgets/p-9a4a5446.entry.js → www/build/p-b8a82e9d.entry.js} +2 -2
- package/www/build/p-d300840b.js +1 -0
- package/www/build/p-ec7a9e0b.entry.js +1 -0
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/dist/vviinn-widgets/p-ab6d5efd.entry.js +0 -1
- package/dist/vviinn-widgets/p-e37cf59f.js +0 -1
- package/www/build/p-ab6d5efd.entry.js +0 -1
- package/www/build/p-e37cf59f.js +0 -1
|
@@ -3973,6 +3973,7 @@ const createFilterEvent = createTrackingEvent(filterEvent);
|
|
|
3973
3973
|
const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
|
|
3974
3974
|
const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
|
|
3975
3975
|
|
|
3976
|
+
const VVIINN_LINK = "<a href='https://www.vviinn.com/' target='_blank'>Vviinn</a>";
|
|
3976
3977
|
const resources = {
|
|
3977
3978
|
de: {
|
|
3978
3979
|
translation: {
|
|
@@ -3989,9 +3990,9 @@ const resources = {
|
|
|
3989
3990
|
imageUploadButtonText: "Bild hochladen",
|
|
3990
3991
|
cameraButtonTextStart: "Kamera starten",
|
|
3991
3992
|
cameraButtonTextStop: "Kamera stoppen",
|
|
3992
|
-
privacyBadgeText:
|
|
3993
|
+
privacyBadgeText: `Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner ${VVIINN_LINK} ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.`,
|
|
3993
3994
|
teaserText: "Finde Produkte auf \n einem Foto",
|
|
3994
|
-
imageSearchModalTitle: "
|
|
3995
|
+
imageSearchModalTitle: "AI Search",
|
|
3995
3996
|
textSearchPlaceholder: "mit Text suchen",
|
|
3996
3997
|
emptyResultsBlock: {
|
|
3997
3998
|
title: "Leider nichts gefunden",
|
|
@@ -4027,9 +4028,9 @@ const resources = {
|
|
|
4027
4028
|
imageUploadButtonText: "Upload Photo",
|
|
4028
4029
|
cameraButtonTextStart: "Start Camera",
|
|
4029
4030
|
cameraButtonTextStop: "Stop Camera",
|
|
4030
|
-
privacyBadgeText:
|
|
4031
|
+
privacyBadgeText: `By uploading a picture you agree to the processing by our partner ${VVIINN_LINK}. The image will be deleted after one hour of inactivity.`,
|
|
4031
4032
|
teaserText: "Find Product by Photo",
|
|
4032
|
-
imageSearchModalTitle: "
|
|
4033
|
+
imageSearchModalTitle: "AI Search",
|
|
4033
4034
|
textSearchPlaceholder: "Search by text",
|
|
4034
4035
|
emptyResultsBlock: {
|
|
4035
4036
|
title: "Sorry, nothing found",
|
|
@@ -3878,7 +3878,7 @@ const VviinnOverlayedModal = class {
|
|
|
3878
3878
|
};
|
|
3879
3879
|
VviinnOverlayedModal.style = vviinnOverlayedModalCss;
|
|
3880
3880
|
|
|
3881
|
-
const vviinnPrivacyBadgeCss = ":host{color:#525252;font-size:12px;line-height:16px;text-align:center;margin-top:24px}:host(.invisible){color:transparent}@media (max-width: 768px){:host(.invisible){display:none}}";
|
|
3881
|
+
const vviinnPrivacyBadgeCss = ":host{color:#525252;font-size:12px;line-height:16px;text-align:center;margin-top:24px}:host a{color:inherit;text-decoration:underline}:host(.invisible){color:transparent}@media (max-width: 768px){:host(.invisible){display:none}}";
|
|
3882
3882
|
|
|
3883
3883
|
const VviinnPrivacyBadge = class {
|
|
3884
3884
|
constructor(hostRef) {
|
|
@@ -3889,7 +3889,7 @@ const VviinnPrivacyBadge = class {
|
|
|
3889
3889
|
customizedSlots.slotChangeListener(this, this.el);
|
|
3890
3890
|
}
|
|
3891
3891
|
render() {
|
|
3892
|
-
return (index.h(index.Host, null, index.h("slot", { name: "vviinn-privacy-badge-text" }, index.h("div",
|
|
3892
|
+
return (index.h(index.Host, null, index.h("slot", { name: "vviinn-privacy-badge-text" }, index.h("div", { innerHTML: this.privacyBadgeText }))));
|
|
3893
3893
|
}
|
|
3894
3894
|
get el() { return index.getElement(this); }
|
|
3895
3895
|
};
|
|
@@ -7,8 +7,8 @@ const search_store = require('./search.store-7605f369.js');
|
|
|
7
7
|
const i18next = require('./i18next-74ff3413.js');
|
|
8
8
|
const PlusIcon = require('./PlusIcon-5e585127.js');
|
|
9
9
|
const customizedSlots = require('./customized-slots-39ba4e52.js');
|
|
10
|
-
const _package = require('./package-
|
|
11
|
-
const resources = require('./resources-
|
|
10
|
+
const _package = require('./package-eedfcedf.js');
|
|
11
|
+
const resources = require('./resources-94033bec.js');
|
|
12
12
|
|
|
13
13
|
const BasketIcon = () => (index.h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
14
14
|
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" })));
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-5619b5ec.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-eedfcedf.js');
|
|
7
7
|
const VisualSearchIcon = require('./VisualSearchIcon-1180d079.js');
|
|
8
8
|
|
|
9
9
|
const vviinnVprButtonCss = ":host{display:block}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-5619b5ec.js');
|
|
6
|
-
const _package = require('./package-
|
|
6
|
+
const _package = require('./package-eedfcedf.js');
|
|
7
7
|
const customizedSlots = require('./customized-slots-39ba4e52.js');
|
|
8
8
|
const constants = require('./constants-7684cbfc.js');
|
|
9
9
|
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-5619b5ec.js');
|
|
6
6
|
const search_store = require('./search.store-7605f369.js');
|
|
7
7
|
const i18next = require('./i18next-74ff3413.js');
|
|
8
|
-
const _package = require('./package-
|
|
8
|
+
const _package = require('./package-eedfcedf.js');
|
|
9
9
|
const customizedSlots = require('./customized-slots-39ba4e52.js');
|
|
10
|
-
const resources = require('./resources-
|
|
10
|
+
const resources = require('./resources-94033bec.js');
|
|
11
11
|
const constants = require('./constants-7684cbfc.js');
|
|
12
12
|
|
|
13
13
|
const CameraActionIcon = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
@@ -165,6 +165,9 @@ const VviinnVpsWidget = class {
|
|
|
165
165
|
widgetVersion: _package.version,
|
|
166
166
|
};
|
|
167
167
|
};
|
|
168
|
+
this.LinkText = ({ href, children }) => {
|
|
169
|
+
return index.h("a", { href: href || "" }, children);
|
|
170
|
+
};
|
|
168
171
|
this.token = undefined;
|
|
169
172
|
this.active = true;
|
|
170
173
|
this.currencySign = "€";
|
|
@@ -477,7 +480,9 @@ const VviinnVpsWidget = class {
|
|
|
477
480
|
}, id: "start-page_block" }, index.h("div", { class: "start-page_main-content" }, index.h("div", { class: {
|
|
478
481
|
"start-page_errors-block": true,
|
|
479
482
|
hidden: !this.wrongImageFormat && !search_store.searchState.serverError,
|
|
480
|
-
} }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { class: { hidden: !search_store.searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && index.h("vviinn-teaser", null), !this.haveErrors() && (index.h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (index.h("vviinn-text-search", { clearSearchQuery: true }))), index.h("vviinn-privacy-badge", { privacyBadgeText: i18next.instance.t("privacyBadgeText"
|
|
483
|
+
} }, index.h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), index.h("vviinn-server-error", { class: { hidden: !search_store.searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && index.h("vviinn-teaser", null), !this.haveErrors() && (index.h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (index.h("vviinn-text-search", { clearSearchQuery: true }))), index.h("vviinn-privacy-badge", { privacyBadgeText: i18next.instance.t("privacyBadgeText", {
|
|
484
|
+
interpolation: { escapeValue: false },
|
|
485
|
+
}), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { class: {
|
|
481
486
|
"results-page": true,
|
|
482
487
|
active: this.isResultSlide(),
|
|
483
488
|
} }, this.isResultSlide() && search_store.searchState.searchType === "image" && (index.h("div", { class: "image-wrapper" }, index.h("vviinn-image-view", { basicEventData: this.getBasicEventData(), setShowAspectRatioError: this.setShowAspectRatioError, showAspectRatioError: this.showAspectRatioError }), index.h("div", { class: {
|
|
@@ -8,7 +8,7 @@ export class VviinnPrivacyBadge {
|
|
|
8
8
|
slotChangeListener(this, this.el);
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h(Host, null, h("slot", { name: "vviinn-privacy-badge-text" }, h("div",
|
|
11
|
+
return (h(Host, null, h("slot", { name: "vviinn-privacy-badge-text" }, h("div", { innerHTML: this.privacyBadgeText }))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "vviinn-privacy-badge"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -166,6 +166,9 @@ export class VviinnVpsWidget {
|
|
|
166
166
|
widgetVersion: version,
|
|
167
167
|
};
|
|
168
168
|
};
|
|
169
|
+
this.LinkText = ({ href, children }) => {
|
|
170
|
+
return h("a", { href: href || "" }, children);
|
|
171
|
+
};
|
|
169
172
|
this.token = undefined;
|
|
170
173
|
this.active = true;
|
|
171
174
|
this.currencySign = "€";
|
|
@@ -478,7 +481,9 @@ export class VviinnVpsWidget {
|
|
|
478
481
|
}, id: "start-page_block" }, h("div", { class: "start-page_main-content" }, h("div", { class: {
|
|
479
482
|
"start-page_errors-block": true,
|
|
480
483
|
hidden: !this.wrongImageFormat && !searchState.serverError,
|
|
481
|
-
} }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), h("vviinn-server-error", { class: { hidden: !searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && h("vviinn-teaser", null), !this.haveErrors() && (h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (h("vviinn-text-search", { clearSearchQuery: true }))), h("vviinn-privacy-badge", { privacyBadgeText: i18next.t("privacyBadgeText"
|
|
484
|
+
} }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), h("vviinn-server-error", { class: { hidden: !searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && h("vviinn-teaser", null), !this.haveErrors() && (h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (h("vviinn-text-search", { clearSearchQuery: true }))), h("vviinn-privacy-badge", { privacyBadgeText: i18next.t("privacyBadgeText", {
|
|
485
|
+
interpolation: { escapeValue: false },
|
|
486
|
+
}), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { class: {
|
|
482
487
|
"results-page": true,
|
|
483
488
|
active: this.isResultSlide(),
|
|
484
489
|
} }, this.isResultSlide() && searchState.searchType === "image" && (h("div", { class: "image-wrapper" }, h("vviinn-image-view", { basicEventData: this.getBasicEventData(), setShowAspectRatioError: this.setShowAspectRatioError, showAspectRatioError: this.showAspectRatioError }), h("div", { class: {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
const VVIINN_LINK = "<a href='https://www.vviinn.com/' target='_blank'>Vviinn</a>";
|
|
1
2
|
export const resources = {
|
|
2
3
|
de: {
|
|
3
4
|
translation: {
|
|
@@ -14,9 +15,9 @@ export const resources = {
|
|
|
14
15
|
imageUploadButtonText: "Bild hochladen",
|
|
15
16
|
cameraButtonTextStart: "Kamera starten",
|
|
16
17
|
cameraButtonTextStop: "Kamera stoppen",
|
|
17
|
-
privacyBadgeText:
|
|
18
|
+
privacyBadgeText: `Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner ${VVIINN_LINK} ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.`,
|
|
18
19
|
teaserText: "Finde Produkte auf \n einem Foto",
|
|
19
|
-
imageSearchModalTitle: "
|
|
20
|
+
imageSearchModalTitle: "AI Search",
|
|
20
21
|
textSearchPlaceholder: "mit Text suchen",
|
|
21
22
|
emptyResultsBlock: {
|
|
22
23
|
title: "Leider nichts gefunden",
|
|
@@ -52,9 +53,9 @@ export const resources = {
|
|
|
52
53
|
imageUploadButtonText: "Upload Photo",
|
|
53
54
|
cameraButtonTextStart: "Start Camera",
|
|
54
55
|
cameraButtonTextStop: "Stop Camera",
|
|
55
|
-
privacyBadgeText:
|
|
56
|
+
privacyBadgeText: `By uploading a picture you agree to the processing by our partner ${VVIINN_LINK}. The image will be deleted after one hour of inactivity.`,
|
|
56
57
|
teaserText: "Find Product by Photo",
|
|
57
|
-
imageSearchModalTitle: "
|
|
58
|
+
imageSearchModalTitle: "AI Search",
|
|
58
59
|
textSearchPlaceholder: "Search by text",
|
|
59
60
|
emptyResultsBlock: {
|
|
60
61
|
title: "Sorry, nothing found",
|
|
@@ -3971,6 +3971,7 @@ const createFilterEvent = createTrackingEvent(filterEvent);
|
|
|
3971
3971
|
const createAddToBasketVprEvent = createTrackingEvent(vprAddToBasket);
|
|
3972
3972
|
const createAddToBasketVpcEvent = createTrackingEvent(vpcAddToBasket);
|
|
3973
3973
|
|
|
3974
|
+
const VVIINN_LINK = "<a href='https://www.vviinn.com/' target='_blank'>Vviinn</a>";
|
|
3974
3975
|
const resources = {
|
|
3975
3976
|
de: {
|
|
3976
3977
|
translation: {
|
|
@@ -3987,9 +3988,9 @@ const resources = {
|
|
|
3987
3988
|
imageUploadButtonText: "Bild hochladen",
|
|
3988
3989
|
cameraButtonTextStart: "Kamera starten",
|
|
3989
3990
|
cameraButtonTextStop: "Kamera stoppen",
|
|
3990
|
-
privacyBadgeText:
|
|
3991
|
+
privacyBadgeText: `Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner ${VVIINN_LINK} ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.`,
|
|
3991
3992
|
teaserText: "Finde Produkte auf \n einem Foto",
|
|
3992
|
-
imageSearchModalTitle: "
|
|
3993
|
+
imageSearchModalTitle: "AI Search",
|
|
3993
3994
|
textSearchPlaceholder: "mit Text suchen",
|
|
3994
3995
|
emptyResultsBlock: {
|
|
3995
3996
|
title: "Leider nichts gefunden",
|
|
@@ -4025,9 +4026,9 @@ const resources = {
|
|
|
4025
4026
|
imageUploadButtonText: "Upload Photo",
|
|
4026
4027
|
cameraButtonTextStart: "Start Camera",
|
|
4027
4028
|
cameraButtonTextStop: "Stop Camera",
|
|
4028
|
-
privacyBadgeText:
|
|
4029
|
+
privacyBadgeText: `By uploading a picture you agree to the processing by our partner ${VVIINN_LINK}. The image will be deleted after one hour of inactivity.`,
|
|
4029
4030
|
teaserText: "Find Product by Photo",
|
|
4030
|
-
imageSearchModalTitle: "
|
|
4031
|
+
imageSearchModalTitle: "AI Search",
|
|
4031
4032
|
textSearchPlaceholder: "Search by text",
|
|
4032
4033
|
emptyResultsBlock: {
|
|
4033
4034
|
title: "Sorry, nothing found",
|
|
@@ -3874,7 +3874,7 @@ const VviinnOverlayedModal = class {
|
|
|
3874
3874
|
};
|
|
3875
3875
|
VviinnOverlayedModal.style = vviinnOverlayedModalCss;
|
|
3876
3876
|
|
|
3877
|
-
const vviinnPrivacyBadgeCss = ":host{color:#525252;font-size:12px;line-height:16px;text-align:center;margin-top:24px}:host(.invisible){color:transparent}@media (max-width: 768px){:host(.invisible){display:none}}";
|
|
3877
|
+
const vviinnPrivacyBadgeCss = ":host{color:#525252;font-size:12px;line-height:16px;text-align:center;margin-top:24px}:host a{color:inherit;text-decoration:underline}:host(.invisible){color:transparent}@media (max-width: 768px){:host(.invisible){display:none}}";
|
|
3878
3878
|
|
|
3879
3879
|
const VviinnPrivacyBadge = class {
|
|
3880
3880
|
constructor(hostRef) {
|
|
@@ -3885,7 +3885,7 @@ const VviinnPrivacyBadge = class {
|
|
|
3885
3885
|
slotChangeListener(this, this.el);
|
|
3886
3886
|
}
|
|
3887
3887
|
render() {
|
|
3888
|
-
return (h(Host, null, h("slot", { name: "vviinn-privacy-badge-text" }, h("div",
|
|
3888
|
+
return (h(Host, null, h("slot", { name: "vviinn-privacy-badge-text" }, h("div", { innerHTML: this.privacyBadgeText }))));
|
|
3889
3889
|
}
|
|
3890
3890
|
get el() { return getElement(this); }
|
|
3891
3891
|
};
|
|
@@ -3,8 +3,8 @@ import { _ as _function, a as _Array, O as Option, S as Semigroup, h as has, t a
|
|
|
3
3
|
import { i as instance } from './i18next-387f2b0a.js';
|
|
4
4
|
import { P as PlusIcon } from './PlusIcon-af795e23.js';
|
|
5
5
|
import { s as slotChangeListener, c as campaignTypeNames, f as fromString, a as fold, S as SlotSkeleton } from './customized-slots-f68b50fd.js';
|
|
6
|
-
import { v as version } from './package-
|
|
7
|
-
import { v as v4, c as createTrackingApi, r as resources, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './resources-
|
|
6
|
+
import { v as version } from './package-9e147b44.js';
|
|
7
|
+
import { v as v4, c as createTrackingApi, r as resources, a as createAddToBasketVpcEvent, b as createAddToBasketVprEvent, d as createWidgetVpcEvent, e as createWidgetVprEvent, f as createResultVpcEventByType, g as createResultVprEventByType, h as createProductVpcEventByType, i as createProductVprEventByType } from './resources-24c564f5.js';
|
|
8
8
|
|
|
9
9
|
const BasketIcon = () => (h("svg", { width: "25", height: "24", viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
10
10
|
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" })));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f3eaf12.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-9e147b44.js';
|
|
3
3
|
import { V as VisualSearchIcon } from './VisualSearchIcon-13f7da6a.js';
|
|
4
4
|
|
|
5
5
|
const vviinnVprButtonCss = ":host{display:block}";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1f3eaf12.js';
|
|
2
|
-
import { v as version } from './package-
|
|
2
|
+
import { v as version } from './package-9e147b44.js';
|
|
3
3
|
import { c as campaignTypeNames, S as SlotSkeleton } from './customized-slots-f68b50fd.js';
|
|
4
4
|
import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
|
|
5
5
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-1f3eaf12.js';
|
|
2
2
|
import { s as searchState, b as state, k as parseExcluded, O as Option } from './search.store-44630818.js';
|
|
3
3
|
import { i as instance } from './i18next-387f2b0a.js';
|
|
4
|
-
import { v as version } from './package-
|
|
4
|
+
import { v as version } from './package-9e147b44.js';
|
|
5
5
|
import { c as campaignTypeNames, s as slotChangeListener, S as SlotSkeleton } from './customized-slots-f68b50fd.js';
|
|
6
|
-
import { j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, r as resources, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './resources-
|
|
6
|
+
import { j as createSearchEvent, k as createFilterEvent, v as v4, c as createTrackingApi, r as resources, l as createWidgetVpsEvent, m as createProductVpsEventByType, n as createResultVpsEventByType } from './resources-24c564f5.js';
|
|
7
7
|
import { D as DEFAULT_EXAMPLE_IMAGE } from './constants-8bf233a9.js';
|
|
8
8
|
|
|
9
9
|
const CameraActionIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
@@ -161,6 +161,9 @@ const VviinnVpsWidget = class {
|
|
|
161
161
|
widgetVersion: version,
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
|
+
this.LinkText = ({ href, children }) => {
|
|
165
|
+
return h("a", { href: href || "" }, children);
|
|
166
|
+
};
|
|
164
167
|
this.token = undefined;
|
|
165
168
|
this.active = true;
|
|
166
169
|
this.currencySign = "€";
|
|
@@ -473,7 +476,9 @@ const VviinnVpsWidget = class {
|
|
|
473
476
|
}, id: "start-page_block" }, h("div", { class: "start-page_main-content" }, h("div", { class: {
|
|
474
477
|
"start-page_errors-block": true,
|
|
475
478
|
hidden: !this.wrongImageFormat && !searchState.serverError,
|
|
476
|
-
} }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), h("vviinn-server-error", { class: { hidden: !searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && h("vviinn-teaser", null), !this.haveErrors() && (h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (h("vviinn-text-search", { clearSearchQuery: true }))), h("vviinn-privacy-badge", { privacyBadgeText: instance.t("privacyBadgeText"
|
|
479
|
+
} }, h("vviinn-wrong-format", { class: { hidden: !this.wrongImageFormat }, handler: () => this.resetState() }), h("vviinn-server-error", { class: { hidden: !searchState.serverError }, handler: () => this.resetState() })), !this.haveErrors() && h("vviinn-teaser", null), !this.haveErrors() && (h("div", { class: "buttons-group" }, this.renderButtons())), this.textSearchShow && !this.haveErrors() && (h("vviinn-text-search", { clearSearchQuery: true }))), h("vviinn-privacy-badge", { privacyBadgeText: instance.t("privacyBadgeText", {
|
|
480
|
+
interpolation: { escapeValue: false },
|
|
481
|
+
}), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { class: {
|
|
477
482
|
"results-page": true,
|
|
478
483
|
active: this.isResultSlide(),
|
|
479
484
|
} }, this.isResultSlide() && searchState.searchType === "image" && (h("div", { class: "image-wrapper" }, h("vviinn-image-view", { basicEventData: this.getBasicEventData(), setShowAspectRatioError: this.setShowAspectRatioError, showAspectRatioError: this.showAspectRatioError }), h("div", { class: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{h as t,r as i,c as s,H as e,g as h}from"./p-1e83e6ba.js";import{v as n}from"./p-
|
|
1
|
+
import{h as t,r as i,c as s,H as e,g as h}from"./p-1e83e6ba.js";import{v as n}from"./p-d300840b.js";import{c as o,S as a}from"./p-e861f87e.js";import{D as r}from"./p-cc013cd2.js";const l=()=>t("svg",{width:"22",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M16.567 3H19A3.01 3.01 0 0 1 22 6v7.69h-2V6c0-.55-.451-1-1.001-1h-3.502l-2.03-3H8.543L6.603 5H3.001c-.55 0-1 .45-1 1v11c0 .55.45 1 1 1h5.933v2H3.001A3.01 3.01 0 0 1 0 17V6c0-1.65 1.35-3 3.001-3h2.522l1.94-3h7.074l2.03 3Zm-5.562 3c1.28 0 2.561.48 3.542 1.46h-.01a4.992 4.992 0 0 1 .64 6.29l3.051 3.05-1.41 1.41-3.052-3.05c-.84.55-1.8.83-2.76.83-1.282 0-2.562-.48-3.543-1.46a5.002 5.002 0 0 1 0-7.07A5.026 5.026 0 0 1 11.005 6Zm-2.771 5a2.763 2.763 0 0 0 2.771 2.77A2.763 2.763 0 0 0 13.776 11a2.763 2.763 0 0 0-2.771-2.77A2.763 2.763 0 0 0 8.234 11Z",fill:"#161616"})),d=class{constructor(t){i(this,t),this.vviinnWidgetLoad=s(this,"vviinnWidgetLoad",7),this.vviinnWidgetOpen=s(this,"vviinnWidgetOpen",7),this.vviinnWidgetClose=s(this,"vviinnWidgetClose",7),this.vviinnImageUpload=s(this,"vviinnImageUpload",7),this.vviinnProductLoad=s(this,"vviinnProductLoad",7),this.vviinnProductClick=s(this,"vviinnProductClick",7),this.vviinnProductView=s(this,"vviinnProductView",7),this.vviinnResultLoad=s(this,"vviinnResultLoad",7),this.vviinnResultView=s(this,"vviinnResultView",7),this.vviinnNoResult=s(this,"vviinnNoResult",7),this.vviinnImageCrop=s(this,"vviinnImageCrop",7),this.vviinnSelectObject=s(this,"vviinnSelectObject",7),this.vviinnSelectFilter=s(this,"vviinnSelectFilter",7),this.globalSlotsChanged=s(this,"globalSlotsChanged",7),this.getBasicEventData=()=>({widgetType:"VPS",campaignTypeId:"VPS",campaignTypeName:o.VPS,widgetId:this.el.id,widgetVersion:n}),this.token=void 0,this.currencySign="€",this.locale="de-DE",this.campaignId="",this.addStyle=!1,this.mode="modal",this.excluded="",this.productDetailNewTab=!0,this.imageResolutionWidth=250,this.exampleImageSource=r,this.textSearchShow=!1,this.apiPath=void 0,this.buttonPressed=!1}handleModalClosed(){this.buttonPressed=!1}componentDidLoad(){const t=this.el.querySelectorAll("[slot]");this.globalSlotsChanged.emit(Array.from(t))}handleClick(){this.buttonPressed=!0}resetButton(){this.buttonPressed=!1}render(){return t(e,{tabindex:"0",role:"button"},t("vviinn-button",{onClick:()=>{this.handleClick()},addStyle:this.addStyle,part:"vviinn-button"},t("slot",null,t(l,null))),a("vps"),t("vviinn-vps-widget",{mode:this.mode,"currency-sign":this.currencySign,token:this.token,locale:this.locale,apiPath:this.apiPath,exportparts:"brand, deeplink, currency, image, image-link, price-amount-sale, price-amount-outdated, price-amount-regular, price-container, price-outdated, price-regular, price-sale, price-prefix, title, product-card, upload-photo_button, show-files_button, start-camera_button",campaignId:this.campaignId,showingInButton:!0,buttonPressed:this.buttonPressed,resetVpsButton:this.resetButton.bind(this),buttonElementId:this.el.id,active:this.buttonPressed&&("modal"===this.mode||"camera"===this.mode),excluded:this.excluded,productDetailNewTab:this.productDetailNewTab,imageResolutionWidth:this.imageResolutionWidth,exampleImageSource:this.exampleImageSource,textSearchShow:this.textSearchShow}))}get el(){return h(this)}};d.style=":host{display:block}";export{d as vviinn_vps_button}
|