@sc-360-v2/storefront-cms-library 0.0.7 → 0.0.8
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/css.js +1 -1
- package/dist/icons.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/builder/elements/common.d.ts +2 -0
- package/dist/types/builder/elements/container/index.d.ts +42 -0
- package/dist/types/builder/elements/countdown/index.d.ts +26 -0
- package/dist/types/builder/elements/embed/index.d.ts +59 -0
- package/dist/types/builder/elements/grid/index.d.ts +1 -1
- package/dist/types/builder/elements/image-hotspot/index.d.ts +30 -0
- package/dist/types/builder/elements/map/index.d.ts +30 -0
- package/dist/types/builder/elements/scroll/index.d.ts +26 -0
- package/dist/types/builder/elements/table/index.d.ts +1 -5
- package/dist/types/builder/enums/index.d.ts +46 -6
- package/dist/types/builder/index.d.ts +7 -1
- package/dist/types/builder/interfaces/global.d.ts +9 -0
- package/dist/types/builder/tools/element-edit/button.d.ts +1 -0
- package/dist/types/builder/tools/element-edit/buttonv2.d.ts +26 -0
- package/dist/types/builder/tools/element-edit/common.d.ts +19 -2
- package/dist/types/builder/tools/element-edit/container.d.ts +15 -0
- package/dist/types/builder/tools/element-edit/countdown.d.ts +300 -0
- package/dist/types/builder/tools/element-edit/faq.d.ts +39 -7
- package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +32 -0
- package/dist/types/builder/tools/element-edit/imageHotspot.d.ts +154 -0
- package/dist/types/builder/tools/element-edit/index.d.ts +7 -1
- package/dist/types/builder/tools/element-edit/map.d.ts +122 -0
- package/dist/types/builder/tools/element-edit/scroll.d.ts +219 -0
- package/dist/types/builder/tools/element-edit/social.d.ts +228 -4
- package/dist/types/builder/tools/element-edit/table.d.ts +8 -4
- package/dist/types/builder/tools/element-edit/text.d.ts +1 -2
- package/dist/types/builder/tools/element-edit/video.d.ts +212 -4
- package/dist/types/global/types.d.ts +2 -2
- package/package.json +1 -1
- package/dist/faq.scss +0 -136
|
@@ -8,6 +8,8 @@ export interface BuilderAttributes {
|
|
|
8
8
|
dataWidgetType?: string;
|
|
9
9
|
dataElementSubType?: string;
|
|
10
10
|
dataChildCount?: string | number;
|
|
11
|
+
dataDropElement?: string | number;
|
|
12
|
+
dataElementSubChild?: string | number;
|
|
11
13
|
}
|
|
12
14
|
export interface CMSElementAttributes {
|
|
13
15
|
HTML?: CMSHTMLAttributes;
|
|
@@ -0,0 +1,42 @@
|
|
|
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 ContainerStyleProperties 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: () => ContainerStyleProperties;
|
|
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 ContainerElementInterface {
|
|
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?: ContainerStyleProperties;
|
|
37
|
+
editedStyles?: CommonStyleProperties;
|
|
38
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
39
|
+
children: any;
|
|
40
|
+
childIds: any[];
|
|
41
|
+
previewImage?: string;
|
|
42
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, CommonBuilderAttributes, GlobalTextAttributes, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface CountdownStyleProperties 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: () => CountdownStyleProperties;
|
|
18
|
+
export interface CMSCountdownInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
19
|
+
attributes: {
|
|
20
|
+
HTML: Pick<CMSHTMLAttributes, GlobalTextAttributes>;
|
|
21
|
+
BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
|
|
22
|
+
CUSTOM: any;
|
|
23
|
+
};
|
|
24
|
+
styles: CountdownStyleProperties;
|
|
25
|
+
childrenStyles?: CommonStyleProperties;
|
|
26
|
+
}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { DisplayValue, ResponsiveBehaviourTypes } from "../../../global/types";
|
|
3
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
4
|
+
import { CMSGridsContainer } from "../grid";
|
|
5
|
+
import { BuilderAttributes } from "../common";
|
|
6
|
+
export interface CodeAttributes extends CMSHTMLAttributes {
|
|
7
|
+
role?: string;
|
|
8
|
+
ariaLabel?: string;
|
|
9
|
+
ariaDescribedBy?: string;
|
|
10
|
+
id?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
lang?: string;
|
|
13
|
+
dataMeta?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface EmbedStyleProperties extends CommonStyleProperties {
|
|
16
|
+
minHeight?: string;
|
|
17
|
+
height?: string;
|
|
18
|
+
minWidth?: string;
|
|
19
|
+
maxWidth?: string;
|
|
20
|
+
maxHeight?: string;
|
|
21
|
+
gridArea?: string;
|
|
22
|
+
display?: DisplayValue;
|
|
23
|
+
boxSizing?: string;
|
|
24
|
+
rowGap?: string;
|
|
25
|
+
columnGap?: string;
|
|
26
|
+
gridTemplateRows?: string;
|
|
27
|
+
gridTemplateColumns?: string;
|
|
28
|
+
}
|
|
29
|
+
export declare const getDefaultStyles: () => EmbedStyleProperties;
|
|
30
|
+
export declare const getSectionDefaultStyles: () => EmbedStyleProperties;
|
|
31
|
+
export interface VariationConditionInterface {
|
|
32
|
+
customer?: any[];
|
|
33
|
+
user?: any[];
|
|
34
|
+
relation?: any;
|
|
35
|
+
}
|
|
36
|
+
export interface EmbedVariationInterface {
|
|
37
|
+
condition?: VariationConditionInterface;
|
|
38
|
+
attributes?: {
|
|
39
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType">;
|
|
40
|
+
HTML?: CodeAttributes;
|
|
41
|
+
CUSTOM?: any;
|
|
42
|
+
};
|
|
43
|
+
styles?: EmbedStyleProperties;
|
|
44
|
+
editedStyles?: CommonStyleProperties;
|
|
45
|
+
sectionStyles?: CommonStyleProperties;
|
|
46
|
+
grids?: CMSGridsContainer;
|
|
47
|
+
responsiveBehaviour: ResponsiveBehaviourTypes;
|
|
48
|
+
highestGrid?: number | any;
|
|
49
|
+
gtc?: CMSGridsContainer;
|
|
50
|
+
gtr?: CMSGridsContainer;
|
|
51
|
+
}
|
|
52
|
+
export interface CMSEmbedInterface {
|
|
53
|
+
id?: string | number;
|
|
54
|
+
uniqueId?: string | number;
|
|
55
|
+
variations?: {
|
|
56
|
+
[key: string]: EmbedVariationInterface;
|
|
57
|
+
};
|
|
58
|
+
styles?: EmbedStyleProperties;
|
|
59
|
+
}
|
|
@@ -44,7 +44,7 @@ export interface CMSGridInterface {
|
|
|
44
44
|
editedStyles?: CommonStyleProperties;
|
|
45
45
|
children: any;
|
|
46
46
|
attributes: {
|
|
47
|
-
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType">;
|
|
47
|
+
BUILDER?: Pick<BuilderAttributes, "dataDivType" | "dataType" | "dataElementType" | "dataDropElement">;
|
|
48
48
|
HTML?: CommonGridElementAttributes;
|
|
49
49
|
CUSTOM?: any;
|
|
50
50
|
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface ImageStyleProperties 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
|
+
marginLeft?: MarginValue;
|
|
15
|
+
marginTop?: MarginValue;
|
|
16
|
+
marginBottom?: MarginValue;
|
|
17
|
+
marginRight?: MarginValue;
|
|
18
|
+
justifySelf?: JustifySelfValue;
|
|
19
|
+
alignSelf?: AlignSelfValue;
|
|
20
|
+
}
|
|
21
|
+
export declare const getDefaultStyles: () => ImageStyleProperties;
|
|
22
|
+
export interface CMSImageHotspotInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
23
|
+
attributes: {
|
|
24
|
+
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
25
|
+
BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
|
|
26
|
+
CUSTOM: any;
|
|
27
|
+
};
|
|
28
|
+
styles: ImageStyleProperties;
|
|
29
|
+
childrenStyles?: CommonStyleProperties;
|
|
30
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GlobalImageAttributes, GridAreaValue, HeightValue, ImageBuilderAttributes, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface ImageStyleProperties 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
|
+
marginLeft?: MarginValue;
|
|
15
|
+
marginTop?: MarginValue;
|
|
16
|
+
marginBottom?: MarginValue;
|
|
17
|
+
marginRight?: MarginValue;
|
|
18
|
+
justifySelf?: JustifySelfValue;
|
|
19
|
+
alignSelf?: AlignSelfValue;
|
|
20
|
+
}
|
|
21
|
+
export declare const getDefaultStyles: () => ImageStyleProperties;
|
|
22
|
+
export interface CMSMapInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
23
|
+
attributes: {
|
|
24
|
+
HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
|
|
25
|
+
BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
|
|
26
|
+
CUSTOM: any;
|
|
27
|
+
};
|
|
28
|
+
styles: ImageStyleProperties;
|
|
29
|
+
childrenStyles?: CommonStyleProperties;
|
|
30
|
+
}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
|
+
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, CommonBuilderAttributes, GlobalTextAttributes, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue } from "../../../global/types";
|
|
4
|
+
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
|
+
export interface ScrollStyleProperties 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: () => ScrollStyleProperties;
|
|
18
|
+
export interface CMSScrollInterface extends Omit<CMSElementInterface, "attributes"> {
|
|
19
|
+
attributes: {
|
|
20
|
+
HTML: Pick<CMSHTMLAttributes, GlobalTextAttributes>;
|
|
21
|
+
BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
|
|
22
|
+
CUSTOM: any;
|
|
23
|
+
};
|
|
24
|
+
styles: ScrollStyleProperties;
|
|
25
|
+
childrenStyles?: CommonStyleProperties;
|
|
26
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CommonStyleProperties } from "../../../global/style-properties";
|
|
2
2
|
import { CMSHTMLAttributes } from "../../../global/attributes";
|
|
3
|
-
import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue,
|
|
3
|
+
import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalTableAttributes, CommonBuilderAttributes } from "../../../global/types";
|
|
4
4
|
import { BuilderAttributes, CMSElementInterface } from "../common";
|
|
5
5
|
export interface TableStyleProperties {
|
|
6
6
|
minHeight?: MinHeightValue;
|
|
@@ -10,10 +10,6 @@ export interface TableStyleProperties {
|
|
|
10
10
|
maxHeight?: MaxHeightValue;
|
|
11
11
|
boxSizing?: BoxSizingValue;
|
|
12
12
|
padding?: PaddingValue;
|
|
13
|
-
marginLeft?: MarginValue;
|
|
14
|
-
marginTop?: MarginValue;
|
|
15
|
-
marginBottom?: MarginValue;
|
|
16
|
-
marginRight?: MarginValue;
|
|
17
13
|
justifySelf?: JustifySelfValue;
|
|
18
14
|
alignSelf?: AlignSelfValue;
|
|
19
15
|
gridArea?: GridAreaValue;
|
|
@@ -22,27 +22,58 @@ export declare enum CMSToolIdTypes {
|
|
|
22
22
|
addGridButtonSpan = "add-grid-span",
|
|
23
23
|
addGridResizerSpan = "add-grid-resizer-span",
|
|
24
24
|
customTooltip = "cms-custom-tooltip",
|
|
25
|
-
customCodeModal = "cms-custom-code-modal"
|
|
25
|
+
customCodeModal = "cms-custom-code-modal",
|
|
26
|
+
playgroundMain = "cms-playground-main",
|
|
27
|
+
themeSettings = "cms-theme-settings-component",
|
|
28
|
+
playgroundProperties = "cms-playground-properties",
|
|
29
|
+
dragDropPercentage = "cms-drag-drop-percentage",
|
|
30
|
+
elementReizer = "cms-element-resizer",
|
|
31
|
+
elementReizerData = "cms-element-resizer-data",
|
|
32
|
+
cmsPageLoader = "cms-page-loader",
|
|
33
|
+
dataDropElement = "cms-drop-element",
|
|
34
|
+
containerWrapper = "cms-container-wrapper",
|
|
35
|
+
cmsSubElementLayer = "cms-sub-element-layer",
|
|
36
|
+
editorHeader = "cms-editor-header",
|
|
37
|
+
cmsAddElementBodyLayer = "data-global-temp-body",
|
|
38
|
+
cmsIframePreview = "cms-iframe-preview",
|
|
39
|
+
cmsIframeMainElement = "cms-iframe-preview-main"
|
|
26
40
|
}
|
|
27
41
|
export declare enum CMSElementSelectors {
|
|
28
42
|
iframeSelector = "iframe[data-title='iframe__playground']",
|
|
43
|
+
iframePreviewSelector = "iframe[data-title='cms-iframe-preview']",
|
|
44
|
+
iframePreviewMainSelector = "[data-page-id='cms-iframe-preview-main']",
|
|
29
45
|
templteEditiorSelector = "[data-page-id='cms__template__editor']",
|
|
30
46
|
gridSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid']",
|
|
31
47
|
insideGridSelector = ".wrapper > div[data-div-type='grid']",
|
|
32
48
|
elementSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid'] > div[data-div-type='cms-grid-wrapper'] > div[data-div-type='element']",
|
|
49
|
+
newElementSelector = "div[data-div-type='element']",
|
|
33
50
|
sectionSelector = "section[data-div-type='section']",
|
|
34
51
|
layersParentSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers']",
|
|
35
52
|
layersGridSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid']",
|
|
36
53
|
layersGridElementSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid'] > div[data-layer-div-type='element']",
|
|
54
|
+
newLayersGridElementSelector = "div[data-layer-div-type='element']",
|
|
37
55
|
sectionLayersOverlay = "[data-div-type = 'section__layers__overlay']",
|
|
38
56
|
gridLayersOverlay = "[data-div-type='grid__layers__overlay']",
|
|
39
57
|
iframeRoot = "#cms-iframe-root",
|
|
40
|
-
|
|
58
|
+
playgroundScrollY = "playground-srolltop",
|
|
59
|
+
playgroundScrollX = "playground-srollleft",
|
|
41
60
|
addElementComponentSelector = "[data-cms-tool='cms-add-element-component']",
|
|
42
61
|
playgroundWrapper = "[data-cms-tool='playground_wrapper']",
|
|
43
62
|
addElementPopup = "[data-cms-tool='cms-add-element-popup']",
|
|
44
63
|
addGridButtonSelector = "button[data-cms-tool='add-grid-button']",
|
|
45
|
-
customCodeModalSelectr = "div[data-cms-tool='cms-custom-code-modal']"
|
|
64
|
+
customCodeModalSelectr = "div[data-cms-tool='cms-custom-code-modal']",
|
|
65
|
+
playgroundMain = "main[data-cms-tool='cms-playground-main']",
|
|
66
|
+
themeSettings = "div[data-cms-tool='cms-theme-settings-component']",
|
|
67
|
+
playgroundProperties = "div[data-cms-tool='cms-playground-properties']",
|
|
68
|
+
elementDNDPercentage = "div[data-cms-tool='cms-drag-drop-percentage']",
|
|
69
|
+
elementReizer = "div[data-cms-tool='cms-element-resizer']",
|
|
70
|
+
elementReizerData = "div[data-cms-tool='cms-element-resizer-data']",
|
|
71
|
+
cmsPageLoader = "div[data-cms-tool='cms-page-loader']",
|
|
72
|
+
dataDropElement = "div[data-drop-element='cms-drop-element']",
|
|
73
|
+
layerDataDropElement = "div[data-layer-drop-element='cms-drop-element']",
|
|
74
|
+
layerSubElement = "div[data-cms-tool='cms-sub-element-layer']",
|
|
75
|
+
editorHeader = "div[data-cms-tool='cms-editor-header']",
|
|
76
|
+
cmsAddElementBodyLayer = "div[data-cms-tool='data-global-temp-body']"
|
|
46
77
|
}
|
|
47
78
|
export declare enum CMSToolAttributes {
|
|
48
79
|
id = "data-cms-tool",
|
|
@@ -50,16 +81,22 @@ export declare enum CMSToolAttributes {
|
|
|
50
81
|
style = "data-style-id",
|
|
51
82
|
pageId = "data-page-id",
|
|
52
83
|
dataDivType = "data-div-type",
|
|
84
|
+
dataElementSubChild = "data-element-sub-child",
|
|
53
85
|
dataChildCount = "data-child-count",
|
|
86
|
+
dataToolType = "data-tool-type",
|
|
54
87
|
dataGridType = "data-grid-type",
|
|
55
88
|
dataElementType = "data-element-type",
|
|
56
89
|
layerDataDivType = "data-layer-div-type",
|
|
90
|
+
layerDataElementSubChild = "data-layer-element-sub-child",
|
|
91
|
+
dataDropElement = "data-drop-element",
|
|
92
|
+
layerDataDropElement = "data-layer-drop-element",
|
|
57
93
|
layerDataElementType = "data-layer-element-type",
|
|
58
94
|
title = "data-title",
|
|
59
95
|
layerStyle = "data-layer-style-id",
|
|
60
96
|
elementClick = "data-has-clicked",
|
|
61
97
|
viewportVisible = "data-viewport-visible",
|
|
62
|
-
|
|
98
|
+
playgroundScrollY = "data-playground-scroll-y",
|
|
99
|
+
playgroundScrollX = "data-playground-scroll-x",
|
|
63
100
|
viewportVisibleTop = "data-viewport-visible-top",
|
|
64
101
|
viewportVisibleRight = "data-viewport-visible-right",
|
|
65
102
|
viewportVisibleBottom = "data-viewport-visible-bottom",
|
|
@@ -68,8 +105,7 @@ export declare enum CMSToolAttributes {
|
|
|
68
105
|
export declare enum CMSElementEditTypes {
|
|
69
106
|
CSS = "css",
|
|
70
107
|
TOOL = "tool",
|
|
71
|
-
CONTROLS = "controls"
|
|
72
|
-
SELECTOR = "selector"
|
|
108
|
+
CONTROLS = "controls"
|
|
73
109
|
}
|
|
74
110
|
export declare enum CMSCSSUnitTypesEnums {
|
|
75
111
|
PIXELS = 1,
|
|
@@ -78,3 +114,7 @@ export declare enum CMSCSSUnitTypesEnums {
|
|
|
78
114
|
PERCENTAGE = 4,
|
|
79
115
|
CUSTOM = 5
|
|
80
116
|
}
|
|
117
|
+
export declare enum CMSComponentImportTypeEnum {
|
|
118
|
+
BUILDER = 1,
|
|
119
|
+
PREVIEW = 2
|
|
120
|
+
}
|
|
@@ -15,4 +15,10 @@ import * as tabSchema from "./elements/tab/index";
|
|
|
15
15
|
import * as socialIconsSchema from "./elements/social/index";
|
|
16
16
|
import * as faqSchema from "./elements/faq/index";
|
|
17
17
|
import * as codeSchema from "./elements/code/index";
|
|
18
|
-
|
|
18
|
+
import * as embedSchema from "./elements/embed/index";
|
|
19
|
+
import * as scrollSchema from "./elements/scroll/index";
|
|
20
|
+
import * as countdownSchema from "./elements/countdown/index";
|
|
21
|
+
import * as imageHotspotSchema from "./elements/image-hotspot/index";
|
|
22
|
+
import * as mapSchema from "./elements/map/index";
|
|
23
|
+
import * as containerSchema from "./elements/container/index";
|
|
24
|
+
export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, embedSchema, scrollSchema, countdownSchema, imageHotspotSchema, mapSchema, containerSchema, };
|
|
@@ -31,6 +31,7 @@ export interface CMSIBCommonInterface {
|
|
|
31
31
|
property?: string | boolean | any;
|
|
32
32
|
propertyType?: CMSElementEditTypes | string | any;
|
|
33
33
|
isReadOnly?: boolean;
|
|
34
|
+
parentRef?: string;
|
|
34
35
|
}
|
|
35
36
|
export interface CMSIBSizeInterface extends CMSIBCommonInterface {
|
|
36
37
|
unit?: number | string;
|
|
@@ -73,3 +74,11 @@ export interface CMSColorInterface {
|
|
|
73
74
|
property: string;
|
|
74
75
|
propertyType?: any;
|
|
75
76
|
}
|
|
77
|
+
export interface CMSSubElementLayerInterface {
|
|
78
|
+
childrenKey?: string;
|
|
79
|
+
childrenValue?: any;
|
|
80
|
+
childrenIndex?: number;
|
|
81
|
+
dataDivType?: string;
|
|
82
|
+
dataElementType?: string;
|
|
83
|
+
dataElementSubChild?: string;
|
|
84
|
+
}
|
|
@@ -10,6 +10,7 @@ export interface ButtonLayoutInterface {
|
|
|
10
10
|
iconPosition: CMSIBCommonInterface;
|
|
11
11
|
iconAndTextSpacing: CMSIBCommonInterface;
|
|
12
12
|
alignment: CMSIBCommonInterface;
|
|
13
|
+
buttonType: CMSIBCommonInterface;
|
|
13
14
|
}
|
|
14
15
|
export interface selfDesignInterface {
|
|
15
16
|
selectorKey: string;
|
|
@@ -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
|
+
export interface ButtonLayoutInterface {
|
|
6
|
+
selectorKey: string;
|
|
7
|
+
buttonStyle: CMSIBCommonInterface;
|
|
8
|
+
buttonText: CMSIBCommonInterface;
|
|
9
|
+
buttonIcon: CMSIBCommonInterface;
|
|
10
|
+
iconPosition: CMSIBCommonInterface;
|
|
11
|
+
iconAndTextSpacing: CMSIBCommonInterface;
|
|
12
|
+
alignment: CMSIBCommonInterface;
|
|
13
|
+
buttonType: CMSIBCommonInterface;
|
|
14
|
+
}
|
|
15
|
+
export interface selfDesignInterface {
|
|
16
|
+
selectorKey: string;
|
|
17
|
+
defaultState: any;
|
|
18
|
+
hoverState: any;
|
|
19
|
+
}
|
|
20
|
+
export declare enum ButtonSelectorKeysEnum {
|
|
21
|
+
HOVER_STATE = "hover",
|
|
22
|
+
DEFAULT_STATE = "default",
|
|
23
|
+
LAYOUT = "layout",
|
|
24
|
+
DESIGN = "design"
|
|
25
|
+
}
|
|
26
|
+
export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
@@ -28,6 +28,7 @@ export interface CMSElementEditPopupDesignInterface {
|
|
|
28
28
|
borderRadius: CSSPaddingValues;
|
|
29
29
|
cropRatio: CMSIBCommonInterface;
|
|
30
30
|
font: CMSIBCommonInterface;
|
|
31
|
+
theme: CMSIBCommonInterface;
|
|
31
32
|
fontSize: CMSIBSizeInterface;
|
|
32
33
|
textColor: CMSIBCommonInterface;
|
|
33
34
|
textHighlight: CMSIBCommonInterface;
|
|
@@ -36,9 +37,23 @@ export interface CMSElementEditPopupDesignInterface {
|
|
|
36
37
|
linethrough: CMSIBCommonInterface;
|
|
37
38
|
underline: CMSIBCommonInterface;
|
|
38
39
|
textAlign: CMSIBCommonInterface;
|
|
39
|
-
|
|
40
|
+
characterSpacing: CMSIBSizeInterface;
|
|
40
41
|
paragraphSpacing: CMSIBSizeInterface;
|
|
41
42
|
lineHeight: CMSIBSizeInterface;
|
|
43
|
+
fontDesc: CMSIBCommonInterface;
|
|
44
|
+
themeDesc: CMSIBCommonInterface;
|
|
45
|
+
fontSizeDesc: CMSIBSizeInterface;
|
|
46
|
+
textColorDesc: CMSIBCommonInterface;
|
|
47
|
+
textHighlightDesc?: CMSIBCommonInterface;
|
|
48
|
+
boldDesc: CMSIBCommonInterface;
|
|
49
|
+
italicDesc: CMSIBCommonInterface;
|
|
50
|
+
linethroughDesc: CMSIBCommonInterface;
|
|
51
|
+
underlineDesc: CMSIBCommonInterface;
|
|
52
|
+
textAlignDesc: CMSIBCommonInterface;
|
|
53
|
+
characterSpacingDesc?: CMSIBSizeInterface;
|
|
54
|
+
paragraphSpacingDesc?: CMSIBSizeInterface;
|
|
55
|
+
icon?: CMSIBSizeInterface;
|
|
56
|
+
lineHeightDesc: CMSIBSizeInterface;
|
|
42
57
|
zoomImage: CMSIBCommonInterface;
|
|
43
58
|
flip: CMSIBCommonInterface;
|
|
44
59
|
rotate: CMSIBSizeInterface;
|
|
@@ -53,7 +68,9 @@ export interface CMSElementEditPopupDesignInterface {
|
|
|
53
68
|
shadows: CMSIBSizeInterface;
|
|
54
69
|
iconSize: CMSIBSizeInterface;
|
|
55
70
|
iconColor: CMSIBCommonInterface;
|
|
56
|
-
showIcon
|
|
71
|
+
showIcon?: CMSIBCommonInterface;
|
|
72
|
+
dividerWidth: CMSIBSizeInterface;
|
|
73
|
+
overlayColor: CMSIBCommonInterface;
|
|
57
74
|
}
|
|
58
75
|
export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
|
|
59
76
|
layout?: L;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
|
|
2
|
+
export interface ContainerEditPopupInterface extends CMSElementEditPopupInterface {
|
|
3
|
+
}
|
|
4
|
+
interface selfLayoutInterface {
|
|
5
|
+
selectorKey: string;
|
|
6
|
+
}
|
|
7
|
+
export interface selfDesignInterface {
|
|
8
|
+
selectorKey: string;
|
|
9
|
+
}
|
|
10
|
+
export declare enum selfSelectorKeysEnum {
|
|
11
|
+
LAYOUT = "layout",
|
|
12
|
+
DESIGN = "design"
|
|
13
|
+
}
|
|
14
|
+
export declare const getDefaultData: (contentWidth: any) => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
|
|
15
|
+
export {};
|