@sc-360-v2/storefront-cms-library 0.2.92 → 0.2.94
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 +14 -0
- package/dist/cart-details.scss +15 -2
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/map.scss +148 -5
- package/dist/types/builder/elements/form-builder/index.d.ts +10 -0
- package/dist/types/builder/elements/icon-list/index.d.ts +40 -0
- package/dist/types/builder/enums/index.d.ts +13 -2
- package/dist/types/builder/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/common.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/icon-list.d.ts +164 -0
- package/dist/types/builder/tools/element-edit/index.d.ts +2 -1
- package/dist/types/builder/tools/element-edit/product-image.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/repeater.d.ts +7 -0
- package/dist/types/builder/tools/element-edit/spotlight.d.ts +55 -3
- package/dist/types/global/types.d.ts +4 -0
- package/package.json +1 -1
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;
|
|
@@ -52,6 +52,7 @@ export interface FormComponentConfig {
|
|
|
52
52
|
state: boolean;
|
|
53
53
|
};
|
|
54
54
|
required: boolean;
|
|
55
|
+
isMultiple?: boolean;
|
|
55
56
|
placeholder: {
|
|
56
57
|
value: string;
|
|
57
58
|
state: boolean;
|
|
@@ -73,11 +74,20 @@ export interface FormComponentConfig {
|
|
|
73
74
|
captionsSrc?: string;
|
|
74
75
|
href?: string;
|
|
75
76
|
html?: string;
|
|
77
|
+
showElementProperties: ElementSettingEnum[];
|
|
76
78
|
type: FormComponentTypeEnum;
|
|
77
79
|
fieldType: FormElementTypeEnum;
|
|
78
80
|
w: number;
|
|
79
81
|
h: number;
|
|
80
82
|
}
|
|
83
|
+
export declare enum ElementSettingEnum {
|
|
84
|
+
LABEL = 1,
|
|
85
|
+
REQUIRED = 2,
|
|
86
|
+
PLACEHOLDER = 3,
|
|
87
|
+
DESCRIPTION = 4,
|
|
88
|
+
LIMIT_CHARACTER = 5,
|
|
89
|
+
MULTI_TOGGLE = 6
|
|
90
|
+
}
|
|
81
91
|
export interface SidebarElementItem extends FormComponentConfig {
|
|
82
92
|
categoryId?: number;
|
|
83
93
|
subcategoryId?: number;
|
|
@@ -0,0 +1,40 @@
|
|
|
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 IconListStyleProperties extends CommonStyleProperties {
|
|
6
|
+
minHeight: string;
|
|
7
|
+
minWidth: string;
|
|
8
|
+
maxWidth: string;
|
|
9
|
+
maxHeight: string;
|
|
10
|
+
gridArea: string;
|
|
11
|
+
display: DisplayValue;
|
|
12
|
+
boxSizing: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const getDefaultStyles: () => IconListStyleProperties;
|
|
15
|
+
export interface CommonContainerElementAttributes extends CMSHTMLAttributes {
|
|
16
|
+
role?: string;
|
|
17
|
+
ariaLabel?: string;
|
|
18
|
+
ariaDescribedBy?: string;
|
|
19
|
+
id?: string;
|
|
20
|
+
className?: string;
|
|
21
|
+
lang?: string;
|
|
22
|
+
dataMeta?: string;
|
|
23
|
+
}
|
|
24
|
+
export interface IconListElementInterface {
|
|
25
|
+
id?: string | number;
|
|
26
|
+
uniqueKey?: string | number;
|
|
27
|
+
attributes?: {
|
|
28
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
|
|
29
|
+
HTML?: CommonContainerElementAttributes;
|
|
30
|
+
CUSTOM?: any;
|
|
31
|
+
};
|
|
32
|
+
styles?: IconListStyleProperties;
|
|
33
|
+
editedStyles?: CommonStyleProperties;
|
|
34
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
35
|
+
children: any;
|
|
36
|
+
childIds: any[];
|
|
37
|
+
previewImage?: string;
|
|
38
|
+
parentKey?: any;
|
|
39
|
+
childIdsV2?: any[];
|
|
40
|
+
}
|
|
@@ -65,7 +65,8 @@ export declare enum CMSToolIdTypes {
|
|
|
65
65
|
lightBox = "cms_lt_bx_mn",
|
|
66
66
|
lightBoxV2Wrapper = "cms-light-box-wrapper",
|
|
67
67
|
marchandiserSetsWrapper = "cms-marchandiser-sets-wrapper",
|
|
68
|
-
spotlightWrapper = "cms-spotlight-wrapper"
|
|
68
|
+
spotlightWrapper = "cms-spotlight-wrapper",
|
|
69
|
+
TEXTELEMENTDOBLECLICK = "data-cms-tt-ee-dbl-clkd"
|
|
69
70
|
}
|
|
70
71
|
export declare enum CMSElementSelectors {
|
|
71
72
|
iframeSelector = "iframe[data-title='iframe__playground']",
|
|
@@ -303,6 +304,7 @@ export declare const CMSElementsListEnum: {
|
|
|
303
304
|
SPOTLIGHT: string;
|
|
304
305
|
BUNDLE_DETAILS: string;
|
|
305
306
|
PRODUCT_CUSTOMIZATIONS: string;
|
|
307
|
+
ICON_LIST: string;
|
|
306
308
|
};
|
|
307
309
|
export declare enum CMSResponsiveModeEnums {
|
|
308
310
|
DESKTOP = "desktop",
|
|
@@ -325,6 +327,10 @@ export declare enum CMSRepeaterSliderControlTypes {
|
|
|
325
327
|
DOTS = "Dots",
|
|
326
328
|
NONE = "None"
|
|
327
329
|
}
|
|
330
|
+
export declare enum CMSRepeaterViewTypes {
|
|
331
|
+
GRID = "grid",
|
|
332
|
+
LIST = "list"
|
|
333
|
+
}
|
|
328
334
|
export declare enum FliterTypes {
|
|
329
335
|
BRAND_FILTER = 1,
|
|
330
336
|
CATEGORY_FILTER = 2,
|
|
@@ -359,7 +365,8 @@ export declare enum CMSCustomEventsListEnums {
|
|
|
359
365
|
TEXTELEMENTCODEVIEW = "textElementCodeView",
|
|
360
366
|
PRODUCT_DETAILS_STATE = "productDetailsState",
|
|
361
367
|
IMAGE_CROP = "imageCrop",
|
|
362
|
-
IMAGE_CROP_TEMP_DATA = "imageCropTempData"
|
|
368
|
+
IMAGE_CROP_TEMP_DATA = "imageCropTempData",
|
|
369
|
+
FORM_BUILDR_STATE = "formBuilderState"
|
|
363
370
|
}
|
|
364
371
|
export declare enum FlexAppVersionEnums {
|
|
365
372
|
NESTEDJSON = 1,
|
|
@@ -403,3 +410,7 @@ export declare enum PageTypeEnums {
|
|
|
403
410
|
BRAND_PRODUCTS = 16,
|
|
404
411
|
Allocation = 17
|
|
405
412
|
}
|
|
413
|
+
export declare enum FlexRepeaterControlDragType {
|
|
414
|
+
SLIDER_CONTROL = 1,
|
|
415
|
+
GRID_TOGGLE = 2
|
|
416
|
+
}
|
|
@@ -70,4 +70,5 @@ import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/ind
|
|
|
70
70
|
import * as toasterSchema from "./elements/toaster/index";
|
|
71
71
|
import * as spotlightSchema from "./elements/spotlight";
|
|
72
72
|
import * as productCustomizationsSchema from "./elements/product-customizations/index";
|
|
73
|
-
|
|
73
|
+
import * as iconListSchema from "./elements/icon-list/index";
|
|
74
|
+
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, spotlightSchema, productCustomizationsSchema, iconListSchema, };
|
|
@@ -77,6 +77,7 @@ export interface CMSElementEditPopupDesignInterface {
|
|
|
77
77
|
iconSize: CMSIBSizeInterface;
|
|
78
78
|
iconColor: CMSIBCommonInterface;
|
|
79
79
|
showIcon?: CMSIBCommonInterface;
|
|
80
|
+
showDivider?: CMSIBCommonInterface;
|
|
80
81
|
dividerWidth: CMSIBSizeInterface;
|
|
81
82
|
overlayColor: CMSIBCommonInterface;
|
|
82
83
|
textPosition: CMSIBCommonInterface;
|
|
@@ -0,0 +1,164 @@
|
|
|
1
|
+
import { CMSCSSUnitTypesEnums, CMSElementEditTypes } from "../../enums";
|
|
2
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
3
|
+
declare enum SelectorKeysEnum {
|
|
4
|
+
LAYOUT = "layout",
|
|
5
|
+
CONTENT = "content",
|
|
6
|
+
DESIGN = "design",
|
|
7
|
+
DEFAULT_STATE = "defaultState",
|
|
8
|
+
HOVER_STATE = "hoverState",
|
|
9
|
+
LIST = "list",
|
|
10
|
+
ICON = "icon",
|
|
11
|
+
TEXT = "text"
|
|
12
|
+
}
|
|
13
|
+
export declare const getDefaultData: () => {
|
|
14
|
+
layout: {
|
|
15
|
+
selectorKey: SelectorKeysEnum;
|
|
16
|
+
width: {
|
|
17
|
+
[key: string]: any;
|
|
18
|
+
} | undefined;
|
|
19
|
+
height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
|
|
20
|
+
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
21
|
+
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
22
|
+
overflowContent: CMSIBCommonInterface | undefined;
|
|
23
|
+
scrollDirection: CMSIBCommonInterface | undefined;
|
|
24
|
+
displayScrollbar: CMSIBCommonInterface | undefined;
|
|
25
|
+
positionType: CMSIBCommonInterface | undefined;
|
|
26
|
+
pinTo: CMSIBCommonInterface | undefined;
|
|
27
|
+
};
|
|
28
|
+
design: {
|
|
29
|
+
selectorKey: SelectorKeysEnum;
|
|
30
|
+
list: {
|
|
31
|
+
listGap: {
|
|
32
|
+
value: number;
|
|
33
|
+
unit: CMSCSSUnitTypesEnums;
|
|
34
|
+
property: string;
|
|
35
|
+
propertyType: CMSElementEditTypes;
|
|
36
|
+
};
|
|
37
|
+
showDivider: {
|
|
38
|
+
value: boolean;
|
|
39
|
+
parentRef: string;
|
|
40
|
+
property?: any;
|
|
41
|
+
propertyType?: any;
|
|
42
|
+
isReadOnly?: boolean | undefined;
|
|
43
|
+
};
|
|
44
|
+
dividerStyle: {
|
|
45
|
+
property: string;
|
|
46
|
+
value?: any;
|
|
47
|
+
propertyType?: any;
|
|
48
|
+
isReadOnly?: boolean | undefined;
|
|
49
|
+
parentRef?: string | undefined;
|
|
50
|
+
};
|
|
51
|
+
dividerWidth: {
|
|
52
|
+
value: string;
|
|
53
|
+
property: string;
|
|
54
|
+
unit: CMSCSSUnitTypesEnums;
|
|
55
|
+
propertyType: CMSElementEditTypes;
|
|
56
|
+
};
|
|
57
|
+
dividerWeight: {
|
|
58
|
+
value: string;
|
|
59
|
+
property: string;
|
|
60
|
+
unit: CMSCSSUnitTypesEnums;
|
|
61
|
+
propertyType: CMSElementEditTypes;
|
|
62
|
+
};
|
|
63
|
+
dividerColor: {
|
|
64
|
+
property: string;
|
|
65
|
+
value: null;
|
|
66
|
+
parentRef: string;
|
|
67
|
+
propertyType?: any;
|
|
68
|
+
isReadOnly?: boolean | undefined;
|
|
69
|
+
};
|
|
70
|
+
borderColor: CMSIBCommonInterface;
|
|
71
|
+
borderStyle: CMSIBCommonInterface;
|
|
72
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
73
|
+
showBorder: CMSIBCommonInterface;
|
|
74
|
+
backgroundColor: CMSIBCommonInterface;
|
|
75
|
+
showShadow: CMSIBCommonInterface;
|
|
76
|
+
shadowColor: CMSIBCommonInterface;
|
|
77
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
78
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
79
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
80
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
81
|
+
selectorKey: SelectorKeysEnum;
|
|
82
|
+
};
|
|
83
|
+
icon: {
|
|
84
|
+
selectorKey: SelectorKeysEnum;
|
|
85
|
+
defaultState: {
|
|
86
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
87
|
+
showIcon: {
|
|
88
|
+
value: null;
|
|
89
|
+
parentRef: string;
|
|
90
|
+
property?: any;
|
|
91
|
+
propertyType?: any;
|
|
92
|
+
isReadOnly?: boolean | undefined;
|
|
93
|
+
};
|
|
94
|
+
iconSize: {
|
|
95
|
+
value: null;
|
|
96
|
+
parentRef: string;
|
|
97
|
+
unit?: string | number | undefined;
|
|
98
|
+
property?: any;
|
|
99
|
+
propertyType?: any;
|
|
100
|
+
isReadOnly?: boolean | undefined;
|
|
101
|
+
};
|
|
102
|
+
iconColor: {
|
|
103
|
+
value: null;
|
|
104
|
+
parentRef: string;
|
|
105
|
+
property?: any;
|
|
106
|
+
propertyType?: any;
|
|
107
|
+
isReadOnly?: boolean | undefined;
|
|
108
|
+
};
|
|
109
|
+
verticalAlignment: {
|
|
110
|
+
value: string;
|
|
111
|
+
property: string;
|
|
112
|
+
propertyType: CMSElementEditTypes;
|
|
113
|
+
};
|
|
114
|
+
iconGap: {
|
|
115
|
+
value: number;
|
|
116
|
+
unit: CMSCSSUnitTypesEnums;
|
|
117
|
+
property: string;
|
|
118
|
+
propertyType: CMSElementEditTypes;
|
|
119
|
+
};
|
|
120
|
+
selectorKey: SelectorKeysEnum;
|
|
121
|
+
};
|
|
122
|
+
hoverState: {
|
|
123
|
+
selectorKey: SelectorKeysEnum;
|
|
124
|
+
};
|
|
125
|
+
};
|
|
126
|
+
text: {
|
|
127
|
+
selectorKey: SelectorKeysEnum;
|
|
128
|
+
defaultState: {
|
|
129
|
+
theme: CMSIBCommonInterface;
|
|
130
|
+
font: CMSIBCommonInterface;
|
|
131
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
132
|
+
textColor: CMSIBCommonInterface;
|
|
133
|
+
bold: CMSIBCommonInterface;
|
|
134
|
+
italic: CMSIBCommonInterface;
|
|
135
|
+
linethrough: CMSIBCommonInterface;
|
|
136
|
+
underline: CMSIBCommonInterface;
|
|
137
|
+
textAlign: CMSIBCommonInterface;
|
|
138
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
139
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
140
|
+
selectorKey: SelectorKeysEnum;
|
|
141
|
+
};
|
|
142
|
+
hoverState: {
|
|
143
|
+
selectorKey: SelectorKeysEnum;
|
|
144
|
+
};
|
|
145
|
+
};
|
|
146
|
+
};
|
|
147
|
+
content: {
|
|
148
|
+
selectorKey: SelectorKeysEnum;
|
|
149
|
+
listContent: {
|
|
150
|
+
value: {
|
|
151
|
+
title: string;
|
|
152
|
+
contentSource: {
|
|
153
|
+
title: string;
|
|
154
|
+
icon: import("../../interfaces/global").CMSIBIconInterface | undefined;
|
|
155
|
+
content: {};
|
|
156
|
+
};
|
|
157
|
+
key: string;
|
|
158
|
+
}[];
|
|
159
|
+
property: string;
|
|
160
|
+
propertyType: CMSElementEditTypes;
|
|
161
|
+
};
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
|
+
export {};
|
|
@@ -85,4 +85,5 @@ import * as buyForTabsContainer from "./buyForTabContainer";
|
|
|
85
85
|
import * as toaster from "./toaster";
|
|
86
86
|
import * as spotlight from "./spotlight";
|
|
87
87
|
import * as productCustomizations from "./productCustomizations";
|
|
88
|
-
|
|
88
|
+
import * as iconList from "./icon-list";
|
|
89
|
+
export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, productCustomizations, iconList, };
|
|
@@ -2,6 +2,7 @@ import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/globa
|
|
|
2
2
|
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
3
|
interface selfLayoutInterface {
|
|
4
4
|
selectorKey: string;
|
|
5
|
+
zoomType: CMSIBCommonInterface;
|
|
5
6
|
displayStyle: CMSIBCommonInterface;
|
|
6
7
|
scrollDirection: CMSIBCommonInterface;
|
|
7
8
|
noOfItemsToLoad: CMSIBCommonInterface;
|
|
@@ -8,6 +8,7 @@ interface selfLayoutInterface {
|
|
|
8
8
|
value: RepeaterDisplayStyleType;
|
|
9
9
|
};
|
|
10
10
|
itemGap: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
|
|
11
|
+
itemGapList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & PaddingProps;
|
|
11
12
|
justifyContent: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
12
13
|
value: JustifyContentValue;
|
|
13
14
|
};
|
|
@@ -26,6 +27,10 @@ interface selfLayoutInterface {
|
|
|
26
27
|
value: string | number | any;
|
|
27
28
|
unit: CMSCSSUnitTypesEnums;
|
|
28
29
|
};
|
|
30
|
+
rowMinHeightList: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
31
|
+
value: string | number | any;
|
|
32
|
+
unit: CMSCSSUnitTypesEnums;
|
|
33
|
+
};
|
|
29
34
|
setItemsPerSlide: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
30
35
|
value: string | number | any;
|
|
31
36
|
};
|
|
@@ -47,6 +52,8 @@ interface selfLayoutInterface {
|
|
|
47
52
|
stopOnMouseEnter: CMSIBCommonInterface;
|
|
48
53
|
stopOnInteraction: CMSIBCommonInterface;
|
|
49
54
|
displayAds: CMSIBCommonInterface;
|
|
55
|
+
activeView: CMSIBCommonInterface;
|
|
56
|
+
enableListView: CMSIBCommonInterface;
|
|
50
57
|
loadMoreItemsOn: CMSIBCommonInterface;
|
|
51
58
|
}
|
|
52
59
|
export interface selfDesignInterface {
|
|
@@ -1,9 +1,60 @@
|
|
|
1
|
-
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
1
|
+
import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
|
|
2
2
|
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
import { SpotlightSectionType, RepeaterSliderControlTypes, StackDirectionType, SpotlightLineDisplayType, SpotlightLineType, SpotlightDisplayStyleType } from "../../../global/types";
|
|
3
4
|
interface selfLayoutInterface {
|
|
4
5
|
selectorKey: string;
|
|
5
|
-
spotlightText: CMSIBCommonInterface;
|
|
6
6
|
showSpotlightText: CMSIBCommonInterface;
|
|
7
|
+
spotlightSectionTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
8
|
+
value: SpotlightSectionType;
|
|
9
|
+
};
|
|
10
|
+
spotlightSectionType: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
11
|
+
value: SpotlightDisplayStyleType;
|
|
12
|
+
};
|
|
13
|
+
direction: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
14
|
+
value: StackDirectionType;
|
|
15
|
+
};
|
|
16
|
+
hotspotTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
17
|
+
value: SpotlightSectionType;
|
|
18
|
+
};
|
|
19
|
+
hotspotLineDisplayControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
20
|
+
value: SpotlightLineDisplayType;
|
|
21
|
+
};
|
|
22
|
+
hotspotLineTypeControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
23
|
+
value: SpotlightLineType;
|
|
24
|
+
};
|
|
25
|
+
sliderControl: Pick<CMSIBCommonInterface, "property" | "propertyType"> & {
|
|
26
|
+
value: RepeaterSliderControlTypes;
|
|
27
|
+
};
|
|
28
|
+
showThumbnailSliderControls: CMSIBCommonInterface;
|
|
29
|
+
showSliderNavigationControls: CMSIBCommonInterface;
|
|
30
|
+
sliderNavigationControlsSize: CMSIBSizeInterface;
|
|
31
|
+
showPaginationDots: CMSIBCommonInterface;
|
|
32
|
+
paginationDotsSize: CMSIBSizeInterface;
|
|
33
|
+
hotspotXAndYCoordinates: CMSIBCommonInterface;
|
|
34
|
+
showHotspotIcon: CMSIBCommonInterface;
|
|
35
|
+
hotspotIconSize: CMSIBSizeInterface;
|
|
36
|
+
hotspotLineDirection: CMSIBCommonInterface;
|
|
37
|
+
lineThickness: CMSIBSizeInterface;
|
|
38
|
+
hotspotLineBendDirection: CMSIBCommonInterface;
|
|
39
|
+
beforBendLineDistance: CMSIBSizeInterface;
|
|
40
|
+
afterBendLineDistance: CMSIBSizeInterface;
|
|
41
|
+
showDataConnectorIcons: CMSIBCommonInterface;
|
|
42
|
+
startIconSize: CMSIBSizeInterface;
|
|
43
|
+
endIconSize: CMSIBSizeInterface;
|
|
44
|
+
spotlightType: CMSIBCommonInterface;
|
|
45
|
+
spotlightItemPlacement: CMSIBCommonInterface;
|
|
46
|
+
spotlightItemAlignment: CMSIBCommonInterface;
|
|
47
|
+
spotlightBoxPadding: CMSIBSizeInterface;
|
|
48
|
+
spotlightItemSpacing: CMSIBSizeInterface;
|
|
49
|
+
spotlightIconSize: CMSIBSizeInterface;
|
|
50
|
+
spotlightIconPadding: CMSIBSizeInterface;
|
|
51
|
+
spotlightTextFontSize: CMSIBSizeInterface;
|
|
52
|
+
spotlightTextLineHeight: CMSIBSizeInterface;
|
|
53
|
+
spotlightTextLetterSpacing: CMSIBSizeInterface;
|
|
54
|
+
spotlightTextPadding: CMSIBSizeInterface;
|
|
55
|
+
showSpotlightProductData: CMSIBCommonInterface;
|
|
56
|
+
spotlightProductItemSpacing: CMSIBSizeInterface;
|
|
57
|
+
spotlightProductPadding: CMSIBSizeInterface;
|
|
7
58
|
}
|
|
8
59
|
export interface selfDesignInterface {
|
|
9
60
|
selectorKey: string;
|
|
@@ -25,8 +76,9 @@ export interface selfDesignInterface {
|
|
|
25
76
|
export declare enum spotlightSelectorKeysEnum {
|
|
26
77
|
LAYOUT = "layout",
|
|
27
78
|
DESIGN = "design",
|
|
79
|
+
CONTENT = "content",
|
|
28
80
|
DATA_CONNECTOR = "dataConnector",
|
|
29
81
|
SPOTLIGHT_TEXT = "spotlightText"
|
|
30
82
|
}
|
|
31
|
-
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
83
|
+
export declare const getDefaultData: (contentWidth?: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
32
84
|
export {};
|
|
@@ -40,3 +40,7 @@ export type RepeaterSliderControlTypes = "Arrows & Dots" | "Arrows" | "Dots" | "
|
|
|
40
40
|
export type DeviceVisibilityByOptionsType = "HTML" | "CSS" | "NONE";
|
|
41
41
|
export type CustomEventCallback<T = any> = (data: T) => void;
|
|
42
42
|
export type LayouterDisplayStyleType = "rows" | "columns" | "slider" | "grid";
|
|
43
|
+
export type SpotlightDisplayStyleType = "carousel" | "slider";
|
|
44
|
+
export type SpotlightSectionType = "single" | "multi";
|
|
45
|
+
export type SpotlightLineDisplayType = "solid" | "dots";
|
|
46
|
+
export type SpotlightLineType = "bend" | "auto" | "straight";
|