@sc-360-v2/storefront-cms-library 0.2.79 → 0.2.81
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/buy-for-tab-container.scss +89 -0
- package/dist/buy-for-tab.scss +579 -0
- package/dist/buy-for-tabs-container-item.scss +80 -0
- package/dist/buyForHeaders.scss +203 -0
- package/dist/{buyFor.scss → buyForPopup.scss} +86 -22
- package/dist/cart-details.scss +1 -1
- package/dist/cart-products-sidebar.scss +201 -0
- package/dist/cartDropdownOverlay.scss +34 -27
- package/dist/checkout.scss +173 -0
- package/dist/layouter.scss +9 -2
- package/dist/light-box-v2.scss +4 -0
- package/dist/quick-links.scss +249 -194
- package/dist/repeater-embla-controls.scss +71 -96
- package/dist/repeater.scss +8 -2
- package/dist/search.scss +30 -0
- package/dist/types/builder/elements/add-order/index.d.ts +1 -1
- package/dist/types/builder/elements/buy-for-tab/index.d.ts +46 -0
- package/dist/types/builder/elements/buy-for-tab-container/index.d.ts +45 -0
- package/dist/types/builder/elements/checkout/index.d.ts +27 -0
- package/dist/types/builder/elements/section/index.d.ts +3 -0
- package/dist/types/builder/elements/toaster/index.d.ts +30 -0
- package/dist/types/builder/enums/index.d.ts +18 -1
- package/dist/types/builder/index.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/bundle.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/buyForTabContainer.d.ts +9 -0
- package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +215 -0
- package/dist/types/builder/tools/element-edit/checkout.d.ts +343 -0
- package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
- package/dist/types/builder/tools/element-edit/quickLinks.d.ts +98 -123
- package/dist/types/builder/tools/element-edit/section.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/storeLocations.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/toaster.d.ts +38 -0
- package/dist/uom-selector.scss +3 -3
- package/dist/widget.scss +7 -2
- package/package.json +1 -1
|
@@ -8,90 +8,11 @@
|
|
|
8
8
|
--_sf-nv-ic-vt: visible;
|
|
9
9
|
--_sf-nv-ic-op: 1;
|
|
10
10
|
}
|
|
11
|
-
// Navigation
|
|
12
|
-
// button {
|
|
13
|
-
// &.embla__btn {
|
|
14
|
-
// position: absolute;
|
|
15
|
-
// z-index: calc(var(--_higher-zIndex, 99999) - 2);
|
|
16
|
-
// --_sf-ic-sz-nn: var(
|
|
17
|
-
// --_ctm-mob-rep-lt-aw-in-se,
|
|
18
|
-
// var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
|
|
19
|
-
// );
|
|
20
|
-
// width: var(--_sf-ic-sz-nn);
|
|
21
|
-
// // --_ctm-rep-lt-dt-se
|
|
22
|
-
// height: var(--_sf-ic-sz-nn);
|
|
23
|
-
// border-radius: var(--_sf-nv-ic-br, 50%);
|
|
24
|
-
// background: var(--_sf-nv-ic-bg, #fff);
|
|
25
|
-
// top: var(--_sf-nv-tp-vl, 50%);
|
|
26
|
-
// transform: translateY(-50%);
|
|
27
|
-
// visibility: var(--_sf-nv-ic-vt, hidden);
|
|
28
|
-
// opacity: var(--_sf-nv-ic-op, 0);
|
|
29
|
-
// transition: all 0.45s ease;
|
|
30
|
-
|
|
31
|
-
// &:hover:not(:disabled) {
|
|
32
|
-
// --_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
|
|
33
|
-
|
|
34
|
-
// svg {
|
|
35
|
-
// path {
|
|
36
|
-
// stroke: #fff;
|
|
37
|
-
// }
|
|
38
|
-
// }
|
|
39
|
-
// }
|
|
40
|
-
// &:disabled {
|
|
41
|
-
// opacity: 0.45;
|
|
42
|
-
// cursor: auto;
|
|
43
|
-
// }
|
|
44
|
-
|
|
45
|
-
// &.embla__prev {
|
|
46
|
-
// left: var(--_sf-nv-lt-vl, 10px);
|
|
47
|
-
// }
|
|
48
|
-
// &.embla__next {
|
|
49
|
-
// right: var(--_sf-nv-lt-vl, 10px);
|
|
50
|
-
// }
|
|
51
|
-
|
|
52
|
-
// & > svg {
|
|
53
|
-
// width: calc(var(--_sf-ic-sz-nn) * 0.5);
|
|
54
|
-
// height: calc(var(--_sf-ic-sz-nn) * 0.5);
|
|
55
|
-
// }
|
|
56
|
-
// }
|
|
57
|
-
// }
|
|
58
|
-
|
|
59
|
-
// :is(.pagination__v1) {
|
|
60
|
-
// position: absolute;
|
|
61
|
-
// z-index: calc(var(--_higher-zIndex, 99999) - 2);
|
|
62
|
-
// left: 50%;
|
|
63
|
-
// transform: translateX(-50%);
|
|
64
|
-
// bottom: var(--_sf-nv-tp-vl, 10px);
|
|
65
|
-
|
|
66
|
-
// display: flex;
|
|
67
|
-
// align-items: center;
|
|
68
|
-
// gap: 8px;
|
|
69
|
-
|
|
70
|
-
// & > button {
|
|
71
|
-
// &.embla__dot {
|
|
72
|
-
// --_sf-ed-vl-sz: var(
|
|
73
|
-
// --_ctm-mob-rep-lt-dt-se,
|
|
74
|
-
// var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
|
|
75
|
-
// );
|
|
76
|
-
// width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
|
|
77
|
-
// height: var(--_sf-ed-vl-sz, 10px);
|
|
78
|
-
// border-radius: var(--_sf-dt-bt-at, 50%);
|
|
79
|
-
// transition: all 0.45s ease;
|
|
80
|
-
// background: var(--_sf-nv-pg-bg, #fff);
|
|
81
|
-
|
|
82
|
-
// &.embla__dot--selected {
|
|
83
|
-
// --_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
|
|
84
|
-
// --_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
|
|
85
|
-
// --_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
|
|
86
|
-
// }
|
|
87
|
-
// }
|
|
88
|
-
// }
|
|
89
|
-
// }
|
|
90
11
|
}
|
|
91
12
|
@include emblaBtnStylesV1($type);
|
|
92
13
|
@include emblaDotsStylesV1($type);
|
|
93
14
|
|
|
94
|
-
@if ($type == 2) {
|
|
15
|
+
@if ($type == 2 or $type == 3) {
|
|
95
16
|
&:is(body[data-iframe-body="true"] *),
|
|
96
17
|
&:hover {
|
|
97
18
|
--_sf-pg-ic-vt: visible;
|
|
@@ -99,13 +20,25 @@
|
|
|
99
20
|
}
|
|
100
21
|
.repeater__control__element {
|
|
101
22
|
position: absolute;
|
|
102
|
-
bottom: 20px;
|
|
103
|
-
left: 50
|
|
104
|
-
transform: translateX(-50%);
|
|
23
|
+
bottom: var(--_sf-t3-bt-bl-v2, 20px);
|
|
24
|
+
left: var(--_sf-t3-lt-vl-v2, 50%);
|
|
25
|
+
transform: var(--_sf-t3-tr-bl-v2, translateX(-50%));
|
|
105
26
|
z-index: calc(var(--_higher-zIndex, 99999) - 2);
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
27
|
+
@if ($type != 3) {
|
|
28
|
+
visibility: var(--_sf-pg-ic-vt, hidden);
|
|
29
|
+
opacity: var(--_sf-pg-ic-op, 0);
|
|
30
|
+
transition: all 0.45s ease;
|
|
31
|
+
} @else {
|
|
32
|
+
min-height: var(
|
|
33
|
+
--_ctm-mob-rep-lt-aw-in-se,
|
|
34
|
+
var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
|
|
35
|
+
);
|
|
36
|
+
--_sf-t3-lt-vl-v2: var(--_sf-rp-ct-t3-left-vl, 50%);
|
|
37
|
+
--_sf-t3-bt-bl-v2: var(--_sf-rp-ct-t3-bottom-vl, 20px);
|
|
38
|
+
--_sf-t3-tr-bl-v2: var(--_sf-rp-ct-t3-transform-vl, translateX(-50%));
|
|
39
|
+
right: var(--_sf-rp-ct-t3-right-vl, auto);
|
|
40
|
+
top: var(--_sf-rp-ct-t3-top-vl, auto);
|
|
41
|
+
}
|
|
109
42
|
|
|
110
43
|
display: flex;
|
|
111
44
|
align-items: center;
|
|
@@ -141,7 +74,14 @@
|
|
|
141
74
|
// --_ctm-rep-lt-dt-se
|
|
142
75
|
height: var(--_sf-ic-sz-nn);
|
|
143
76
|
border-radius: var(--_sf-nv-ic-br, 50%);
|
|
144
|
-
|
|
77
|
+
|
|
78
|
+
@if ($type == 3) {
|
|
79
|
+
--_sf-dd-vl-bg-t3: transparent;
|
|
80
|
+
&:is(body[data-iframe-body="true"] *) {
|
|
81
|
+
pointer-events: none !important;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
background: var(--_sf-nv-ic-bg, var(--_sf-dd-vl-bg-t3, #fff));
|
|
145
85
|
|
|
146
86
|
&:hover:not(:disabled) {
|
|
147
87
|
--_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
|
|
@@ -175,9 +115,21 @@
|
|
|
175
115
|
bottom: var(--_sf-nv-tp-vl, 10px);
|
|
176
116
|
}
|
|
177
117
|
|
|
118
|
+
@if ($type == 3) {
|
|
119
|
+
--_sf-dt-wh-t3: 16px;
|
|
120
|
+
--_sf-dt-ht-t3: 2px;
|
|
121
|
+
// --_sf-dt-br-t3: 100px;
|
|
122
|
+
--_dt-in-active-color: #d6d6d6;
|
|
123
|
+
--_sf-dt-gp-vl: 0px;
|
|
124
|
+
|
|
125
|
+
&:is(body[data-iframe-body="true"] *) {
|
|
126
|
+
pointer-events: none !important;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
178
130
|
display: flex;
|
|
179
131
|
align-items: center;
|
|
180
|
-
gap: 8px;
|
|
132
|
+
gap: var(--_sf-dt-gp-vl, 8px);
|
|
181
133
|
|
|
182
134
|
& > button {
|
|
183
135
|
&.embla__dot {
|
|
@@ -185,20 +137,43 @@
|
|
|
185
137
|
--_ctm-mob-rep-lt-dt-se,
|
|
186
138
|
var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
|
|
187
139
|
);
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
140
|
+
@if ($type != 3) {
|
|
141
|
+
transition: all 0.45s ease;
|
|
142
|
+
width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
|
|
143
|
+
height: var(--_sf-ed-vl-sz, 10px);
|
|
144
|
+
border-radius: var(--_sf-dt-bt-at, 50%);
|
|
145
|
+
background: var(--_sf-nv-pg-bg, #fff);
|
|
146
|
+
|
|
147
|
+
&:not(.embla__dot--selected) {
|
|
148
|
+
border: 1px solid color-mix(in srgb, var(--_sf-sl-ct-ic-dt-at-cl) 30%, transparent);
|
|
149
|
+
}
|
|
150
|
+
} @else if($type == 3) {
|
|
151
|
+
width: var(--_sf-dt-at-wh-t3, var(--_sf-dt-wh-t3, 10px));
|
|
152
|
+
height: var(--_sf-dt-at-ht-t3, var(--_sf-dt-ht-t3, 10px));
|
|
153
|
+
border-radius: var(--_sf-dt-at-br-t3, var(--_sf-dt-bt-at, 0px));
|
|
154
|
+
background: var(--_sf-nv-pg-bg, var(--_dt-in-active-color));
|
|
155
|
+
|
|
156
|
+
&:not(.embla__dot--selected) {
|
|
157
|
+
--_sf-br-vl-t3: 16px;
|
|
158
|
+
&:nth-of-type(1) {
|
|
159
|
+
--_sf-dt-bt-at: var(--_sf-br-vl-t3) 0px 0px var(--_sf-br-vl-t3);
|
|
160
|
+
}
|
|
161
|
+
&:last-of-type {
|
|
162
|
+
--_sf-dt-bt-at: 0px var(--_sf-br-vl-t3) var(--_sf-br-vl-t3) 0px;
|
|
163
|
+
}
|
|
164
|
+
}
|
|
196
165
|
}
|
|
197
166
|
|
|
198
167
|
&.embla__dot--selected {
|
|
199
168
|
--_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
|
|
200
169
|
--_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
|
|
201
170
|
--_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
|
|
171
|
+
|
|
172
|
+
@if ($type == 3) {
|
|
173
|
+
--_sf-dt-at-wh-t3: calc(2 * var(--_sf-dt-wh-t3));
|
|
174
|
+
--_sf-dt-at-ht-t3: 6px;
|
|
175
|
+
--_sf-dt-at-br-t3: var(--_sf-dt-at-ht-t3);
|
|
176
|
+
}
|
|
202
177
|
}
|
|
203
178
|
}
|
|
204
179
|
}
|
package/dist/repeater.scss
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
@use "sass:list";
|
|
3
3
|
@use "./repeater-embla-controls.scss" as *;
|
|
4
4
|
$childItemSelector: '[data-element-type="repeater-item"]';
|
|
5
|
+
$sliderControlDragging: "[flex-slider-control-moving='true']";
|
|
5
6
|
$rai: "repeater-advertise-item";
|
|
6
7
|
[data-div-type="element"] {
|
|
7
8
|
&[data-element-type="repeater"] {
|
|
@@ -212,7 +213,9 @@ $rai: "repeater-advertise-item";
|
|
|
212
213
|
}
|
|
213
214
|
|
|
214
215
|
&.sld {
|
|
215
|
-
|
|
216
|
+
&:is(:not(#{$sliderControlDragging} *)) {
|
|
217
|
+
overflow: clip;
|
|
218
|
+
}
|
|
216
219
|
height: auto;
|
|
217
220
|
--_sf-sl-ct-ic-dt-at-cl: var(
|
|
218
221
|
--_ctm-mob-rep-lt-cl-ae-cr,
|
|
@@ -221,8 +224,11 @@ $rai: "repeater-advertise-item";
|
|
|
221
224
|
// &:is([data-control-type="1"]) {
|
|
222
225
|
// @include CMSRepeaterEmblaControlStyles(1);
|
|
223
226
|
// }
|
|
224
|
-
@for $i from 1 through
|
|
227
|
+
@for $i from 1 through 3 {
|
|
225
228
|
&:is([data-control-type="#{$i}"]) {
|
|
229
|
+
@if ($i == 3) {
|
|
230
|
+
overflow-y: visible;
|
|
231
|
+
}
|
|
226
232
|
@include CMSRepeaterEmblaControlStyles($i);
|
|
227
233
|
}
|
|
228
234
|
}
|
package/dist/search.scss
CHANGED
|
@@ -157,6 +157,36 @@
|
|
|
157
157
|
}
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
+
.dropdown-options {
|
|
161
|
+
list-style: none;
|
|
162
|
+
padding: 0;
|
|
163
|
+
margin: 4px 0 0;
|
|
164
|
+
max-height: 200px;
|
|
165
|
+
overflow-y: auto;
|
|
166
|
+
border: 1px solid #ccc;
|
|
167
|
+
border-radius: 8px;
|
|
168
|
+
background: white;
|
|
169
|
+
position: absolute;
|
|
170
|
+
width: 100%;
|
|
171
|
+
z-index: 1000;
|
|
172
|
+
display: none; /* Hidden by default */
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.dropdown-option {
|
|
176
|
+
padding: 10px;
|
|
177
|
+
cursor: pointer;
|
|
178
|
+
transition: background 0.2s;
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.dropdown-option:hover {
|
|
182
|
+
background-color: #f0f0f0;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
/* Optional: show dropdown when input is focused (basic) */
|
|
186
|
+
.dropdown:focus-within .dropdown-options {
|
|
187
|
+
display: block;
|
|
188
|
+
}
|
|
189
|
+
|
|
160
190
|
&[data-show-shadow="false"] {
|
|
161
191
|
--_show-shadow: none;
|
|
162
192
|
}
|
|
@@ -15,7 +15,7 @@ export interface AddOrderStyleProperties extends CommonStyleProperties {
|
|
|
15
15
|
alignSelf?: AlignSelfValue;
|
|
16
16
|
}
|
|
17
17
|
export declare const getDefaultStyles: () => AddOrderStyleProperties;
|
|
18
|
-
export interface
|
|
18
|
+
export interface CMSAddOrderInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
19
19
|
attributes: {
|
|
20
20
|
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
21
21
|
BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
2
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
3
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes } from "../common";
|
|
5
|
+
export interface BuyForTabsStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight: string;
|
|
7
|
+
minWidth: string;
|
|
8
|
+
maxWidth: string;
|
|
9
|
+
maxHeight: string;
|
|
10
|
+
gridArea: string;
|
|
11
|
+
display: DisplayValue;
|
|
12
|
+
boxSizing: string;
|
|
13
|
+
rowGap: string;
|
|
14
|
+
columnGap: string;
|
|
15
|
+
gridTemplateRows: string;
|
|
16
|
+
gridTemplateColumns: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const getDefaultStyles: () => BuyForTabsStyleProperties;
|
|
19
|
+
export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
|
|
20
|
+
role?: string;
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
ariaDescribedBy?: string;
|
|
23
|
+
id?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
lang?: string;
|
|
26
|
+
dataMeta?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface BuyForTabsElementInterface {
|
|
29
|
+
id?: string | number;
|
|
30
|
+
uniqueKey?: string | number;
|
|
31
|
+
attributes?: {
|
|
32
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
|
|
33
|
+
HTML?: CommonContainerElementAttributes;
|
|
34
|
+
CUSTOM?: any;
|
|
35
|
+
};
|
|
36
|
+
styles?: BuyForTabsStyleProperties;
|
|
37
|
+
editedStyles?: CommonStyleProperties;
|
|
38
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
39
|
+
children: any;
|
|
40
|
+
childIds: any[];
|
|
41
|
+
previewImage?: string;
|
|
42
|
+
isMaximized?: boolean;
|
|
43
|
+
parentKey?: any;
|
|
44
|
+
childIdsV2?: any[];
|
|
45
|
+
builderAt?: number;
|
|
46
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
2
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
3
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes } from "../common";
|
|
5
|
+
export interface BuyForTabsContainerStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight: string;
|
|
7
|
+
minWidth: string;
|
|
8
|
+
maxWidth: string;
|
|
9
|
+
maxHeight: string;
|
|
10
|
+
gridArea: string;
|
|
11
|
+
display: DisplayValue;
|
|
12
|
+
boxSizing: string;
|
|
13
|
+
rowGap: string;
|
|
14
|
+
columnGap: string;
|
|
15
|
+
gridTemplateRows: string;
|
|
16
|
+
gridTemplateColumns: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const getDefaultStyles: () => BuyForTabsContainerStyleProperties;
|
|
19
|
+
export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
|
|
20
|
+
role?: string;
|
|
21
|
+
ariaLabel?: string;
|
|
22
|
+
ariaDescribedBy?: string;
|
|
23
|
+
id?: string;
|
|
24
|
+
className?: string;
|
|
25
|
+
lang?: string;
|
|
26
|
+
dataMeta?: string;
|
|
27
|
+
}
|
|
28
|
+
export interface BuyForTabsContainerElementInterface {
|
|
29
|
+
id?: string | number;
|
|
30
|
+
uniqueKey?: string | number;
|
|
31
|
+
attributes?: {
|
|
32
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
|
|
33
|
+
HTML?: CommonContainerElementAttributes;
|
|
34
|
+
CUSTOM?: any;
|
|
35
|
+
};
|
|
36
|
+
styles?: BuyForTabsContainerStyleProperties;
|
|
37
|
+
editedStyles?: CommonStyleProperties;
|
|
38
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
39
|
+
children: any;
|
|
40
|
+
childIds: any[];
|
|
41
|
+
previewImage?: string;
|
|
42
|
+
isMaximized?: boolean;
|
|
43
|
+
parentKey?: any;
|
|
44
|
+
childIdsV2?: any[];
|
|
45
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
2
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface CheckoutStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight?: MinHeightValue;
|
|
7
|
+
height?: HeightValue;
|
|
8
|
+
minWidth?: MinWidthValue;
|
|
9
|
+
maxWidth?: MaxWidthValue;
|
|
10
|
+
maxHeight?: MaxHeightValue;
|
|
11
|
+
gridArea?: GridAreaValue;
|
|
12
|
+
boxSizing?: BoxSizingValue;
|
|
13
|
+
padding?: PaddingValue;
|
|
14
|
+
justifySelf?: JustifySelfValue;
|
|
15
|
+
alignSelf?: AlignSelfValue;
|
|
16
|
+
}
|
|
17
|
+
export declare const getDefaultStyles: () => CheckoutStyleProperties;
|
|
18
|
+
export interface CMSCheckoutInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
19
|
+
attributes: {
|
|
20
|
+
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
21
|
+
BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
|
|
22
|
+
CUSTOM: any;
|
|
23
|
+
};
|
|
24
|
+
styles: CheckoutStyleProperties;
|
|
25
|
+
childrenStyles?: CommonStyleProperties;
|
|
26
|
+
content?: string;
|
|
27
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalImageAttributes, CommonBuilderAttributes } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface ToasterStyleProperties {
|
|
6
|
+
minHeight?: MinHeightValue;
|
|
7
|
+
height?: HeightValue;
|
|
8
|
+
minWidth?: MinWidthValue;
|
|
9
|
+
maxWidth?: MaxWidthValue;
|
|
10
|
+
maxHeight?: MaxHeightValue;
|
|
11
|
+
boxSizing?: BoxSizingValue;
|
|
12
|
+
padding?: PaddingValue;
|
|
13
|
+
marginLeft?: MarginValue;
|
|
14
|
+
marginTop?: MarginValue;
|
|
15
|
+
marginBottom?: MarginValue;
|
|
16
|
+
marginRight?: MarginValue;
|
|
17
|
+
justifySelf?: JustifySelfValue;
|
|
18
|
+
alignSelf?: AlignSelfValue;
|
|
19
|
+
gridArea?: GridAreaValue;
|
|
20
|
+
}
|
|
21
|
+
export declare const getDefaultToasterStyles: () => ToasterStyleProperties;
|
|
22
|
+
export interface CMSToasterInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
23
|
+
attributes: {
|
|
24
|
+
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
25
|
+
BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
|
|
26
|
+
CUSTOM: any;
|
|
27
|
+
};
|
|
28
|
+
styles: ToasterStyleProperties;
|
|
29
|
+
childrenStyles?: CommonStyleProperties;
|
|
30
|
+
}
|
|
@@ -292,6 +292,9 @@ export declare const CMSElementsListEnum: {
|
|
|
292
292
|
MARCHANDISER_SETS: string;
|
|
293
293
|
QUICK_LINKS: string;
|
|
294
294
|
ADD_ORDER: string;
|
|
295
|
+
BUY_FOR_WITH_TABS: string;
|
|
296
|
+
BUY_FOR_TABS_CONTENT_CONTAINER: string;
|
|
297
|
+
TOASTER: string;
|
|
295
298
|
};
|
|
296
299
|
export declare enum CMSResponsiveModeEnums {
|
|
297
300
|
DESKTOP = "desktop",
|
|
@@ -347,7 +350,8 @@ export declare enum CMSCustomEventsListEnums {
|
|
|
347
350
|
UOMSELECTOR = "uomSelectorV1",
|
|
348
351
|
TEXTELEMENTCODEVIEW = "textElementCodeView",
|
|
349
352
|
PRODUCT_DETAILS_STATE = "productDetailsState",
|
|
350
|
-
IMAGE_CROP = "imageCrop"
|
|
353
|
+
IMAGE_CROP = "imageCrop",
|
|
354
|
+
IMAGE_CROP_TEMP_DATA = "imageCropTempData"
|
|
351
355
|
}
|
|
352
356
|
export declare enum FlexAppVersionEnums {
|
|
353
357
|
NESTEDJSON = 1,
|
|
@@ -359,3 +363,16 @@ export declare enum FlexDefaultValues {
|
|
|
359
363
|
export declare enum SkeletonItems {
|
|
360
364
|
PLACEHOLDER_IMAGE = "/00000000-0000-0000-0000-000000000000/development/img-placeholder.jpg"
|
|
361
365
|
}
|
|
366
|
+
export declare enum SectionTypeID {
|
|
367
|
+
Header = 1,
|
|
368
|
+
Footer = 2,
|
|
369
|
+
PageSection = 3,
|
|
370
|
+
MarketingBanner = 4,
|
|
371
|
+
ProductsForSale = 5,
|
|
372
|
+
Categories = 6,
|
|
373
|
+
NewArrivalProducts = 7,
|
|
374
|
+
Testimonials = 8,
|
|
375
|
+
ContactUs = 9,
|
|
376
|
+
NewsLetter = 10,
|
|
377
|
+
LightBox = 11
|
|
378
|
+
}
|
|
@@ -40,6 +40,7 @@ import * as interfaces from "./interfaces/global";
|
|
|
40
40
|
import * as ElementEditSchema from "./tools/element-edit/index";
|
|
41
41
|
import * as lightboxSchema from "./elements/lightbox/index";
|
|
42
42
|
import * as cartSchema from "./elements/cart/index";
|
|
43
|
+
import * as checkoutSchema from "./elements/checkout/index";
|
|
43
44
|
import * as profileSchema from "./elements/profile/index";
|
|
44
45
|
import * as repeaterSchema from "./elements/repeater/index";
|
|
45
46
|
import * as brandSchema from "./elements/brand/index";
|
|
@@ -64,4 +65,7 @@ import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
|
|
|
64
65
|
import * as formBuilder from "./elements/form-builder/index";
|
|
65
66
|
import * as quickLinksSchema from "./elements/quick-links/index";
|
|
66
67
|
import * as addOrderSchema from "./elements/add-order/index";
|
|
67
|
-
|
|
68
|
+
import * as buyForTabsSchema from "./elements/buy-for-tab/index";
|
|
69
|
+
import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/index";
|
|
70
|
+
import * as toasterSchema from "./elements/toaster/index";
|
|
71
|
+
export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, };
|
|
@@ -6,6 +6,21 @@ interface selfLayoutInterface {
|
|
|
6
6
|
selectorKey: string;
|
|
7
7
|
bundleType: CMSIBCommonInterface;
|
|
8
8
|
displayType: CMSIBCommonInterface;
|
|
9
|
+
scrollType: CMSIBCommonInterface;
|
|
10
|
+
showArrows: CMSIBCommonInterface;
|
|
11
|
+
allowAutoScroll: CMSIBCommonInterface;
|
|
12
|
+
loopItems: CMSIBCommonInterface;
|
|
13
|
+
showDots: CMSIBCommonInterface;
|
|
14
|
+
templates: CMSIBCommonInterface;
|
|
15
|
+
gridType: CMSIBCommonInterface;
|
|
16
|
+
displayListType: CMSIBCommonInterface;
|
|
17
|
+
overflowItems: CMSIBCommonInterface;
|
|
18
|
+
noOfItemsPerRow: CMSIBCommonInterface;
|
|
19
|
+
maxNoItemsToShow: CMSIBCommonInterface;
|
|
20
|
+
itemSpacing: CMSIBCommonInterface;
|
|
21
|
+
itemPadding: CMSIBCommonInterface;
|
|
22
|
+
showDivider: CMSIBCommonInterface;
|
|
23
|
+
itemGap: CMSIBCommonInterface;
|
|
9
24
|
}
|
|
10
25
|
export interface selfDesignInterface {
|
|
11
26
|
selectorKey: string;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface selfDesignInterface {
|
|
3
|
+
selectorKey: string;
|
|
4
|
+
}
|
|
5
|
+
export declare enum selfSelectorKeysEnum {
|
|
6
|
+
LAYOUT = "layout",
|
|
7
|
+
DESIGN = "design"
|
|
8
|
+
}
|
|
9
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|