vviinn-widgets 2.76.1 → 2.76.2

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 (58) hide show
  1. package/dist/cjs/{package-c3357b43.js → package-6ed71104.js} +1 -1
  2. package/dist/cjs/search-filters_18.cjs.entry.js +4 -4
  3. package/dist/cjs/vviinn-carousel_8.cjs.entry.js +72 -34
  4. package/dist/cjs/vviinn-vpr-button.cjs.entry.js +1 -1
  5. package/dist/cjs/vviinn-vps-button.cjs.entry.js +1 -1
  6. package/dist/cjs/vviinn-vps-widget.cjs.entry.js +2 -2
  7. package/dist/collection/components/vviinn-filters/helpers/subFilterSelection.js +4 -1
  8. package/dist/collection/components/vviinn-filters/vviinn-extended-filters.js +18 -17
  9. package/dist/collection/components/vviinn-filters/vviinn-filters.css +179 -105
  10. package/dist/collection/components/vviinn-filters/vviinn-filters.js +34 -12
  11. package/dist/collection/components/vviinn-icons/icons/CheckFilterIcon.js +2 -0
  12. package/dist/collection/components/vviinn-icons/icons/CloseFilterIcon.js +2 -0
  13. package/dist/collection/components/vviinn-icons/icons/FiltersIcon.js +1 -1
  14. package/dist/collection/components/vviinn-icons/icons/SquareFilterIcon.js +2 -0
  15. package/dist/collection/components/vviinn-icons/icons/StarsIcon.js +2 -0
  16. package/dist/collection/components/vviinn-icons/index.js +4 -0
  17. package/dist/collection/components/vviinn-image-view/vviinn-detected-object/vviinn-detected-object.css +0 -23
  18. package/dist/collection/components/vviinn-price-range/vviinn-price-range.css +12 -33
  19. package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.css +0 -23
  20. package/dist/collection/components/vviinn-results/vviinn-results.css +0 -23
  21. package/dist/collection/components/vviinn-slider/vviinn-slider.css +0 -23
  22. package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.css +0 -23
  23. package/dist/esm/{package-4c338b8e.js → package-eda9cc4a.js} +1 -1
  24. package/dist/esm/search-filters_18.entry.js +4 -4
  25. package/dist/esm/vviinn-carousel_8.entry.js +72 -34
  26. package/dist/esm/vviinn-vpr-button.entry.js +1 -1
  27. package/dist/esm/vviinn-vps-button.entry.js +1 -1
  28. package/dist/esm/vviinn-vps-widget.entry.js +2 -2
  29. package/dist/types/components/vviinn-filters/helpers/index.d.ts +1 -0
  30. package/dist/types/components/vviinn-filters/vviinn-filters.d.ts +1 -0
  31. package/dist/types/components/vviinn-icons/icons/CheckFilterIcon.d.ts +1 -0
  32. package/dist/types/components/vviinn-icons/icons/CloseFilterIcon.d.ts +1 -0
  33. package/dist/types/components/vviinn-icons/icons/SquareFilterIcon.d.ts +1 -0
  34. package/dist/types/components/vviinn-icons/icons/StarsIcon.d.ts +1 -0
  35. package/dist/types/components/vviinn-icons/index.d.ts +4 -0
  36. package/{www/build/p-2d72c3bf.entry.js → dist/vviinn-widgets/p-188e1517.entry.js} +1 -1
  37. package/dist/vviinn-widgets/p-626495b2.js +1 -0
  38. package/dist/vviinn-widgets/{p-c6163697.entry.js → p-7361c2b2.entry.js} +1 -1
  39. package/dist/vviinn-widgets/p-8cb71261.entry.js +1 -0
  40. package/dist/vviinn-widgets/{p-436ed8f8.entry.js → p-a24ae98f.entry.js} +1 -1
  41. package/dist/vviinn-widgets/p-bfd6c12b.entry.js +11 -0
  42. package/dist/vviinn-widgets/vviinn-widgets.css +1 -1
  43. package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
  44. package/package.json +1 -1
  45. package/{dist/vviinn-widgets/p-2d72c3bf.entry.js → www/build/p-188e1517.entry.js} +1 -1
  46. package/www/build/p-626495b2.js +1 -0
  47. package/www/build/{p-c6163697.entry.js → p-7361c2b2.entry.js} +1 -1
  48. package/www/build/p-8cb71261.entry.js +1 -0
  49. package/www/build/{p-436ed8f8.entry.js → p-a24ae98f.entry.js} +1 -1
  50. package/www/build/p-bfd6c12b.entry.js +11 -0
  51. package/www/build/vviinn-widgets.css +1 -1
  52. package/www/build/vviinn-widgets.esm.js +1 -1
  53. package/dist/vviinn-widgets/p-01fcc491.js +0 -1
  54. package/dist/vviinn-widgets/p-3cc56ac8.entry.js +0 -1
  55. package/dist/vviinn-widgets/p-81e32ba9.entry.js +0 -11
  56. package/www/build/p-01fcc491.js +0 -1
  57. package/www/build/p-3cc56ac8.entry.js +0 -1
  58. package/www/build/p-81e32ba9.entry.js +0 -11
@@ -0,0 +1,11 @@
1
+ import{h as t,r as i,c as e,H as n,g as o}from"./p-1c863deb.js";import{s as r,_ as s,O as a,l as h,n as c,o as l,q as d,r as p,u,v as f,w as v,E as g,x as b,i as m,e as x,y as w,z as y,B as k,C,d as M,D as j,F as z,G as O,H as S,N as T,j as E}from"./p-03e84ad1.js";import{i as I,c as L,v as N,n as B,o as P,r as R}from"./p-9447314b.js";import{s as _,c as A}from"./p-55c453ab.js";import{P as D}from"./p-2da7f425.js";import{v as H}from"./p-626495b2.js";import{C as W}from"./p-171fa6da.js";const F=()=>t("svg",{width:"12",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z"})),V=()=>t("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M8.00001 17.3333C7.62223 17.3333 7.30556 17.2056 7.05001 16.95C6.79445 16.6944 6.66667 16.3778 6.66667 16C6.66667 15.6222 6.79445 15.3056 7.05001 15.05C7.30556 14.7944 7.62223 14.6667 8.00001 14.6667H24C24.3778 14.6667 24.6944 14.7944 24.95 15.05C25.2056 15.3056 25.3333 15.6222 25.3333 16C25.3333 16.3778 25.2056 16.6944 24.95 16.95C24.6944 17.2056 24.3778 17.3333 24 17.3333H8.00001Z",fill:"currentColor"})),Y=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"80",height:"80",viewBox:"0 0 80 80",fill:"none"},t("circle",{cx:"40",cy:"40",r:"36",fill:"white"}),t("circle",{cx:"40",cy:"40",r:"39",fill:"white","fill-opacity":"0.16",stroke:"white","stroke-width":"2"}),t("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M48 29.3333H50.6667C53.6133 29.3333 56 31.72 56 34.6667V45.3333H53.3333V34.6667C53.3333 33.2 52.1333 32 50.6667 32H46.5733L45.7867 30.8133L43.9067 28H36.0933L34.2133 30.8133L33.4267 32H29.3333C27.8667 32 26.6667 33.2 26.6667 34.6667V48C26.6667 49.4667 27.8667 50.6667 29.3333 50.6667H36V53.3333H29.3333C26.3867 53.3333 24 50.9467 24 48V34.6667C24 31.72 26.3867 29.3333 29.3333 29.3333H32L34.6667 25.3333H45.3333L48 29.3333ZM40 34.6667C43.68 34.6667 46.6667 37.6533 46.6667 41.3333L46.6533 41.3467C46.6533 42.6933 46.24 43.96 45.5467 45.0133L51.6 51.0667L49.72 52.9467L43.6667 46.8933C42.6133 47.5867 41.36 48 40 48C36.32 48 33.3333 45.0133 33.3333 41.3333C33.3333 37.6533 36.32 34.6667 40 34.6667ZM36 41.3333C36 43.5333 37.8 45.3333 40 45.3333C42.2 45.3333 44 43.5333 44 41.3333C44 39.1333 42.2 37.3333 40 37.3333C37.8 37.3333 36 39.1333 36 41.3333Z",fill:"#161616"})),U=()=>t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t("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"})),X=()=>t("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("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"}),t("path",{d:"M14 12C14 9.24 11.76 7 9 7C6.24 7 4 9.24 4 12C4 14.76 6.24 17 9 17C10.02 17 10.96 16.69 11.75 16.17L16.29 20.71L17.7 19.3L13.16 14.76C13.68 13.97 13.99 13.02 13.99 12.01L14 12ZM9 15C7.35 15 6 13.65 6 12C6 10.35 7.35 9 9 9C10.65 9 12 10.35 12 12C12 13.65 10.65 15 9 15Z",fill:"#525252"})),Z=()=>t("svg",{slot:"icon",class:"icon",width:"32",height:"32",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t("path",{d:"M16 2a14 14 0 1 0 0 28 14 14 0 0 0 0-28Zm0 26a12 12 0 1 1 0-24 12 12 0 0 1 0 24Z",fill:"#525252"}),t("path",{d:"M17 8h-2v11h2V8Zm-1 14a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3Z",fill:"#525252"})),K=({className:i})=>t("svg",{width:"34",height:"34",viewBox:"0 0 34 34",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:i},t("path",{d:"M31 3H15C8.37258 3 3 8.37258 3 15V31",stroke:"white","stroke-width":"6","stroke-linecap":"square"}));const $=(t,i)=>{var e;if(!t)return"";const n={};return t.href.split("?")[1].split("included[]=").join("").split("&").forEach((t=>{const[i,e]=t.split("%3A");n[i]=e})),"categories"===i?null!==(e=n.product_type)&&void 0!==e?e:n.google_product_category:n[i]},q=class{constructor(t){var n,o,s;i(this,t),this.vviinnSelectFilter=e(this,"vviinnSelectFilter",7),this.vviinnTextSearchFilterSelected=e(this,"vviinnTextSearchFilterSelected",7),this.filterType=null!==(o=null===(n=this.filter)||void 0===n?void 0:n.name)&&void 0!==o?o:null===(s=this.textSearchFiltersGroup)||void 0===s?void 0:s.column,this.getSelectedTextSearchFilters=()=>r.textSearchFilters.filter((({values:t})=>null==t?void 0:t.find((({selected:t})=>t)))).map((({column:t,values:i})=>({column:t,values:i.filter((t=>t.selected)).map((t=>t.value))}))),this.getTextSearchFilterRequestValue=t=>({column:this.textSearchFiltersGroup.column,values:[t.value.toString()]}),this.filter=null,this.textSearchFiltersGroup=null,this.basicEventData=void 0,this.selectedFilter="",this.hideFilters=!0}isCategoriesFilterType(){return"categories"===this.filterType}getFilterKind(){return this.isCategoriesFilterType()?"category":this.filterType}handleFilterSelection(t){return this.isFilterSelected(t)?this.clearSelectedFilter(t):this.selectFilter(t)}selectFilter(t){r.activeIonLink=t,this.selectedFilter=$(t,this.filterType),this.vviinnSelectFilter.emit(Object.assign(Object.assign({},this.basicEventData),{action:"select",kind:this.getFilterKind()}))}clearSelectedFilter(t){r.activeIonLink=t.clear,this.selectedFilter=$(t.clear,this.filterType),this.vviinnSelectFilter.emit(Object.assign(Object.assign({},this.basicEventData),{action:"deselect",kind:this.getFilterKind()}))}toggleFilters(){this.hideFilters=!this.hideFilters}handleEnter(t,i){"Enter"===t.key&&this.handleFilterSelection(i)}isFilterSelected(t){return this.isCategoriesFilterType()?this.selectedFilter===$(t,"categories"):this.selectedFilter===t.name}handleTextSearchEnter(t,i){"Enter"===t.key&&this.handleTextSearchFilterSelection(i)}handleTextSearchFilterSelection(t){let i;const e=this.getSelectedTextSearchFilters(),n=this.getTextSearchFilterRequestValue(t),o=t.selected,r=e.some((({column:t})=>t===n.column));i=o?e.filter((({column:t})=>t!==n.column)):r?e.map((t=>t.column===n.column?n:t)):[...e,n],this.vviinnTextSearchFilterSelected.emit(i)}render(){var i,e;const o=(null===(i=this.textSearchFiltersGroup)||void 0===i?void 0:i.values)||[],s=(null===(e=this.filter)||void 0===e?void 0:e.filters)||[];return t(n,{exportparts:"filter, show-more-filters"},t("div",{class:{filters:!0,"no-scrollbar-mobile":this.isCategoriesFilterType()||null!==this.textSearchFiltersGroup,"no-scrollbar":!this.isCategoriesFilterType()&&null===this.textSearchFiltersGroup}},!!s.length&&s.filter(((t,i)=>!this.hideFilters||i<4)).map(((i,e)=>{const n="categories"===this.filter.name?this.selectedFilter===$(i,"categories"):this.selectedFilter===i.name;return t("div",{role:"button",tabindex:"0",key:e,part:n?"filter active":"filter",class:{filter:!0,active:n},style:{"animation-delay":10*e+"ms"},onPointerUp:t=>{r.loading||(t.stopPropagation(),this.handleFilterSelection(i))},onKeyPress:t=>{r.loading||this.handleEnter(t,i)}},i.name)})),!!o.length&&o.filter(((t,i)=>!this.hideFilters||i<4)).map(((i,e)=>{const{label:n,selected:o}=i;return t("div",{role:"button",tabindex:"0",key:e,part:o?"filter active":"filter",class:{filter:!0,active:o},style:{"animation-delay":10*e+"ms"},onPointerUp:t=>{r.loading||(t.stopPropagation(),this.handleTextSearchFilterSelection(i))},onKeyPress:t=>{r.loading||this.handleTextSearchEnter(t,i)}},n)})),this.hideFilters&&t("div",{class:{"show-more":!0,hidden:s.length<=4&&o.length<=4,active:!this.hideFilters},role:"button",tabindex:"0","aria-role":"button",onClick:()=>{setTimeout((()=>this.toggleFilters()),300)},onKeyPress:t=>{"Enter"===t.key&&this.toggleFilters()},part:"show-more-filters"})))}get el(){return o(this)}};q.style=".filters{display:flex;flex-direction:row;overflow-x:auto;padding:0 12px 6px 24px;padding-left:24px;padding-bottom:6px;scrollbar-width:thin}:host(:not(:first-child)) .filters{margin-top:6px}.filter{align-items:center;color:#525252;cursor:pointer;display:flex;margin-right:12px;height:-moz-max-content;height:max-content;min-width:-moz-max-content;min-width:max-content;transition-property:background;transition-duration:0.5s;transition-timing-function:ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:10px 12px}.show-more{display:flex}.show-more.hidden{display:none !important}.show-more::after{position:relative;content:url(\"data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 12.2l-6-6L3.2 5 8 9.8 12.8 5 14 6.2l-6 6z' fill='%23525252'/%3E%3C/svg%3E\");display:block;transform:rotate(-90deg);left:2px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media (max-width: 640px){.no-scrollbar-mobile{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar-mobile::-webkit-scrollbar{display:none}}";const Q=class{constructor(t){i(this,t),this.vviinnSelectObject=e(this,"vviinnSelectObject",7),this.detectedObject=void 0,this.basicEventData=void 0,this.position=["0","0"]}getObjectPosition(){return s.pipe(r.imageBounds,a.map((t=>{const i=h(c(this.detectedObject).rectangle),{x:e,y:n}=s.pipe(i,l(t),d);return[`${e}px`,`${n}px`]})),a.getOrElse((()=>["0","0"])))}selectDetectedObject(){s.pipe(r.imageBounds,a.map((t=>{const i=c(this.detectedObject).rectangle,e=h(i),n=l(t)(e);r.detectedObject=this.detectedObject,r.searchArea=a.some(n)}))),p(),this.vviinnSelectObject.emit(Object.assign(Object.assign({},this.basicEventData),{detectedObject:this.detectedObject}))}isActive(){if(!this.detectedObject)return!1;if(!r.detectedObject)return!1;const t=c(this.detectedObject),i=c(r.detectedObject);return u.equals(t,i)}render(){return t(n,{class:{active:this.isActive()},onClick:()=>this.selectDetectedObject(),style:{"--x-position":this.getObjectPosition()[0],"--y-position":this.getObjectPosition()[1]}})}};Q.style=':host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--font-weight-regular:400;--letter-spacing-default:0px;--radius-radius-md:8px;--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;}:host{display:block;position:absolute;left:calc(var(--x-position));top:calc(var(--y-position));z-index:2}:host::before,:host::after{content:"";cursor:pointer;position:absolute;height:var(--size);width:var(--size);left:calc(-1 * var(--size) / 2);top:calc(-1 * var(--size) / 2)}:host::before{--size:36px;border-radius:50%;z-index:0;background:rgba(0, 0, 0, 0.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform 0.07s ease-in-out}:host::after{--size:13px;border-radius:50%;z-index:1;background:white;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.15);transition:transform 0.07s ease-in-out}:host(.active)::before{transform:scale(0.88);background:rgba(0, 0, 0, 0.4)}:host(.active)::after{transform:scale(0.67)}@media (min-width: 768px){:host(:not(.active):hover)::before{transform:scale(1.08);background:rgba(0, 0, 0, 0.32)}}';const J=class{constructor(t){i(this,t),this.handler=void 0}render(){return t(n,null,t("vviinn-error",null,t(Z,null),t("h4",{slot:"title"},I.t("emptyResultsBlock.title")),"image"===r.searchType&&t("button",{slot:"action",onClick:this.handler},I.t("emptyResultsBlock.button"))))}},G=class{constructor(t){i(this,t),this.vviinnImageUpload=e(this,"vviinnImageUpload",7),this.vviinnNoResult=e(this,"vviinnNoResult",7),this.vviinnImageUploadFinished=e(this,"vviinnImageUploadFinished",7),this.vviinnCameraEnabled=e(this,"vviinnCameraEnabled",7),this.videoTrack=null,this.initializeZoom=async()=>{var t;if(!this.videoTrack)return;const i=(null===(t=this.videoTrack)||void 0===t?void 0:t.getCapabilities)?this.videoTrack.getCapabilities():{};"zoom"in i&&(this.zoomCapabilities=i.zoom,await this.videoTrack.applyConstraints({advanced:[{zoom:this.zoomCapabilities.min}]}))},this.onZoom=async t=>{var i;if(!this.videoTrack||!this.zoomCapabilities)return;const{max:e,min:n}=this.zoomCapabilities,o=null!==(i=this.videoTrack.getSettings().zoom)&&void 0!==i?i:n,r=Math.round((e-n)/3*10)/10;let s;s="in"===t?o+r:o-r,s<n&&(s=n),s>e&&(s=e),await this.videoTrack.applyConstraints({advanced:[{zoom:s}]})},this.exampleImageSource=void 0,this.width=0,this.height=0,this.basicEventData=void 0,this.srcObject=void 0,this.cameraButtonClicked=!1,this.selected=!1,this.videoInitialized=!1,this.zoomCapabilities=null}componentWillLoad(){_(this,this.el)}componentDidLoad(){this.videoElement=this.el.shadowRoot.getElementById("camera-preview")}createPlaceholderImageCanvas(){const t=this.el.shadowRoot.getElementById("captured-image-placeholder"),i=this.videoElement,{videoWidth:e,videoHeight:n}=i,o=document.createElement("canvas");o.width=e,o.height=n,o.getContext("2d").drawImage(i,0,0,o.width,o.height);const r=o.toDataURL("image/jpeg");t.src=r}async selectImage(){if(!this.srcObject)return;let t;this.vviinnImageUpload.emit(this.basicEventData);const i=this.el.shadowRoot.getElementById("photo-frame"),e=this.videoElement,n=i.getBoundingClientRect(),o=e.getBoundingClientRect(),{videoWidth:r,videoHeight:a}=e,h=document.createElement("canvas");this.selected=!0,this.videoElement.pause(),this.createPlaceholderImageCanvas();const c=r/o.width,l=a/o.height,d=Math.min(n.width*c,n.height*l);h.width=d,h.height=d;const p=(n.left-o.left+(n.width-d/c)/2)*c,u=(n.top-o.top+(n.height-d/l)/2)*l;h.getContext("2d").drawImage(e,p,u,d,d,0,0,h.width,h.height);const b=h.toDataURL("image/jpeg");t=await f(b),s.pipe(await v(t),g.match((()=>this.vviinnNoResult.emit(this.basicEventData)),(()=>this.vviinnImageUploadFinished.emit()))),this.selected=!1,this.videoInitialized=!1,this.vviinnCameraEnabled.emit(!1)}handleKeyPress({key:t}){"Enter"!==t&&" "!==t||this.selectImage()}handleSrcObjectChange(){this.srcObject?(this.videoElement.srcObject=this.srcObject,this.videoTrack=this.srcObject.getVideoTracks()[0],this.initializeZoom(),this.videoElement.onloadedmetadata=()=>{this.vviinnCameraEnabled.emit(!0),this.videoInitialized=!0}):this.videoInitialized=!1}render(){return t(n,{onKeyUp:t=>this.handleKeyPress(t),class:{"video-expanded":this.cameraButtonClicked}},t("video",{id:"camera-preview",class:{hidden:!this.videoInitialized||this.selected},autoplay:!0,playsinline:!0,muted:!0}),t("img",{src:this.exampleImageSource,width:this.width,height:this.height,tabindex:1,class:{hidden:this.videoInitialized||this.selected}}),t("img",{id:"captured-image-placeholder",class:{hidden:!this.selected}}),t("div",{class:{container:!0,hidden:!this.videoInitialized}},t("div",{class:"photo-frame-container"},t("div",{id:"photo-frame"},t(K,{className:"photo-frame-corner top-left"}),t(K,{className:"photo-frame-corner top-right"}),t(K,{className:"photo-frame-corner bottom-left"}),t(K,{className:"photo-frame-corner bottom-right"})),t("div",{class:{"zoom-buttons":!0,hidden:!this.zoomCapabilities}},t("button",{onClick:()=>this.onZoom("out")},t(V,null)),t("button",{onClick:()=>this.onZoom("in")},t(D,null)))),t("div",{class:"photo-button-container"},t("button",{class:"photo-button",onClick:()=>this.selectImage()},t(Y,null)))))}get el(){return o(this)}static get watchers(){return{srcObject:["handleSrcObjectChange"]}}};G.style=":host{display:block;width:100%;height:100%;min-height:0;position:relative;overflow:hidden;flex-grow:1;transition:min-height 1s}:host(.video-expanded){min-height:100%;transition:min-height 0.8s}img{width:100%;height:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#camera-preview{width:100%;min-height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:relative}#captured-image-placeholder{height:auto}.container{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;flex-direction:column;gap:12px;padding:68px 0 48px;justify-content:space-around;align-content:center;box-sizing:border-box}.photo-frame-container{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}#photo-frame{position:relative;aspect-ratio:1/1;border-radius:16px;box-shadow:0 0 0 100vmax rgba(0, 0, 0, 0.32);width:100%;height:auto;max-width:80%;margin:0 auto}@media (max-width: 960px){.photo-frame-container{width:auto;height:auto}}@media (max-width: 380px){#photo-frame{max-width:70%}}.photo-frame-corner{position:absolute;--delta:-3px}.photo-frame-corner.top-left{top:var(--delta);left:var(--delta)}.photo-frame-corner.top-right{top:var(--delta);right:var(--delta);transform:rotate(90deg)}.photo-frame-corner.bottom-left{bottom:var(--delta);left:var(--delta);transform:rotate(-90deg)}.photo-frame-corner.bottom-right{bottom:var(--delta);right:var(--delta);transform:rotate(180deg)}.photo-button-container{display:flex;width:100%;align-items:center;justify-self:flex-end}.photo-button{cursor:pointer;border:none;position:relative;z-index:1;padding:0;color:#6f6f6f;background-color:transparent;-webkit-tap-highlight-color:transparent;line-height:0;margin:0 auto}.zoom-buttons{display:flex;position:relative;justify-content:center;gap:12px}.zoom-buttons button{color:white;display:flex;width:48px;height:48px;justify-content:center;align-items:center;border-radius:var(--radius-radius-md, 8px);background-color:rgba(0, 0, 0, 0.48);border:none;cursor:pointer}.hidden{display:none}";const tt=class{constructor(t){i(this,t),this.vviinnImageUpload=e(this,"vviinnImageUpload",7),this.vviinnNoResult=e(this,"vviinnNoResult",7),this.vviinnImageUploadFinished=e(this,"vviinnImageUploadFinished",7),this.basicEventData=void 0,this.startUpload=void 0,this.loading=!1,this.accept="image",this.resetVpsButton=void 0,this.token=void 0,this.apiPath=void 0,this.showInTextSearch=!1}async handleInputChange(t){this.vviinnImageUpload.emit(this.basicEventData);const i=t.target,e=await v(i.files[0],this.showInTextSearch,this.token,this.apiPath);s.pipe(e,b((({kind:t})=>{this.vviinnNoResult.emit(Object.assign(Object.assign({},this.basicEventData),{reason:t}))}),(({links:t})=>{this.vviinnImageUploadFinished.emit({searchId:t.self.href})}))),i.value=null}startUploadWatcher(t){t&&(this.fileInput.click(),this.resetVpsButton())}render(){return t(n,{exportparts:"button"},this.loading?t("vviinn-preloader",null):t("label",{htmlFor:"fileInput",part:"button"},t("slot",{name:"upload-button-text"},"Upload image")),t("input",{id:"fileInput",class:"visually-hidden",type:"file",accept:"image"===this.accept?"image/*":"application/octet-stream",onChange:t=>this.handleInputChange(t),ref:t=>this.fileInput=t}))}static get watchers(){return{startUpload:["startUploadWatcher"]}}};tt.style=".visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}label{cursor:pointer;display:grid;width:100%;height:100%;transition:background 0.1s ease-in-out}";var it=m((function(t){
2
+ /*!
3
+ * Cropper.js v1.5.13
4
+ * https://fengyuanchen.github.io/cropperjs
5
+ *
6
+ * Copyright 2015-present Chen Fengyuan
7
+ * Released under the MIT license
8
+ *
9
+ * Date: 2022-11-20T05:30:46.114Z
10
+ */
11
+ t.exports=function(){function t(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);i&&(n=n.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,n)}return e}function i(i){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?t(Object(n),!0).forEach((function(t){o(i,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach((function(t){Object.defineProperty(i,t,Object.getOwnPropertyDescriptor(n,t))}))}return i}function e(t){return e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},e(t)}function n(t,i){for(var e=0;e<i.length;e++){var n=i[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function o(t,i,e){return i in t?Object.defineProperty(t,i,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[i]=e,t}function r(t){return function(t){if(Array.isArray(t))return s(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,i){if(t){if("string"==typeof t)return s(t,i);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?s(t,i):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,i){(null==i||i>t.length)&&(i=t.length);for(var e=0,n=new Array(i);e<i;e++)n[e]=t[e];return n}var a="undefined"!=typeof window&&void 0!==window.document,h=a?window:{},c=!(!a||!h.document.documentElement)&&"ontouchstart"in h.document.documentElement,l=!!a&&"PointerEvent"in h,d="cropper",p="all",u="crop",f="move",v="zoom",g="e",b="w",m="s",x="n",w="ne",y="nw",k="se",C="sw",M="".concat(d,"-crop"),j="".concat(d,"-disabled"),z="".concat(d,"-hidden"),O="".concat(d,"-hide"),S="".concat(d,"-invisible"),T="".concat(d,"-modal"),E="".concat(d,"-move"),I="".concat(d,"Action"),L="".concat(d,"Preview"),N="crop",B="move",P="none",R="crop",_="cropend",A="cropmove",D="cropstart",H="dblclick",W=l?"pointerdown":c?"touchstart":"mousedown",F=l?"pointermove":c?"touchmove":"mousemove",V=l?"pointerup pointercancel":c?"touchend touchcancel":"mouseup",Y="ready",U="resize",X="wheel",Z="zoom",K="image/jpeg",$=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,q=/^data:/,Q=/^data:image\/jpeg;base64,/,J=/^img|canvas$/i,G={viewMode:0,dragMode:N,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:200,minContainerHeight:100,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},tt=Number.isNaN||h.isNaN;function it(t){return"number"==typeof t&&!tt(t)}var et=function(t){return t>0&&t<1/0};function nt(t){return void 0===t}function ot(t){return"object"===e(t)&&null!==t}var rt=Object.prototype.hasOwnProperty;function st(t){if(!ot(t))return!1;try{var i=t.constructor,e=i.prototype;return i&&e&&rt.call(e,"isPrototypeOf")}catch(t){return!1}}function at(t){return"function"==typeof t}var ht=Array.prototype.slice;function ct(t){return Array.from?Array.from(t):ht.call(t)}function lt(t,i){return t&&at(i)&&(Array.isArray(t)||it(t.length)?ct(t).forEach((function(e,n){i.call(t,e,n,t)})):ot(t)&&Object.keys(t).forEach((function(e){i.call(t,t[e],e,t)}))),t}var dt=Object.assign||function(t){for(var i=arguments.length,e=new Array(i>1?i-1:0),n=1;n<i;n++)e[n-1]=arguments[n];return ot(t)&&e.length>0&&e.forEach((function(i){ot(i)&&Object.keys(i).forEach((function(e){t[e]=i[e]}))})),t},pt=/\.\d*(?:0|9){12}\d*$/;function ut(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1e11;return pt.test(t)?Math.round(t*i)/i:t}var ft=/^width|height|left|top|marginLeft|marginTop$/;function vt(t,i){var e=t.style;lt(i,(function(t,i){ft.test(i)&&it(t)&&(t="".concat(t,"px")),e[i]=t}))}function gt(t,i){if(i)if(it(t.length))lt(t,(function(t){gt(t,i)}));else if(t.classList)t.classList.add(i);else{var e=t.className.trim();e?e.indexOf(i)<0&&(t.className="".concat(e," ").concat(i)):t.className=i}}function bt(t,i){i&&(it(t.length)?lt(t,(function(t){bt(t,i)})):t.classList?t.classList.remove(i):t.className.indexOf(i)>=0&&(t.className=t.className.replace(i,"")))}function mt(t,i,e){i&&(it(t.length)?lt(t,(function(t){mt(t,i,e)})):e?gt(t,i):bt(t,i))}var xt=/([a-z\d])([A-Z])/g;function wt(t){return t.replace(xt,"$1-$2").toLowerCase()}function yt(t,i){return ot(t[i])?t[i]:t.dataset?t.dataset[i]:t.getAttribute("data-".concat(wt(i)))}function kt(t,i,e){ot(e)?t[i]=e:t.dataset?t.dataset[i]=e:t.setAttribute("data-".concat(wt(i)),e)}var Ct=/\s\s*/,Mt=function(){var t=!1;if(a){var i=!1,e=function(){},n=Object.defineProperty({},"once",{get:function(){return t=!0,i},set:function(t){i=t}});h.addEventListener("test",e,n),h.removeEventListener("test",e,n)}return t}();function jt(t,i,e){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e;i.trim().split(Ct).forEach((function(i){if(!Mt){var r=t.listeners;r&&r[i]&&r[i][e]&&(o=r[i][e],delete r[i][e],0===Object.keys(r[i]).length&&delete r[i],0===Object.keys(r).length&&delete t.listeners)}t.removeEventListener(i,o,n)}))}function zt(t,i,e){var n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{},o=e;i.trim().split(Ct).forEach((function(i){if(n.once&&!Mt){var r=t.listeners,s=void 0===r?{}:r;o=function(){delete s[i][e],t.removeEventListener(i,o,n);for(var r=arguments.length,a=new Array(r),h=0;h<r;h++)a[h]=arguments[h];e.apply(t,a)},s[i]||(s[i]={}),s[i][e]&&t.removeEventListener(i,s[i][e],n),s[i][e]=o,t.listeners=s}t.addEventListener(i,o,n)}))}function Ot(t,i,e){var n;return at(Event)&&at(CustomEvent)?n=new CustomEvent(i,{detail:e,bubbles:!0,cancelable:!0}):(n=document.createEvent("CustomEvent")).initCustomEvent(i,!0,!0,e),t.dispatchEvent(n)}function St(t){var i=t.getBoundingClientRect();return{left:i.left+(window.pageXOffset-document.documentElement.clientLeft),top:i.top+(window.pageYOffset-document.documentElement.clientTop)}}var Tt=h.location,Et=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function It(t){var i=t.match(Et);return null!==i&&(i[1]!==Tt.protocol||i[2]!==Tt.hostname||i[3]!==Tt.port)}function Lt(t){var i="timestamp=".concat((new Date).getTime());return t+(-1===t.indexOf("?")?"?":"&")+i}function Nt(t){var i=t.rotate,e=t.scaleX,n=t.scaleY,o=t.translateX,r=t.translateY,s=[];it(o)&&0!==o&&s.push("translateX(".concat(o,"px)")),it(r)&&0!==r&&s.push("translateY(".concat(r,"px)")),it(i)&&0!==i&&s.push("rotate(".concat(i,"deg)")),it(e)&&1!==e&&s.push("scaleX(".concat(e,")")),it(n)&&1!==n&&s.push("scaleY(".concat(n,")"));var a=s.length?s.join(" "):"none";return{WebkitTransform:a,msTransform:a,transform:a}}function Bt(t,e){var n=t.pageX,o=t.pageY,r={endX:n,endY:o};return e?r:i({startX:n,startY:o},r)}function Pt(t){var i=t.aspectRatio,e=t.height,n=t.width,o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"contain",r=et(n),s=et(e);if(r&&s){var a=e*i;"contain"===o&&a>n||"cover"===o&&a<n?e=n/i:n=e*i}else r?e=n/i:s&&(n=e*i);return{width:n,height:e}}var Rt=String.fromCharCode;var _t=/^data:.*,/;function At(t){var i,e=new DataView(t);try{var n,o,r;if(255===e.getUint8(0)&&216===e.getUint8(1))for(var s=e.byteLength,a=2;a+1<s;){if(255===e.getUint8(a)&&225===e.getUint8(a+1)){o=a;break}a+=1}if(o){var h=o+10;if("Exif"===function(t,i,e){var n="";e+=i;for(var o=i;o<e;o+=1)n+=Rt(t.getUint8(o));return n}(e,o+4,4)){var c=e.getUint16(h);if(((n=18761===c)||19789===c)&&42===e.getUint16(h+2,n)){var l=e.getUint32(h+4,n);l>=8&&(r=h+l)}}}if(r){var d,p,u=e.getUint16(r,n);for(p=0;p<u;p+=1)if(274===e.getUint16(d=r+12*p+2,n)){i=e.getUint16(d+=8,n),e.setUint16(d,1,n);break}}}catch(t){i=1}return i}var Dt={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var t=this.element,i=this.options,e=this.container,n=this.cropper,o=Number(i.minContainerWidth),r=Number(i.minContainerHeight);gt(n,z),bt(t,z);var s={width:Math.max(e.offsetWidth,o>=0?o:200),height:Math.max(e.offsetHeight,r>=0?r:100)};this.containerData=s,vt(n,{width:s.width,height:s.height}),gt(t,z),bt(n,z)},initCanvas:function(){var t=this.containerData,i=this.imageData,e=this.options.viewMode,n=Math.abs(i.rotate)%180==90,o=n?i.naturalHeight:i.naturalWidth,r=n?i.naturalWidth:i.naturalHeight,s=o/r,a=t.width,h=t.height;t.height*s>t.width?3===e?a=t.height*s:h=t.width/s:3===e?h=t.width/s:a=t.height*s;var c={aspectRatio:s,naturalWidth:o,naturalHeight:r,width:a,height:h};this.canvasData=c,this.limited=1===e||2===e,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(t.width-c.width)/2,c.top=(t.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=dt({},c)},limitCanvas:function(t,i){var e=this.options,n=this.containerData,o=this.canvasData,r=this.cropBoxData,s=e.viewMode,a=o.aspectRatio,h=this.cropped&&r;if(t){var c=Number(e.minCanvasWidth)||0,l=Number(e.minCanvasHeight)||0;s>1?(c=Math.max(c,n.width),l=Math.max(l,n.height),3===s&&(l*a>c?c=l*a:l=c/a)):s>0&&(c?c=Math.max(c,h?r.width:0):l?l=Math.max(l,h?r.height:0):h&&((l=r.height)*a>(c=r.width)?c=l*a:l=c/a));var d=Pt({aspectRatio:a,width:c,height:l});l=d.height,o.minWidth=c=d.width,o.minHeight=l,o.maxWidth=1/0,o.maxHeight=1/0}if(i)if(s>(h?0:1)){var p=n.width-o.width,u=n.height-o.height;o.minLeft=Math.min(0,p),o.minTop=Math.min(0,u),o.maxLeft=Math.max(0,p),o.maxTop=Math.max(0,u),h&&this.limited&&(o.minLeft=Math.min(r.left,r.left+(r.width-o.width)),o.minTop=Math.min(r.top,r.top+(r.height-o.height)),o.maxLeft=r.left,o.maxTop=r.top,2===s&&(o.width>=n.width&&(o.minLeft=Math.min(0,p),o.maxLeft=Math.max(0,p)),o.height>=n.height&&(o.minTop=Math.min(0,u),o.maxTop=Math.max(0,u))))}else o.minLeft=-o.width,o.minTop=-o.height,o.maxLeft=n.width,o.maxTop=n.height},renderCanvas:function(t,i){var e=this.canvasData,n=this.imageData;if(i){var o=function(t){var i=t.width,e=t.height,n=t.degree;if(90==(n=Math.abs(n)%180))return{width:e,height:i};var o=n%90*Math.PI/180,r=Math.sin(o),s=Math.cos(o),a=i*s+e*r,h=i*r+e*s;return n>90?{width:h,height:a}:{width:a,height:h}}({width:n.naturalWidth*Math.abs(n.scaleX||1),height:n.naturalHeight*Math.abs(n.scaleY||1),degree:n.rotate||0}),r=o.width,s=o.height,a=e.width*(r/e.naturalWidth),h=e.height*(s/e.naturalHeight);e.left-=(a-e.width)/2,e.top-=(h-e.height)/2,e.width=a,e.height=h,e.aspectRatio=r/s,e.naturalWidth=r,e.naturalHeight=s,this.limitCanvas(!0,!1)}(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCanvas(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,vt(this.canvas,dt({width:e.width,height:e.height},Nt({translateX:e.left,translateY:e.top}))),this.renderImage(t),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(t){var i=this.canvasData,e=this.imageData,n=e.naturalWidth*(i.width/i.naturalWidth),o=e.naturalHeight*(i.height/i.naturalHeight);dt(e,{width:n,height:o,left:(i.width-n)/2,top:(i.height-o)/2}),vt(this.image,dt({width:e.width,height:e.height},Nt(dt({translateX:e.left,translateY:e.top},e)))),t&&this.output()},initCropBox:function(){var t=this.options,i=this.canvasData,e=t.aspectRatio||t.initialAspectRatio,n=Number(t.autoCropArea)||.8,o={width:i.width,height:i.height};e&&(i.height*e>i.width?o.height=o.width/e:o.width=o.height*e),this.cropBoxData=o,this.limitCropBox(!0,!0),o.width=Math.min(Math.max(o.width,o.minWidth),o.maxWidth),o.height=Math.min(Math.max(o.height,o.minHeight),o.maxHeight),o.width=Math.max(o.minWidth,o.width*n),o.height=Math.max(o.minHeight,o.height*n),o.left=i.left+(i.width-o.width)/2,o.top=i.top+(i.height-o.height)/2,o.oldLeft=o.left,o.oldTop=o.top,this.initialCropBoxData=dt({},o)},limitCropBox:function(t,i){var e=this.options,n=this.containerData,o=this.canvasData,r=this.cropBoxData,s=this.limited,a=e.aspectRatio;if(t){var h=Number(e.minCropBoxWidth)||0,c=Number(e.minCropBoxHeight)||0,l=s?Math.min(n.width,o.width,o.width+o.left,n.width-o.left):n.width,d=s?Math.min(n.height,o.height,o.height+o.top,n.height-o.top):n.height;h=Math.min(h,n.width),c=Math.min(c,n.height),a&&(h&&c?c*a>h?c=h/a:h=c*a:h?c=h/a:c&&(h=c*a),d*a>l?d=l/a:l=d*a),r.minWidth=Math.min(h,l),r.minHeight=Math.min(c,d),r.maxWidth=l,r.maxHeight=d}i&&(s?(r.minLeft=Math.max(0,o.left),r.minTop=Math.max(0,o.top),r.maxLeft=Math.min(n.width,o.left+o.width)-r.width,r.maxTop=Math.min(n.height,o.top+o.height)-r.height):(r.minLeft=0,r.minTop=0,r.maxLeft=n.width-r.width,r.maxTop=n.height-r.height))},renderCropBox:function(){var t=this.options,i=this.containerData,e=this.cropBoxData;(e.width>e.maxWidth||e.width<e.minWidth)&&(e.left=e.oldLeft),(e.height>e.maxHeight||e.height<e.minHeight)&&(e.top=e.oldTop),e.width=Math.min(Math.max(e.width,e.minWidth),e.maxWidth),e.height=Math.min(Math.max(e.height,e.minHeight),e.maxHeight),this.limitCropBox(!1,!0),e.left=Math.min(Math.max(e.left,e.minLeft),e.maxLeft),e.top=Math.min(Math.max(e.top,e.minTop),e.maxTop),e.oldLeft=e.left,e.oldTop=e.top,t.movable&&t.cropBoxMovable&&kt(this.face,I,e.width>=i.width&&e.height>=i.height?f:p),vt(this.cropBox,dt({width:e.width,height:e.height},Nt({translateX:e.left,translateY:e.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Ot(this.element,R,this.getData())}},Ht={initPreview:function(){var t=this.element,i=this.crossOrigin,e=this.options.preview,n=i?this.crossOriginUrl:this.url,o=t.alt||"The image to preview",r=document.createElement("img");if(i&&(r.crossOrigin=i),r.src=n,r.alt=o,this.viewBox.appendChild(r),this.viewBoxImage=r,e){var s=e;"string"==typeof e?s=t.ownerDocument.querySelectorAll(e):e.querySelector&&(s=[e]),this.previews=s,lt(s,(function(t){var e=document.createElement("img");kt(t,L,{width:t.offsetWidth,height:t.offsetHeight,html:t.innerHTML}),i&&(e.crossOrigin=i),e.src=n,e.alt=o,e.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',t.innerHTML="",t.appendChild(e)}))}},resetPreview:function(){lt(this.previews,(function(t){var i=yt(t,L);vt(t,{width:i.width,height:i.height}),t.innerHTML=i.html,function(t,i){if(ot(t[i]))try{delete t[i]}catch(e){t[i]=void 0}else if(t.dataset)try{delete t.dataset[i]}catch(e){t.dataset[i]=void 0}else t.removeAttribute("data-".concat(wt(i)))}(t,L)}))},preview:function(){var t=this.imageData,i=this.canvasData,e=this.cropBoxData,n=e.width,o=e.height,r=t.width,s=t.height,a=e.left-i.left-t.left,h=e.top-i.top-t.top;this.cropped&&!this.disabled&&(vt(this.viewBoxImage,dt({width:r,height:s},Nt(dt({translateX:-a,translateY:-h},t)))),lt(this.previews,(function(i){var e=yt(i,L),c=e.width,l=e.height,d=c,p=l,u=1;n&&(p=o*(u=c/n)),o&&p>l&&(d=n*(u=l/o),p=l),vt(i,{width:d,height:p}),vt(i.getElementsByTagName("img")[0],dt({width:r*u,height:s*u},Nt(dt({translateX:-a*u,translateY:-h*u},t))))})))}},Wt={bind:function(){var t=this.element,i=this.options,e=this.cropper;at(i.cropstart)&&zt(t,D,i.cropstart),at(i.cropmove)&&zt(t,A,i.cropmove),at(i.cropend)&&zt(t,_,i.cropend),at(i.crop)&&zt(t,R,i.crop),at(i.zoom)&&zt(t,Z,i.zoom),zt(e,W,this.onCropStart=this.cropStart.bind(this)),i.zoomable&&i.zoomOnWheel&&zt(e,X,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&zt(e,H,this.onDblclick=this.dblclick.bind(this)),zt(t.ownerDocument,F,this.onCropMove=this.cropMove.bind(this)),zt(t.ownerDocument,V,this.onCropEnd=this.cropEnd.bind(this)),i.responsive&&zt(window,U,this.onResize=this.resize.bind(this))},unbind:function(){var t=this.element,i=this.options,e=this.cropper;at(i.cropstart)&&jt(t,D,i.cropstart),at(i.cropmove)&&jt(t,A,i.cropmove),at(i.cropend)&&jt(t,_,i.cropend),at(i.crop)&&jt(t,R,i.crop),at(i.zoom)&&jt(t,Z,i.zoom),jt(e,W,this.onCropStart),i.zoomable&&i.zoomOnWheel&&jt(e,X,this.onWheel,{passive:!1,capture:!0}),i.toggleDragModeOnDblclick&&jt(e,H,this.onDblclick),jt(t.ownerDocument,F,this.onCropMove),jt(t.ownerDocument,V,this.onCropEnd),i.responsive&&jt(window,U,this.onResize)}},Ft={resize:function(){if(!this.disabled){var t,i,e=this.options,n=this.container,o=this.containerData,r=n.offsetWidth/o.width,s=n.offsetHeight/o.height,a=Math.abs(r-1)>Math.abs(s-1)?r:s;1!==a&&(e.restore&&(t=this.getCanvasData(),i=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(lt(t,(function(i,e){t[e]=i*a}))),this.setCropBoxData(lt(i,(function(t,e){i[e]=t*a})))))}},dblclick:function(){var t,i;this.disabled||this.options.dragMode===P||this.setDragMode((i=M,((t=this.dragBox).classList?t.classList.contains(i):t.className.indexOf(i)>-1)?B:N))},wheel:function(t){var i=this,e=Number(this.options.wheelZoomRatio)||.1,n=1;this.disabled||(t.preventDefault(),this.wheeling||(this.wheeling=!0,setTimeout((function(){i.wheeling=!1}),50),t.deltaY?n=t.deltaY>0?1:-1:t.wheelDelta?n=-t.wheelDelta/120:t.detail&&(n=t.detail>0?1:-1),this.zoom(-n*e,t)))},cropStart:function(t){var i=t.buttons,e=t.button;if(!(this.disabled||("mousedown"===t.type||"pointerdown"===t.type&&"mouse"===t.pointerType)&&(it(i)&&1!==i||it(e)&&0!==e||t.ctrlKey))){var n,o=this.options,r=this.pointers;t.changedTouches?lt(t.changedTouches,(function(t){r[t.identifier]=Bt(t)})):r[t.pointerId||0]=Bt(t),n=Object.keys(r).length>1&&o.zoomable&&o.zoomOnTouch?v:yt(t.target,I),$.test(n)&&!1!==Ot(this.element,D,{originalEvent:t,action:n})&&(t.preventDefault(),this.action=n,this.cropping=!1,n===u&&(this.cropping=!0,gt(this.dragBox,T)))}},cropMove:function(t){var i=this.action;if(!this.disabled&&i){var e=this.pointers;t.preventDefault(),!1!==Ot(this.element,A,{originalEvent:t,action:i})&&(t.changedTouches?lt(t.changedTouches,(function(t){dt(e[t.identifier]||{},Bt(t,!0))})):dt(e[t.pointerId||0]||{},Bt(t,!0)),this.change(t))}},cropEnd:function(t){if(!this.disabled){var i=this.action,e=this.pointers;t.changedTouches?lt(t.changedTouches,(function(t){delete e[t.identifier]})):delete e[t.pointerId||0],i&&(t.preventDefault(),Object.keys(e).length||(this.action=""),this.cropping&&(this.cropping=!1,mt(this.dragBox,T,this.cropped&&this.options.modal)),Ot(this.element,_,{originalEvent:t,action:i}))}}},Vt={change:function(t){var e,n=this.canvasData,o=this.containerData,r=this.cropBoxData,s=this.pointers,a=this.action,h=this.options.aspectRatio,c=r.left,l=r.top,d=r.width,M=r.height,j=c+d,O=l+M,S=0,T=0,E=o.width,I=o.height,L=!0;!h&&t.shiftKey&&(h=d&&M?d/M:1),this.limited&&(T=r.minTop,E=(S=r.minLeft)+Math.min(o.width,n.width,n.left+n.width),I=T+Math.min(o.height,n.height,n.top+n.height));var N=s[Object.keys(s)[0]],B={x:N.endX-N.startX,y:N.endY-N.startY},P=function(t){switch(t){case g:j+B.x>E&&(B.x=E-j);break;case b:c+B.x<S&&(B.x=S-c);break;case x:l+B.y<T&&(B.y=T-l);break;case m:O+B.y>I&&(B.y=I-O)}};switch(a){case p:c+=B.x,l+=B.y;break;case g:if(B.x>=0&&(j>=E||h&&(l<=T||O>=I))){L=!1;break}P(g),(d+=B.x)<0&&(a=b,c-=d=-d),h&&(l+=(r.height-(M=d/h))/2);break;case x:if(B.y<=0&&(l<=T||h&&(c<=S||j>=E))){L=!1;break}P(x),l+=B.y,(M-=B.y)<0&&(a=m,l-=M=-M),h&&(c+=(r.width-(d=M*h))/2);break;case b:if(B.x<=0&&(c<=S||h&&(l<=T||O>=I))){L=!1;break}P(b),c+=B.x,(d-=B.x)<0&&(a=g,c-=d=-d),h&&(l+=(r.height-(M=d/h))/2);break;case m:if(B.y>=0&&(O>=I||h&&(c<=S||j>=E))){L=!1;break}P(m),(M+=B.y)<0&&(a=x,l-=M=-M),h&&(c+=(r.width-(d=M*h))/2);break;case w:if(h){if(B.y<=0&&(l<=T||j>=E)){L=!1;break}P(x),l+=B.y,d=(M-=B.y)*h}else P(x),P(g),B.x>=0?j<E?d+=B.x:B.y<=0&&l<=T&&(L=!1):d+=B.x,B.y<=0?l>T&&(M-=B.y,l+=B.y):(M-=B.y,l+=B.y);d<0&&M<0?(a=C,l-=M=-M,c-=d=-d):d<0?(a=y,c-=d=-d):M<0&&(a=k,l-=M=-M);break;case y:if(h){if(B.y<=0&&(l<=T||c<=S)){L=!1;break}P(x),l+=B.y,c+=r.width-(d=(M-=B.y)*h)}else P(x),P(b),B.x<=0?c>S?(d-=B.x,c+=B.x):B.y<=0&&l<=T&&(L=!1):(d-=B.x,c+=B.x),B.y<=0?l>T&&(M-=B.y,l+=B.y):(M-=B.y,l+=B.y);d<0&&M<0?(a=k,l-=M=-M,c-=d=-d):d<0?(a=w,c-=d=-d):M<0&&(a=C,l-=M=-M);break;case C:if(h){if(B.x<=0&&(c<=S||O>=I)){L=!1;break}P(b),c+=B.x,M=(d-=B.x)/h}else P(m),P(b),B.x<=0?c>S?(d-=B.x,c+=B.x):B.y>=0&&O>=I&&(L=!1):(d-=B.x,c+=B.x),B.y>=0?O<I&&(M+=B.y):M+=B.y;d<0&&M<0?(a=w,l-=M=-M,c-=d=-d):d<0?(a=k,c-=d=-d):M<0&&(a=y,l-=M=-M);break;case k:if(h){if(B.x>=0&&(j>=E||O>=I)){L=!1;break}P(g),M=(d+=B.x)/h}else P(m),P(g),B.x>=0?j<E?d+=B.x:B.y>=0&&O>=I&&(L=!1):d+=B.x,B.y>=0?O<I&&(M+=B.y):M+=B.y;d<0&&M<0?(a=y,l-=M=-M,c-=d=-d):d<0?(a=C,c-=d=-d):M<0&&(a=w,l-=M=-M);break;case f:this.move(B.x,B.y),L=!1;break;case v:this.zoom(function(t){var e=i({},t),n=0;return lt(t,(function(t,i){delete e[i],lt(e,(function(i){var e=Math.abs(t.startX-i.startX),o=Math.abs(t.startY-i.startY),r=Math.abs(t.endX-i.endX),s=Math.abs(t.endY-i.endY),a=Math.sqrt(e*e+o*o),h=(Math.sqrt(r*r+s*s)-a)/a;Math.abs(h)>Math.abs(n)&&(n=h)}))})),n}(s),t),L=!1;break;case u:if(!B.x||!B.y){L=!1;break}e=St(this.cropper),c=N.startX-e.left,l=N.startY-e.top,d=r.minWidth,M=r.minHeight,B.x>0?a=B.y>0?k:w:B.x<0&&(c-=d,a=B.y>0?C:y),B.y<0&&(l-=M),this.cropped||(bt(this.cropBox,z),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0))}L&&(r.width=d,r.height=M,r.left=c,r.top=l,this.action=a,this.renderCropBox()),lt(s,(function(t){t.startX=t.endX,t.startY=t.endY}))}},Yt={crop:function(){return!this.ready||this.cropped||this.disabled||(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&gt(this.dragBox,T),bt(this.cropBox,z),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=dt({},this.initialImageData),this.canvasData=dt({},this.initialCanvasData),this.cropBoxData=dt({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(dt(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),bt(this.dragBox,T),gt(this.cropBox,z)),this},replace:function(t){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!this.disabled&&t&&(this.isImg&&(this.element.src=t),i?(this.url=t,this.image.src=t,this.ready&&(this.viewBoxImage.src=t,lt(this.previews,(function(i){i.getElementsByTagName("img")[0].src=t})))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(t))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,bt(this.cropper,j)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,gt(this.cropper,j)),this},destroy:function(){var t=this.element;return t[d]?(t[d]=void 0,this.isImg&&this.replaced&&(t.src=this.originalUrl),this.uncreate(),this):this},move:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,n=e.left,o=e.top;return this.moveTo(nt(t)?t:n+Number(t),nt(i)?i:o+Number(i))},moveTo:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.canvasData,n=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.movable&&(it(t)&&(e.left=t,n=!0),it(i)&&(e.top=i,n=!0),n&&this.renderCanvas(!0)),this},zoom:function(t,i){var e=this.canvasData;return t=Number(t),this.zoomTo(e.width*(t=t<0?1/(1-t):1+t)/e.naturalWidth,null,i)},zoomTo:function(t,i,e){var n=this.options,o=this.canvasData,r=o.width,s=o.height,a=o.naturalWidth,h=o.naturalHeight;if((t=Number(t))>=0&&this.ready&&!this.disabled&&n.zoomable){var c=a*t,l=h*t;if(!1===Ot(this.element,Z,{ratio:t,oldRatio:r/a,originalEvent:e}))return this;if(e){var d=this.pointers,p=St(this.cropper),u=d&&Object.keys(d).length?function(t){var i=0,e=0,n=0;return lt(t,(function(t){i+=t.startX,e+=t.startY,n+=1})),{pageX:i/=n,pageY:e/=n}}(d):{pageX:e.pageX,pageY:e.pageY};o.left-=(u.pageX-p.left-o.left)/r*(c-r),o.top-=(u.pageY-p.top-o.top)/s*(l-s)}else st(i)&&it(i.x)&&it(i.y)?(o.left-=(i.x-o.left)/r*(c-r),o.top-=(i.y-o.top)/s*(l-s)):(o.left-=(c-r)/2,o.top-=(l-s)/2);o.width=c,o.height=l,this.renderCanvas(!0)}return this},rotate:function(t){return this.rotateTo((this.imageData.rotate||0)+Number(t))},rotateTo:function(t){return it(t=Number(t))&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=t%360,this.renderCanvas(!0,!0)),this},scaleX:function(t){var i=this.imageData.scaleY;return this.scale(t,it(i)?i:1)},scaleY:function(t){var i=this.imageData.scaleX;return this.scale(it(i)?i:1,t)},scale:function(t){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t,e=this.imageData,n=!1;return t=Number(t),i=Number(i),this.ready&&!this.disabled&&this.options.scalable&&(it(t)&&(e.scaleX=t,n=!0),it(i)&&(e.scaleY=i,n=!0),n&&this.renderCanvas(!0,!0)),this},getData:function(){var t,i=arguments.length>0&&void 0!==arguments[0]&&arguments[0],e=this.options,n=this.imageData,o=this.canvasData,r=this.cropBoxData;if(this.ready&&this.cropped){var s=n.width/n.naturalWidth;if(lt(t={x:r.left-o.left,y:r.top-o.top,width:r.width,height:r.height},(function(i,e){t[e]=i/s})),i){var a=Math.round(t.y+t.height),h=Math.round(t.x+t.width);t.x=Math.round(t.x),t.y=Math.round(t.y),t.width=h-t.x,t.height=a-t.y}}else t={x:0,y:0,width:0,height:0};return e.rotatable&&(t.rotate=n.rotate||0),e.scalable&&(t.scaleX=n.scaleX||1,t.scaleY=n.scaleY||1),t},setData:function(t){var i=this.options,e=this.imageData,n=this.canvasData,o={};if(this.ready&&!this.disabled&&st(t)){var r=!1;i.rotatable&&it(t.rotate)&&t.rotate!==e.rotate&&(e.rotate=t.rotate,r=!0),i.scalable&&(it(t.scaleX)&&t.scaleX!==e.scaleX&&(e.scaleX=t.scaleX,r=!0),it(t.scaleY)&&t.scaleY!==e.scaleY&&(e.scaleY=t.scaleY,r=!0)),r&&this.renderCanvas(!0,!0);var s=e.width/e.naturalWidth;it(t.x)&&(o.left=t.x*s+n.left),it(t.y)&&(o.top=t.y*s+n.top),it(t.width)&&(o.width=t.width*s),it(t.height)&&(o.height=t.height*s),this.setCropBoxData(o)}return this},getContainerData:function(){return this.ready?dt({},this.containerData):{}},getImageData:function(){return this.sized?dt({},this.imageData):{}},getCanvasData:function(){var t=this.canvasData,i={};return this.ready&&lt(["left","top","width","height","naturalWidth","naturalHeight"],(function(e){i[e]=t[e]})),i},setCanvasData:function(t){var i=this.canvasData,e=i.aspectRatio;return this.ready&&!this.disabled&&st(t)&&(it(t.left)&&(i.left=t.left),it(t.top)&&(i.top=t.top),it(t.width)?(i.width=t.width,i.height=t.width/e):it(t.height)&&(i.height=t.height,i.width=t.height*e),this.renderCanvas(!0)),this},getCropBoxData:function(){var t,i=this.cropBoxData;return this.ready&&this.cropped&&(t={left:i.left,top:i.top,width:i.width,height:i.height}),t||{}},setCropBoxData:function(t){var i,e,n=this.cropBoxData,o=this.options.aspectRatio;return this.ready&&this.cropped&&!this.disabled&&st(t)&&(it(t.left)&&(n.left=t.left),it(t.top)&&(n.top=t.top),it(t.width)&&t.width!==n.width&&(i=!0,n.width=t.width),it(t.height)&&t.height!==n.height&&(e=!0,n.height=t.height),o&&(i?n.height=n.width/o:e&&(n.width=n.height*o)),this.renderCropBox()),this},getCroppedCanvas:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var i=this.canvasData,e=function(t,i,e,n){var o=i.aspectRatio,s=i.naturalWidth,a=i.naturalHeight,h=i.rotate,c=void 0===h?0:h,l=i.scaleX,d=void 0===l?1:l,p=i.scaleY,u=void 0===p?1:p,f=e.aspectRatio,v=e.naturalWidth,g=e.naturalHeight,b=n.fillColor,m=void 0===b?"transparent":b,x=n.imageSmoothingEnabled,w=void 0===x||x,y=n.imageSmoothingQuality,k=void 0===y?"low":y,C=n.maxWidth,M=void 0===C?1/0:C,j=n.maxHeight,z=void 0===j?1/0:j,O=n.minWidth,S=void 0===O?0:O,T=n.minHeight,E=void 0===T?0:T,I=document.createElement("canvas"),L=I.getContext("2d"),N=Pt({aspectRatio:f,width:M,height:z}),B=Pt({aspectRatio:f,width:S,height:E},"cover"),P=Math.min(N.width,Math.max(B.width,v)),R=Math.min(N.height,Math.max(B.height,g)),_=Pt({aspectRatio:o,width:M,height:z}),A=Pt({aspectRatio:o,width:S,height:E},"cover"),D=Math.min(_.width,Math.max(A.width,s)),H=Math.min(_.height,Math.max(A.height,a)),W=[-D/2,-H/2,D,H];return I.width=ut(P),I.height=ut(R),L.fillStyle=m,L.fillRect(0,0,P,R),L.save(),L.translate(P/2,R/2),L.rotate(c*Math.PI/180),L.scale(d,u),L.imageSmoothingEnabled=w,L.imageSmoothingQuality=k,L.drawImage.apply(L,[t].concat(r(W.map((function(t){return Math.floor(ut(t))}))))),L.restore(),I}(this.image,this.imageData,i,t);if(!this.cropped)return e;var n=this.getData(),o=n.x,s=n.y,a=n.width,h=n.height,c=e.width/Math.floor(i.naturalWidth);1!==c&&(o*=c,s*=c,a*=c,h*=c);var l=a/h,d=Pt({aspectRatio:l,width:t.maxWidth||1/0,height:t.maxHeight||1/0}),p=Pt({aspectRatio:l,width:t.minWidth||0,height:t.minHeight||0},"cover"),u=Pt({aspectRatio:l,width:t.width||(1!==c?e.width:a),height:t.height||(1!==c?e.height:h)}),f=u.width,v=u.height;f=Math.min(d.width,Math.max(p.width,f)),v=Math.min(d.height,Math.max(p.height,v));var g=document.createElement("canvas"),b=g.getContext("2d");g.width=ut(f),g.height=ut(v),b.fillStyle=t.fillColor||"transparent",b.fillRect(0,0,f,v);var m=t.imageSmoothingEnabled,x=t.imageSmoothingQuality;b.imageSmoothingEnabled=void 0===m||m,x&&(b.imageSmoothingQuality=x);var w,y,k,C,M,j,z=e.width,O=e.height,S=o,T=s;S<=-a||S>z?(S=0,w=0,k=0,M=0):S<=0?(k=-S,S=0,M=w=Math.min(z,a+S)):S<=z&&(k=0,M=w=Math.min(a,z-S)),w<=0||T<=-h||T>O?(T=0,y=0,C=0,j=0):T<=0?(C=-T,T=0,j=y=Math.min(O,h+T)):T<=O&&(C=0,j=y=Math.min(h,O-T));var E=[S,T,w,y];if(M>0&&j>0){var I=f/a;E.push(k*I,C*I,M*I,j*I)}return b.drawImage.apply(b,[e].concat(r(E.map((function(t){return Math.floor(ut(t))}))))),g},setAspectRatio:function(t){var i=this.options;return this.disabled||nt(t)||(i.aspectRatio=Math.max(0,t)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(t){var i=this.options,e=this.dragBox,n=this.face;if(this.ready&&!this.disabled){var o=t===N,r=i.movable&&t===B;i.dragMode=t=o||r?t:P,kt(e,I,t),mt(e,M,o),mt(e,E,r),i.cropBoxMovable||(kt(n,I,t),mt(n,M,o),mt(n,E,r))}return this}},Ut=h.Cropper,Xt=function(){function t(i){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(t,i){if(!(t instanceof i))throw new TypeError("Cannot call a class as a function")}(this,t),!i||!J.test(i.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=i,this.options=dt({},G,st(e)&&e),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return i=t,e=[{key:"init",value:function(){var t,i=this.element,e=i.tagName.toLowerCase();if(!i[d]){if(i[d]=this,"img"===e){if(this.isImg=!0,t=i.getAttribute("src")||"",this.originalUrl=t,!t)return;t=i.src}else"canvas"===e&&window.HTMLCanvasElement&&(t=i.toDataURL());this.load(t)}}},{key:"load",value:function(t){var i,e,n,o,r=this;if(t){this.url=t,this.imageData={};var s=this.element,a=this.options;if(a.rotatable||a.scalable||(a.checkOrientation=!1),a.checkOrientation&&window.ArrayBuffer)if(q.test(t))Q.test(t)?this.read((i=t.replace(_t,""),e=atob(i),n=new ArrayBuffer(e.length),lt(o=new Uint8Array(n),(function(t,i){o[i]=e.charCodeAt(i)})),n)):this.clone();else{var h=new XMLHttpRequest,c=this.clone.bind(this);this.reloading=!0,this.xhr=h,h.onabort=c,h.onerror=c,h.ontimeout=c,h.onprogress=function(){h.getResponseHeader("content-type")!==K&&h.abort()},h.onload=function(){r.read(h.response)},h.onloadend=function(){r.reloading=!1,r.xhr=null},a.checkCrossOrigin&&It(t)&&s.crossOrigin&&(t=Lt(t)),h.open("GET",t,!0),h.responseType="arraybuffer",h.withCredentials="use-credentials"===s.crossOrigin,h.send()}else this.clone()}}},{key:"read",value:function(t){var i=this.options,e=this.imageData,n=At(t),o=0,r=1,s=1;if(n>1){this.url=function(t,i){for(var e=[],n=new Uint8Array(t);n.length>0;)e.push(Rt.apply(null,ct(n.subarray(0,8192)))),n=n.subarray(8192);return"data:".concat(i,";base64,").concat(btoa(e.join("")))}(t,K);var a=function(t){var i=0,e=1,n=1;switch(t){case 2:e=-1;break;case 3:i=-180;break;case 4:n=-1;break;case 5:i=90,n=-1;break;case 6:i=90;break;case 7:i=90,e=-1;break;case 8:i=-90}return{rotate:i,scaleX:e,scaleY:n}}(n);o=a.rotate,r=a.scaleX,s=a.scaleY}i.rotatable&&(e.rotate=o),i.scalable&&(e.scaleX=r,e.scaleY=s),this.clone()}},{key:"clone",value:function(){var t=this.element,i=this.url,e=t.crossOrigin,n=i;this.options.checkCrossOrigin&&It(i)&&(e||(e="anonymous"),n=Lt(i)),this.crossOrigin=e,this.crossOriginUrl=n;var o=document.createElement("img");e&&(o.crossOrigin=e),o.src=n||i,o.alt=t.alt||"The image to crop",this.image=o,o.onload=this.start.bind(this),o.onerror=this.stop.bind(this),gt(o,O),t.parentNode.insertBefore(o,t.nextSibling)}},{key:"start",value:function(){var t=this,i=this.image;i.onload=null,i.onerror=null,this.sizing=!0;var e=h.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(h.navigator.userAgent),n=function(i,e){dt(t.imageData,{naturalWidth:i,naturalHeight:e,aspectRatio:i/e}),t.initialImageData=dt({},t.imageData),t.sizing=!1,t.sized=!0,t.build()};if(!i.naturalWidth||e){var o=document.createElement("img"),r=document.body||document.documentElement;this.sizingImage=o,o.onload=function(){n(o.width,o.height),e||r.removeChild(o)},o.src=i.src,e||(o.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",r.appendChild(o))}else n(i.naturalWidth,i.naturalHeight)}},{key:"stop",value:function(){var t=this.image;t.onload=null,t.onerror=null,t.parentNode.removeChild(t),this.image=null}},{key:"build",value:function(){if(this.sized&&!this.ready){var t=this.element,i=this.options,e=this.image,n=t.parentNode,o=document.createElement("div");o.innerHTML='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>';var r=o.querySelector(".".concat(d,"-container")),s=r.querySelector(".".concat(d,"-canvas")),a=r.querySelector(".".concat(d,"-drag-box")),h=r.querySelector(".".concat(d,"-crop-box")),c=h.querySelector(".".concat(d,"-face"));this.container=n,this.cropper=r,this.canvas=s,this.dragBox=a,this.cropBox=h,this.viewBox=r.querySelector(".".concat(d,"-view-box")),this.face=c,s.appendChild(e),gt(t,z),n.insertBefore(r,t.nextSibling),bt(e,O),this.initPreview(),this.bind(),i.initialAspectRatio=Math.max(0,i.initialAspectRatio)||NaN,i.aspectRatio=Math.max(0,i.aspectRatio)||NaN,i.viewMode=Math.max(0,Math.min(3,Math.round(i.viewMode)))||0,gt(h,z),i.guides||gt(h.getElementsByClassName("".concat(d,"-dashed")),z),i.center||gt(h.getElementsByClassName("".concat(d,"-center")),z),i.background&&gt(r,"".concat(d,"-bg")),i.highlight||gt(c,S),i.cropBoxMovable&&(gt(c,E),kt(c,I,p)),i.cropBoxResizable||(gt(h.getElementsByClassName("".concat(d,"-line")),z),gt(h.getElementsByClassName("".concat(d,"-point")),z)),this.render(),this.ready=!0,this.setDragMode(i.dragMode),i.autoCrop&&this.crop(),this.setData(i.data),at(i.ready)&&zt(t,Y,i.ready,{once:!0}),Ot(t,Y)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var t=this.cropper.parentNode;t&&t.removeChild(this.cropper),bt(this.element,z)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],o=[{key:"noConflict",value:function(){return window.Cropper=Ut,t}},{key:"setDefaults",value:function(t){dt(G,st(t)&&t)}}],e&&n(i.prototype,e),o&&n(i,o),Object.defineProperty(i,"prototype",{writable:!1}),t;var i,e,o}();return dt(Xt.prototype,Dt,Ht,Wt,Ft,Vt,Yt),Xt}()}));const et=1-.9,nt={autoCropArea:.9,minCropBoxHeight:82,minCropBoxWidth:82,minContainerWidth:90,minContainerHeight:90,movable:!1,zoomable:!1,rotatable:!1,scalable:!1,zoomOnTouch:!1,zoomOnWheel:!1,toggleDragModeOnDblclick:!1,viewMode:1},ot=class{constructor(t){i(this,t),this.vviinnImageCrop=e(this,"vviinnImageCrop",7),this.cropEnd=()=>{r.searchArea=a.some(this.getCropboxData()),p(),r.detectedObject=void 0,this.vviinnImageCrop.emit(this.basicEventData)},this.basicEventData=void 0,this.setShowAspectRatioError=void 0,this.showAspectRatioError=void 0,this.cropper=null,this.hidePreloader=!1}disconnectedCallback(){this.cropper&&this.cropper.destroy()}selectDetectedObject({detail:t}){const{top:i,left:e,width:n,height:o}=t.detectedObject.value.rectangle,r=this.cropper.getImageData();this.cropper.setCropBoxData((t=>{const{width:i,height:e,left:n,top:o}=t,r=82;let s={width:i,height:e,left:n,top:o};return i<r&&(s.width=r,s.left=n-(r-i)/2),e<r&&(s.height=r,s.top=o-(r-e)/2),s})({left:e*r.width,top:i*r.height,width:n*r.width,height:o*r.height}))}getCropboxData(){const{left:t,top:i,width:e,height:n}=this.cropper.getCropBoxData();return{x:t,y:i,width:e,height:n}}loadImage(){const t=this.el.shadowRoot.querySelector("img");if(t){let i={};this.cropper&&(i=this.cropper.getData(!0),this.cropper.destroy());const e=y(t),{x:n,y:o,width:s,height:h}=e,c={x:n,y:o,width:s-s*et,height:h-h*et};if(r.imageBounds=a.some(e),r.searchArea=a.some(c),s/h<.1||h/s<.1)return this.setShowAspectRatioError(!0),void this.el.classList.add("bordered");if(s<90||h<90)return this.el.classList.add("bordered"),void(this.hidePreloader=!0);this.cropper=new it(t,Object.assign(Object.assign({},nt),{cropend:this.cropEnd,data:i}))}}renderDetectedObject(i){return t("vviinn-detected-object",{detectedObject:i,basicEventData:this.basicEventData})}renderImage(){return s.pipe(w(r.imageUrl,r.image),a.map((([i,e])=>{const[n,o]=(t=>{const i=k(t),e=C(288)(i).map((t=>t.size));return[e[0],e[1]]})(e);return t("img",{decoding:"async",width:n,height:o,src:i,draggable:!1,onLoad:()=>this.loadImage()})})),a.getOrElse((()=>null)))}render(){return t(n,null,t("div",{class:"container"},t("div",{class:"image-container"},this.renderImage(),r.detectedObjects.map((t=>this.renderDetectedObject(t)))),!r.loading&&!r.objectDetectionInProgress||this.showAspectRatioError||this.hidePreloader?null:t("div",{class:"image-preloader"},t("vviinn-preloader",null))))}get el(){return o(this)}};ot.style=":host {\n min-height: 160px;\n display: flex;\n justify-content: center;\n background-color: rgba(0, 0, 0, 0.32);\n}\n\n:host(.bordered) {\n background-color: transparent;\n border: 1px solid #eaeaea;\n margin-top: 40px;\n}\n\n@media (max-width: 768px) {\n :host {\n min-height: unset;\n }\n\n :host(.bordered) {\n border: none;\n margin-top: 48px;\n }\n}\n\n.container {\n max-width: 100%;\n height: 100%;\n position: relative;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.image-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n position: relative;\n}\n\n.image-container > img {\n display: block;\n max-width: 100%;\n}\n\n.image-preloader {\n background: rgba(0, 0, 0, 0.25);\n border-radius: 4px;\n bottom: 18px;\n right: 18px;\n padding: 4px;\n pointer-events: none;\n color: white;\n position: absolute;\n z-index: 4;\n}\n\nvviinn-preloader {\n --preloader-size: 12px;\n}\n\n.cropper-container {\n direction: ltr;\n font-size: 0;\n line-height: 0;\n position: relative;\n touch-action: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n\n & img {\n backface-visibility: hidden;\n display: block;\n height: 100%;\n image-orientation: 0deg;\n max-height: none !important;\n max-width: none !important;\n min-height: 0 !important;\n min-width: 0 !important;\n width: 100%;\n }\n}\n\n.cropper-wrap-box,\n.cropper-canvas,\n.cropper-drag-box,\n.cropper-crop-box,\n.cropper-modal {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n}\n\n.cropper-wrap-box,\n.cropper-canvas {\n overflow: hidden;\n}\n\n.cropper-drag-box {\n background-color: #fff;\n opacity: 0;\n}\n\n.cropper-modal {\n background-color: #000;\n opacity: 0.4;\n}\n\n.cropper-view-box {\n display: block;\n height: 100%;\n overflow: hidden;\n width: 100%;\n}\n\n.cropper-view-box,\n.cropper-face {\n border-radius: 5px;\n}\n\n.cropper-face,\n.cropper-point {\n display: block;\n height: 100%;\n opacity: 0.1;\n position: absolute;\n width: 100%;\n}\n\n.cropper-face {\n left: 0;\n top: 0;\n}\n\n.cropper-point {\n --cropper-point-width: 44px;\n height: var(--cropper-point-width);\n width: var(--cropper-point-width);\n opacity: 1;\n}\n\n.point-e,\n.point-s,\n.point-w,\n.point-n {\n display: none;\n}\n\n.point-ne,\n.point-nw,\n.point-sw,\n.point-se {\n --delta: -9px;\n}\n\n.point-ne {\n cursor: nesw-resize;\n right: var(--delta);\n top: var(--delta);\n}\n\n.point-nw {\n cursor: nwse-resize;\n left: var(--delta);\n top: var(--delta);\n}\n\n.point-sw {\n cursor: nesw-resize;\n bottom: var(--delta);\n left: var(--delta);\n}\n\n.point-se {\n cursor: nwse-resize;\n bottom: var(--delta);\n right: var(--delta);\n}\n\n.cropper-point::before {\n position: absolute;\n content: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38' fill='none'%3E%3Cpath d='M3 35H23C29.6274 35 35 29.6274 35 23V3' stroke='white' stroke-width='6' stroke-linecap='square'/%3E%3C/svg%3E\");\n display: block;\n pointer-events: none;\n}\n\n.point-ne::before {\n transform: rotate(-90deg);\n left: 0px;\n top: 6px;\n}\n\n.point-nw::before {\n transform: rotate(180deg);\n left: 6px;\n top: 6px;\n}\n\n.point-sw::before {\n transform: rotate(90deg);\n left: 6px;\n top: 0px;\n}\n\n.point-se::before {\n left: 0px;\n top: 0px;\n}\n\n.cropper-invisible {\n opacity: 0;\n}\n\n.cropper-hide {\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n}\n\n.cropper-hidden {\n display: none !important;\n}\n\n.cropper-move {\n cursor: move;\n}\n\n.cropper-crop {\n cursor: crosshair;\n}\n\n.cropper-disabled .cropper-drag-box,\n.cropper-disabled .cropper-face,\n.cropper-disabled .cropper-line,\n.cropper-disabled .cropper-point {\n cursor: not-allowed;\n}\n";const rt=class{constructor(t){i(this,t),this.vviinnWidgetClose=e(this,"vviinnWidgetClose",7),this.active=!1,this.resetState=void 0,this.buttonElementId=void 0,this.widgetVersion=void 0,this.hideBackButton=!1,this.isFirstScreen=void 0,this.slider=!1}componentWillLoad(){_(this,this.el)}resetTopScroll(){const t=this.el.shadowRoot.querySelector(".body");null==t||t.scroll({top:0})}close(){this.active=!1,setTimeout((()=>{this.vviinnWidgetClose.emit({widgetType:"VPS",campaignTypeId:"VPS",campaignTypeName:A.VPS,widgetId:this.buttonElementId,widgetVersion:this.widgetVersion})}),this.slider?500:0)}handleAnimationEnd(t){"fade-in"===t.animationName&&(this.slider=!0)}renderImage(){return s.pipe(w(r.imageUrl,r.image),a.map((([i])=>t("img",{width:"28",height:"28",src:i,class:"title-image"}))),a.getOrElse((()=>null)))}render(){return t(n,{exportparts:"secondary-action, title, close-button",class:{closed:!this.active,"first-screen":this.isFirstScreen},onAnimationEnd:t=>this.handleAnimationEnd(t)},t("div",{class:"head"},!this.hideBackButton&&t("button",{part:"secondary-action",onClick:()=>{this.resetState(),this.resetTopScroll()}},t(U,null)),t("div",{class:"title",part:"title"},this.renderImage(),t("slot",{name:"vviinn-image-search-modal-title"},I.t("imageSearchModalTitle"))),t("button",{onClick:()=>this.close(),class:"close-button",part:"close-button"},t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none"},t("path",{d:"M12 13.3892L6.91958 18.4696C6.72248 18.6667 6.49095 18.7653 6.225 18.7653C5.95905 18.7653 5.72753 18.6667 5.53043 18.4696C5.33333 18.2725 5.23478 18.041 5.23478 17.775C5.23478 17.5091 5.33333 17.2776 5.53043 17.0805L10.6109 12L5.53043 6.9196C5.33333 6.7225 5.23478 6.49098 5.23478 6.22503C5.23478 5.95908 5.33333 5.72755 5.53043 5.53045C5.72753 5.33335 5.95905 5.2348 6.225 5.2348C6.49095 5.2348 6.72248 5.33335 6.91958 5.53045L12 10.6109L17.0804 5.53045C17.2775 5.33335 17.5091 5.2348 17.775 5.2348C18.041 5.2348 18.2725 5.33335 18.4696 5.53045C18.6667 5.72755 18.7652 5.95908 18.7652 6.22503C18.7652 6.49098 18.6667 6.7225 18.4696 6.9196L13.3892 12L18.4696 17.0805C18.6667 17.2776 18.7652 17.5091 18.7652 17.775C18.7652 18.041 18.6667 18.2725 18.4696 18.4696C18.2725 18.6667 18.041 18.7653 17.775 18.7653C17.5091 18.7653 17.2775 18.6667 17.0804 18.4696L12 13.3892Z",fill:"currentColor"})))),t("div",{class:"body"},t("slot",null)))}get el(){return o(this)}};rt.style=":host{background:white;border-radius:24px;box-sizing:border-box;display:grid;grid-template-rows:min-content auto;max-width:960px;overflow:auto;position:relative}.head{position:absolute;width:100%;box-sizing:border-box;display:flex;align-items:center;z-index:1;padding:16px}.title{display:flex;align-items:center;transform:translateX(-6px);font-weight:600;font-size:18px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:6px;color:#8d8d8d}button:hover{color:#000}@media (max-width: 768px){:host{animation-name:fade-in;animation-duration:0.5s;animation-fill-mode:forwards;border-radius:24px 24px 0 0}:host(.closed){animation-name:fade-out;animation-fill-mode:none}.head{z-index:1}:host(:not(.first-screen)) .head{position:sticky;background:#ffffff}.body{overflow-y:auto}:host(:not(.first-screen)) .body{padding-bottom:160px}.title{color:#161616;display:flex;align-items:center;font-weight:500;font-size:16px;line-height:24px;margin:0 auto}.title-image{border-radius:50%;border:1px solid rgb(244, 244, 244);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;margin-right:8px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;color:#6f6f6f;padding:0}button:hover{color:#000}:host(.first-screen) button,:host(.first-screen) button:hover{color:white}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";const st=class{constructor(t){i(this,t)}render(){return t(n,null,t("slot",null))}};st.style=":host{animation:fade-in 0.5s ease-in-out;background:rgba(0, 0, 0, 0.5);display:block;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:9999}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";const at=class{constructor(t){i(this,t),this.vviinnWidgetClose=e(this,"vviinnWidgetClose",7),this.active=!1,this.resetState=void 0,this.buttonElementId=void 0,this.hideBackButton=!1,this.widgetVersion=void 0,this.isFirstScreen=void 0}render(){return t(n,{class:{active:this.active}},t("vviinn-overlay",null,t("vviinn-modal",{resetState:this.resetState,active:this.active,buttonElementId:this.buttonElementId,hideBackButton:this.hideBackButton,widgetVersion:this.widgetVersion,isFirstScreen:this.isFirstScreen},t("slot",null,"CONTENT"))))}};at.style=":host{display:none}:host(.active){display:block}vviinn-overlay{align-items:center;display:grid;justify-items:center;cursor:default}vviinn-modal{margin-left:24px;margin-right:24px}@media (max-width: 768px){vviinn-modal{height:100vh;margin-top:64px;transform:translateY(100%);width:100vw;margin-left:0;margin-right:0}vviinn-overlay{align-items:end;display:grid;justify-items:center}}";const ht=class{constructor(t){i(this,t),this.privacyBadgeText=void 0}componentWillLoad(){_(this,this.el)}render(){return t(n,null,t("slot",{name:"vviinn-privacy-badge-text"},t("div",{innerHTML:this.privacyBadgeText})))}get el(){return o(this)}};ht.style=":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}}";var ct=function(t,i){var e={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&i.indexOf(n)<0&&(e[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(t);o<n.length;o++)i.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(t,n[o])&&(e[n[o]]=t[n[o]])}return e};const lt=class{constructor(t){i(this,t),this.vviinnProductLoad=e(this,"vviinnProductLoad",7),this.vviinnProductView=e(this,"vviinnProductView",7),this.vviinnProductClick=e(this,"vviinnProductClick",7),this.vviinnResultLoad=e(this,"vviinnResultLoad",7),this.vviinnResultView=e(this,"vviinnResultView",7),this.vviinnFiltersChanged=e(this,"vviinnFiltersChanged",7),this.vviinnSearchIdReceived=e(this,"vviinnSearchIdReceived",7),this.vviinnTextSearchStarted=e(this,"vviinnTextSearchStarted",7),this.vviinnFilters=e(this,"vviinnFilters",7),this.searchIdReceivedHandler=({detail:t})=>{this.getResultsBySearchId(t.searchId)},this.textSearchStartedHandler=({detail:t})=>{this.getResultsByTextQuery(t.query),this.innerTextSearchQuery=t.query},this.filtersChangedHandler=({detail:t})=>{var i;this.getResultsByTextQuery(null!==(i=this.textSearchQuery)&&void 0!==i?i:this.innerTextSearchQuery,t.filters)},this.getResultsBySearchId=async t=>{t&&(M.apiPath=this.apiPath,s.pipe(await j(this.token,t),z((()=>[])),(t=>{this.recommendations=t})))},this.setTrackingDeactivated=t=>{"rejected"===t.status&&(this.trackingDeactivated=!0)},this.getBasicEventData=()=>({widgetType:"VPS",campaignTypeId:"VPS",campaignTypeName:A.VPS,widgetId:this.widgetElementId,widgetVersion:H}),this.token=void 0,this.searchId=void 0,this.uiSessionId=void 0,this.imageResolutionWidth=250,this.currencySign="€",this.locale="de-DE",this.productDetailsNewTab=!0,this.productDetailsRedirect=!0,this.textSearchQuery=void 0,this.filterColumn="product_type",this.filterValue=void 0,this.resultsCount=void 0,this.showInWidget=!1,this.apiPath="https://api.vviinn.com",this.buttonElementId=void 0,this.widgetElementId=void 0,this.showAspectRatioError=void 0,this.trackingDeactivated=!1,this.resetState=void 0,this.recommendations=[],this.innerTextSearchQuery=void 0}connectedCallback(){this.trackingApi=L(this.apiPath,this.token),this.uiSessionId||(this.uiSessionId=N()),document.addEventListener("vviinnSearchIdReceived",this.searchIdReceivedHandler),document.addEventListener("vviinnTextSearchStarted",this.textSearchStartedHandler),document.addEventListener("vviinnFiltersChanged",this.filtersChangedHandler),this.getResultsBySearchId(this.searchId),this.getResultsByTextQuery(this.textSearchQuery),this.getResultsByCategory()}disconnectedCallback(){document.removeEventListener("vviinnSearchIdReceived",this.searchIdReceivedHandler),document.removeEventListener("vviinnTextSearchStarted",this.textSearchStartedHandler),document.removeEventListener("vviinnFiltersChanged",this.filtersChangedHandler)}watchTextSearchQuery(t){this.getResultsByTextQuery(t)}trackProductLoad({detail:t}){const i=this.getProductTrackEvent(t,"load");i&&this.trackingApi.trackEvent(i).then(this.setTrackingDeactivated)}trackProductView({detail:t}){r.resultViewed||(this.vviinnResultView.emit(this.getBasicEventData()),this.trackResultEvent("view"),r.resultViewed=!0);const i=this.getProductTrackEvent(t,"view");i&&this.trackingApi.trackEvent(i).then(this.setTrackingDeactivated)}async trackProductClick({detail:t}){const{productId:i,clickEvent:e}=t,n=this.getProductTrackEvent(t,"click"),o=this.findProductById(i);o&&o.deeplink&&(this.trackingDeactivated?this.handleOpenLink(o.deeplink,e):await this.trackingApi.trackEvent(n).then(this.setTrackingDeactivated).finally((()=>{this.handleOpenLink(o.deeplink,e)})))}async trackAuxClick({detail:t}){const{productId:i}=t,e=this.getProductTrackEvent(t,"click"),n=this.findProductById(i);n&&n.deeplink&&(this.trackingDeactivated||await this.trackingApi.trackEvent(e).then(this.setTrackingDeactivated))}async getResultsByTextQuery(t,i){!this.showInWidget&&t&&(M.apiPath=this.apiPath,s.pipe(await O(this.token,t,this.resultsCount,i),z((()=>null)),(t=>{var i,e,n;this.recommendations=null!==(e=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.products)&&void 0!==e?e:[],this.vviinnFilters.emit(null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.interactions.dynamicFilters)})))}async getResultsByCategory(){this.filterColumn&&this.filterValue&&(M.apiPath=this.apiPath,s.pipe(await S(this.token,this.filterColumn,this.filterValue,this.resultsCount),z((()=>null)),(t=>{var i,e;this.recommendations=null!==(e=null===(i=null==t?void 0:t.data)||void 0===i?void 0:i.products)&&void 0!==e?e:[]})))}trackResultEvent(t){if(this.trackingDeactivated)return;const i=this.getBasicEventData(),e=ct(i,["campaignTypeId","widgetType"]);let n=B(t)(Object.assign({session_id:this.uiSessionId},e));this.trackingApi.trackEvent(n).then(this.setTrackingDeactivated)}findProductById(t){return this.recommendations.find((i=>i.productId===t))}handleOpenLink(t,i){if(this.productDetailsRedirect)if(this.productDetailsNewTab||i.ctrlKey||i.metaKey){let i=window.open();i?i.location.href=t:window.location.href=t}else window.location.href=t}getProductTrackEvent(t,i){if(this.trackingDeactivated)return null;const{productRank:e,productId:n}=t,o=ct(t,["productRank","productId","campaignTypeId","widgetType","clickEvent"]),r=Object.assign({session_id:this.uiSessionId,rank:e,product:n},o);return P(i)(r)}renderResults(i){return 0===i.length?null:(r.resultLoaded||(this.vviinnResultLoad.emit(this.getBasicEventData()),this.trackResultEvent("load"),r.resultLoaded=!0),i.map(((i,e)=>{var n;return t("vviinn-product-card",{key:i.productId,index:e,productTitle:i.title,productId:i.productId,productType:i.productType,brand:i.brand,deeplink:i.deeplink,price:i.price.actual,salePrice:i.price.sale,responsive:!0,imageWidth:this.imageResolutionWidth,image:null!==(n=i.image.thumbnail)&&void 0!==n?n:i.image.original,energyEfficiencyClass:i.energyEfficiencyClass,minEnergyEfficiencyClass:i.minEnergyEfficiencyClass,maxEnergyEfficiencyClass:i.maxEnergyEfficiencyClass,part:"product-card",campaignTypeId:"VPS",widgetElementId:this.widgetElementId,buttonElementId:this.buttonElementId,widgetVersion:H,currency:this.currencySign,locale:this.locale})})))}render(){return t(n,{id:"results-block",class:{"widget-results":this.showInWidget},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"},t("div",{class:{"nothing-found":!0,hidden:this.recommendations.length>0||r.results.length>0||!this.showInWidget}},t("vviinn-empty-results",{handler:()=>null==this?void 0:this.resetState()})),t("div",{class:{"nothing-found":!0,hidden:!this.showAspectRatioError||!this.showInWidget}},t("vviinn-wrong-aspect-ratio",{handler:()=>null==this?void 0:this.resetState()})),t("div",{class:{hidden:this.showAspectRatioError||0===this.recommendations.length&&0===r.results.length,products:!0}},this.renderResults(this.showInWidget?r.results:this.recommendations)))}get el(){return o(this)}static get watchers(){return{textSearchQuery:["watchTextSearchQuery"]}}};lt.style=':host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--font-weight-regular:400;--letter-spacing-default:0px;--radius-radius-md:8px;--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;}:host{display:block}:host(.widget-results){display:grid;overflow-y:auto;overflow-x:hidden;padding:unset;position:relative;width:100%}.products{width:100%;align-content:center;align-items:start;box-sizing:border-box;display:grid;grid-gap:32px 16px;grid-template-columns:repeat(\n auto-fill,\n minmax(\n var(--vviinn-product-card-width, var(--product-card-width-system)),\n 1fr\n )\n );justify-items:center;padding:24px;position:absolute}:host(:not(.widget-results)) .products{position:static;padding:0}vviinn-product-card{gap:0;width:100%}.nothing-found{display:grid;grid-gap:64px;justify-self:center;padding-top:64px;padding-bottom:16px;position:absolute}.hidden{visibility:hidden;height:1px}products.hidden{display:none}vviinn-product-card::part(image){border:1px solid #eaeaea;margin-bottom:8px}vviinn-product-card::part(price-container),vviinn-product-card::part(deeplink),vviinn-product-card::part(title),vviinn-product-card::part(energy-label){align-self:start}@media (max-width: 768px){:host{align-content:start;position:static;overflow-y:unset;width:100%;padding-top:0;margin-top:24px}.products{position:static;padding:0;width:unset;grid-gap:32px 16px;justify-content:center}.nothing-found{position:static;grid-gap:64px;padding:unset;align-content:start;width:unset}}@media (max-width: 380px){.products{grid-gap:24px 10px}}';const dt=class{constructor(t){i(this,t),this.handler=void 0}render(){return t(n,null,t("vviinn-error",null,t(Z,null),t("h4",{slot:"title"},I.t("serverErrorBlock.title")),t("button",{slot:"action",onClick:this.handler},I.t("serverErrorBlock.button"))))}},pt=class{constructor(t){i(this,t)}render(){return t(n,null,t("slot",null))}};pt.style=":host{display:grid;justify-items:center}";const ut=({kind:i,tabindex:e,disabled:n,onClick:o,onKeyDown:r})=>{return t("div",{class:(s={kind:i,disabled:n},{"arrow-wrapper":!0,[s.kind]:!0,disabled:s.disabled}),onClick:o,tabindex:e,onKeyDown:r},t(F,null));var s},ft=class{constructor(t){i(this,t),this.elementsCount=0,this.internalPosition=0,this.swipeStartPosition=a.none,this.isRTL=!1,this.showBullets=!0,this.position=0,this.showArrows=!1}positionWatchHandler(t){this.internalPosition=t,this.el.style.setProperty("--position",`${this.calculatePosition(t)}`),this.setActiveCssClassToSlide(t)}componentWillLoad(){this.isRTL="rtl"===document.dir}connectedCallback(){this.handleDomContentChanges()}handleDomContentChanges(){const t=this.el.querySelectorAll("vviinn-slide");this.elementsCount=t.length,this.el.style.setProperty("--num-items",`${this.elementsCount}`),this.setActiveCssClassToSlide(0)}setActiveCssClassToSlide(t){const i=this.el.querySelectorAll("vviinn-slide");i.forEach((t=>t.classList.remove("active"))),i[t].classList.add("active")}goToSlide(t){this.internalPosition=t,this.el.style.setProperty("--position",`${t}`),this.setActiveCssClassToSlide(t)}renderBullets(){return this.showBullets?t("div",{class:"controls"},T.range(0,this.elementsCount-1).map((i=>t("div",{class:{bullet:!0,active:i==Math.abs(this.internalPosition)%this.elementsCount},onClick:()=>this.goToSlide(i)})))):null}nextSlide(){this.internalPosition++,this.renderSlidePosition()}prevSlide(){const t=this.internalPosition-1;this.internalPosition=t>-1?t:this.elementsCount-1,this.renderSlidePosition()}renderSlidePosition(){const t=this.internalPosition%this.elementsCount;requestAnimationFrame((()=>{this.el.style.setProperty("--position",`${this.calculatePosition(t)}`)}))}calculatePosition(t){return this.isRTL?-1*t:t}handleKeyDown(t){if("Space"===t.key||"Enter"===t.key)switch(t.target.className.includes("prev")?"prev":"next"){case"prev":this.prevSlide();break;case"next":this.nextSlide()}}handleTouchStart(t){this.showBullets&&(this.swipeStartPosition=s.pipe(t.touches[0],a.fromNullable,a.map((t=>t.clientX))))}handleTouchEnd(t){if(!this.showBullets)return;const i=s.pipe(t.changedTouches[0],a.fromNullable,a.map((t=>t.clientX)));s.pipe(w(this.swipeStartPosition,i),a.map((([t,i])=>{return(e=t)<(n=i)?-1:e>n?1:0;var e,n})),a.map((t=>{switch(t){case 1:return this.nextSlide();case-1:return this.prevSlide()}})))}render(){return t(n,null,t("div",{class:"items-wrapper"},t("div",{class:"items",onTouchStart:t=>this.handleTouchStart(t),onTouchEnd:t=>this.handleTouchEnd(t)},t("slot",null))),this.showArrows?[t(ut,{kind:"prev",onClick:()=>this.isRTL?this.nextSlide():this.prevSlide(),onKeyDown:t=>this.handleKeyDown(t),tabindex:1,disabled:!1}),t(ut,{kind:"next",onClick:()=>this.isRTL?this.prevSlide():this.nextSlide(),onKeyDown:t=>this.handleKeyDown(t),tabindex:0,disabled:!1})]:null,this.renderBullets())}get el(){return o(this)}static get watchers(){return{position:["positionWatchHandler"]}}};ft.style=':host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--font-weight-regular:400;--letter-spacing-default:0px;--radius-radius-md:8px;--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;}:host{--num-items:0;--position:0;display:grid;grid-gap:20px;justify-items:center;position:relative}.items-wrapper{overflow:hidden;width:100%}.items{box-sizing:border-box;display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--num-items), 100%);transform:translateX(calc(-100% * var(--position)));transition:transform 0.33s ease-in-out}.controls{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--num-items), min-content)}.bullet{background:#e0e0e0;border-radius:50%;box-sizing:border-box;cursor:pointer;height:8px;width:8px;transition:background 0.1s ease-in-out}.bullet:hover{background:#c6c6c6}.bullet.active{background:var(--color-primary, var(--color-primary-system))}.bullet:active{background:transparent;border:2px solid var(--color-primary, var(--color-primary-system))}.arrow-wrapper{align-items:center;cursor:pointer;background:white;border:2px solid white;bottom:0;box-sizing:border-box;display:grid;height:calc(var(--spacer) * 6);justify-items:center;margin:auto;position:absolute;top:0;transform:translate3d(0, -50%, 0);transition:border 0.25ms ease-in-out;width:calc(var(--spacer) * 4)}.arrow-wrapper:active{border-color:var(--color-primary, var(--color-primary-system));opacity:0.75}.arrow-wrapper:focus{border-color:var(--color-primary, var(--color-primary-system));opacity:0.5;outline:none}.prev{left:0}.next{right:0}.next>svg{transform:rotate3d(0, 1, 0, 180deg)}.arrow-wrapper>svg{transition:fill 0.25ms ease-in-out;fill:#a8a8a8}.arrow-wrapper:hover>svg{fill:#8d8d8d}';const vt=class{constructor(t){i(this,t)}componentWillLoad(){_(this,this.el)}render(){return t(n,null,t("slot",null,t("span",{class:"vviinn-teaser-text"},t("slot",{name:"vviinn-teaser-text"},I.t("teaserText")))))}get el(){return o(this)}};vt.style=":host{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-size:22px;font-weight:600;line-height:28px;text-align:center;white-space:pre-line}";const gt=class{constructor(t){i(this,t),this.vviinnTextSearchStarted=e(this,"vviinnTextSearchStarted",7),this.vviinnSearchIdReceived=e(this,"vviinnSearchIdReceived",7),this.vviinnTextSearchFinished=e(this,"vviinnTextSearchFinished",7),this.setSearchQuery=t=>{this.searchQuery=t},this.token=void 0,this.locale="de-DE",this.mode="text",this.showInWidget=!1,this.searchQuery=void 0,this.apiPath="https://api.vviinn.com"}async componentWillLoad(){await I.init({lng:this.locale,fallbackLng:"en",resources:R}),_(this,this.el)}imageUploadFinished({detail:t}){this.showInWidget||this.vviinnSearchIdReceived.emit({searchId:t.searchId})}handleInputChange(t){this.setSearchQuery(t.target.value)}async handleTextSearch(){this.searchQuery&&(this.showInWidget?(await E(this.searchQuery,this.token),this.vviinnTextSearchFinished.emit({query:this.searchQuery})):this.vviinnTextSearchStarted.emit({query:this.searchQuery}))}handleKeyPress(t){"Enter"===t.key&&this.handleTextSearch()}render(){return t(n,{exportparts:"text-search-input"},t("input",{class:"text-search-input",part:"text-search-input",type:"text",placeholder:I.t("textSearchPlaceholder"),value:this.searchQuery,onInput:t=>this.handleInputChange(t),onKeyUp:t=>this.handleKeyPress(t)}),t("button",{class:"text-search-button",onClick:()=>this.handleTextSearch(),disabled:r.loading},r.loading&&"text"===r.searchType&&this.showInWidget?t("vviinn-preloader",null):t("slot",{name:"vviinn-text-search-icon"},t(X,null))),"textAndImage"===this.mode&&t("vviinn-image-selector",{token:this.token,apiPath:this.apiPath,showInTextSearch:!0},t("span",{slot:"upload-button-text"},t(W,null))))}get el(){return o(this)}};gt.style=":host{display:block;position:relative;width:100%}.text-search-input{width:100%;height:48px;padding:0 16px;font-size:16px;box-sizing:border-box;font-style:normal;font-weight:400;border-radius:8px;border:1px solid #e0e0e0;transition:border-color 0.2s;outline:none;overflow:hidden}.text-search-input::-moz-placeholder{color:#a8a8a8}.text-search-input::placeholder{color:#a8a8a8}.text-search-input:focus,.text-search-input:active{border-color:#8d8d8d}.text-search-button{position:absolute;right:1px;top:1px;border:none;border-radius:0 7px 7px 0;width:46px;height:46px;display:flex;justify-content:center;align-items:center;background-color:#f4f4f4;transition:background-color 0.2s;cursor:pointer}.text-search-button:not(:disabled):hover{background-color:#e0e0e0}.text-search-button:disabled{cursor:unset}vviinn-image-selector{position:absolute;right:60px;top:14px}vviinn-preloader{--preloader-size:16px;display:flex;color:#525252}";const bt=class{constructor(t){i(this,t),this.handler=void 0}render(){return t(n,null,t("vviinn-error",null,t(Z,null),t("h4",{slot:"title"},I.t("wrongAspectRatioBlock.title")),t("button",{slot:"action",onClick:this.handler},I.t("wrongAspectRatioBlock.button"))))}},mt=class{constructor(t){i(this,t),this.handler=void 0}render(){return t(n,null,t("vviinn-error",null,t(Z,null),t("h4",{slot:"title"},I.t("wrongFormatBlock.title")),t("span",{slot:"text"},I.t("wrongFormatBlock.text")),t("button",{slot:"action",onClick:this.handler},I.t("wrongFormatBlock.button"))))}};export{q as search_filters,Q as vviinn_detected_object,J as vviinn_empty_results,G as vviinn_example_image,tt as vviinn_image_selector,ot as vviinn_image_view,rt as vviinn_modal,st as vviinn_overlay,at as vviinn_overlayed_modal,ht as vviinn_privacy_badge,lt as vviinn_results,dt as vviinn_server_error,pt as vviinn_slide,ft as vviinn_slider,vt as vviinn_teaser,gt as vviinn_text_search,bt as vviinn_wrong_aspect_ratio,mt as vviinn_wrong_format}
@@ -1 +1 @@
1
- :host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--surface-color-surface-01:#f4f4f4;--text-color-text-primary:#161616;--font-family:Inter, system-ui, sans-serif;--font-size-body:14px;--font-weight-regular:400;--line-height-body:20px;--letter-spacing-default:0px;--background-color-background:#fff;--border-color-border-01:#f4f4f4;--gray-100:#161616;--gray-10:#f4f4f4;--gray-70:#525252;--radius-radius-md:8px;--button-color-button-primary:#000;--text-color-text-inverse:#fff;--text-color-text-secondary:#525252;--button-color-button-disabled:#e0e0e0;--text-color-text-disabled:rgba(22, 22, 22, 0.25);--surface-color-surface-accent:#e0e0e0;--border-color-border-02:#c6c6c6;--surface-color-surface-active:#161616;--surface-color-surface-inactive:#e0e0e0;--stroke-color-stroke-01:#f4f4f4;--chip-color-badge-primary:#161616;--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;}
1
+ :host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--font-weight-regular:400;--letter-spacing-default:0px;--radius-radius-md:8px;--font-family-base:Inter, system-ui, sans-serif;--font-family-mono:"JetBrains Mono", monospace;--font-size-title:24px;--font-size-headline:18px;--font-size-label-large:16px;--font-size-label:14px;--font-size-body-large:16px;--font-size-body:14px;--font-size-caption:12px;--line-height-title:32px;--line-height-headline:24px;--line-height-label-large:24px;--line-height-label:20px;--line-height-body-large:24px;--line-height-body:20px;--line-height-caption:16px;--letter-spacing-title:0px;--letter-spacing-headline:0px;--letter-spacing-label-large:0px;--letter-spacing-label:0px;--letter-spacing-body-large:0px;--letter-spacing-body:0px;--letter-spacing-caption:0px;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--spacing-none:0px;--spacing-25:2px;--spacing-50:4px;--spacing-75:6px;--spacing-100:8px;--spacing-125:10px;--spacing-150:12px;--spacing-200:16px;--spacing-250:20px;--spacing-300:24px;--spacing-400:32px;--spacing-500:40px;--spacing-600:48px;--border-radius-none:0px;--border-radius-25:2px;--border-radius-50:4px;--border-radius-100:8px;--border-radius-150:12px;--border-radius-200:16px;--border-radius-300:24px;--border-radius-400:32px;--border-radius-full:9999px;--stroke-width-none:0px;--stroke-width-25:1px;--stroke-width-50:2px;--stroke-width-75:3px;--stroke-width-100:4px;--stroke-width-150:6px;--stroke-width-200:8px;--stroke-width-300:12px;--filter-blur-none:0px;--filter-blur-100:8px;--filter-blur-150:12px;--filter-blur-200:16px;--color-bg-base:#ffffff;--color-bg-inverse:#161616;--color-border-00:#ffffff;--color-border-01:#f4f4f4;--color-border-02:#e0e0e0;--color-border-03:#c6c6c6;--color-border-inverse-00:#161616;--color-border-inverse-01:#393939;--color-field-01:#ffffff;--color-field-02:#f4f4f4;--color-icon-primary:#161616;--color-icon-secondary:#525252;--color-icon-helper:#8d8d8d;--color-icon-on-color:#ffffff;--color-icon-inverse:#ffffff;--color-icon-disabled:#16161640;--color-text-primary:#161616;--color-text-secondary:#525252;--color-text-helper:#8d8d8d;--color-text-placeholder:#a8a8a8;--color-text-on-color:#ffffff;--color-text-inverse:#ffffff;--color-text-disabled:#16161640;--button-bg-color-primary:#000000;--button-bg-color-primary-hover:#161616;--button-bg-color-primary-active:#1e1e1e;--button-bg-color-secondary:#f4f4f4;--button-bg-color-secondary-hover:#e0e0e0;--button-bg-color-secondary-active:#c6c6c6;--button-bg-color-ghost-hover:#f4f4f4;--button-bg-color-ghost-active:#eaeaea;--button-bg-color-frosted:#6f6f6f66;--button-bg-color-frosted-hover:#6f6f6f80;--button-bg-color-frosted-active:#6f6f6f99;--button-bg-color-disabled:#e0e0e0;--surface-bg-color-01:#f4f4f4;--surface-bg-color-01-hover:#eaeaea;--surface-bg-color-01-active:#e0e0e0;--surface-bg-color-02:#ffffff;--surface-bg-color-inverse:#262626;--surface-bg-color-inverse-hover:#303030;--surface-bg-color-inverse-active:#393939;--surface-bg-color-disabled:#e0e0e0;--chip-bg-color-primary:#161616;--chip-bg-color-primary-hover:#1e1e1e;--chip-bg-color-primary-active:#262626;--chip-bg-color-subtle:#f4f4f4;--chip-bg-color-subtle-hover:#eaeaea;--chip-bg-color-subtle-active:#e0e0e0;--chip-bg-color-outline-hover:#f4f4f4;--chip-bg-color-outline-active:#eaeaea;}
@@ -1 +1 @@
1
- import{p as e,b as t}from"./p-1c863deb.js";export{s as setNonce}from"./p-1c863deb.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-1e952684",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["p-102be3be",[[1,"vviinn-preloader"]]],["p-f6a04370",[[1,"vviinn-error"]]],["p-3cc56ac8",[[1,"vviinn-vpr-widget",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"blockTitle":[1,"block-title"],"showScroll":[4,"show-scroll"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"dynamicFilters":[32],"sourceProduct":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32],"updatedCardsAmount":[32],"setModeDiscountsArray":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"],[0,"vviinnFiltersChanged","filtersChanged"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[1040],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"replaceSlotsContent":[16],"setModeDiscountsArray":[16],"imageRatio":[2,"image-ratio"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"locale":[1],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32],"setModeDiscount":[32],"currentDiscountIndex":[32],"setModeAppliedDiscounts":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"],[0,"vviinnAddToBasket","trackAddToBasket"]]],[1,"vviinn-extended-filters",{"filters":[1040],"filtersString":[1,"filters-string"],"locale":[1],"requestFilters":[32],"showMore":[32],"selectedMoreOptions":[32]}],[1,"vviinn-filters",{"filters":[1040],"filtersString":[1,"filters-string"],"selectedFilter":[32],"requestFilters":[32]}],[1,"vviinn-price-range",{"histogram":[16],"addStyle":[4,"add-style"],"priceChangeHandler":[16],"selectedInterval":[16],"minIndex":[32],"maxIndex":[32],"scalingFactor":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"mode":[1],"basketButtonShow":[4,"basket-button-show"],"updateButtonLocation":[1,"update-button-location"],"energyEfficiencyClass":[1,"energy-efficiency-class"],"productId":[1,"product-id"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"deeplink":[1],"index":[2],"updatingAllCards":[4,"updating-all-cards"],"defaultAnimationInterval":[2,"default-animation-interval"],"minEnergyEfficiencyClass":[1,"min-energy-efficiency-class"],"maxEnergyEfficiencyClass":[1,"max-energy-efficiency-class"],"appliedDiscountPercentage":[2,"applied-discount-percentage"],"currentDiscountPercentage":[2,"current-discount-percentage"],"isSourceProduct":[4,"is-source-product"],"isTransitioning":[32],"basketButonPressed":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-energy-label",{"energyEfficiencyClass":[1,"energy-efficiency-class"],"minEnergyEfficiencyClass":[1,"min-energy-efficiency-class"],"maxEnergyEfficiencyClass":[1,"max-energy-efficiency-class"],"productType":[1,"product-type"]}],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["p-81e32ba9",[[1,"vviinn-results",{"token":[1],"searchId":[1,"search-id"],"uiSessionId":[1025,"ui-session-id"],"imageResolutionWidth":[2,"image-resolution-width"],"currencySign":[1,"currency-sign"],"locale":[8],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"textSearchQuery":[1,"text-search-query"],"filterColumn":[1,"filter-column"],"filterValue":[1,"filter-value"],"resultsCount":[2,"results-count"],"showInWidget":[4,"show-in-widget"],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetElementId":[1,"widget-element-id"],"showAspectRatioError":[4,"show-aspect-ratio-error"],"trackingDeactivated":[1028,"tracking-deactivated"],"resetState":[16],"recommendations":[32],"innerTextSearchQuery":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"]]],[1,"vviinn-image-view",{"basicEventData":[16],"setShowAspectRatioError":[16],"showAspectRatioError":[4,"show-aspect-ratio-error"],"cropper":[32],"hidePreloader":[32]},[[0,"vviinnSelectObject","selectDetectedObject"]]],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"],"isFirstScreen":[4,"is-first-screen"]}],[1,"vviinn-text-search",{"token":[1],"locale":[1],"mode":[1],"showInWidget":[4,"show-in-widget"],"searchQuery":[1025,"search-query"],"apiPath":[1,"api-path"]},[[0,"vviinnImageUploadFinished","imageUploadFinished"]]],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"textSearchFiltersGroup":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}],[1,"vviinn-teaser"],[1,"vviinn-empty-results",{"handler":[16]}],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"loading":[4],"accept":[1],"resetVpsButton":[16],"token":[1],"apiPath":[1,"api-path"],"showInTextSearch":[4,"show-in-text-search"]}],[1,"vviinn-wrong-aspect-ratio",{"handler":[16]}],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"isFirstScreen":[4,"is-first-screen"],"slider":[32]}],[1,"vviinn-overlay"]]],["p-2d72c3bf",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32],"stream":[32],"cameraInitializing":[32],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[32],"showAspectRatioError":[32],"products":[32],"searchQuery":[32]},[[0,"vviinnTextSearchFinished","textSearchFinishedHandler"],[0,"vviinnResultLoad","resultLoadHandler"],[0,"vviinnResultView","resultViewHandler"],[0,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilterSelected"],[0,"vviinnTextSearchFilterSelected","trackTextSearchFilterSelected"]]]]],["p-436ed8f8",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["p-5df79c72",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[0,"vviinnUpdatingAllCardsStarted","updatingAllCardsStarted"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinished"],[16,"click","bodyClickListener"]]]]],["p-c6163697",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"position":[1],"sourceImage":[1,"source-image"],"addStyle":[4,"add-style"],"apiPath":[1,"api-path"]}]]]]'),e)));
1
+ import{p as e,b as t}from"./p-1c863deb.js";export{s as setNonce}from"./p-1c863deb.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((e=>t(JSON.parse('[["p-1e952684",[[1,"vviinn-button",{"addStyle":[4,"add-style"]}]]],["p-102be3be",[[1,"vviinn-preloader"]]],["p-f6a04370",[[1,"vviinn-error"]]],["p-8cb71261",[[1,"vviinn-vpr-widget",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"showExtendedFilters":[4,"show-extended-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"blockTitle":[1,"block-title"],"showScroll":[4,"show-scroll"],"apiPath":[1,"api-path"],"useCarousel":[4,"use-carousel"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"closed":[4],"opened":[4],"recommendations":[32],"dynamicFilters":[32],"sourceProduct":[32],"trackingDeactivated":[32],"hasErrorOnLoad":[32],"updatingAllCards":[32],"updatedCardsAmount":[32],"setModeDiscountsArray":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"],[0,"vviinnAddToBasket","trackAddToBasket"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinishedListener"],[0,"vviinnFiltersChanged","filtersChanged"]]],[0,"vviinn-carousel",{"mode":[1],"imageWidth":[2,"image-width"],"showScroll":[4,"show-scroll"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"recommendations":[1040],"widgetVersion":[1,"widget-version"],"addToBasketShow":[4,"add-to-basket-show"],"updatingAllCards":[4,"updating-all-cards"],"updateButtonLocation":[1,"update-button-location"],"replaceSlotsContent":[16],"setModeDiscountsArray":[16],"imageRatio":[2,"image-ratio"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"locale":[1],"moveDirection":[32],"contentGroups":[32],"activeContentGroup":[32],"isRTL":[32],"crossSellingRecommendations":[32],"setModeDiscount":[32],"currentDiscountIndex":[32],"setModeAppliedDiscounts":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"],[0,"vviinnAddToBasket","trackAddToBasket"]]],[1,"vviinn-extended-filters",{"filters":[1040],"filtersString":[1,"filters-string"],"locale":[1],"requestFilters":[32],"showMore":[32],"selectedMoreOptions":[32]}],[1,"vviinn-filters",{"filters":[1040],"filtersString":[1,"filters-string"],"selectedFilter":[32],"requestFilters":[32]}],[1,"vviinn-price-range",{"histogram":[16],"addStyle":[4,"add-style"],"priceChangeHandler":[16],"selectedInterval":[16],"minIndex":[32],"maxIndex":[32],"scalingFactor":[32]}],[1,"vviinn-product-card",{"brand":[1],"currency":[1],"image":[1],"imageRatio":[2,"image-ratio"],"imageWidth":[2,"image-width"],"locale":[1],"price":[2],"pricePrefix":[1,"price-prefix"],"productTitle":[1,"product-title"],"productType":[1,"product-type"],"salePrice":[2,"sale-price"],"responsive":[4],"dimmedBackground":[4,"dimmed-background"],"mode":[1],"basketButtonShow":[4,"basket-button-show"],"updateButtonLocation":[1,"update-button-location"],"energyEfficiencyClass":[1,"energy-efficiency-class"],"productId":[1,"product-id"],"campaignTypeId":[1,"campaign-type-id"],"widgetElementId":[1,"widget-element-id"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"deeplink":[1],"index":[2],"updatingAllCards":[4,"updating-all-cards"],"defaultAnimationInterval":[2,"default-animation-interval"],"minEnergyEfficiencyClass":[1,"min-energy-efficiency-class"],"maxEnergyEfficiencyClass":[1,"max-energy-efficiency-class"],"appliedDiscountPercentage":[2,"applied-discount-percentage"],"currentDiscountPercentage":[2,"current-discount-percentage"],"isSourceProduct":[4,"is-source-product"],"isTransitioning":[32],"basketButonPressed":[32]},[[0,"vviinnCrossSellingClick","crossSellingClickListener"]]],[1,"vviinn-energy-label",{"energyEfficiencyClass":[1,"energy-efficiency-class"],"minEnergyEfficiencyClass":[1,"min-energy-efficiency-class"],"maxEnergyEfficiencyClass":[1,"max-energy-efficiency-class"],"productType":[1,"product-type"]}],[1,"vviinn-skeleton",{"height":[2],"halfWidth":[4,"half-width"]}]]],["p-bfd6c12b",[[1,"vviinn-results",{"token":[1],"searchId":[1,"search-id"],"uiSessionId":[1025,"ui-session-id"],"imageResolutionWidth":[2,"image-resolution-width"],"currencySign":[1,"currency-sign"],"locale":[8],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"textSearchQuery":[1,"text-search-query"],"filterColumn":[1,"filter-column"],"filterValue":[1,"filter-value"],"resultsCount":[2,"results-count"],"showInWidget":[4,"show-in-widget"],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetElementId":[1,"widget-element-id"],"showAspectRatioError":[4,"show-aspect-ratio-error"],"trackingDeactivated":[1028,"tracking-deactivated"],"resetState":[16],"recommendations":[32],"innerTextSearchQuery":[32]},[[0,"vviinnProductLoad","trackProductLoad"],[0,"vviinnProductView","trackProductView"],[0,"vviinnProductClick","trackProductClick"],[0,"vviinnAuxClick","trackAuxClick"]]],[1,"vviinn-image-view",{"basicEventData":[16],"setShowAspectRatioError":[16],"showAspectRatioError":[4,"show-aspect-ratio-error"],"cropper":[32],"hidePreloader":[32]},[[0,"vviinnSelectObject","selectDetectedObject"]]],[1,"vviinn-overlayed-modal",{"active":[4],"resetState":[16],"buttonElementId":[1,"button-element-id"],"hideBackButton":[4,"hide-back-button"],"widgetVersion":[1,"widget-version"],"isFirstScreen":[4,"is-first-screen"]}],[1,"vviinn-text-search",{"token":[1],"locale":[1],"mode":[1],"showInWidget":[4,"show-in-widget"],"searchQuery":[1025,"search-query"],"apiPath":[1,"api-path"]},[[0,"vviinnImageUploadFinished","imageUploadFinished"]]],[1,"vviinn-server-error",{"handler":[16]}],[1,"vviinn-wrong-format",{"handler":[16]}],[1,"search-filters",{"filter":[16],"textSearchFiltersGroup":[16],"basicEventData":[16],"selectedFilter":[32],"hideFilters":[32]}],[1,"vviinn-example-image",{"exampleImageSource":[1,"example-image-source"],"width":[2],"height":[2],"basicEventData":[16],"srcObject":[16],"cameraButtonClicked":[4,"camera-button-clicked"],"selected":[32],"videoInitialized":[32],"zoomCapabilities":[32]}],[1,"vviinn-privacy-badge",{"privacyBadgeText":[1,"privacy-badge-text"]}],[1,"vviinn-slide"],[1,"vviinn-slider",{"showBullets":[4,"show-bullets"],"position":[514],"showArrows":[4,"show-arrows"],"elementsCount":[32],"internalPosition":[32],"swipeStartPosition":[32],"isRTL":[32]}],[1,"vviinn-teaser"],[1,"vviinn-empty-results",{"handler":[16]}],[1,"vviinn-image-selector",{"basicEventData":[16],"startUpload":[4,"start-upload"],"loading":[4],"accept":[1],"resetVpsButton":[16],"token":[1],"apiPath":[1,"api-path"],"showInTextSearch":[4,"show-in-text-search"]}],[1,"vviinn-wrong-aspect-ratio",{"handler":[16]}],[1,"vviinn-detected-object",{"detectedObject":[16],"basicEventData":[16],"position":[32]}],[1,"vviinn-modal",{"active":[1540],"resetState":[16],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"hideBackButton":[4,"hide-back-button"],"isFirstScreen":[4,"is-first-screen"],"slider":[32]}],[1,"vviinn-overlay"]]],["p-188e1517",[[1,"vviinn-vps-widget",{"token":[1],"active":[1028],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"showingInButton":[4,"showing-in-button"],"buttonElementId":[1,"button-element-id"],"buttonPressed":[4,"button-pressed"],"mode":[1],"resetVpsButton":[16],"slidePosition":[32],"width":[32],"wrongImageFormat":[32],"trackingDeactivated":[32],"stream":[32],"cameraInitializing":[32],"cameraEnabled":[32],"cameraButtonClicked":[32],"uploadSource":[32],"showAspectRatioError":[32],"products":[32],"searchQuery":[32]},[[0,"vviinnTextSearchFinished","textSearchFinishedHandler"],[0,"vviinnResultLoad","resultLoadHandler"],[0,"vviinnResultView","resultViewHandler"],[0,"vviinnCameraEnabled","trackCameraEnabled"],[0,"vviinnImageCrop","trachSearchAreaChanges"],[0,"vviinnSelectObject","trackDetectedObject"],[0,"vviinnSelectFilter","trackFilterSelected"],[0,"vviinnTextSearchFilterSelected","trackTextSearchFilterSelected"]]]]],["p-a24ae98f",[[1,"vviinn-vps-button",{"token":[1],"currencySign":[1,"currency-sign"],"locale":[1],"campaignId":[1,"campaign-id"],"addStyle":[4,"add-style"],"mode":[1],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"imageResolutionWidth":[2,"image-resolution-width"],"exampleImageSource":[1,"example-image-source"],"textSearchShow":[4,"text-search-show"],"apiPath":[1,"api-path"],"buttonPressed":[32]},[[0,"vviinnWidgetClose","handleModalClosed"]]]]],["p-5df79c72",[[1,"vviinn-recommendations-sidebar",{"sidebarTitle":[1,"sidebar-title"],"token":[1],"productId":[1,"product-id"],"position":[1],"sourceImage":[1,"source-image"],"widgetScrollbar":[4,"widget-scrollbar"],"mode":[1],"campaigns":[1],"campaignType":[1,"campaign-type"],"color":[1],"locale":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"excluded":[1],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"buttonChildren":[16],"apiPath":[1,"api-path"],"buttonElementId":[1,"button-element-id"],"widgetVersion":[1,"widget-version"],"showingInButton":[4,"showing-in-button"],"state":[32]},[[0,"vviinnUpdatingAllCardsStarted","updatingAllCardsStarted"],[0,"vviinnUpdatingAllCardsFinished","updatingAllCardsFinished"],[16,"click","bodyClickListener"]]]]],["p-7361c2b2",[[1,"vviinn-vpr-button",{"token":[1],"productId":[1,"product-id"],"mode":[1],"campaigns":[1],"excluded":[1],"campaignType":[1,"campaign-type"],"locale":[1],"color":[1],"imageWidth":[2,"image-width"],"imageRatio":[2,"image-ratio"],"cssUrl":[1,"css-url"],"currencySign":[1,"currency-sign"],"pricePrefix":[1,"price-prefix"],"noResultText":[1,"no-result-text"],"noResultShow":[4,"no-result-show"],"gridArrowsDynamic":[4,"grid-arrows-dynamic"],"productDetailsNewTab":[4,"product-details-new-tab"],"productDetailsRedirect":[4,"product-details-redirect"],"addToBasketShow":[4,"add-to-basket-show"],"showFilters":[4,"show-filters"],"setModeDiscounts":[1,"set-mode-discounts"],"updateButtonLocation":[1,"update-button-location"],"sidebarTitle":[1,"sidebar-title"],"modalScrollbar":[4,"modal-scrollbar"],"position":[1],"sourceImage":[1,"source-image"],"addStyle":[4,"add-style"],"apiPath":[1,"api-path"]}]]]]'),e)));
@@ -1 +0,0 @@
1
- const o="2.76.1";export{o as v}