vviinn-widgets 2.76.0 → 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.
- package/dist/cjs/{index-85c223b1.js → index-21cf53a2.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{package-46b840db.js → package-6ed71104.js} +1 -1
- package/dist/cjs/search-filters_18.cjs.entry.js +6 -6
- package/dist/cjs/{search.store-a688362f.js → search.store-ba1e2ead.js} +2 -1
- package/dist/cjs/vviinn-carousel_8.cjs.entry.js +74 -36
- package/dist/cjs/vviinn-preloader.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vpr-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-button.cjs.entry.js +1 -1
- package/dist/cjs/vviinn-vps-widget.cjs.entry.js +5 -5
- package/dist/cjs/vviinn-widgets.cjs.js +1 -1
- package/dist/collection/components/vviinn-filters/helpers/subFilterSelection.js +4 -1
- package/dist/collection/components/vviinn-filters/vviinn-extended-filters.js +18 -17
- package/dist/collection/components/vviinn-filters/vviinn-filters.css +179 -105
- package/dist/collection/components/vviinn-filters/vviinn-filters.js +34 -12
- package/dist/collection/components/vviinn-icons/icons/CheckFilterIcon.js +2 -0
- package/dist/collection/components/vviinn-icons/icons/CloseFilterIcon.js +2 -0
- package/dist/collection/components/vviinn-icons/icons/FiltersIcon.js +1 -1
- package/dist/collection/components/vviinn-icons/icons/SquareFilterIcon.js +2 -0
- package/dist/collection/components/vviinn-icons/icons/StarsIcon.js +2 -0
- package/dist/collection/components/vviinn-icons/index.js +4 -0
- package/dist/collection/components/vviinn-image-view/vviinn-detected-object/vviinn-detected-object.css +0 -23
- package/dist/collection/components/vviinn-price-range/vviinn-price-range.css +12 -33
- package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.css +0 -23
- package/dist/collection/components/vviinn-results/vviinn-results.css +0 -23
- package/dist/collection/components/vviinn-slider/vviinn-slider.css +0 -23
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.css +0 -23
- package/dist/collection/components/vviinn-vps-widget/vviinn-vps-widget.js +2 -2
- package/dist/collection/store/search.store.js +2 -1
- package/dist/esm/{index-80d9da2f.js → index-9e9b32a2.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{package-a9dace8c.js → package-eda9cc4a.js} +1 -1
- package/dist/esm/search-filters_18.entry.js +6 -6
- package/dist/esm/{search.store-9acff206.js → search.store-8fe25d80.js} +2 -1
- package/dist/esm/vviinn-carousel_8.entry.js +74 -36
- package/dist/esm/vviinn-preloader.entry.js +1 -1
- package/dist/esm/vviinn-vpr-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-button.entry.js +1 -1
- package/dist/esm/vviinn-vps-widget.entry.js +5 -5
- package/dist/esm/vviinn-widgets.js +1 -1
- package/dist/types/components/vviinn-filters/helpers/index.d.ts +1 -0
- package/dist/types/components/vviinn-filters/vviinn-filters.d.ts +1 -0
- package/dist/types/components/vviinn-icons/icons/CheckFilterIcon.d.ts +1 -0
- package/dist/types/components/vviinn-icons/icons/CloseFilterIcon.d.ts +1 -0
- package/dist/types/components/vviinn-icons/icons/SquareFilterIcon.d.ts +1 -0
- package/dist/types/components/vviinn-icons/icons/StarsIcon.d.ts +1 -0
- package/dist/types/components/vviinn-icons/index.d.ts +4 -0
- package/dist/types/components/vviinn-vps-widget/vviinn-vps-widget.d.ts +1 -1
- package/{www/build/p-dee78ef6.js → dist/vviinn-widgets/p-03e84ad1.js} +1 -1
- package/dist/vviinn-widgets/{p-400dac78.entry.js → p-102be3be.entry.js} +1 -1
- package/dist/vviinn-widgets/p-188e1517.entry.js +1 -0
- package/dist/vviinn-widgets/p-626495b2.js +1 -0
- package/dist/vviinn-widgets/{p-17d6fab0.entry.js → p-7361c2b2.entry.js} +1 -1
- package/dist/vviinn-widgets/p-8cb71261.entry.js +1 -0
- package/dist/vviinn-widgets/{p-ddf609ee.js → p-9447314b.js} +1 -1
- package/dist/vviinn-widgets/{p-7bd909df.entry.js → p-a24ae98f.entry.js} +1 -1
- package/dist/vviinn-widgets/p-bfd6c12b.entry.js +11 -0
- package/dist/vviinn-widgets/vviinn-widgets.css +1 -1
- package/dist/vviinn-widgets/vviinn-widgets.esm.js +1 -1
- package/package.json +1 -1
- package/{dist/vviinn-widgets/p-dee78ef6.js → www/build/p-03e84ad1.js} +1 -1
- package/www/build/{p-400dac78.entry.js → p-102be3be.entry.js} +1 -1
- package/www/build/p-188e1517.entry.js +1 -0
- package/www/build/p-626495b2.js +1 -0
- package/www/build/{p-17d6fab0.entry.js → p-7361c2b2.entry.js} +1 -1
- package/www/build/p-8cb71261.entry.js +1 -0
- package/www/build/{p-ddf609ee.js → p-9447314b.js} +1 -1
- package/www/build/{p-7bd909df.entry.js → p-a24ae98f.entry.js} +1 -1
- package/www/build/p-bfd6c12b.entry.js +11 -0
- package/www/build/vviinn-widgets.css +1 -1
- package/www/build/vviinn-widgets.esm.js +1 -1
- package/dist/vviinn-widgets/p-a08bc9bb.js +0 -1
- package/dist/vviinn-widgets/p-c724c8bd.entry.js +0 -1
- package/dist/vviinn-widgets/p-f05a5179.entry.js +0 -11
- package/dist/vviinn-widgets/p-f45afcaa.entry.js +0 -1
- package/www/build/p-a08bc9bb.js +0 -1
- package/www/build/p-c724c8bd.entry.js +0 -1
- package/www/build/p-f05a5179.entry.js +0 -11
- package/www/build/p-f45afcaa.entry.js +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { h } from "@stencil/core";
|
|
2
|
+
export const StarsIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M18.42 1.37C18.88 4.68 19.39 5.19 22.6 5.57C22.83 5.6 23 5.78 23 6C23 6.22 22.84 6.38 22.6 6.42C19.39 6.81 18.89 7.31 18.42 10.62C18.39 10.84 18.22 11 18.01 11C17.8 11 17.63 10.84 17.59 10.62C17.14 7.31 16.63 6.81 13.41 6.42C13.17 6.39 13.01 6.23 13.01 6C13.01 5.77 13.17 5.61 13.41 5.57C16.63 5.13 17.12 4.66 17.59 1.37C17.63 1.15 17.8 1 18.01 1C18.22 1 18.38 1.15 18.42 1.37ZM10.57 22.47C10.51 22.78 10.3 23 10 23C9.7 23 9.49 22.78 9.44 22.47C8.58 16.21 7.73 15.37 1.55 14.56C1.22 14.53 1 14.29 1 13.99C1 13.69 1.22 13.46 1.55 13.43C7.74 12.74 8.63 11.78 9.44 5.51C9.49 5.21 9.7 5 10 5C10.3 5 10.51 5.2 10.57 5.51C11.38 11.78 12.26 12.74 18.46 13.43C18.78 13.46 19 13.68 19 13.99C19 14.3 18.78 14.53 18.46 14.56C12.26 15.25 11.38 16.21 10.57 22.47Z", fill: "#8D8D8D" })));
|
|
@@ -21,3 +21,7 @@ export { WarningIcon } from "./icons/WarningIcon";
|
|
|
21
21
|
export { PhotoFrameCorner } from "./icons/PhotoFrameCorner";
|
|
22
22
|
export { FiltersIcon } from "./icons/FiltersIcon";
|
|
23
23
|
export { NewCloseIcon } from "./icons/NewCloseIcon";
|
|
24
|
+
export { StarsIcon } from "./icons/StarsIcon";
|
|
25
|
+
export { CheckFilterIcon } from "./icons/CheckFilterIcon";
|
|
26
|
+
export { CloseFilterIcon } from "./icons/CloseFilterIcon";
|
|
27
|
+
export { SquareFilterIcon } from "./icons/SquareFilterIcon";
|
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -236,6 +213,8 @@
|
|
|
236
213
|
:host {
|
|
237
214
|
display: block;
|
|
238
215
|
max-width: 400px;
|
|
216
|
+
|
|
217
|
+
font-family: var(--font-family-base);
|
|
239
218
|
}
|
|
240
219
|
|
|
241
220
|
.histogram {
|
|
@@ -246,12 +225,12 @@
|
|
|
246
225
|
margin: 0 0.6%;
|
|
247
226
|
}
|
|
248
227
|
.histogram-bar {
|
|
249
|
-
background: var(--surface-
|
|
228
|
+
background: var(--surface-inverse-bg-color, #262626);
|
|
250
229
|
flex: 1;
|
|
251
230
|
border-radius: 2px 2px 0px 0px;
|
|
252
231
|
}
|
|
253
232
|
.histogram-bar.histogram-bar-inactive {
|
|
254
|
-
background: var(--surface-color-
|
|
233
|
+
background: var(--surface-bg-color-disabled);
|
|
255
234
|
}
|
|
256
235
|
.range_container {
|
|
257
236
|
display: flex;
|
|
@@ -278,9 +257,9 @@
|
|
|
278
257
|
pointer-events: all;
|
|
279
258
|
width: 32px;
|
|
280
259
|
height: 32px;
|
|
281
|
-
background-color: var(--
|
|
260
|
+
background-color: var(--color-bg-base);
|
|
282
261
|
border-radius: 50%;
|
|
283
|
-
box-shadow: 0 0 0 1px var(--
|
|
262
|
+
box-shadow: 0 0 0 1px var(--color-border-02);
|
|
284
263
|
cursor: pointer;
|
|
285
264
|
}
|
|
286
265
|
|
|
@@ -289,9 +268,9 @@
|
|
|
289
268
|
pointer-events: all;
|
|
290
269
|
width: 32px;
|
|
291
270
|
height: 32px;
|
|
292
|
-
background-color: var(--
|
|
271
|
+
background-color: var(--color-bg-base);
|
|
293
272
|
border-radius: 50%;
|
|
294
|
-
box-shadow: 0 0 0 1px var(--
|
|
273
|
+
box-shadow: 0 0 0 1px var(--color-border-02);
|
|
295
274
|
cursor: pointer;
|
|
296
275
|
}
|
|
297
276
|
|
|
@@ -311,7 +290,7 @@
|
|
|
311
290
|
height: 2px;
|
|
312
291
|
width: 99.4%;
|
|
313
292
|
position: absolute;
|
|
314
|
-
background: var(--
|
|
293
|
+
background: var(--color-border-01);
|
|
315
294
|
pointer-events: none;
|
|
316
295
|
}
|
|
317
296
|
|
|
@@ -332,14 +311,14 @@
|
|
|
332
311
|
justify-content: center;
|
|
333
312
|
align-items: center;
|
|
334
313
|
border-radius: var(--border-radius-100);
|
|
335
|
-
background: var(--chip-color-
|
|
314
|
+
background: var(--chip-bg-color-primary);
|
|
336
315
|
|
|
337
316
|
color: var(--color-text-inverse);
|
|
338
317
|
text-align: center;
|
|
339
|
-
|
|
318
|
+
|
|
340
319
|
font-size: var(--font-size-label);
|
|
341
320
|
font-style: normal;
|
|
342
321
|
font-weight: var(--font-weight-500);
|
|
343
322
|
line-height: var(--line-height-label);
|
|
344
|
-
letter-spacing: var(--letter-spacing-label
|
|
323
|
+
letter-spacing: var(--letter-spacing-label);
|
|
345
324
|
}
|
package/dist/collection/components/vviinn-product-card/vviinn-energy-label/vviinn-energy-label.css
CHANGED
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -5,32 +5,9 @@
|
|
|
5
5
|
--color-icons-system: #2f8edf;
|
|
6
6
|
--product-card-width-system: 130px;
|
|
7
7
|
--spacer: 8px;
|
|
8
|
-
|
|
9
|
-
/*FIXME-36773: Majid should remove these variable and use the new names*/
|
|
10
|
-
--surface-color-surface-01: #f4f4f4;
|
|
11
|
-
--text-color-text-primary: #161616;
|
|
12
|
-
--font-family: Inter, system-ui, sans-serif;
|
|
13
|
-
--font-size-body: 14px;
|
|
14
8
|
--font-weight-regular: 400;
|
|
15
|
-
--line-height-body: 20px;
|
|
16
9
|
--letter-spacing-default: 0px;
|
|
17
|
-
--background-color-background: #fff;
|
|
18
|
-
--border-color-border-01: #f4f4f4;
|
|
19
|
-
--gray-100: #161616;
|
|
20
|
-
--gray-10: #f4f4f4;
|
|
21
|
-
--gray-70: #525252;
|
|
22
10
|
--radius-radius-md: 8px;
|
|
23
|
-
--button-color-button-primary: #000;
|
|
24
|
-
--text-color-text-inverse: #fff;
|
|
25
|
-
--text-color-text-secondary: #525252;
|
|
26
|
-
--button-color-button-disabled: #e0e0e0;
|
|
27
|
-
--text-color-text-disabled: rgba(22, 22, 22, 0.25);
|
|
28
|
-
--surface-color-surface-accent: #e0e0e0;
|
|
29
|
-
--border-color-border-02: #c6c6c6;
|
|
30
|
-
--surface-color-surface-active: #161616;
|
|
31
|
-
--surface-color-surface-inactive: #e0e0e0;
|
|
32
|
-
--stroke-color-stroke-01: #f4f4f4;
|
|
33
|
-
--chip-color-badge-primary: #161616;
|
|
34
11
|
|
|
35
12
|
/* New Styles */
|
|
36
13
|
--font-family-base: Inter, system-ui, sans-serif;
|
|
@@ -276,7 +276,7 @@ export class VviinnVpsWidget {
|
|
|
276
276
|
const searchEvent = createSearchEvent(Object.assign({ session_id: this.uiSessionId, source: this.imageSource, search_area: "attention-point" }, rest));
|
|
277
277
|
this.trackingApi.trackEvent(searchEvent).then(this.setTrackingDeactivated);
|
|
278
278
|
}
|
|
279
|
-
|
|
279
|
+
trackFilterSelected({ detail }) {
|
|
280
280
|
this.initResultEvents();
|
|
281
281
|
if (this.trackingDeactivated)
|
|
282
282
|
return;
|
|
@@ -1024,7 +1024,7 @@ export class VviinnVpsWidget {
|
|
|
1024
1024
|
"passive": false
|
|
1025
1025
|
}, {
|
|
1026
1026
|
"name": "vviinnSelectFilter",
|
|
1027
|
-
"method": "
|
|
1027
|
+
"method": "trackFilterSelected",
|
|
1028
1028
|
"target": undefined,
|
|
1029
1029
|
"capture": false,
|
|
1030
1030
|
"passive": false
|
|
@@ -162,7 +162,8 @@ onChange("activeIonLink", async (newLink) => {
|
|
|
162
162
|
const link = newLink ? newLink : state.resetCategoryLink;
|
|
163
163
|
if (!link)
|
|
164
164
|
return;
|
|
165
|
-
|
|
165
|
+
state.loading = true;
|
|
166
|
+
await pipe(makeAuthorizedRequest(state.token), TE.fromEither, TE.chainW(linkRequest(link)), TE.map(updateState), TE.mapLeft((error) => {
|
|
166
167
|
return {
|
|
167
168
|
kind: "network error",
|
|
168
169
|
inner: error,
|
package/dist/esm/loader.js
CHANGED
|
@@ -11,7 +11,7 @@ const patchEsm = () => {
|
|
|
11
11
|
const defineCustomElements = (win, options) => {
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
|
-
return bootstrapLazy(JSON.parse("[[\"vviinn-button\",[[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-preloader\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_8\",[[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\"]}]]],[\"search-filters_18\",[[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\"]]],[\"vviinn-vps-widget\",[[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\",\"trackFilter\"],[0,\"vviinnTextSearchFilterSelected\",\"trackTextSearchFilterSelected\"]]]]],[\"vviinn-vps-button\",[[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\"]]]]],[\"vviinn-recommendations-sidebar\",[[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\"]]]]],[\"vviinn-vpr-button\",[[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\"]}]]]]"), options);
|
|
14
|
+
return bootstrapLazy(JSON.parse("[[\"vviinn-button\",[[1,\"vviinn-button\",{\"addStyle\":[4,\"add-style\"]}]]],[\"vviinn-preloader\",[[1,\"vviinn-preloader\"]]],[\"vviinn-error\",[[1,\"vviinn-error\"]]],[\"vviinn-carousel_8\",[[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\"]}]]],[\"search-filters_18\",[[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\"]]],[\"vviinn-vps-widget\",[[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\"]]]]],[\"vviinn-vps-button\",[[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\"]]]]],[\"vviinn-recommendations-sidebar\",[[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\"]]]]],[\"vviinn-vpr-button\",[[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\"]}]]]]"), options);
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-abf408d8.js';
|
|
2
|
-
import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldValueObject, o as scaleWithSized, q as center, r as makeRectangularSearchRequest, u as detectedObjectEq, v as toFile, w as processSelectedFile, E as Either, x as match, i as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, d as state, D as makeSearchIdRequest, F as getOrElse, G as makeSearchQueryRequest, H as makeProductListingPageRequest, N as NonEmptyArray, j as makeTextSearchRequest } from './search.store-
|
|
3
|
-
import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType, r as resources } from './index-
|
|
2
|
+
import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldValueObject, o as scaleWithSized, q as center, r as makeRectangularSearchRequest, u as detectedObjectEq, v as toFile, w as processSelectedFile, E as Either, x as match, i as createCommonjsModule, e as commonjsGlobal, y as sequenceToOption, z as fromImage, B as dimensionsFromImage, C as scaleByLargestSide, d as state, D as makeSearchIdRequest, F as getOrElse, G as makeSearchQueryRequest, H as makeProductListingPageRequest, N as NonEmptyArray, j as makeTextSearchRequest } from './search.store-8fe25d80.js';
|
|
3
|
+
import { i as instance, c as createTrackingApi, v as v4, n as createResultVpsEventByType, o as createProductVpsEventByType, r as resources } from './index-9e9b32a2.js';
|
|
4
4
|
import { s as slotChangeListener, c as campaignTypeNames } from './customized-slots-299054d1.js';
|
|
5
5
|
import { P as PlusIcon } from './PlusIcon-8f8206c3.js';
|
|
6
|
-
import { v as version } from './package-
|
|
6
|
+
import { v as version } from './package-eda9cc4a.js';
|
|
7
7
|
import { C as CameraIcon } from './CameraIcon-785208d2.js';
|
|
8
8
|
|
|
9
9
|
const ArrowIcon = () => (h("svg", { width: "12", height: "20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
@@ -228,7 +228,7 @@ const SearchFilters = class {
|
|
|
228
228
|
};
|
|
229
229
|
SearchFilters.style = searchFiltersCss;
|
|
230
230
|
|
|
231
|
-
const vviinnDetectedObjectCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--
|
|
231
|
+
const vviinnDetectedObjectCss = ":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)}}";
|
|
232
232
|
|
|
233
233
|
const VviinnDetectedObject = class {
|
|
234
234
|
constructor(hostRef) {
|
|
@@ -3971,7 +3971,7 @@ const VviinnPrivacyBadge = class {
|
|
|
3971
3971
|
};
|
|
3972
3972
|
VviinnPrivacyBadge.style = vviinnPrivacyBadgeCss;
|
|
3973
3973
|
|
|
3974
|
-
const vviinnResultsCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--
|
|
3974
|
+
const vviinnResultsCss = ":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}}";
|
|
3975
3975
|
|
|
3976
3976
|
var __rest = (undefined && undefined.__rest) || function (s, e) {
|
|
3977
3977
|
var t = {};
|
|
@@ -4246,7 +4246,7 @@ const getStyleMap = (data) => {
|
|
|
4246
4246
|
const Arrow = ({ kind, tabindex, disabled, onClick, onKeyDown, }) => (h("div", { class: getStyleMap({ kind, disabled }), onClick: onClick, tabindex: tabindex, onKeyDown: onKeyDown },
|
|
4247
4247
|
h(ArrowIcon, null)));
|
|
4248
4248
|
|
|
4249
|
-
const vviinnSliderCss = ":host{--color-primary-system:#0f62fe;--color-primary-hover-system:#014cda;--color-icons-system:#2f8edf;--product-card-width-system:130px;--spacer:8px;--
|
|
4249
|
+
const vviinnSliderCss = ":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}";
|
|
4250
4250
|
|
|
4251
4251
|
const VviinnSlider = class {
|
|
4252
4252
|
constructor(hostRef) {
|
|
@@ -17386,7 +17386,8 @@ onChange("activeIonLink", async (newLink) => {
|
|
|
17386
17386
|
const link = newLink ? newLink : state.resetCategoryLink;
|
|
17387
17387
|
if (!link)
|
|
17388
17388
|
return;
|
|
17389
|
-
|
|
17389
|
+
state.loading = true;
|
|
17390
|
+
await pipe(makeAuthorizedRequest(state.token), fromEither, chainW(linkRequest(link)), map(updateState), mapLeft((error) => {
|
|
17390
17391
|
return {
|
|
17391
17392
|
kind: "network error",
|
|
17392
17393
|
inner: error,
|