@sc-360-v2/storefront-cms-library 0.0.4 → 0.0.5
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/README.md +7 -35
- package/dist/builder.js +1 -1
- package/dist/button.scss +139 -0
- package/dist/faq.scss +136 -0
- package/dist/functions.js +1 -0
- package/dist/htmlElement.js +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/tab-panel.scss +93 -0
- package/dist/text-editor.scss +8 -0
- package/dist/types/builder/elements/button/index.d.ts +26 -0
- package/dist/types/builder/elements/code/index.d.ts +59 -0
- package/dist/types/builder/elements/common.d.ts +6 -0
- package/dist/types/builder/elements/faq/index.d.ts +30 -0
- package/dist/types/builder/elements/gallery-slider/index.d.ts +30 -0
- package/dist/types/builder/elements/grid/index.d.ts +2 -0
- package/dist/types/builder/elements/image/index.d.ts +4 -1
- package/dist/types/builder/elements/section/index.d.ts +5 -0
- package/dist/types/builder/elements/social/index.d.ts +36 -0
- package/dist/types/builder/elements/tab/index.d.ts +30 -0
- package/dist/types/builder/elements/table/index.d.ts +30 -0
- package/dist/types/builder/elements/text-editor/index.d.ts +4 -3
- package/dist/types/builder/elements/video/index.d.ts +30 -0
- package/dist/types/builder/enums/cssVariables.d.ts +361 -0
- package/dist/types/builder/enums/index.d.ts +37 -3
- package/dist/types/builder/index.d.ts +11 -1
- package/dist/types/builder/interfaces/global.d.ts +48 -0
- package/dist/types/builder/tools/element-edit/button.d.ts +25 -0
- package/dist/types/builder/tools/element-edit/code.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/common.d.ts +63 -0
- package/dist/types/builder/tools/element-edit/faq.d.ts +41 -0
- package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +82 -0
- package/dist/types/builder/tools/element-edit/image.d.ts +26 -0
- package/dist/types/builder/tools/element-edit/index.d.ts +13 -0
- package/dist/types/builder/tools/element-edit/section.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/slideShowLayouter.d.ts +21 -0
- package/dist/types/builder/tools/element-edit/social.d.ts +62 -0
- package/dist/types/builder/tools/element-edit/table.d.ts +200 -0
- package/dist/types/builder/tools/element-edit/tabs.d.ts +166 -0
- package/dist/types/builder/tools/element-edit/video.d.ts +73 -0
- package/dist/types/builder/utilities/global.d.ts +0 -2
- package/dist/types/global/attributes.d.ts +2 -2
- package/dist/types/global/style-properties.d.ts +3 -1
- package/dist/types/global/types.d.ts +6 -0
- package/dist/types/helper/helper-functions.d.ts +1 -0
- package/dist/types/html-elements/element-types.d.ts +11 -1
- package/dist/types/html-elements/elements.d.ts +3 -1
- package/dist/widget.scss +1 -0
- package/package.json +13 -1
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { CMSIBCommonInterface, CMSIBSizeInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
interface selfLayoutInterface {
|
|
4
|
+
selectorKey: string;
|
|
5
|
+
displayStyle: CMSIBCommonInterface;
|
|
6
|
+
itemsPerSlide: CMSIBSizeInterface;
|
|
7
|
+
itemGap: CMSIBSizeInterface;
|
|
8
|
+
rowGap: CMSIBSizeInterface;
|
|
9
|
+
sliderControl: CMSIBCommonInterface;
|
|
10
|
+
controlPosition: CMSIBCommonInterface;
|
|
11
|
+
loopImages: CMSIBCommonInterface;
|
|
12
|
+
sliderDisplayScrollbar: CMSIBCommonInterface;
|
|
13
|
+
autoplay: CMSIBCommonInterface;
|
|
14
|
+
autoplayStyle: CMSIBCommonInterface;
|
|
15
|
+
autoplayDuration: CMSIBSizeInterface;
|
|
16
|
+
sliderSpeed: CMSIBSizeInterface;
|
|
17
|
+
}
|
|
18
|
+
export interface selfDesignInterface {
|
|
19
|
+
selectorKey: string;
|
|
20
|
+
galleryWidgetStyle: {
|
|
21
|
+
selectorKey: string;
|
|
22
|
+
backgroundColor: CMSIBCommonInterface;
|
|
23
|
+
borderColor: CMSIBCommonInterface;
|
|
24
|
+
borderStyle: CMSIBCommonInterface;
|
|
25
|
+
borderPerSlide: CMSIBCommonInterface;
|
|
26
|
+
showBorder: CMSIBCommonInterface;
|
|
27
|
+
showShadow: CMSIBCommonInterface;
|
|
28
|
+
shadowColor: CMSIBCommonInterface;
|
|
29
|
+
blur: CMSIBCommonInterface;
|
|
30
|
+
spread: CMSIBCommonInterface;
|
|
31
|
+
angle: CMSIBCommonInterface;
|
|
32
|
+
borderRadius: CMSIBCommonInterface;
|
|
33
|
+
};
|
|
34
|
+
galleryLayout: {
|
|
35
|
+
selectorKey: string;
|
|
36
|
+
galleryTextAndItemAlignment: CMSIBCommonInterface;
|
|
37
|
+
galleryTextAndItemSpacing: CMSIBCommonInterface;
|
|
38
|
+
galleryTitleAndDescriptionSpacing: CMSIBCommonInterface;
|
|
39
|
+
};
|
|
40
|
+
itemStyle: {
|
|
41
|
+
selectorKey: string;
|
|
42
|
+
imageRatio: CMSIBCommonInterface;
|
|
43
|
+
fitOptions: CMSIBCommonInterface;
|
|
44
|
+
textLayout: CMSIBCommonInterface;
|
|
45
|
+
itemTitleAndDescriptionAlignment: CMSIBCommonInterface;
|
|
46
|
+
textVerticalPadding: CMSIBCommonInterface;
|
|
47
|
+
texHorizontalPadding: CMSIBCommonInterface;
|
|
48
|
+
titleAndDescriptionSpacing: CMSIBCommonInterface;
|
|
49
|
+
};
|
|
50
|
+
paginationArrows: {
|
|
51
|
+
selectorKey: string;
|
|
52
|
+
arrowIconStyle: CMSIBCommonInterface;
|
|
53
|
+
backgroundShape: CMSIBCommonInterface;
|
|
54
|
+
arrowSize: CMSIBCommonInterface;
|
|
55
|
+
arrowColor: CMSIBCommonInterface;
|
|
56
|
+
};
|
|
57
|
+
paginationDots: {
|
|
58
|
+
selectorKey: string;
|
|
59
|
+
dotSize: CMSIBCommonInterface;
|
|
60
|
+
currentDotColor: CMSIBCommonInterface;
|
|
61
|
+
otherDotColor: CMSIBCommonInterface;
|
|
62
|
+
};
|
|
63
|
+
paginationLine: {
|
|
64
|
+
selectorKey: string;
|
|
65
|
+
currentLineColor: CMSIBCommonInterface;
|
|
66
|
+
otherLineColor: CMSIBCommonInterface;
|
|
67
|
+
lineHeight: CMSIBCommonInterface;
|
|
68
|
+
lineWidth: CMSIBCommonInterface;
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
export declare enum SelectorKeysEnum {
|
|
72
|
+
LAYOUT = "layout",
|
|
73
|
+
DESIGN = "design",
|
|
74
|
+
GALLERY_WIDGET_STYLE = "gallery-widget-style",
|
|
75
|
+
GALLERY_LAYOUT = "gallery-layout",
|
|
76
|
+
ITEM_STYLE = "item-style",
|
|
77
|
+
PAGINATION_ARROWS = "pagination-arrows",
|
|
78
|
+
PAGINATION_DOTS = "pagination-dots",
|
|
79
|
+
PAGINATION_LINE = "pagination-lines"
|
|
80
|
+
}
|
|
81
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
82
|
+
export {};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
interface controlInterface {
|
|
6
|
+
value: string | boolean;
|
|
7
|
+
propertyType: string;
|
|
8
|
+
}
|
|
9
|
+
interface selfLayoutInterface {
|
|
10
|
+
selectorKey: string;
|
|
11
|
+
onClick: controlInterface;
|
|
12
|
+
onHover: controlInterface;
|
|
13
|
+
imageRatio: CMSIBCommonInterface;
|
|
14
|
+
fitOptions: CMSIBCommonInterface;
|
|
15
|
+
horizontalAlignment: CMSIBCommonInterface;
|
|
16
|
+
verticalAlignment: CMSIBCommonInterface;
|
|
17
|
+
}
|
|
18
|
+
export interface selfDesignInterface {
|
|
19
|
+
selectorKey: string;
|
|
20
|
+
}
|
|
21
|
+
export declare enum SelectorKeysEnum {
|
|
22
|
+
LAYOUT = "layout",
|
|
23
|
+
DESIGN = "design"
|
|
24
|
+
}
|
|
25
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as common from "./common";
|
|
2
|
+
import * as section from "./section";
|
|
3
|
+
import * as image from "./image";
|
|
4
|
+
import * as button from "./button";
|
|
5
|
+
import * as video from "./video";
|
|
6
|
+
import * as tabs from "./tabs";
|
|
7
|
+
import * as slideShowLayouter from "./slideShowLayouter";
|
|
8
|
+
import * as table from "./table";
|
|
9
|
+
import * as gallerySlider from "./gallery-slider";
|
|
10
|
+
import * as social from "./social";
|
|
11
|
+
import * as faq from "./faq";
|
|
12
|
+
import * as code from "./code";
|
|
13
|
+
export { section, common, image, button, slideShowLayouter, tabs, video, table, gallerySlider, social, faq, code, };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
3
|
+
}
|
|
4
|
+
interface selfLayoutInterface {
|
|
5
|
+
selectorKey: string;
|
|
6
|
+
}
|
|
7
|
+
export interface selfDesignInterface {
|
|
8
|
+
selectorKey: string;
|
|
9
|
+
}
|
|
10
|
+
export declare enum sectionSelectorKeysEnum {
|
|
11
|
+
LAYOUT = "layout",
|
|
12
|
+
DESIGN = "design"
|
|
13
|
+
}
|
|
14
|
+
export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
interface controlInterface {
|
|
6
|
+
value: string | boolean;
|
|
7
|
+
propertyType: string;
|
|
8
|
+
}
|
|
9
|
+
export interface ImageControlInterface {
|
|
10
|
+
onClick: controlInterface;
|
|
11
|
+
onHover: controlInterface;
|
|
12
|
+
imageRatio: CMSIBCommonInterface;
|
|
13
|
+
fitOptions: CMSIBCommonInterface;
|
|
14
|
+
horizontalAlignment: CMSIBCommonInterface;
|
|
15
|
+
verticalAlignment: CMSIBCommonInterface;
|
|
16
|
+
}
|
|
17
|
+
export interface selfDesignInterface {
|
|
18
|
+
layouter: any;
|
|
19
|
+
}
|
|
20
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<ImageControlInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface>;
|
|
21
|
+
export {};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
interface ControlInterface {
|
|
6
|
+
value: string | boolean;
|
|
7
|
+
propertyType: string;
|
|
8
|
+
}
|
|
9
|
+
export declare enum SocialSelectorKeysEnum {
|
|
10
|
+
LAYOUT = "layout",
|
|
11
|
+
DESIGN = "design",
|
|
12
|
+
CONTENT = "content",
|
|
13
|
+
FILL_AND_BACKGROUND = "fillAndBackground",
|
|
14
|
+
ICON_STYLE = "iconStyle"
|
|
15
|
+
}
|
|
16
|
+
export interface SelectorKeys {
|
|
17
|
+
LAYOUT: string;
|
|
18
|
+
DESIGN: string;
|
|
19
|
+
CONTENT: string;
|
|
20
|
+
Social_PLAYER_TEXT: string;
|
|
21
|
+
PLAY_PAUSE: string;
|
|
22
|
+
Social: string;
|
|
23
|
+
}
|
|
24
|
+
export interface SocialControlInterface {
|
|
25
|
+
selectorKey?: string;
|
|
26
|
+
margin?: CMSIBCommonInterface;
|
|
27
|
+
padding?: CMSIBCommonInterface;
|
|
28
|
+
alignment?: CMSIBCommonInterface;
|
|
29
|
+
itemSpacing?: ControlInterface;
|
|
30
|
+
iconSize?: CMSIBCommonInterface;
|
|
31
|
+
positionType?: CMSIBCommonInterface;
|
|
32
|
+
pinTo?: CMSIBCommonInterface;
|
|
33
|
+
website?: CMSIBCommonInterface;
|
|
34
|
+
websiteUrl?: CMSIBCommonInterface;
|
|
35
|
+
instagram?: CMSIBCommonInterface;
|
|
36
|
+
instagramUrl?: CMSIBCommonInterface;
|
|
37
|
+
linkedIn?: CMSIBCommonInterface;
|
|
38
|
+
linkedInUrl?: CMSIBCommonInterface;
|
|
39
|
+
facebook?: CMSIBCommonInterface;
|
|
40
|
+
facebookUrl?: CMSIBCommonInterface;
|
|
41
|
+
amazon?: CMSIBCommonInterface;
|
|
42
|
+
amazonUrl?: CMSIBCommonInterface;
|
|
43
|
+
twitter?: CMSIBCommonInterface;
|
|
44
|
+
twitterUrl?: CMSIBCommonInterface;
|
|
45
|
+
iconStyle?: {
|
|
46
|
+
selectorKey?: string;
|
|
47
|
+
icon?: CMSIBCommonInterface;
|
|
48
|
+
iconColor?: CMSIBCommonInterface;
|
|
49
|
+
iconSize?: CMSIBCommonInterface;
|
|
50
|
+
};
|
|
51
|
+
fillAndBackground?: {
|
|
52
|
+
selectorKey?: string;
|
|
53
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
export interface CMSSocialEditPopupInterface<L = SocialControlInterface, C = SocialControlInterface, D = SocialControlInterface> {
|
|
57
|
+
layout?: L;
|
|
58
|
+
content?: C;
|
|
59
|
+
design?: D;
|
|
60
|
+
}
|
|
61
|
+
export declare const getDefaultData: () => CMSSocialEditPopupInterface<SocialControlInterface & SocialControlInterface & SocialControlInterface & CMSElementEditPopupLayoutInterface>;
|
|
62
|
+
export {};
|
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
export interface TableControlInterface {
|
|
6
|
+
selectorKey?: string;
|
|
7
|
+
header?: CMSIBCommonInterface;
|
|
8
|
+
headerHeight?: CMSIBCommonInterface;
|
|
9
|
+
rowHeight?: CMSIBCommonInterface;
|
|
10
|
+
headerDivider?: CMSIBCommonInterface;
|
|
11
|
+
rowDivider?: CMSIBCommonInterface;
|
|
12
|
+
columnDivider?: CMSIBCommonInterface;
|
|
13
|
+
alternativeRowColors?: CMSIBCommonInterface;
|
|
14
|
+
headerCellPadding?: CMSIBCommonInterface;
|
|
15
|
+
rowCellPadding?: CMSIBCommonInterface;
|
|
16
|
+
contentAlignment?: CMSIBCommonInterface;
|
|
17
|
+
showMoreRows?: CMSIBCommonInterface;
|
|
18
|
+
rowsPerPage?: CMSIBCommonInterface;
|
|
19
|
+
paginationType?: CMSIBCommonInterface;
|
|
20
|
+
paginationAlignment?: CMSIBCommonInterface;
|
|
21
|
+
noOfItemsToLoad?: CMSIBCommonInterface;
|
|
22
|
+
showTitle?: CMSIBCommonInterface;
|
|
23
|
+
tableTitle?: CMSIBCommonInterface;
|
|
24
|
+
connetDynamicallyWith?: CMSIBCommonInterface;
|
|
25
|
+
columns?: CMSIBCommonInterface;
|
|
26
|
+
rows?: CMSIBCommonInterface;
|
|
27
|
+
tableWidget?: {
|
|
28
|
+
selectorKey?: string;
|
|
29
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
30
|
+
borderColor?: CMSIBCommonInterface;
|
|
31
|
+
borderStyle?: CMSIBCommonInterface;
|
|
32
|
+
borderPerSlide?: CMSIBCommonInterface;
|
|
33
|
+
showBorder?: CMSIBCommonInterface;
|
|
34
|
+
showShadow?: CMSIBCommonInterface;
|
|
35
|
+
shadowColor?: CMSIBCommonInterface;
|
|
36
|
+
blur?: CMSIBCommonInterface;
|
|
37
|
+
spread?: CMSIBCommonInterface;
|
|
38
|
+
angle?: CMSIBCommonInterface;
|
|
39
|
+
borderRadius?: CMSIBCommonInterface;
|
|
40
|
+
};
|
|
41
|
+
connectWith?: CMSIBCommonInterface;
|
|
42
|
+
table?: {
|
|
43
|
+
selectorKey?: string;
|
|
44
|
+
showBorder?: CMSIBCommonInterface;
|
|
45
|
+
borderStyle?: CMSIBCommonInterface;
|
|
46
|
+
borderColor?: CMSIBCommonInterface;
|
|
47
|
+
borderPerSlide?: CMSIBCommonInterface;
|
|
48
|
+
borderRadius?: CMSIBCommonInterface;
|
|
49
|
+
showShadow?: CMSIBCommonInterface;
|
|
50
|
+
shadowColor?: CMSIBCommonInterface;
|
|
51
|
+
angle?: CMSIBCommonInterface;
|
|
52
|
+
spread?: CMSIBCommonInterface;
|
|
53
|
+
blur?: CMSIBCommonInterface;
|
|
54
|
+
};
|
|
55
|
+
tableHeader?: {
|
|
56
|
+
selectorKey?: string;
|
|
57
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
58
|
+
};
|
|
59
|
+
headerText?: {
|
|
60
|
+
selectorKey?: string;
|
|
61
|
+
font?: CMSIBCommonInterface;
|
|
62
|
+
fontSize?: CMSIBCommonInterface;
|
|
63
|
+
textColor: CMSIBCommonInterface;
|
|
64
|
+
bold: CMSIBCommonInterface;
|
|
65
|
+
italic: CMSIBCommonInterface;
|
|
66
|
+
linethrough: CMSIBCommonInterface;
|
|
67
|
+
underline: CMSIBCommonInterface;
|
|
68
|
+
textAlign: CMSIBCommonInterface;
|
|
69
|
+
charactorSpacing: CMSIBCommonInterface;
|
|
70
|
+
lineHeight: CMSIBCommonInterface;
|
|
71
|
+
};
|
|
72
|
+
tableRow?: {
|
|
73
|
+
selectorKey?: string;
|
|
74
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
75
|
+
};
|
|
76
|
+
rowText?: {
|
|
77
|
+
selectorKey?: string;
|
|
78
|
+
font?: CMSIBCommonInterface;
|
|
79
|
+
fontSize?: CMSIBCommonInterface;
|
|
80
|
+
textColor: CMSIBCommonInterface;
|
|
81
|
+
bold: CMSIBCommonInterface;
|
|
82
|
+
italic: CMSIBCommonInterface;
|
|
83
|
+
linethrough: CMSIBCommonInterface;
|
|
84
|
+
underline: CMSIBCommonInterface;
|
|
85
|
+
textAlign: CMSIBCommonInterface;
|
|
86
|
+
charactorSpacing: CMSIBCommonInterface;
|
|
87
|
+
lineHeight: CMSIBCommonInterface;
|
|
88
|
+
};
|
|
89
|
+
rowAndHeaderDividers?: {
|
|
90
|
+
selectorKey?: string;
|
|
91
|
+
headerDivider?: CMSIBCommonInterface;
|
|
92
|
+
rowDivider?: CMSIBCommonInterface;
|
|
93
|
+
};
|
|
94
|
+
scrollBar?: {
|
|
95
|
+
selectorKey?: string;
|
|
96
|
+
scrollBarWidth?: CMSIBCommonInterface;
|
|
97
|
+
scrollBarColor?: CMSIBCommonInterface;
|
|
98
|
+
};
|
|
99
|
+
pagination?: {
|
|
100
|
+
selectorKey?: string;
|
|
101
|
+
pagination?: CMSIBCommonInterface;
|
|
102
|
+
paginationStyle?: CMSIBCommonInterface;
|
|
103
|
+
arrowIconStyle?: CMSIBCommonInterface;
|
|
104
|
+
arrowSize?: CMSIBCommonInterface;
|
|
105
|
+
arrowColor?: CMSIBCommonInterface;
|
|
106
|
+
backgroundShape?: CMSIBCommonInterface;
|
|
107
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
108
|
+
font?: CMSIBCommonInterface;
|
|
109
|
+
fontSize?: CMSIBCommonInterface;
|
|
110
|
+
textColor?: CMSIBCommonInterface;
|
|
111
|
+
textHighlight?: CMSIBCommonInterface;
|
|
112
|
+
hoverBackgroundShape?: CMSIBCommonInterface;
|
|
113
|
+
hoverBackgroundColor?: CMSIBCommonInterface;
|
|
114
|
+
hoverFont?: CMSIBCommonInterface;
|
|
115
|
+
hoverFontSize?: CMSIBCommonInterface;
|
|
116
|
+
hoverTextColor?: CMSIBCommonInterface;
|
|
117
|
+
hoverTextHighlight?: CMSIBCommonInterface;
|
|
118
|
+
bold?: CMSIBCommonInterface;
|
|
119
|
+
italic?: CMSIBCommonInterface;
|
|
120
|
+
linethrough?: CMSIBCommonInterface;
|
|
121
|
+
underline?: CMSIBCommonInterface;
|
|
122
|
+
textAlign?: CMSIBCommonInterface;
|
|
123
|
+
charactorSpacing?: CMSIBCommonInterface;
|
|
124
|
+
lineHeight?: CMSIBCommonInterface;
|
|
125
|
+
icon?: CMSIBCommonInterface;
|
|
126
|
+
iconSize?: CMSIBCommonInterface;
|
|
127
|
+
iconColor?: CMSIBCommonInterface;
|
|
128
|
+
};
|
|
129
|
+
loadMoreButton?: {
|
|
130
|
+
selectorKey?: string;
|
|
131
|
+
cropRatio?: CMSIBCommonInterface;
|
|
132
|
+
zoomImage?: CMSIBCommonInterface;
|
|
133
|
+
flip?: CMSIBCommonInterface;
|
|
134
|
+
rotate?: CMSIBCommonInterface;
|
|
135
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
136
|
+
exposure?: CMSIBCommonInterface;
|
|
137
|
+
contrast?: CMSIBCommonInterface;
|
|
138
|
+
saturation?: CMSIBCommonInterface;
|
|
139
|
+
temperature?: CMSIBCommonInterface;
|
|
140
|
+
tint?: CMSIBCommonInterface;
|
|
141
|
+
highlights?: CMSIBCommonInterface;
|
|
142
|
+
shadows?: CMSIBCommonInterface;
|
|
143
|
+
showBorder?: CMSIBCommonInterface;
|
|
144
|
+
borderStyle?: CMSIBCommonInterface;
|
|
145
|
+
borderColor?: CMSIBCommonInterface;
|
|
146
|
+
borderPerSlide?: CMSIBCommonInterface;
|
|
147
|
+
borderRadius?: CMSIBCommonInterface;
|
|
148
|
+
showShadow?: CMSIBCommonInterface;
|
|
149
|
+
shadowColor?: CMSIBCommonInterface;
|
|
150
|
+
angle?: CMSIBCommonInterface;
|
|
151
|
+
spread?: CMSIBCommonInterface;
|
|
152
|
+
blur?: CMSIBCommonInterface;
|
|
153
|
+
font?: CMSIBCommonInterface;
|
|
154
|
+
fontSize?: CMSIBCommonInterface;
|
|
155
|
+
textColor: CMSIBCommonInterface;
|
|
156
|
+
bold: CMSIBCommonInterface;
|
|
157
|
+
italic: CMSIBCommonInterface;
|
|
158
|
+
linethrough: CMSIBCommonInterface;
|
|
159
|
+
underline: CMSIBCommonInterface;
|
|
160
|
+
textAlign: CMSIBCommonInterface;
|
|
161
|
+
charactorSpacing: CMSIBCommonInterface;
|
|
162
|
+
lineHeight: CMSIBCommonInterface;
|
|
163
|
+
};
|
|
164
|
+
}
|
|
165
|
+
export interface CMSTableEditPopupInterface<L = TableControlInterface, C = TableControlInterface, D = TableControlInterface> {
|
|
166
|
+
layout?: L;
|
|
167
|
+
content?: C;
|
|
168
|
+
design?: D;
|
|
169
|
+
}
|
|
170
|
+
export declare enum TableSelectorKeysEnum {
|
|
171
|
+
LAYOUT = "layout",
|
|
172
|
+
CONTENT = "content",
|
|
173
|
+
DESIGN = "design",
|
|
174
|
+
TABLE_WIDGET = "tableWidget",
|
|
175
|
+
TABLE = "table",
|
|
176
|
+
TABLE_HEADER = "tableHeader",
|
|
177
|
+
HEADER_TEXT = "headerText",
|
|
178
|
+
TABLE_ROW = "tableRow",
|
|
179
|
+
ROW_TEXT = "rowText",
|
|
180
|
+
ROW_AND_HEADER_DIVIDER = "rowAndHeaderDividers",
|
|
181
|
+
SCROLL_BAR = "scrollBar",
|
|
182
|
+
PAGINATION = "pagination",
|
|
183
|
+
LOAD_MORE_BUTTON = "loadMoreButton"
|
|
184
|
+
}
|
|
185
|
+
export interface TableSelectorKeys {
|
|
186
|
+
LAYOUT: string;
|
|
187
|
+
CONTENT: string;
|
|
188
|
+
DESIGN: string;
|
|
189
|
+
TABLE_WIDGET: string;
|
|
190
|
+
TABLE: string;
|
|
191
|
+
TABLE_HEADER: string;
|
|
192
|
+
HEADER_TEXT: string;
|
|
193
|
+
TABLE_ROW: string;
|
|
194
|
+
ROW_TEXT: string;
|
|
195
|
+
ROW_AND_HEADER_DIVIDER: string;
|
|
196
|
+
SCROLL_BAR: string;
|
|
197
|
+
PAGINATION: string;
|
|
198
|
+
loadMoreButton: string;
|
|
199
|
+
}
|
|
200
|
+
export declare const getDefaultData: () => CMSTableEditPopupInterface<(TableControlInterface & TableControlInterface & TableControlInterface) | CMSElementEditPopupLayoutInterface>;
|
|
@@ -0,0 +1,166 @@
|
|
|
1
|
+
import { CMSElementEditTypes } from "../../enums";
|
|
2
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
3
|
+
import { CMSElementEditPopupInterface } from "./common";
|
|
4
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
5
|
+
}
|
|
6
|
+
export interface TabControlInterface {
|
|
7
|
+
tabPosition: CMSIBCommonInterface;
|
|
8
|
+
tabLayout: CMSIBCommonInterface;
|
|
9
|
+
tabAlignment: CMSIBCommonInterface;
|
|
10
|
+
tabSpacing: CMSIBCommonInterface;
|
|
11
|
+
tabContainer: CMSIBCommonInterface;
|
|
12
|
+
horizontalPadding: CMSIBCommonInterface;
|
|
13
|
+
verticalPadding: CMSIBCommonInterface;
|
|
14
|
+
overflowTabs: CMSIBCommonInterface;
|
|
15
|
+
spacingBetweenRows: CMSIBCommonInterface;
|
|
16
|
+
}
|
|
17
|
+
export declare const getDefaultData: () => {
|
|
18
|
+
layout: {
|
|
19
|
+
adjustment: CMSIBCommonInterface | undefined;
|
|
20
|
+
width: {
|
|
21
|
+
[key: string]: any;
|
|
22
|
+
} | undefined;
|
|
23
|
+
height: import("../../interfaces/global").CMSIBSizeInterface | undefined;
|
|
24
|
+
margin: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
25
|
+
padding: import("../../interfaces/global").CSSPaddingValues | undefined;
|
|
26
|
+
overflowContent: CMSIBCommonInterface | undefined;
|
|
27
|
+
scrollDirection: CMSIBCommonInterface | undefined;
|
|
28
|
+
displayScrollbar: CMSIBCommonInterface | undefined;
|
|
29
|
+
positionType: CMSIBCommonInterface | undefined;
|
|
30
|
+
pinTo: CMSIBCommonInterface | undefined;
|
|
31
|
+
tabPosition: {
|
|
32
|
+
value: string;
|
|
33
|
+
property: string;
|
|
34
|
+
propertyType: CMSElementEditTypes;
|
|
35
|
+
};
|
|
36
|
+
tabLayout: {
|
|
37
|
+
value: string;
|
|
38
|
+
property: string;
|
|
39
|
+
propertyType: CMSElementEditTypes;
|
|
40
|
+
};
|
|
41
|
+
tabAlignment: {
|
|
42
|
+
value: string;
|
|
43
|
+
property: string;
|
|
44
|
+
propertyType: CMSElementEditTypes;
|
|
45
|
+
};
|
|
46
|
+
tabSpacing: {
|
|
47
|
+
value: number;
|
|
48
|
+
property: string;
|
|
49
|
+
propertyType: CMSElementEditTypes;
|
|
50
|
+
};
|
|
51
|
+
tabContainer: {
|
|
52
|
+
value: number;
|
|
53
|
+
property: string;
|
|
54
|
+
propertyType: CMSElementEditTypes;
|
|
55
|
+
};
|
|
56
|
+
horizontalPadding: {
|
|
57
|
+
value: number;
|
|
58
|
+
property: string;
|
|
59
|
+
propertyType: CMSElementEditTypes;
|
|
60
|
+
};
|
|
61
|
+
verticalPadding: {
|
|
62
|
+
value: number;
|
|
63
|
+
property: string;
|
|
64
|
+
propertyType: CMSElementEditTypes;
|
|
65
|
+
};
|
|
66
|
+
overflowTabs: {
|
|
67
|
+
value: string;
|
|
68
|
+
property: string;
|
|
69
|
+
propertyType: CMSElementEditTypes;
|
|
70
|
+
};
|
|
71
|
+
spacingBetweenRows: {
|
|
72
|
+
value: number;
|
|
73
|
+
property: string;
|
|
74
|
+
propertyType: CMSElementEditTypes;
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
design: {
|
|
78
|
+
tabContainer: {
|
|
79
|
+
borderColor: CMSIBCommonInterface;
|
|
80
|
+
borderStyle: CMSIBCommonInterface;
|
|
81
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
82
|
+
showBorder: CMSIBCommonInterface;
|
|
83
|
+
backgroundColor: CMSIBCommonInterface;
|
|
84
|
+
showShadow: CMSIBCommonInterface;
|
|
85
|
+
shadowColor: CMSIBCommonInterface;
|
|
86
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
87
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
88
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
89
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
90
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
91
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
92
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
93
|
+
temperature: import("../../interfaces/global").CMSIBSizeInterface;
|
|
94
|
+
tint: import("../../interfaces/global").CMSIBSizeInterface;
|
|
95
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
96
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
97
|
+
};
|
|
98
|
+
tabs: {
|
|
99
|
+
borderColor: CMSIBCommonInterface;
|
|
100
|
+
borderStyle: CMSIBCommonInterface;
|
|
101
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
102
|
+
showBorder: CMSIBCommonInterface;
|
|
103
|
+
backgroundColor: CMSIBCommonInterface;
|
|
104
|
+
showShadow: CMSIBCommonInterface;
|
|
105
|
+
shadowColor: CMSIBCommonInterface;
|
|
106
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
107
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
108
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
109
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
110
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
111
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
112
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
113
|
+
temperature: import("../../interfaces/global").CMSIBSizeInterface;
|
|
114
|
+
tint: import("../../interfaces/global").CMSIBSizeInterface;
|
|
115
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
116
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
117
|
+
};
|
|
118
|
+
tabContentContainer: {
|
|
119
|
+
borderColor: CMSIBCommonInterface;
|
|
120
|
+
borderStyle: CMSIBCommonInterface;
|
|
121
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
122
|
+
showBorder: CMSIBCommonInterface;
|
|
123
|
+
backgroundColor: CMSIBCommonInterface;
|
|
124
|
+
showShadow: CMSIBCommonInterface;
|
|
125
|
+
shadowColor: CMSIBCommonInterface;
|
|
126
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
127
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
128
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
129
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
130
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
131
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
132
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
133
|
+
temperature: import("../../interfaces/global").CMSIBSizeInterface;
|
|
134
|
+
tint: import("../../interfaces/global").CMSIBSizeInterface;
|
|
135
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
136
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
137
|
+
};
|
|
138
|
+
arrows: {
|
|
139
|
+
borderColor: CMSIBCommonInterface;
|
|
140
|
+
borderStyle: CMSIBCommonInterface;
|
|
141
|
+
borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
|
|
142
|
+
showBorder: CMSIBCommonInterface;
|
|
143
|
+
backgroundColor: CMSIBCommonInterface;
|
|
144
|
+
showShadow: CMSIBCommonInterface;
|
|
145
|
+
shadowColor: CMSIBCommonInterface;
|
|
146
|
+
blur: import("../../interfaces/global").CMSIBSizeInterface;
|
|
147
|
+
spread: import("../../interfaces/global").CMSIBSizeInterface;
|
|
148
|
+
angle: import("../../interfaces/global").CMSIBSizeInterface;
|
|
149
|
+
borderRadius: import("../../interfaces/global").CSSPaddingValues;
|
|
150
|
+
exposure: import("../../interfaces/global").CMSIBSizeInterface;
|
|
151
|
+
contrast: import("../../interfaces/global").CMSIBSizeInterface;
|
|
152
|
+
saturation: import("../../interfaces/global").CMSIBSizeInterface;
|
|
153
|
+
temperature: import("../../interfaces/global").CMSIBSizeInterface;
|
|
154
|
+
tint: import("../../interfaces/global").CMSIBSizeInterface;
|
|
155
|
+
highlights: import("../../interfaces/global").CMSIBSizeInterface;
|
|
156
|
+
shadows: import("../../interfaces/global").CMSIBSizeInterface;
|
|
157
|
+
};
|
|
158
|
+
};
|
|
159
|
+
content: {
|
|
160
|
+
tabContent: {
|
|
161
|
+
value: string[];
|
|
162
|
+
property: string;
|
|
163
|
+
propertyType: CMSElementEditTypes;
|
|
164
|
+
};
|
|
165
|
+
};
|
|
166
|
+
};
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { CMSIBCommonInterface } from "../../interfaces/global";
|
|
2
|
+
import { CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
3
|
+
export interface SectionEditPopupInterface extends CMSElementEditPopupInterface {
|
|
4
|
+
}
|
|
5
|
+
interface ControlInterface {
|
|
6
|
+
value: string | boolean;
|
|
7
|
+
propertyType: string;
|
|
8
|
+
}
|
|
9
|
+
export interface VideoControlInterface {
|
|
10
|
+
selectorKey?: string;
|
|
11
|
+
autoplay?: CMSIBCommonInterface;
|
|
12
|
+
showControls?: ControlInterface;
|
|
13
|
+
positionType?: CMSIBCommonInterface;
|
|
14
|
+
loopVideo?: CMSIBCommonInterface;
|
|
15
|
+
loopCount?: CMSIBCommonInterface;
|
|
16
|
+
videoFile?: CMSIBCommonInterface;
|
|
17
|
+
pinTo?: CMSIBCommonInterface;
|
|
18
|
+
showVideoTitle?: CMSIBCommonInterface;
|
|
19
|
+
videoTitle?: CMSIBCommonInterface;
|
|
20
|
+
showVideoDescription?: CMSIBCommonInterface;
|
|
21
|
+
videoDescription?: CMSIBCommonInterface;
|
|
22
|
+
showCustomVideoThumbnail?: CMSIBCommonInterface;
|
|
23
|
+
thumbnailImage?: CMSIBCommonInterface;
|
|
24
|
+
videoPlayerText?: {
|
|
25
|
+
selectorKey?: string;
|
|
26
|
+
textPosition?: CMSIBCommonInterface;
|
|
27
|
+
textPositionOnTheImage?: CMSIBCommonInterface;
|
|
28
|
+
titleAndDescriptionAndAlignment?: CMSIBCommonInterface;
|
|
29
|
+
};
|
|
30
|
+
playPause?: {
|
|
31
|
+
selectorKey?: string;
|
|
32
|
+
icon?: CMSIBCommonInterface;
|
|
33
|
+
iconSize?: CMSIBCommonInterface;
|
|
34
|
+
iconColor?: CMSIBCommonInterface;
|
|
35
|
+
};
|
|
36
|
+
video?: {
|
|
37
|
+
selectorKey?: string;
|
|
38
|
+
backgroundColor?: CMSIBCommonInterface;
|
|
39
|
+
borderColor?: CMSIBCommonInterface;
|
|
40
|
+
borderStyle?: CMSIBCommonInterface;
|
|
41
|
+
borderPerSlide?: CMSIBCommonInterface;
|
|
42
|
+
showBorder?: CMSIBCommonInterface;
|
|
43
|
+
showShadow?: CMSIBCommonInterface;
|
|
44
|
+
shadowColor?: CMSIBCommonInterface;
|
|
45
|
+
blur?: CMSIBCommonInterface;
|
|
46
|
+
spread?: CMSIBCommonInterface;
|
|
47
|
+
angle?: CMSIBCommonInterface;
|
|
48
|
+
borderRadius?: CMSIBCommonInterface;
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
export interface CMSVideoEditPopupInterface<L = VideoControlInterface, C = VideoControlInterface, D = VideoControlInterface> {
|
|
52
|
+
layout?: L;
|
|
53
|
+
content?: C;
|
|
54
|
+
design?: D;
|
|
55
|
+
}
|
|
56
|
+
export declare enum VideoSelectorKeysEnum {
|
|
57
|
+
LAYOUT = "layout",
|
|
58
|
+
DESIGN = "design",
|
|
59
|
+
CONTENT = "content",
|
|
60
|
+
VIDEO_PLAYER_TEXT = "videoPlayerText",
|
|
61
|
+
PLAY_PAUSE = "playPause",
|
|
62
|
+
VIDEO = "video"
|
|
63
|
+
}
|
|
64
|
+
export interface SelectorKeys {
|
|
65
|
+
LAYOUT: string;
|
|
66
|
+
DESIGN: string;
|
|
67
|
+
CONTENT: string;
|
|
68
|
+
VIDEO_PLAYER_TEXT: string;
|
|
69
|
+
PLAY_PAUSE: string;
|
|
70
|
+
VIDEO: string;
|
|
71
|
+
}
|
|
72
|
+
export declare const getDefaultData: () => CMSVideoEditPopupInterface<VideoControlInterface & VideoControlInterface & VideoControlInterface & CMSElementEditPopupLayoutInterface>;
|
|
73
|
+
export {};
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { CSSUnitOption } from "../interfaces/global";
|
|
2
2
|
export declare const CSSUnits: CSSUnitOption[];
|
|
3
|
-
export declare const stylesToString: (styles: any) => string;
|
|
4
|
-
export declare const loadNAppendStyleTag: (styleEle: any, id: string | number, parentEle?: null | any) => void;
|
|
5
3
|
declare const commonFunctions: any;
|
|
6
4
|
export default commonFunctions;
|