vviinn-widgets 2.1.0 → 2.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/vviinn-widgets/{app-globals-e0943e34.js → app-globals-5f4cfc77.js} +1 -1
  2. package/dist/vviinn-widgets/cropper-handler.entry.js +1 -1
  3. package/{www/build/customized-slots-f3449695.js → dist/vviinn-widgets/customized-slots-8df7e19c.js} +1 -1
  4. package/dist/vviinn-widgets/highlight-box.entry.js +2 -2
  5. package/dist/vviinn-widgets/image-cropper.entry.js +2 -2
  6. package/dist/vviinn-widgets/{imageSearch.store-407f49f0.js → imageSearch.store-d4c93c96.js} +1 -1
  7. package/{www/build/index-b6d739a9.js → dist/vviinn-widgets/index-a24acf1e.js} +1 -1
  8. package/dist/vviinn-widgets/{index-c9483145.js → index-a51326ff.js} +1 -1
  9. package/dist/vviinn-widgets/search-filters.entry.js +3 -3
  10. package/dist/vviinn-widgets/vviinn-carousel.entry.js +3 -3
  11. package/dist/vviinn-widgets/vviinn-detected-object.entry.js +2 -2
  12. package/dist/vviinn-widgets/vviinn-empty-results.entry.js +1 -1
  13. package/dist/vviinn-widgets/vviinn-error.entry.js +1 -1
  14. package/dist/vviinn-widgets/vviinn-example-image.entry.js +2 -2
  15. package/dist/vviinn-widgets/vviinn-example-images.entry.js +2 -2
  16. package/dist/vviinn-widgets/vviinn-image-selector.entry.js +2 -2
  17. package/dist/vviinn-widgets/vviinn-image-view.entry.js +2 -2
  18. package/dist/vviinn-widgets/vviinn-modal.entry.js +1 -1
  19. package/dist/vviinn-widgets/vviinn-onboarding-card-1.entry.js +3 -3
  20. package/dist/vviinn-widgets/vviinn-onboarding-card-2.entry.js +3 -3
  21. package/dist/vviinn-widgets/vviinn-onboarding-card-3.entry.js +3 -3
  22. package/dist/vviinn-widgets/vviinn-onboarding.entry.js +2 -2
  23. package/dist/vviinn-widgets/vviinn-overlay.entry.js +1 -1
  24. package/dist/vviinn-widgets/vviinn-overlayed-modal.entry.js +1 -1
  25. package/dist/vviinn-widgets/vviinn-preloader.entry.js +2 -2
  26. package/dist/vviinn-widgets/vviinn-privacy-badge.entry.js +2 -2
  27. package/dist/vviinn-widgets/vviinn-product-card.entry.js +2 -2
  28. package/dist/vviinn-widgets/vviinn-server-error.entry.js +1 -1
  29. package/dist/vviinn-widgets/vviinn-slide.entry.js +1 -1
  30. package/dist/vviinn-widgets/vviinn-slider.entry.js +2 -2
  31. package/dist/vviinn-widgets/vviinn-teaser.entry.js +2 -2
  32. package/dist/vviinn-widgets/vviinn-vpr-widget.entry.js +2 -2
  33. package/dist/vviinn-widgets/vviinn-vps-button.entry.js +3 -3
  34. package/dist/vviinn-widgets/vviinn-vps-widget.entry.js +3 -3
  35. package/dist/vviinn-widgets/vviinn-widgets.esm.js +2 -2
  36. package/dist/vviinn-widgets/vviinn-wrong-format.entry.js +1 -1
  37. package/package.json +1 -1
  38. package/www/build/{app-globals-e0943e34.js → app-globals-5f4cfc77.js} +1 -1
  39. package/www/build/cropper-handler.entry.js +1 -1
  40. package/{dist/vviinn-widgets/customized-slots-f3449695.js → www/build/customized-slots-8df7e19c.js} +1 -1
  41. package/www/build/highlight-box.entry.js +2 -2
  42. package/www/build/image-cropper.entry.js +2 -2
  43. package/www/build/{imageSearch.store-407f49f0.js → imageSearch.store-d4c93c96.js} +1 -1
  44. package/{dist/vviinn-widgets/index-b6d739a9.js → www/build/index-a24acf1e.js} +1 -1
  45. package/www/build/{index-c9483145.js → index-a51326ff.js} +1 -1
  46. package/www/build/search-filters.entry.js +3 -3
  47. package/www/build/vviinn-carousel.entry.js +3 -3
  48. package/www/build/vviinn-detected-object.entry.js +2 -2
  49. package/www/build/vviinn-empty-results.entry.js +1 -1
  50. package/www/build/vviinn-error.entry.js +1 -1
  51. package/www/build/vviinn-example-image.entry.js +2 -2
  52. package/www/build/vviinn-example-images.entry.js +2 -2
  53. package/www/build/vviinn-image-selector.entry.js +2 -2
  54. package/www/build/vviinn-image-view.entry.js +2 -2
  55. package/www/build/vviinn-modal.entry.js +1 -1
  56. package/www/build/vviinn-onboarding-card-1.entry.js +3 -3
  57. package/www/build/vviinn-onboarding-card-2.entry.js +3 -3
  58. package/www/build/vviinn-onboarding-card-3.entry.js +3 -3
  59. package/www/build/vviinn-onboarding.entry.js +2 -2
  60. package/www/build/vviinn-overlay.entry.js +1 -1
  61. package/www/build/vviinn-overlayed-modal.entry.js +1 -1
  62. package/www/build/vviinn-preloader.entry.js +2 -2
  63. package/www/build/vviinn-privacy-badge.entry.js +2 -2
  64. package/www/build/vviinn-product-card.entry.js +2 -2
  65. package/www/build/vviinn-server-error.entry.js +1 -1
  66. package/www/build/vviinn-slide.entry.js +1 -1
  67. package/www/build/vviinn-slider.entry.js +2 -2
  68. package/www/build/vviinn-teaser.entry.js +2 -2
  69. package/www/build/vviinn-vpr-widget.entry.js +2 -2
  70. package/www/build/vviinn-vps-button.entry.js +3 -3
  71. package/www/build/vviinn-vps-widget.entry.js +3 -3
  72. package/www/build/vviinn-widgets.esm.js +2 -2
  73. package/www/build/vviinn-wrong-format.entry.js +1 -1
  74. package/www/index.html +1 -1
@@ -1,4 +1,4 @@
1
- import { E as Env } from './index-b6d739a9.js';
1
+ import { E as Env } from './index-a24acf1e.js';
2
2
 
3
3
  /*! *****************************************************************************
4
4
  Copyright (c) Microsoft Corporation.
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { Q as getCursorValue } from './Handler-47db9890.js';
3
3
 
4
4
  const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
@@ -1,4 +1,4 @@
1
- import { h } from './index-b6d739a9.js';
1
+ import { h } from './index-a24acf1e.js';
2
2
 
3
3
  const defaultSlotsNames = [
4
4
  "vviinn-onboarding-title",
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { s as sequenceToOption, O as Option } from './number-98d54dd6.js';
3
3
  import { p as pipe } from './Handler-47db9890.js';
4
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
4
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
5
5
  import './NonEmptyArray-6ef0d207.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { i as imageSearchState, t as transform, l as move, n as makeRectangularSearchRequest } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { i as imageSearchState, t as transform, l as move, n as makeRectangularSearchRequest } from './imageSearch.store-d4c93c96.js';
3
3
  import { O as fromMouseEvent, P as pointDiffSemigroup } from './Handler-47db9890.js';
4
4
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
5
5
  import { O as Option } from './number-98d54dd6.js';
@@ -1,4 +1,4 @@
1
- import { f as getRenderingRef, i as forceUpdate } from './index-b6d739a9.js';
1
+ import { f as getRenderingRef, i as forceUpdate } from './index-a24acf1e.js';
2
2
  import { O as Option, A as Applicative$6, P as Predicate, a as Ord$1, s as sequenceToOption } from './number-98d54dd6.js';
3
3
  import { t as tuple, p as pipe, i as isNone$1, l as left$4, r as right$4, f as flow, s as some$3, n as none$1, a as identity, b as isLeft$1, c as isRight$1, e as emptyRecord, d as emptyReadonlyArray, h as head$4, g as isNonEmpty$4, j as constFalse, k as constTrue, m as isSome$1, o as constNull, q as constUndefined, u as first, v as last$4, w as tail$4, x as singleton, S as SK, y as fromReadonlyNonEmptyArray$1, z as getMonoid$4, A as fromEquals, B as min$2, C as max$2, D as struct, E as getStructSemigroup, F as semigroupDiv, G as contramap$1, H as ordNumber, I as fromRectangle, J as pointSumSemigroup, K as HandlerDirection, L as pointProductSemigroup, M as fromCompare, N as fromRectangle$1 } from './Handler-47db9890.js';
4
4
  import { c as createCommonjsModule, a as commonjsGlobal, S as Separated, F as Functor$9, _ as _function, g as getDefaultExportFromCjs, i as internal, W as Witherable$3, b as FromEither$5, A as Apply$6, C as Chain$8, O as Ord$2 } from './NonEmptyArray-6ef0d207.js';
@@ -1,6 +1,6 @@
1
1
  const NAMESPACE = 'vviinn-widgets';
2
2
  const BUILD = /* vviinn-widgets */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: false, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
3
- const Env = /* vviinn-widgets */ {"packageVersion":"2.0.0","packageName":"vviinn-widgets","environment":"local"};
3
+ const Env = /* vviinn-widgets */ {"packageVersion":"2.1.0","packageName":"vviinn-widgets","environment":"local"};
4
4
 
5
5
  let scopeId;
6
6
  let contentRef;
@@ -1,4 +1,4 @@
1
- import { h } from './index-b6d739a9.js';
1
+ import { h } from './index-a24acf1e.js';
2
2
 
3
3
  const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
4
4
  h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
- import { b as CheckIcon } from './index-c9483145.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
+ import { b as CheckIcon } from './index-a51326ff.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './NonEmptyArray-6ef0d207.js';
6
6
  import './Handler-47db9890.js';
@@ -1,9 +1,9 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _Array } from './Array-4b9f84cf.js';
3
- import { a as ChevronIcon } from './index-c9483145.js';
3
+ import { a as ChevronIcon } from './index-a51326ff.js';
4
4
  import './NonEmptyArray-6ef0d207.js';
5
5
 
6
- const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar){scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
6
+ const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
7
7
 
8
8
  const COLUMNS_NUMBER_CSS_VAR = "--vviinn-carousel-columns-internal";
9
9
  const CAROUSEL_WIDTH_CSS_VAR = "--vviinn-carousel-content-width";
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { i as imageSearchState, o as fromAlt, q as foldValueObject, r as scaleWithSized, u as center, n as makeRectangularSearchRequest, v as detectedObjectEq } from './imageSearch.store-407f49f0.js';
4
+ import { i as imageSearchState, o as fromAlt, q as foldValueObject, r as scaleWithSized, u as center, n as makeRectangularSearchRequest, v as detectedObjectEq } from './imageSearch.store-d4c93c96.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnEmptyResultsCss = ":host{display:grid}vviinn-error{justify-items:center}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
4
4
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
- import { w as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
+ import { w as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnExampleImagesCss = "h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}.images{display:block;-moz-column-count:2;column-count:2;-moz-column-gap:16px;column-gap:16px}";
5
5
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
2
- import { p as processSelectedFile, e as match, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
+ import { p as processSelectedFile, e as match, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
2
- import { h as dimensionsFromImage, j as scaleByLargestSide, k as fromImage, l as move, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
+ import { h as dimensionsFromImage, j as scaleByLargestSide, k as fromImage, l as move, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
4
4
  import { O as Option, s as sequenceToOption } from './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnModalCss = ":host{background:white;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;max-width:960px}@media (max-width: 415px){:host{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.closed){-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:none;animation-fill-mode:none}.body{overflow-y:auto}}@media (max-width: 640px) and (min-width: 415px){:host{max-width:80%}}.head{align-items:center;border-bottom:1px solid #F4F4F4;display:grid;grid-gap:16px;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;padding:16px}.title{font-weight:600;font-size:18px;line-height:24px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:unset}@-webkit-keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";
4
4
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
3
- import { O as OnboardingCard1Icon } from './index-c9483145.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
+ import { O as OnboardingCard1Icon } from './index-a51326ff.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { c as OnboardingCard2Icon } from './index-c9483145.js';
3
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { c as OnboardingCard2Icon } from './index-a51326ff.js';
3
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { d as OnboardingCard3Icon } from './index-c9483145.js';
3
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { d as OnboardingCard3Icon } from './index-a51326ff.js';
3
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnOnboardingCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}::host{display:block}h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}vviinn-slide{background:#f4f4f4;padding:24px}svg{padding:16px 0}.text{display:grid;grid-gap:8px}.text>h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}.text>p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}";
5
5
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnOverlayCss = ":host{-webkit-animation:fade-in 0.5s ease-in-out;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}@-webkit-keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnOverlayedModalCss = ":host{display:none}:host(.active){display:block}vviinn-overlay{align-items:center;display:grid;justify-items:center}@media (max-width: 415px){vviinn-modal{border-radius:4px 4px 0 0;height:100vh;margin-top:32px;transform:translateY(100%);width:100vw}vviinn-overlay{align-items:end;display:grid;justify-items:center}}";
4
4
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
2
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import './number-98d54dd6.js';
4
4
  import './NonEmptyArray-6ef0d207.js';
5
5
  import './Handler-47db9890.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnPrivacyBadgeCss = ":host{display:block;background:#F4F4F4;padding:17px}.content{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;grid-gap:9px}.content p{color:#525252;font-size:12px;line-height:16px;margin:unset}";
5
5
 
@@ -1,7 +1,7 @@
1
- import { h, r as registerInstance, j as createEvent, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { h, r as registerInstance, j as createEvent, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _function, d as Semigroup } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { E as Either, i as imageSearchState, x as state } from './imageSearch.store-407f49f0.js';
4
+ import { E as Either, i as imageSearchState, x as state } from './imageSearch.store-d4c93c96.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnServerErrorCss = ":host{display:block}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnSlideCss = ":host{display:grid;justify-items:center}";
4
4
 
@@ -1,7 +1,7 @@
1
- import { h, r as registerInstance, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { h, r as registerInstance, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { N as NonEmptyArray, _ as _function } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option, s as sequenceToOption, a as Ord } from './number-98d54dd6.js';
4
- import { A as ArrowIcon } from './index-c9483145.js';
4
+ import { A as ArrowIcon } from './index-a51326ff.js';
5
5
 
6
6
  const getStyleMap = (data) => {
7
7
  return {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnTeaserCss = ":host{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-size:28px;font-weight:600;line-height:40px;size:28px;text-align:center}";
5
5
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
- import { s as sequenceT, A as Apply, g as getApiPath, c as createInitGetRequest, f as fromEither, a as chainW, m as makeRequest, b as createInitPostRequest, d as state, T as TaskEither, E as Either, i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
+ import { s as sequenceT, A as Apply, g as getApiPath, c as createInitGetRequest, f as fromEither, a as chainW, m as makeRequest, b as createInitPostRequest, d as state, T as TaskEither, E as Either, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
4
4
  import { p as pipe } from './Handler-47db9890.js';
5
5
  import './number-98d54dd6.js';
6
6
  import './Array-4b9f84cf.js';
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { C as CameraIcon } from './index-c9483145.js';
3
- import { S as SlotSkeleton } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { C as CameraIcon } from './index-a51326ff.js';
3
+ import { S as SlotSkeleton } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const vviinnVpsButtonCss = "";
6
6
 
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { d as state, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { d as state, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
4
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './NonEmptyArray-6ef0d207.js';
7
7
  import './Array-4b9f84cf.js';
@@ -1,5 +1,5 @@
1
- import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-b6d739a9.js';
2
- import { g as globalScripts } from './app-globals-e0943e34.js';
1
+ import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-a24acf1e.js';
2
+ import { g as globalScripts } from './app-globals-5f4cfc77.js';
3
3
 
4
4
  /*
5
5
  Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnWrongFormatCss = ":host{display:block}";
4
4
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vviinn-widgets",
3
- "version": "2.1.0",
3
+ "version": "2.1.1",
4
4
  "description": "vviinn web components",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.js",
@@ -1,4 +1,4 @@
1
- import { E as Env } from './index-b6d739a9.js';
1
+ import { E as Env } from './index-a24acf1e.js';
2
2
 
3
3
  /*! *****************************************************************************
4
4
  Copyright (c) Microsoft Corporation.
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { Q as getCursorValue } from './Handler-47db9890.js';
3
3
 
4
4
  const cropperHandlerCss = ":host{--size:20px;background:transparent;border:4px solid white;box-sizing:content-box;display:block;height:var(--size);touch-action:none;position:absolute;width:var(--size);z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.disabled){opacity:0.25}:host(.nw-resize){border-bottom:none;border-right:none;top:0;left:0}:host(.ne-resize){border-left:none;border-bottom:none;right:0;top:0}:host(.sw-resize){border-right:none;border-top:none;left:0;bottom:0}:host(.se-resize){border-left:none;border-top:none;bottom:0;right:0}";
@@ -1,4 +1,4 @@
1
- import { h } from './index-b6d739a9.js';
1
+ import { h } from './index-a24acf1e.js';
2
2
 
3
3
  const defaultSlotsNames = [
4
4
  "vviinn-onboarding-title",
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { s as sequenceToOption, O as Option } from './number-98d54dd6.js';
3
3
  import { p as pipe } from './Handler-47db9890.js';
4
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
4
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
5
5
  import './NonEmptyArray-6ef0d207.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { i as imageSearchState, t as transform, l as move, n as makeRectangularSearchRequest } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { i as imageSearchState, t as transform, l as move, n as makeRectangularSearchRequest } from './imageSearch.store-d4c93c96.js';
3
3
  import { O as fromMouseEvent, P as pointDiffSemigroup } from './Handler-47db9890.js';
4
4
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
5
5
  import { O as Option } from './number-98d54dd6.js';
@@ -1,4 +1,4 @@
1
- import { f as getRenderingRef, i as forceUpdate } from './index-b6d739a9.js';
1
+ import { f as getRenderingRef, i as forceUpdate } from './index-a24acf1e.js';
2
2
  import { O as Option, A as Applicative$6, P as Predicate, a as Ord$1, s as sequenceToOption } from './number-98d54dd6.js';
3
3
  import { t as tuple, p as pipe, i as isNone$1, l as left$4, r as right$4, f as flow, s as some$3, n as none$1, a as identity, b as isLeft$1, c as isRight$1, e as emptyRecord, d as emptyReadonlyArray, h as head$4, g as isNonEmpty$4, j as constFalse, k as constTrue, m as isSome$1, o as constNull, q as constUndefined, u as first, v as last$4, w as tail$4, x as singleton, S as SK, y as fromReadonlyNonEmptyArray$1, z as getMonoid$4, A as fromEquals, B as min$2, C as max$2, D as struct, E as getStructSemigroup, F as semigroupDiv, G as contramap$1, H as ordNumber, I as fromRectangle, J as pointSumSemigroup, K as HandlerDirection, L as pointProductSemigroup, M as fromCompare, N as fromRectangle$1 } from './Handler-47db9890.js';
4
4
  import { c as createCommonjsModule, a as commonjsGlobal, S as Separated, F as Functor$9, _ as _function, g as getDefaultExportFromCjs, i as internal, W as Witherable$3, b as FromEither$5, A as Apply$6, C as Chain$8, O as Ord$2 } from './NonEmptyArray-6ef0d207.js';
@@ -1,6 +1,6 @@
1
1
  const NAMESPACE = 'vviinn-widgets';
2
2
  const BUILD = /* vviinn-widgets */ { allRenderFn: true, appendChildSlotFix: false, asyncLoading: true, asyncQueue: false, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: false, cmpDidUnload: false, cmpDidUpdate: false, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: false, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, cssVarShim: false, devTools: true, disconnectedCallback: true, dynamicImportShim: false, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: false, hostListenerTargetBody: false, hostListenerTargetDocument: false, hostListenerTargetParent: false, hostListenerTargetWindow: false, hotModuleReplacement: true, hydrateClientSide: false, hydrateServerSide: false, hydratedAttribute: false, hydratedClass: true, initializeNextTick: false, invisiblePrehydration: true, isDebug: false, isDev: true, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: false, mode: false, observeAttribute: true, profile: true, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, safari10: false, scoped: false, scopedSlotTextContentFix: false, scriptDataOpts: false, shadowDelegatesFocus: false, shadowDom: true, shadowDomShim: false, slot: true, slotChildNodesFix: false, slotRelocation: false, state: true, style: true, svg: true, taskQueue: true, transformTagName: false, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: false, vdomListener: true, vdomPropOrAttr: true, vdomRef: false, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: false, watchCallback: true };
3
- const Env = /* vviinn-widgets */ {"packageVersion":"2.0.0","packageName":"vviinn-widgets","environment":"local"};
3
+ const Env = /* vviinn-widgets */ {"packageVersion":"2.1.0","packageName":"vviinn-widgets","environment":"local"};
4
4
 
5
5
  let scopeId;
6
6
  let contentRef;
@@ -1,4 +1,4 @@
1
- import { h } from './index-b6d739a9.js';
1
+ import { h } from './index-a24acf1e.js';
2
2
 
3
3
  const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
4
4
  h("path", { d: "M0 10 10 0l1.4 1.4L2.8 10l8.6 8.6L10 20 0 10Z" })));
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
- import { b as CheckIcon } from './index-c9483145.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
+ import { b as CheckIcon } from './index-a51326ff.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './NonEmptyArray-6ef0d207.js';
6
6
  import './Handler-47db9890.js';
@@ -1,9 +1,9 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _Array } from './Array-4b9f84cf.js';
3
- import { a as ChevronIcon } from './index-c9483145.js';
3
+ import { a as ChevronIcon } from './index-a51326ff.js';
4
4
  import './NonEmptyArray-6ef0d207.js';
5
5
 
6
- const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar){scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
6
+ const vviinnCarouselCss = ":host{--vviinn-progressbar-width:0;--vviinn-carousel-item-width:150px;--vviinn-carousel-columns-internal:var(--vviinn-carousel-columns, 4);--vviinn-carousel-image-width-system:140px}.body{display:flex;position:relative;width:var(--vviinn-carousel-content-width);flex-direction:column}.content-wrapper *{box-sizing:border-box}.content-wrapper{overflow-y:hidden;overflow-x:auto;flex-grow:1}.bullets{margin-top:16px;display:flex;flex-direction:row;grid-gap:24px;justify-content:center}.bullet{width:10px;height:10px;background:#E0E0E0;border-radius:50%;cursor:pointer}.bullet.active{background:#161616}.content:not(.show-scrollbar),.content.grid{scrollbar-color:#fff0 #fff0}.content:not(.show-scrollbar)::-webkit-scrollbar,.content.grid::-webkit-scrollbar{opacity:0}.content{display:flex;flex-direction:row;grid-gap:8px;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto;flex-grow:1;padding-bottom:16px}.content.left>*{scroll-snap-align:start}.content.right>*{scroll-snap-align:end}:host(.continuity) button{border-radius:2px}:host(.grid) button{border-radius:50%}button{align-items:center;background-color:white;border:none;box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);cursor:pointer;display:grid;height:40px;justify-items:center;position:absolute;top:calc(50% - 20px);width:40px;z-index:1;padding:0;margin:0}button.prev svg{transform:rotate(180deg);margin-left:-5px}.prev{left:0}.next{right:0}.items-group{display:grid;grid-gap:16px;grid-template-columns:repeat(var(--vviinn-carousel-columns-internal), 1fr);min-width:100%}vviinn-product-card::part(price-container){text-align:center}:host(.classic) vviinn-product-card::part(title),:host(.classic) vviinn-product-card::part(brand),:host(.classic) vviinn-product-card::part(type){text-align:center}@media (max-width: 480px){:host(.modern) button{display:none}.items-group{grid-template-columns:repeat(2, 1fr)}}";
7
7
 
8
8
  const COLUMNS_NUMBER_CSS_VAR = "--vviinn-carousel-columns-internal";
9
9
  const CAROUSEL_WIDTH_CSS_VAR = "--vviinn-carousel-content-width";
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { i as imageSearchState, o as fromAlt, q as foldValueObject, r as scaleWithSized, u as center, n as makeRectangularSearchRequest, v as detectedObjectEq } from './imageSearch.store-407f49f0.js';
4
+ import { i as imageSearchState, o as fromAlt, q as foldValueObject, r as scaleWithSized, u as center, n as makeRectangularSearchRequest, v as detectedObjectEq } from './imageSearch.store-d4c93c96.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnEmptyResultsCss = ":host{display:grid}vviinn-error{justify-items:center}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnErrorCss = ":host{background:#F4F4F4;border-radius:8px;display:grid;grid-gap:20px;padding:24px;text-align:center}::slotted(svg){display:grid;align-self:center}::slotted(h4){margin:unset;font-weight:600;font-size:18px;line-height:24px}::slotted(span){font-size:14px;line-height:20px}::slotted(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:var(--color-primary, var(--color-primary-system));font-weight:600;font-size:16px;line-height:20px;cursor:pointer}";
4
4
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
- import { w as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
+ import { w as toFile, p as processSelectedFile, E as Either, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnExampleImagesCss = "h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}.images{display:block;-moz-column-count:2;column-count:2;-moz-column-gap:16px;column-gap:16px}";
5
5
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
2
- import { p as processSelectedFile, e as match, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
+ import { p as processSelectedFile, e as match, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
4
4
  import './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
2
- import { h as dimensionsFromImage, j as scaleByLargestSide, k as fromImage, l as move, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
+ import { h as dimensionsFromImage, j as scaleByLargestSide, k as fromImage, l as move, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
4
4
  import { O as Option, s as sequenceToOption } from './number-98d54dd6.js';
5
5
  import './Handler-47db9890.js';
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnModalCss = ":host{background:white;border-radius:4px;box-sizing:border-box;display:grid;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;max-width:960px}@media (max-width: 415px){:host{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host(.closed){-webkit-animation-name:fade-out;animation-name:fade-out;-webkit-animation-fill-mode:none;animation-fill-mode:none}.body{overflow-y:auto}}@media (max-width: 640px) and (min-width: 415px){:host{max-width:80%}}.head{align-items:center;border-bottom:1px solid #F4F4F4;display:grid;grid-gap:16px;grid-template-columns:-webkit-min-content auto -webkit-min-content;grid-template-columns:min-content auto min-content;justify-items:center;padding:16px}.title{font-weight:600;font-size:18px;line-height:24px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;display:grid;padding:unset}@-webkit-keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@-webkit-keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-out{from{transform:translateY(0)}to{transform:translateY(100%)}}";
4
4
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
3
- import { O as OnboardingCard1Icon } from './index-c9483145.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
+ import { O as OnboardingCard1Icon } from './index-a51326ff.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { c as OnboardingCard2Icon } from './index-c9483145.js';
3
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { c as OnboardingCard2Icon } from './index-a51326ff.js';
3
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { d as OnboardingCard3Icon } from './index-c9483145.js';
3
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { d as OnboardingCard3Icon } from './index-a51326ff.js';
3
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const onboardingCardCss = ":host{align-items:center;background:#f4f4f4;display:grid;grid-template-rows:repeat(2, 1fr);justify-items:center;padding:24px;width:100%}h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}svg{padding:16px 0}p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}.text{display:grid;grid-gap:8px}";
6
6
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnOnboardingCss = ":host{--color-primary-system:#0F62FE;--color-primary-hover-system:#014CDA;--color-icons-system:#2F8EDF;--spacer:8px}::host{display:block}h3{font-size:22px;font-weight:600;line-height:32px;margin:0;margin-bottom:16px;text-align:center}vviinn-slide{background:#f4f4f4;padding:24px}svg{padding:16px 0}.text{display:grid;grid-gap:8px}.text>h4{color:#161616;font-size:18px;font-weight:600;line-height:24px;margin:unset;text-align:center}.text>p{color:#525252;font-size:14px;font-style:normal;font-weight:normal;line-height:20px;margin:unset;text-align:center}.colored{fill:var(--color-icons, var(--color-icons-system))}";
5
5
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnOverlayCss = ":host{-webkit-animation:fade-in 0.5s ease-in-out;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}@-webkit-keyframes fade-in{from{opacity:0.1}to{opacity:1}}@keyframes fade-in{from{opacity:0.1}to{opacity:1}}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnOverlayedModalCss = ":host{display:none}:host(.active){display:block}vviinn-overlay{align-items:center;display:grid;justify-items:center}@media (max-width: 415px){vviinn-modal{border-radius:4px 4px 0 0;height:100vh;margin-top:32px;transform:translateY(100%);width:100vw}vviinn-overlay{align-items:end;display:grid;justify-items:center}}";
4
4
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
2
- import { i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
+ import { i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import './number-98d54dd6.js';
4
4
  import './NonEmptyArray-6ef0d207.js';
5
5
  import './Handler-47db9890.js';
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnPrivacyBadgeCss = ":host{display:block;background:#F4F4F4;padding:17px}.content{display:grid;grid-template-columns:-webkit-min-content auto;grid-template-columns:min-content auto;grid-gap:9px}.content p{color:#525252;font-size:12px;line-height:16px;margin:unset}";
5
5
 
@@ -1,7 +1,7 @@
1
- import { h, r as registerInstance, j as createEvent, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { h, r as registerInstance, j as createEvent, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _function, d as Semigroup } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { E as Either, i as imageSearchState, x as state } from './imageSearch.store-407f49f0.js';
4
+ import { E as Either, i as imageSearchState, x as state } from './imageSearch.store-d4c93c96.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './Array-4b9f84cf.js';
7
7
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnServerErrorCss = ":host{display:block}";
4
4
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnSlideCss = ":host{display:grid;justify-items:center}";
4
4
 
@@ -1,7 +1,7 @@
1
- import { h, r as registerInstance, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { h, r as registerInstance, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { N as NonEmptyArray, _ as _function } from './NonEmptyArray-6ef0d207.js';
3
3
  import { O as Option, s as sequenceToOption, a as Ord } from './number-98d54dd6.js';
4
- import { A as ArrowIcon } from './index-c9483145.js';
4
+ import { A as ArrowIcon } from './index-a51326ff.js';
5
5
 
6
6
  const getStyleMap = (data) => {
7
7
  return {
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
3
3
 
4
4
  const vviinnTeaserCss = ":host{align-items:center;display:grid;justify-items:center;grid-gap:16px}.vviinn-teaser-text{font-size:28px;font-weight:600;line-height:40px;size:28px;text-align:center}";
5
5
 
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
2
  import { _ as _function } from './NonEmptyArray-6ef0d207.js';
3
- import { s as sequenceT, A as Apply, g as getApiPath, c as createInitGetRequest, f as fromEither, a as chainW, m as makeRequest, b as createInitPostRequest, d as state, T as TaskEither, E as Either, i as imageSearchState } from './imageSearch.store-407f49f0.js';
3
+ import { s as sequenceT, A as Apply, g as getApiPath, c as createInitGetRequest, f as fromEither, a as chainW, m as makeRequest, b as createInitPostRequest, d as state, T as TaskEither, E as Either, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
4
4
  import { p as pipe } from './Handler-47db9890.js';
5
5
  import './number-98d54dd6.js';
6
6
  import './Array-4b9f84cf.js';
@@ -1,6 +1,6 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { C as CameraIcon } from './index-c9483145.js';
3
- import { S as SlotSkeleton } from './customized-slots-f3449695.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { C as CameraIcon } from './index-a51326ff.js';
3
+ import { S as SlotSkeleton } from './customized-slots-8df7e19c.js';
4
4
 
5
5
  const vviinnVpsButtonCss = "";
6
6
 
@@ -1,7 +1,7 @@
1
- import { r as registerInstance, h, e as Host, g as getElement } from './index-b6d739a9.js';
2
- import { d as state, i as imageSearchState } from './imageSearch.store-407f49f0.js';
1
+ import { r as registerInstance, h, e as Host, g as getElement } from './index-a24acf1e.js';
2
+ import { d as state, i as imageSearchState } from './imageSearch.store-d4c93c96.js';
3
3
  import { O as Option } from './number-98d54dd6.js';
4
- import { s as slotChangeListener } from './customized-slots-f3449695.js';
4
+ import { s as slotChangeListener } from './customized-slots-8df7e19c.js';
5
5
  import './Handler-47db9890.js';
6
6
  import './NonEmptyArray-6ef0d207.js';
7
7
  import './Array-4b9f84cf.js';
@@ -1,5 +1,5 @@
1
- import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-b6d739a9.js';
2
- import { g as globalScripts } from './app-globals-e0943e34.js';
1
+ import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-a24acf1e.js';
2
+ import { g as globalScripts } from './app-globals-5f4cfc77.js';
3
3
 
4
4
  /*
5
5
  Stencil Client Patch Browser v2.9.0 | MIT Licensed | https://stenciljs.com
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, j as createEvent, h, e as Host } from './index-b6d739a9.js';
1
+ import { r as registerInstance, j as createEvent, h, e as Host } from './index-a24acf1e.js';
2
2
 
3
3
  const vviinnWrongFormatCss = ":host{display:block}";
4
4
 
package/www/index.html CHANGED
@@ -107,7 +107,7 @@
107
107
  locale="de-DE"
108
108
  currency-sign="€"
109
109
  >
110
- </vviinn-vps-button> --> <div class="wrapper"> <vviinn-vpr-widget token="eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjYzLCJqdGkiOiI1MTIxZTE5Zi1hNzU5LTRiNDMtYWY2MS0yZGExMTJkNTA0MmUiLCJzY29wZXMiOlsidnByIiwidnBzIiwidnBjIl19.MBMXwhQFbxysVVB01FxhXGx0I9JiaZnJL0ol_bmOopOfZYo8RxibDw1zK-PNdfkhi85SQUtug7V16wzAibhGOiMYEEHPV-zGDIaHSx7HCprqUeH0QmrinXllBtAy8E8vnS1c1Gt48BaCE2dsq7IIgmlJGU4gzod_NbdYytzIn1w" product-id="692526" api-path="https://api.vviinn.com" image-width="240" mode="classic" show-scroll="false"></vviinn-vpr-widget> </div> <!-- <vviinn-carousel>
110
+ </vviinn-vps-button> --> <div class="wrapper"> <vviinn-vpr-widget token="eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJzdWIiOjYzLCJqdGkiOiI1MTIxZTE5Zi1hNzU5LTRiNDMtYWY2MS0yZGExMTJkNTA0MmUiLCJzY29wZXMiOlsidnByIiwidnBzIiwidnBjIl19.MBMXwhQFbxysVVB01FxhXGx0I9JiaZnJL0ol_bmOopOfZYo8RxibDw1zK-PNdfkhi85SQUtug7V16wzAibhGOiMYEEHPV-zGDIaHSx7HCprqUeH0QmrinXllBtAy8E8vnS1c1Gt48BaCE2dsq7IIgmlJGU4gzod_NbdYytzIn1w" product-id="692526" api-path="https://api.vviinn.com" image-width="240" mode="grid" show-scroll="false"></vviinn-vpr-widget> </div> <!-- <vviinn-carousel>
111
111
  <vviinn-product-card
112
112
  product-title="Fragments 2022"
113
113
  image="https://d1rgjmn2wmqeif.cloudfront.net/r/b/250192-1.jpg"