@sc-360-v2/storefront-cms-library 0.2.93 → 0.2.95
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/breadcrumbs.scss +574 -269
- package/dist/builder.js +1 -1
- package/dist/button.scss +4 -1
- package/dist/cart-details.scss +191 -6
- package/dist/cartDropdownOverlay.scss +19 -4
- package/dist/grid.scss +21 -49
- package/dist/icon-list.scss +110 -0
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/map.scss +505 -334
- package/dist/product-image.scss +25 -7
- package/dist/quantity-selector.scss +1 -0
- package/dist/quick-order-pad.scss +2 -2
- package/dist/quotes.scss +660 -62
- package/dist/repeater-grid-toggle.scss +58 -0
- package/dist/repeater.scss +181 -151
- package/dist/rfqs.scss +661 -62
- package/dist/spotlight.scss +1608 -66
- package/dist/types/builder/elements/form-builder/index.d.ts +42 -0
- package/dist/types/builder/elements/icon-list/index.d.ts +40 -0
- package/dist/types/builder/elements/order-status/index.d.ts +27 -0
- package/dist/types/builder/enums/index.d.ts +16 -2
- package/dist/types/builder/index.d.ts +3 -1
- package/dist/types/builder/tools/element-edit/cartDetails.d.ts +15 -5
- 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 +3 -1
- package/dist/types/builder/tools/element-edit/orderStatus.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/product-image.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/quotes.d.ts +33 -3
- package/dist/types/builder/tools/element-edit/repeater.d.ts +7 -0
- package/dist/types/builder/tools/element-edit/rfqs.d.ts +33 -3
- package/dist/types/builder/tools/element-edit/shippingEstimator.d.ts +133 -10
- package/dist/types/builder/tools/element-edit/spotlight.d.ts +55 -3
- package/dist/types/global/types.d.ts +4 -0
- package/dist/variant-picker.scss +1 -0
- package/dist/widget.scss +1 -0
- package/package.json +1 -1
|
@@ -1,15 +1,138 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
selectorKey: string;
|
|
4
|
-
}
|
|
5
|
-
interface selfDesignInterface {
|
|
6
|
-
selectorKey: string;
|
|
7
|
-
}
|
|
1
|
+
import { CMSElementEditTypes } from "../../enums";
|
|
2
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
8
3
|
export declare enum ShippingEstimatorSelectorKeysEnum {
|
|
9
4
|
LAYOUT = "layout",
|
|
10
5
|
CONTENT = "content",
|
|
11
6
|
DESIGN = "design",
|
|
12
|
-
DATA_CONNECTOR = "dataConnector"
|
|
7
|
+
DATA_CONNECTOR = "dataConnector",
|
|
8
|
+
DYNAMIC_TITLE_STYLE = "dynamicTitleStyle",
|
|
9
|
+
STATIC_TEXT_STYLE = "staticTextStyle"
|
|
13
10
|
}
|
|
14
|
-
export declare const getDefaultData: () =>
|
|
15
|
-
|
|
11
|
+
export declare const getDefaultData: () => {
|
|
12
|
+
layout: {
|
|
13
|
+
selectorKey: ShippingEstimatorSelectorKeysEnum;
|
|
14
|
+
width: {
|
|
15
|
+
value: string;
|
|
16
|
+
unit: number;
|
|
17
|
+
};
|
|
18
|
+
height: {
|
|
19
|
+
value: string;
|
|
20
|
+
unit: number;
|
|
21
|
+
property?: any;
|
|
22
|
+
propertyType?: any;
|
|
23
|
+
isReadOnly?: boolean | undefined;
|
|
24
|
+
parentRef?: string | undefined;
|
|
25
|
+
};
|
|
26
|
+
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
27
|
+
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
28
|
+
positionType: CMSIBCommonInterface | undefined;
|
|
29
|
+
pinTo: CMSIBCommonInterface | undefined;
|
|
30
|
+
overflowContent: CMSIBCommonInterface | undefined;
|
|
31
|
+
scrollDirection: CMSIBCommonInterface | undefined;
|
|
32
|
+
displayScrollbar: CMSIBCommonInterface | undefined;
|
|
33
|
+
};
|
|
34
|
+
design: {
|
|
35
|
+
selectorKey: ShippingEstimatorSelectorKeysEnum;
|
|
36
|
+
theme: CMSIBCommonInterface;
|
|
37
|
+
font: CMSIBCommonInterface;
|
|
38
|
+
fontSize: import("../../interfaces/global").CMSIBSizeInterface;
|
|
39
|
+
textColor: CMSIBCommonInterface;
|
|
40
|
+
bold: CMSIBCommonInterface;
|
|
41
|
+
italic: CMSIBCommonInterface;
|
|
42
|
+
linethrough: CMSIBCommonInterface;
|
|
43
|
+
underline: CMSIBCommonInterface;
|
|
44
|
+
textAlign: CMSIBCommonInterface;
|
|
45
|
+
characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
|
|
46
|
+
lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
|
|
47
|
+
themeDesc: CMSIBCommonInterface;
|
|
48
|
+
fontDesc: CMSIBCommonInterface;
|
|
49
|
+
fontSizeDesc: import("../../interfaces/global").CMSIBSizeInterface;
|
|
50
|
+
textColorDesc: CMSIBCommonInterface;
|
|
51
|
+
boldDesc: CMSIBCommonInterface;
|
|
52
|
+
italicDesc: CMSIBCommonInterface;
|
|
53
|
+
linethroughDesc: CMSIBCommonInterface;
|
|
54
|
+
underlineDesc: CMSIBCommonInterface;
|
|
55
|
+
textAlignDesc: CMSIBCommonInterface;
|
|
56
|
+
characterSpacingDesc: import("../../interfaces/global").CMSIBSizeInterface | undefined;
|
|
57
|
+
lineHeightDesc: import("../../interfaces/global").CMSIBSizeInterface;
|
|
58
|
+
};
|
|
59
|
+
content: {
|
|
60
|
+
selectorKey: ShippingEstimatorSelectorKeysEnum;
|
|
61
|
+
source: {
|
|
62
|
+
value: string;
|
|
63
|
+
property: string;
|
|
64
|
+
propertyType: CMSElementEditTypes;
|
|
65
|
+
};
|
|
66
|
+
orderBefore: {
|
|
67
|
+
value: boolean;
|
|
68
|
+
property: string;
|
|
69
|
+
propertyType: CMSElementEditTypes;
|
|
70
|
+
};
|
|
71
|
+
orderBeforeTime: {
|
|
72
|
+
value: string;
|
|
73
|
+
property: string;
|
|
74
|
+
propertyType: CMSElementEditTypes;
|
|
75
|
+
unit: number;
|
|
76
|
+
};
|
|
77
|
+
orderBeforeDisplayTime: {
|
|
78
|
+
value: string;
|
|
79
|
+
property: string;
|
|
80
|
+
propertyType: CMSElementEditTypes;
|
|
81
|
+
};
|
|
82
|
+
deliveryBefore: {
|
|
83
|
+
value: boolean;
|
|
84
|
+
property: string;
|
|
85
|
+
propertyType: CMSElementEditTypes;
|
|
86
|
+
};
|
|
87
|
+
deliveryEndsBefore: {
|
|
88
|
+
value: string;
|
|
89
|
+
property: string;
|
|
90
|
+
unit: number;
|
|
91
|
+
propertyType: CMSElementEditTypes;
|
|
92
|
+
};
|
|
93
|
+
deliveryBeforeDisplayTime: {
|
|
94
|
+
value: string;
|
|
95
|
+
property: string;
|
|
96
|
+
propertyType: CMSElementEditTypes;
|
|
97
|
+
};
|
|
98
|
+
deliveryStartingDate: {
|
|
99
|
+
value: boolean;
|
|
100
|
+
property: string;
|
|
101
|
+
propertyType: CMSElementEditTypes;
|
|
102
|
+
};
|
|
103
|
+
deliveryStartsAfter: {
|
|
104
|
+
value: string;
|
|
105
|
+
property: string;
|
|
106
|
+
unit: number;
|
|
107
|
+
propertyType: CMSElementEditTypes;
|
|
108
|
+
};
|
|
109
|
+
deliveryStartingDateDisplayTime: {
|
|
110
|
+
value: string;
|
|
111
|
+
property: string;
|
|
112
|
+
propertyType: CMSElementEditTypes;
|
|
113
|
+
};
|
|
114
|
+
configureMessage: {
|
|
115
|
+
value: string;
|
|
116
|
+
property: string;
|
|
117
|
+
propertyType: CMSElementEditTypes;
|
|
118
|
+
};
|
|
119
|
+
};
|
|
120
|
+
dataConnector: {
|
|
121
|
+
selectorKey: ShippingEstimatorSelectorKeysEnum;
|
|
122
|
+
dataConnector: {
|
|
123
|
+
value: {
|
|
124
|
+
isConnected: boolean;
|
|
125
|
+
key: null;
|
|
126
|
+
url: null;
|
|
127
|
+
enum: null;
|
|
128
|
+
dataSource: string;
|
|
129
|
+
childSource: string;
|
|
130
|
+
keyMappings: {
|
|
131
|
+
text: string;
|
|
132
|
+
};
|
|
133
|
+
};
|
|
134
|
+
property: string;
|
|
135
|
+
propertyType: CMSElementEditTypes;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
};
|
|
@@ -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";
|
package/dist/variant-picker.scss
CHANGED
|
@@ -88,6 +88,7 @@ $minWidth: 70px;
|
|
|
88
88
|
flex-direction: column;
|
|
89
89
|
gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
|
|
90
90
|
padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
|
|
91
|
+
white-space: nowrap;
|
|
91
92
|
|
|
92
93
|
.standard_wrapper {
|
|
93
94
|
// Select Colors
|
package/dist/widget.scss
CHANGED