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.
Files changed (40) hide show
  1. package/dist/cjs/{package-20cf59d0.js → package-eedfcedf.js} +1 -1
  2. package/dist/cjs/{resources-d6fbe545.js → resources-94033bec.js} +5 -4
  3. package/dist/cjs/search-filters_17.cjs.entry.js +2 -2
  4. package/dist/cjs/vviinn-carousel_4.cjs.entry.js +2 -2
  5. package/dist/cjs/vviinn-vpr-button.cjs.entry.js +1 -1
  6. package/dist/cjs/vviinn-vps-button.cjs.entry.js +1 -1
  7. package/dist/cjs/vviinn-vps-widget.cjs.entry.js +8 -3
  8. package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.css +5 -0
  9. package/dist/collection/components/vviinn-privacy-badge/vviinn-privacy-badge.js +1 -1
  10. package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +6 -1
  11. package/dist/collection/locale/resources.js +5 -4
  12. package/dist/esm/{package-4c256717.js → package-9e147b44.js} +1 -1
  13. package/dist/esm/{resources-78bd133f.js → resources-24c564f5.js} +5 -4
  14. package/dist/esm/search-filters_17.entry.js +2 -2
  15. package/dist/esm/vviinn-carousel_4.entry.js +2 -2
  16. package/dist/esm/vviinn-vpr-button.entry.js +1 -1
  17. package/dist/esm/vviinn-vps-button.entry.js +1 -1
  18. package/dist/esm/vviinn-vps-widget.entry.js +8 -3
  19. package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +4 -0
  20. package/dist/vviinn-widgets/{p-d6b5e4c9.entry.js → p-01604a3a.entry.js} +1 -1
  21. package/dist/vviinn-widgets/{p-41b34ee9.entry.js → p-0c478997.entry.js} +1 -1
  22. package/dist/vviinn-widgets/{p-e19f9e89.js → p-18dee385.js} +1 -1
  23. package/dist/vviinn-widgets/{p-d1aefc76.entry.js → p-3726a26e.entry.js} +1 -1
  24. package/{www/build/p-9a4a5446.entry.js → dist/vviinn-widgets/p-b8a82e9d.entry.js} +2 -2
  25. package/dist/vviinn-widgets/p-d300840b.js +1 -0
  26. package/dist/vviinn-widgets/p-ec7a9e0b.entry.js +1 -0
  27. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  28. package/package.json +1 -1
  29. package/www/build/{p-d6b5e4c9.entry.js → p-01604a3a.entry.js} +1 -1
  30. package/www/build/{p-41b34ee9.entry.js → p-0c478997.entry.js} +1 -1
  31. package/www/build/{p-e19f9e89.js → p-18dee385.js} +1 -1
  32. package/www/build/{p-d1aefc76.entry.js → p-3726a26e.entry.js} +1 -1
  33. package/{dist/vviinn-widgets/p-9a4a5446.entry.js → www/build/p-b8a82e9d.entry.js} +2 -2
  34. package/www/build/p-d300840b.js +1 -0
  35. package/www/build/p-ec7a9e0b.entry.js +1 -0
  36. package/www/build/vviinn-widgets.esm.js +1 -1
  37. package/dist/vviinn-widgets/p-ab6d5efd.entry.js +0 -1
  38. package/dist/vviinn-widgets/p-e37cf59f.js +0 -1
  39. package/www/build/p-ab6d5efd.entry.js +0 -1
  40. package/www/build/p-e37cf59f.js +0 -1
@@ -1,5 +1,5 @@
1
1
  'use strict';
2
2
 
3
- const version = "2.50.4";
3
+ const version = "2.51.1";
4
4
 
5
5
  exports.version = version;
@@ -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: "Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.",
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: "Bildsuche",
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: "By uploading a picture you agree to the processing by our partner Vviinn. The image will be deleted after one hour of inactivity.",
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: "Visual Search",
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", null, this.privacyBadgeText))));
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-20cf59d0.js');
11
- const resources = require('./resources-d6fbe545.js');
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-20cf59d0.js');
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-20cf59d0.js');
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-20cf59d0.js');
8
+ const _package = require('./package-eedfcedf.js');
9
9
  const customizedSlots = require('./customized-slots-39ba4e52.js');
10
- const resources = require('./resources-d6fbe545.js');
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"), class: { invisible: this.haveErrors() } }))), index.h("vviinn-slide", { class: {
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: {
@@ -6,6 +6,11 @@
6
6
  margin-top: 24px;
7
7
  }
8
8
 
9
+ :host a {
10
+ color: inherit;
11
+ text-decoration: underline;
12
+ }
13
+
9
14
  :host(.invisible) {
10
15
  color: transparent;
11
16
  }
@@ -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", null, this.privacyBadgeText))));
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"), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { class: {
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: "Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.",
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: "Bildsuche",
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: "By uploading a picture you agree to the processing by our partner Vviinn. The image will be deleted after one hour of inactivity.",
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: "Visual Search",
58
+ imageSearchModalTitle: "AI Search",
58
59
  textSearchPlaceholder: "Search by text",
59
60
  emptyResultsBlock: {
60
61
  title: "Sorry, nothing found",
@@ -1,3 +1,3 @@
1
- const version = "2.50.4";
1
+ const version = "2.51.1";
2
2
 
3
3
  export { version as v };
@@ -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: "Durch das Hochladen eines Bildes willigst Du in die Verarbeitung durch unseren Partner Vviinn ein. Das Bild wird nach einer Stunde Inaktivität gelöscht.",
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: "Bildsuche",
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: "By uploading a picture you agree to the processing by our partner Vviinn. The image will be deleted after one hour of inactivity.",
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: "Visual Search",
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", null, this.privacyBadgeText))));
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-4c256717.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-78bd133f.js';
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-4c256717.js';
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-4c256717.js';
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-4c256717.js';
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-78bd133f.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-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"), class: { invisible: this.haveErrors() } }))), h("vviinn-slide", { class: {
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: {
@@ -164,6 +164,10 @@ export declare class VviinnVpsWidget {
164
164
  private haveErrors;
165
165
  private resetScroll;
166
166
  private handleModalClose;
167
+ LinkText: ({ href, children }: {
168
+ href: any;
169
+ children: any;
170
+ }) => any;
167
171
  render(): any;
168
172
  }
169
173
  export {};
@@ -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-e37cf59f.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}
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}