vviinn-widgets 2.76.1 → 2.76.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{package-c3357b43.js → package-6ed71104.js} +1 -1
- package/dist/cjs/search-filters_18.cjs.entry.js +4 -4
- package/dist/cjs/vviinn-carousel_8.cjs.entry.js +72 -34
- 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 +2 -2
- 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/esm/{package-4c338b8e.js → package-eda9cc4a.js} +1 -1
- package/dist/esm/search-filters_18.entry.js +4 -4
- package/dist/esm/vviinn-carousel_8.entry.js +72 -34
- 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 +2 -2
- 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/{www/build/p-2d72c3bf.entry.js → dist/vviinn-widgets/p-188e1517.entry.js} +1 -1
- package/dist/vviinn-widgets/p-626495b2.js +1 -0
- package/dist/vviinn-widgets/{p-c6163697.entry.js → p-7361c2b2.entry.js} +1 -1
- package/dist/vviinn-widgets/p-8cb71261.entry.js +1 -0
- package/dist/vviinn-widgets/{p-436ed8f8.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-2d72c3bf.entry.js → www/build/p-188e1517.entry.js} +1 -1
- package/www/build/p-626495b2.js +1 -0
- package/www/build/{p-c6163697.entry.js → p-7361c2b2.entry.js} +1 -1
- package/www/build/p-8cb71261.entry.js +1 -0
- package/www/build/{p-436ed8f8.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-01fcc491.js +0 -1
- package/dist/vviinn-widgets/p-3cc56ac8.entry.js +0 -1
- package/dist/vviinn-widgets/p-81e32ba9.entry.js +0 -11
- package/www/build/p-01fcc491.js +0 -1
- package/www/build/p-3cc56ac8.entry.js +0 -1
- package/www/build/p-81e32ba9.entry.js +0 -11
|
@@ -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;
|
|
@@ -3,7 +3,7 @@ import { s as searchState, _ as _function, O as Option, l as fromAlt, n as foldV
|
|
|
3
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) {
|