@sc-360-v2/storefront-cms-library 0.2.91 → 0.2.93
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/builder.js +1 -1
- package/dist/bulk-order-pad.scss +307 -0
- package/dist/bundle.scss +409 -8
- package/dist/cart-details.scss +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/map.scss +148 -5
- package/dist/product-actions.scss +36 -0
- package/dist/product-image.scss +82 -0
- package/dist/quick-order-pad.scss +0 -86
- package/dist/repeater copy.scss +4 -0
- package/dist/repeater.scss +4 -0
- package/dist/types/builder/enums/index.d.ts +22 -0
- package/dist/types/builder/tools/element-edit/itemStock.d.ts +2 -0
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
- package/dist/bundle-basic-elements.scss +0 -583
package/dist/map.scss
CHANGED
|
@@ -1,6 +1,149 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "sass:list";
|
|
3
3
|
|
|
4
|
+
$tpgp: 20px;
|
|
5
|
+
$bm: 30px;
|
|
6
|
+
$ics: 2px;
|
|
7
|
+
|
|
8
|
+
$data: (
|
|
9
|
+
leftTop: (
|
|
10
|
+
transform: translate(calc(-100% - #{$tpgp}), calc(-100% + #{$bm})),
|
|
11
|
+
icon: (
|
|
12
|
+
bottom: #{$bm},
|
|
13
|
+
right: 0px,
|
|
14
|
+
transform: translate(calc(100% + #{$ics}), calc(50% + (#{$ics} * 1.25))),
|
|
15
|
+
border-color: transparent transparent transparent var(--_ctm-dn-tp-dn-bd-cr),
|
|
16
|
+
),
|
|
17
|
+
),
|
|
18
|
+
leftCenter: (
|
|
19
|
+
transform: translate(calc(-100% - #{$tpgp}), calc(-50% + 0px)),
|
|
20
|
+
icon: (
|
|
21
|
+
top: 50%,
|
|
22
|
+
right: 0px,
|
|
23
|
+
transform: translate(calc(100% + #{$ics}), calc(-50% + (0px * 1.75))),
|
|
24
|
+
border-color: transparent transparent transparent var(--_ctm-dn-tp-dn-bd-cr),
|
|
25
|
+
),
|
|
26
|
+
),
|
|
27
|
+
leftBottom: (
|
|
28
|
+
transform: translate(calc(-100% - #{$tpgp}), calc(0% - #{$bm})),
|
|
29
|
+
icon: (
|
|
30
|
+
top: #{$bm},
|
|
31
|
+
right: 0px,
|
|
32
|
+
transform: translate(calc(100% + #{$ics}), calc(-100% + (#{$ics} * 1.75))),
|
|
33
|
+
border-color: transparent transparent transparent var(--_ctm-dn-tp-dn-bd-cr),
|
|
34
|
+
),
|
|
35
|
+
),
|
|
36
|
+
topLeft: (
|
|
37
|
+
transform: translate(calc(-100% + #{$bm}), calc(-100% - #{$tpgp})),
|
|
38
|
+
icon: (
|
|
39
|
+
bottom: 0px,
|
|
40
|
+
right: #{$bm},
|
|
41
|
+
transform: translate(calc(50% + (#{$ics} * 1.75)), calc(100% + #{$ics})),
|
|
42
|
+
border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent,
|
|
43
|
+
),
|
|
44
|
+
),
|
|
45
|
+
topCenter: (
|
|
46
|
+
transform: translate(calc(-50% - #{$ics}), calc(-100% - #{$tpgp})),
|
|
47
|
+
icon: (
|
|
48
|
+
bottom: 0px,
|
|
49
|
+
right: 50%,
|
|
50
|
+
transform: translate(calc(50% + (#{$ics} * 1.75)), calc(100% + #{$ics})),
|
|
51
|
+
border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent,
|
|
52
|
+
),
|
|
53
|
+
),
|
|
54
|
+
topRight: (
|
|
55
|
+
transform: translate(calc(-1 * #{$bm}), calc(-100% - #{$tpgp})),
|
|
56
|
+
icon: (
|
|
57
|
+
bottom: 0px,
|
|
58
|
+
left: #{$bm},
|
|
59
|
+
transform: translate(calc(-100% + (#{$ics} * 1.25)), calc(100% + #{$ics})),
|
|
60
|
+
border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent,
|
|
61
|
+
),
|
|
62
|
+
),
|
|
63
|
+
rightTop: (
|
|
64
|
+
transform: translate(calc(0% + #{$tpgp}), calc(-100% + #{$bm})),
|
|
65
|
+
icon: (
|
|
66
|
+
top: 100%,
|
|
67
|
+
left: 0px,
|
|
68
|
+
transform: translate(calc(-100% - #{$ics}), calc(50% - (#{$bm} * 1.25))),
|
|
69
|
+
border-color: transparent var(--_ctm-dn-tp-dn-bd-cr) transparent transparent,
|
|
70
|
+
),
|
|
71
|
+
),
|
|
72
|
+
rightCenter: (
|
|
73
|
+
transform: translate(calc(0% + #{$tpgp}), calc(-50% + #{$ics})),
|
|
74
|
+
border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent,
|
|
75
|
+
icon: (
|
|
76
|
+
bottom: 50%,
|
|
77
|
+
left: 0px,
|
|
78
|
+
transform: translate(calc(-100% - #{$ics}), calc(50% + (0px * 1.75))),
|
|
79
|
+
border-color: transparent var(--_ctm-dn-tp-dn-bd-cr) transparent transparent,
|
|
80
|
+
),
|
|
81
|
+
),
|
|
82
|
+
rightBottom: (
|
|
83
|
+
transform: translate(calc(0% + #{$tpgp}), calc(0% - #{$bm})),
|
|
84
|
+
border-color: var(--_ctm-dn-tp-dn-bd-cr) transparent transparent transparent,
|
|
85
|
+
icon: (
|
|
86
|
+
top: 100%,
|
|
87
|
+
left: 0,
|
|
88
|
+
transform: translate(calc(-100% - #{$ics}), calc(-100% - (#{$bm} * 2.05))),
|
|
89
|
+
border-color: transparent var(--_ctm-dn-tp-dn-bd-cr) transparent transparent,
|
|
90
|
+
),
|
|
91
|
+
),
|
|
92
|
+
bottomLeft: (
|
|
93
|
+
transform: translate(calc(-100% + #{$bm}), calc(-50% + (#{$bm} * 2.25))),
|
|
94
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
95
|
+
icon: (
|
|
96
|
+
right: #{$bm},
|
|
97
|
+
top: 0%,
|
|
98
|
+
transform: translate(calc(50% + (#{$ics} * 0.75)), calc(-100% - #{$ics})),
|
|
99
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
100
|
+
),
|
|
101
|
+
),
|
|
102
|
+
bottomCenter: (
|
|
103
|
+
transform: translate(calc(-50% - #{$ics}), calc(-50% + (#{$bm} * 2.25))),
|
|
104
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
105
|
+
icon: (
|
|
106
|
+
right: 50%,
|
|
107
|
+
top: 0,
|
|
108
|
+
transform: translate(calc(0% + (#{$ics} * 2.75)), calc(-100% - #{$ics})),
|
|
109
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
110
|
+
),
|
|
111
|
+
),
|
|
112
|
+
bottomRight: (
|
|
113
|
+
transform: translate(calc(0% - #{$bm}), calc(-50% + (#{$bm} * 2.25))),
|
|
114
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
115
|
+
icon: (
|
|
116
|
+
left: 30px,
|
|
117
|
+
top: 0,
|
|
118
|
+
transform: translate(calc(-50% - (#{$ics} * 1.25)), calc(-100% - #{$ics})),
|
|
119
|
+
border-color: transparent transparent var(--_ctm-dn-tp-dn-bd-cr) transparent,
|
|
120
|
+
),
|
|
121
|
+
),
|
|
122
|
+
);
|
|
123
|
+
|
|
124
|
+
[data-div-type="element"] {
|
|
125
|
+
&[data-element-type="map"] {
|
|
126
|
+
&[data-hotspot-position] {
|
|
127
|
+
@each $key, $value in $data {
|
|
128
|
+
&[data-hotspot-position="#{$key}"] {
|
|
129
|
+
.hotspot__tooltip {
|
|
130
|
+
@each $prop, $val in $value {
|
|
131
|
+
@if ($prop != icon) {
|
|
132
|
+
#{$prop}: #{$val};
|
|
133
|
+
} @else {
|
|
134
|
+
@each $key2, $value2 in $val {
|
|
135
|
+
&:after {
|
|
136
|
+
#{$key2}: #{$value2};
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
}
|
|
4
147
|
[data-div-type="element"] {
|
|
5
148
|
&[data-element-type="map"] {
|
|
6
149
|
// width: var(--_lt-wh);
|
|
@@ -14,7 +157,7 @@
|
|
|
14
157
|
1% * var(--_ctm-mob-ele-nw-wh-vl, var(--_ctm-tab-ele-nw-wh-vl, var(--_ctm-ele-nw-wh-vl)))
|
|
15
158
|
)
|
|
16
159
|
);
|
|
17
|
-
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, --_ctm-lt-mn));
|
|
160
|
+
margin: var(--_ctm-mob-lt-mn, var(--_ctm-tab-lt-mn, var(--_ctm-lt-mn)));
|
|
18
161
|
|
|
19
162
|
--_aspect-ratio: calc(
|
|
20
163
|
1 *
|
|
@@ -59,7 +202,7 @@
|
|
|
59
202
|
);
|
|
60
203
|
|
|
61
204
|
width: 100%;
|
|
62
|
-
height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, --_ctm-lt-ht));
|
|
205
|
+
height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
|
|
63
206
|
|
|
64
207
|
border-color: var(
|
|
65
208
|
--_ctm-mob-dn-mp-wt-br-cr,
|
|
@@ -331,15 +474,15 @@
|
|
|
331
474
|
cursor: pointer;
|
|
332
475
|
width: var(
|
|
333
476
|
--_ctm-mob-dn-pn-se-ht-se,
|
|
334
|
-
var(--_ctm-tab-dn-pn-se-ht-se, --_ctm-dn-pn-se-ht-se)
|
|
477
|
+
var(--_ctm-tab-dn-pn-se-ht-se, var(--_ctm-dn-pn-se-ht-se))
|
|
335
478
|
);
|
|
336
479
|
height: var(
|
|
337
480
|
--_ctm-mob-dn-pn-se-ht-se,
|
|
338
|
-
var(--_ctm-tab-dn-pn-se-ht-se, --_ctm-dn-pn-se-ht-se)
|
|
481
|
+
var(--_ctm-tab-dn-pn-se-ht-se, var(--_ctm-dn-pn-se-ht-se))
|
|
339
482
|
);
|
|
340
483
|
background-color: var(
|
|
341
484
|
--_ctm-mob-dn-pn-se-bd-cr,
|
|
342
|
-
var(--_ctm-tab-dn-pn-se-bd-cr, --_ctm-dn-pn-se-bd-cr)
|
|
485
|
+
var(--_ctm-tab-dn-pn-se-bd-cr, var(--_ctm-dn-pn-se-bd-cr))
|
|
343
486
|
);
|
|
344
487
|
|
|
345
488
|
display: flex;
|
|
@@ -155,6 +155,8 @@
|
|
|
155
155
|
}
|
|
156
156
|
}
|
|
157
157
|
.btn__with__text {
|
|
158
|
+
border: none;
|
|
159
|
+
background-color: transparent;
|
|
158
160
|
color: var(
|
|
159
161
|
--_ctm-mob-dn-ad-to-ct-dt-se-cr,
|
|
160
162
|
var(--_ctm-tab-dn-ad-to-ct-dt-se-cr, var(--_ctm-dn-ad-to-ct-dt-se-cr))
|
|
@@ -311,6 +313,8 @@
|
|
|
311
313
|
}
|
|
312
314
|
}
|
|
313
315
|
.btn__with__text {
|
|
316
|
+
border: none;
|
|
317
|
+
background-color: transparent;
|
|
314
318
|
color: var(
|
|
315
319
|
--_ctm-mob-dn-ad-to-ct-hr-se-cr,
|
|
316
320
|
var(--_ctm-tab-dn-ad-to-ct-hr-se-cr, var(--_ctm-dn-ad-to-ct-hr-se-cr))
|
|
@@ -455,6 +459,8 @@
|
|
|
455
459
|
}
|
|
456
460
|
}
|
|
457
461
|
.btn__with__text {
|
|
462
|
+
border: none;
|
|
463
|
+
background-color: transparent;
|
|
458
464
|
color: var(
|
|
459
465
|
--_ctm-mob-dn-by-nw-dt-se-cr,
|
|
460
466
|
var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
|
|
@@ -596,6 +602,8 @@
|
|
|
596
602
|
}
|
|
597
603
|
}
|
|
598
604
|
.btn__with__text {
|
|
605
|
+
border: none;
|
|
606
|
+
background-color: transparent;
|
|
599
607
|
color: var(
|
|
600
608
|
--_ctm-mob-dn-by-nw-hr-se-cr,
|
|
601
609
|
var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
|
|
@@ -738,6 +746,8 @@
|
|
|
738
746
|
}
|
|
739
747
|
}
|
|
740
748
|
.btn__with__text {
|
|
749
|
+
border: none;
|
|
750
|
+
background-color: transparent;
|
|
741
751
|
color: var(
|
|
742
752
|
--_ctm-mob-dn-wt-dt-se-cr,
|
|
743
753
|
var(--_ctm-tab-dn-wt-dt-se-cr, var(--_ctm-dn-wt-dt-se-cr))
|
|
@@ -875,6 +885,8 @@
|
|
|
875
885
|
}
|
|
876
886
|
}
|
|
877
887
|
.btn__with__text {
|
|
888
|
+
border: none;
|
|
889
|
+
background-color: transparent;
|
|
878
890
|
color: var(
|
|
879
891
|
--_ctm-mob-dn-wt-hr-se-cr,
|
|
880
892
|
var(--_ctm-tab-dn-wt-hr-se-cr, var(--_ctm-dn-wt-hr-se-cr))
|
|
@@ -1016,6 +1028,8 @@
|
|
|
1016
1028
|
}
|
|
1017
1029
|
}
|
|
1018
1030
|
.btn__with__text {
|
|
1031
|
+
border: none;
|
|
1032
|
+
background-color: transparent;
|
|
1019
1033
|
color: var(
|
|
1020
1034
|
--_ctm-mob-dn-ce-dt-se-cr,
|
|
1021
1035
|
var(--_ctm-tab-dn-ce-dt-se-cr, var(--_ctm-dn-ce-dt-se-cr))
|
|
@@ -1153,6 +1167,8 @@
|
|
|
1153
1167
|
}
|
|
1154
1168
|
}
|
|
1155
1169
|
.btn__with__text {
|
|
1170
|
+
border: none;
|
|
1171
|
+
background-color: transparent;
|
|
1156
1172
|
color: var(
|
|
1157
1173
|
--_ctm-mob-dn-ce-hr-se-cr,
|
|
1158
1174
|
var(--_ctm-tab-dn-ce-hr-se-cr, var(--_ctm-dn-ce-hr-se-cr))
|
|
@@ -1310,6 +1326,8 @@
|
|
|
1310
1326
|
}
|
|
1311
1327
|
}
|
|
1312
1328
|
.btn__with__text {
|
|
1329
|
+
border: none;
|
|
1330
|
+
background-color: transparent;
|
|
1313
1331
|
color: var(
|
|
1314
1332
|
--_ctm-mob-dn-ad-to-qe-dt-se-cr,
|
|
1315
1333
|
var(--_ctm-tab-dn-ad-to-qe-dt-se-cr, var(--_ctm-dn-ad-to-qe-dt-se-cr))
|
|
@@ -1466,6 +1484,8 @@
|
|
|
1466
1484
|
}
|
|
1467
1485
|
}
|
|
1468
1486
|
.btn__with__text {
|
|
1487
|
+
border: none;
|
|
1488
|
+
background-color: transparent;
|
|
1469
1489
|
color: var(
|
|
1470
1490
|
--_ctm-mob-dn-ad-to-qe-hr-se-cr,
|
|
1471
1491
|
var(--_ctm-tab-dn-ad-to-qe-hr-se-cr, var(--_ctm-dn-ad-to-qe-hr-se-cr))
|
|
@@ -1633,6 +1653,8 @@
|
|
|
1633
1653
|
}
|
|
1634
1654
|
}
|
|
1635
1655
|
.btn__with__text {
|
|
1656
|
+
border: none;
|
|
1657
|
+
background-color: transparent;
|
|
1636
1658
|
color: var(
|
|
1637
1659
|
--_ctm-mob-dn-ad-to-or-te-dt-se-cr,
|
|
1638
1660
|
var(--_ctm-tab-dn-ad-to-or-te-dt-se-cr, var(--_ctm-dn-ad-to-or-te-dt-se-cr))
|
|
@@ -1816,6 +1838,8 @@
|
|
|
1816
1838
|
}
|
|
1817
1839
|
}
|
|
1818
1840
|
.btn__with__text {
|
|
1841
|
+
border: none;
|
|
1842
|
+
background-color: transparent;
|
|
1819
1843
|
color: var(
|
|
1820
1844
|
--_ctm-mob-dn-ad-to-or-te-hr-se-cr,
|
|
1821
1845
|
var(--_ctm-tab-dn-ad-to-or-te-hr-se-cr, var(--_ctm-dn-ad-to-or-te-hr-se-cr))
|
|
@@ -1996,6 +2020,8 @@
|
|
|
1996
2020
|
}
|
|
1997
2021
|
}
|
|
1998
2022
|
.btn__with__text {
|
|
2023
|
+
border: none;
|
|
2024
|
+
background-color: transparent;
|
|
1999
2025
|
color: var(
|
|
2000
2026
|
--_ctm-mob-dn-ny-me-dt-se-cr,
|
|
2001
2027
|
var(--_ctm-tab-dn-ny-me-dt-se-cr, var(--_ctm-dn-ny-me-dt-se-cr))
|
|
@@ -2151,6 +2177,8 @@
|
|
|
2151
2177
|
}
|
|
2152
2178
|
|
|
2153
2179
|
.btn__with__text {
|
|
2180
|
+
border: none;
|
|
2181
|
+
background-color: transparent;
|
|
2154
2182
|
color: var(
|
|
2155
2183
|
--_ctm-mob-dn-ny-me-hr-se-cr,
|
|
2156
2184
|
var(--_ctm-tab-dn-ny-me-hr-se-cr, var(--_ctm-dn-ny-me-hr-se-cr))
|
|
@@ -2304,6 +2332,8 @@
|
|
|
2304
2332
|
}
|
|
2305
2333
|
|
|
2306
2334
|
.btn__with__text {
|
|
2335
|
+
border: none;
|
|
2336
|
+
background-color: transparent;
|
|
2307
2337
|
color: var(
|
|
2308
2338
|
--_ctm-mob-dn-dd-dt-se-cr,
|
|
2309
2339
|
var(--_ctm-tab-dn-dd-dt-se-cr, var(--_ctm-dn-dd-dt-se-cr))
|
|
@@ -2455,6 +2485,8 @@
|
|
|
2455
2485
|
}
|
|
2456
2486
|
|
|
2457
2487
|
.btn__with__text {
|
|
2488
|
+
border: none;
|
|
2489
|
+
background-color: transparent;
|
|
2458
2490
|
color: var(
|
|
2459
2491
|
--_ctm-mob-dn-dd-hr-se-cr,
|
|
2460
2492
|
var(--_ctm-tab-dn-dd-hr-se-cr, var(--_ctm-dn-dd-hr-se-cr))
|
|
@@ -2575,6 +2607,8 @@
|
|
|
2575
2607
|
)
|
|
2576
2608
|
);
|
|
2577
2609
|
.btn__with__text {
|
|
2610
|
+
border: none;
|
|
2611
|
+
background-color: transparent;
|
|
2578
2612
|
color: var(
|
|
2579
2613
|
--_ctm-mob-dn-me-dt-se-cr,
|
|
2580
2614
|
var(--_ctm-tab-dn-me-dt-se-cr, var(--_ctm-dn-me-dt-se-cr))
|
|
@@ -2704,6 +2738,8 @@
|
|
|
2704
2738
|
);
|
|
2705
2739
|
|
|
2706
2740
|
.btn__with__text {
|
|
2741
|
+
border: none;
|
|
2742
|
+
background-color: transparent;
|
|
2707
2743
|
color: var(
|
|
2708
2744
|
--_ctm-mob-dn-me-hr-se-cr,
|
|
2709
2745
|
var(--_ctm-tab-dn-me-hr-se-cr, var(--_ctm-dn-me-hr-se-cr))
|
package/dist/product-image.scss
CHANGED
|
@@ -36,6 +36,88 @@
|
|
|
36
36
|
&[data-show-shadow="false"] {
|
|
37
37
|
--_show-shadow: none;
|
|
38
38
|
}
|
|
39
|
+
|
|
40
|
+
.main-image {
|
|
41
|
+
position: relative;
|
|
42
|
+
flex: 1;
|
|
43
|
+
border: 1px solid #e5e7eb;
|
|
44
|
+
border-radius: 8px;
|
|
45
|
+
overflow: hidden;
|
|
46
|
+
background: white;
|
|
47
|
+
cursor: crosshair;
|
|
48
|
+
|
|
49
|
+
img {
|
|
50
|
+
width: 100%;
|
|
51
|
+
height: auto;
|
|
52
|
+
object-fit: contain;
|
|
53
|
+
display: block;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
// .lens-overlay {
|
|
57
|
+
// position: absolute;
|
|
58
|
+
// width: 100px;
|
|
59
|
+
// height: 100px;
|
|
60
|
+
// pointer-events: none;
|
|
61
|
+
// border-radius: 50%;
|
|
62
|
+
// border: 1px solid rgba(0, 0, 0, 0.2);
|
|
63
|
+
// box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
|
|
64
|
+
// background-repeat: no-repeat;
|
|
65
|
+
// backdrop-filter: brightness(1.1);
|
|
66
|
+
// z-index: 5;
|
|
67
|
+
// }
|
|
68
|
+
|
|
69
|
+
.lens-overlay {
|
|
70
|
+
position: absolute;
|
|
71
|
+
pointer-events: none;
|
|
72
|
+
border: 1px solid rgba(0, 0, 0, 0.3);
|
|
73
|
+
background: rgba(255, 255, 255, 0.2);
|
|
74
|
+
z-index: 10;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
// .magnifier-box {
|
|
79
|
+
// position: absolute;
|
|
80
|
+
// top: 0;
|
|
81
|
+
// right: -102%;
|
|
82
|
+
// z-index: 10;
|
|
83
|
+
// // width: 70vw;
|
|
84
|
+
// // height: 95vh;
|
|
85
|
+
// width: 600px;
|
|
86
|
+
// height: 600px;
|
|
87
|
+
// background: white;
|
|
88
|
+
// border: 1px solid #ccc;
|
|
89
|
+
// box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
90
|
+
|
|
91
|
+
// .magnifier {
|
|
92
|
+
// width: 100%;
|
|
93
|
+
// height: 100%;
|
|
94
|
+
// background-repeat: no-repeat;
|
|
95
|
+
// background-position: center;
|
|
96
|
+
// border-radius: 4px;
|
|
97
|
+
// }
|
|
98
|
+
|
|
99
|
+
// .magnifier-placeholder {
|
|
100
|
+
// text-align: center;
|
|
101
|
+
// padding: 1rem;
|
|
102
|
+
// }
|
|
103
|
+
// }
|
|
104
|
+
|
|
105
|
+
.magnifier-box {
|
|
106
|
+
position: absolute;
|
|
107
|
+
right: -102%;
|
|
108
|
+
top: 0;
|
|
109
|
+
width: 400px;
|
|
110
|
+
height: 400px;
|
|
111
|
+
overflow: hidden;
|
|
112
|
+
border: 1px solid #ccc;
|
|
113
|
+
background: #fff;
|
|
114
|
+
z-index: 9;
|
|
115
|
+
img {
|
|
116
|
+
position: absolute;
|
|
117
|
+
will-change: transform;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
39
121
|
.text-element {
|
|
40
122
|
// background: #6d96e4;
|
|
41
123
|
// padding: 10px;
|
|
@@ -185,92 +185,6 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
|
|
|
185
185
|
}
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
-
.product-list {
|
|
189
|
-
margin-top: 24px;
|
|
190
|
-
|
|
191
|
-
.product-row {
|
|
192
|
-
display: flex;
|
|
193
|
-
align-items: center;
|
|
194
|
-
padding: 16px 0;
|
|
195
|
-
border-bottom: 1px solid $gray-300;
|
|
196
|
-
transition: background 0.2s;
|
|
197
|
-
|
|
198
|
-
&:hover {
|
|
199
|
-
background-color: $gray-100;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
.product-select {
|
|
203
|
-
flex: 0 0 32px;
|
|
204
|
-
display: flex;
|
|
205
|
-
justify-content: center;
|
|
206
|
-
|
|
207
|
-
input[type="checkbox"] {
|
|
208
|
-
width: 18px;
|
|
209
|
-
height: 18px;
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
.product-img {
|
|
214
|
-
flex: 0 0 60px;
|
|
215
|
-
|
|
216
|
-
img {
|
|
217
|
-
width: 60px;
|
|
218
|
-
height: 60px;
|
|
219
|
-
border-radius: $radius;
|
|
220
|
-
object-fit: cover;
|
|
221
|
-
}
|
|
222
|
-
}
|
|
223
|
-
|
|
224
|
-
.product-details {
|
|
225
|
-
flex: 1;
|
|
226
|
-
padding: 0 16px;
|
|
227
|
-
|
|
228
|
-
.product-title {
|
|
229
|
-
font-weight: 600;
|
|
230
|
-
font-size: $font-size-md;
|
|
231
|
-
margin-bottom: 4px;
|
|
232
|
-
color: $text-dark;
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
.product-meta,
|
|
236
|
-
.product-specs {
|
|
237
|
-
font-size: $font-size-sm;
|
|
238
|
-
color: $gray-700;
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
.product-qty {
|
|
243
|
-
display: flex;
|
|
244
|
-
align-items: center;
|
|
245
|
-
gap: 6px;
|
|
246
|
-
margin-right: 16px;
|
|
247
|
-
|
|
248
|
-
span {
|
|
249
|
-
font-size: 13px;
|
|
250
|
-
font-weight: 500;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
|
-
input {
|
|
254
|
-
width: 50px;
|
|
255
|
-
height: $input-height;
|
|
256
|
-
padding: 4px;
|
|
257
|
-
border: 1px solid $gray-400;
|
|
258
|
-
border-radius: $radius;
|
|
259
|
-
text-align: center;
|
|
260
|
-
font-size: $font-size-base;
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
.product-price {
|
|
265
|
-
width: 90px;
|
|
266
|
-
text-align: right;
|
|
267
|
-
font-weight: 700;
|
|
268
|
-
font-size: $font-size-md;
|
|
269
|
-
color: $gray-900;
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
}
|
|
273
|
-
|
|
274
188
|
.footer-bar {
|
|
275
189
|
position: sticky;
|
|
276
190
|
bottom: 0;
|
package/dist/repeater copy.scss
CHANGED
|
@@ -432,6 +432,8 @@ $rai: "repeater-advertise-item";
|
|
|
432
432
|
}
|
|
433
433
|
}
|
|
434
434
|
.btn__with__text {
|
|
435
|
+
border: none;
|
|
436
|
+
background-color: transparent;
|
|
435
437
|
color: var(
|
|
436
438
|
--_ctm-mob-dn-by-nw-dt-se-cr,
|
|
437
439
|
var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
|
|
@@ -570,6 +572,8 @@ $rai: "repeater-advertise-item";
|
|
|
570
572
|
}
|
|
571
573
|
}
|
|
572
574
|
.btn__with__text {
|
|
575
|
+
border: none;
|
|
576
|
+
background-color: transparent;
|
|
573
577
|
color: var(
|
|
574
578
|
--_ctm-mob-dn-by-nw-hr-se-cr,
|
|
575
579
|
var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
|
package/dist/repeater.scss
CHANGED
|
@@ -429,6 +429,8 @@ $rai: "repeater-advertise-item";
|
|
|
429
429
|
}
|
|
430
430
|
}
|
|
431
431
|
.btn__with__text {
|
|
432
|
+
border: none;
|
|
433
|
+
background-color: transparent;
|
|
432
434
|
color: var(
|
|
433
435
|
--_ctm-mob-rep-dn-bn-se-dt-se-cr,
|
|
434
436
|
var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
|
|
@@ -585,6 +587,8 @@ $rai: "repeater-advertise-item";
|
|
|
585
587
|
}
|
|
586
588
|
}
|
|
587
589
|
.btn__with__text {
|
|
590
|
+
border: none;
|
|
591
|
+
background-color: transparent;
|
|
588
592
|
color: var(
|
|
589
593
|
--_ctm-mob-rep-dn-bn-se-hr-se-cr,
|
|
590
594
|
var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))
|
|
@@ -37,6 +37,8 @@ export declare enum CMSToolIdTypes {
|
|
|
37
37
|
containerWrapper = "cms-container-wrapper",
|
|
38
38
|
tabsWrapperV2 = "cms-tabs-v2-wrapper",
|
|
39
39
|
tabsContainerWrapperV2 = "cms-tabs-container-wrapper",
|
|
40
|
+
buyForWithTabsWrapper = "cms-buy-for-with-tabs-wrapper",
|
|
41
|
+
buyForTabsContainerWrapper = "cms-buy-for-tabs-container-wrapper",
|
|
40
42
|
stackWrapper = "cms-stack-wrapper",
|
|
41
43
|
cmsSubElementLayer = "cms-sub-element-layer",
|
|
42
44
|
editorHeader = "cms-editor-header",
|
|
@@ -119,6 +121,7 @@ export declare enum CMSElementSelectors {
|
|
|
119
121
|
categoryWidgetElement = "div[data-element-type='categoryWidget']",
|
|
120
122
|
tabsElement = "div[data-element-type='tabs']",
|
|
121
123
|
tabsV2Element = "div[data-element-type='tabs-v2']",
|
|
124
|
+
buyForWithTabsElement = "div[data-element-type='buyForWithTabs']",
|
|
122
125
|
imageHotspot = "div[data-element-type='imageHotspot']",
|
|
123
126
|
gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
|
|
124
127
|
lightBox = "#cms_lt_bx_mn",
|
|
@@ -381,3 +384,22 @@ export declare enum SectionTypeID {
|
|
|
381
384
|
NewsLetter = 10,
|
|
382
385
|
LightBox = 11
|
|
383
386
|
}
|
|
387
|
+
export declare enum PageTypeEnums {
|
|
388
|
+
ALL = 0,
|
|
389
|
+
LOGIN = 1,//Group
|
|
390
|
+
STATIC = 2,////Group
|
|
391
|
+
MY_ACCOUNT = 3,//Group
|
|
392
|
+
HOME = 4,
|
|
393
|
+
PRODUCTS = 5,
|
|
394
|
+
CATEGORY_PRODUCTS = 6,////Group
|
|
395
|
+
ALL_CATEGORIES = 7,
|
|
396
|
+
ALL_BRANDS = 8,
|
|
397
|
+
PRODUCT_COMPARISON = 9,
|
|
398
|
+
CART = 10,
|
|
399
|
+
CHECKOUT = 11,
|
|
400
|
+
ORDER_SUCCESS = 12,
|
|
401
|
+
SEARCH = 13,
|
|
402
|
+
ERROR = 14,
|
|
403
|
+
BRAND_PRODUCTS = 16,
|
|
404
|
+
Allocation = 17
|
|
405
|
+
}
|
|
@@ -4,6 +4,8 @@ interface selfLayoutInterface {
|
|
|
4
4
|
selectorKey: string;
|
|
5
5
|
itemStockText: CMSIBCommonInterface;
|
|
6
6
|
showItemStockText: CMSIBCommonInterface;
|
|
7
|
+
showExpectedReStockDate: CMSIBCommonInterface;
|
|
8
|
+
stockRuleKey: CMSIBCommonInterface;
|
|
7
9
|
}
|
|
8
10
|
export interface selfDesignInterface {
|
|
9
11
|
selectorKey: string;
|
package/dist/widget.scss
CHANGED