@sc-360-v2/storefront-cms-library 0.0.4 → 0.0.6

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.
Files changed (52) hide show
  1. package/README.md +7 -35
  2. package/dist/builder.js +1 -1
  3. package/dist/button.scss +139 -0
  4. package/dist/faq.scss +136 -0
  5. package/dist/functions.js +1 -0
  6. package/dist/htmlElement.js +1 -1
  7. package/dist/icons.js +1 -1
  8. package/dist/index.js +1 -1
  9. package/dist/tab-panel.scss +93 -0
  10. package/dist/text-editor.scss +8 -0
  11. package/dist/types/builder/elements/button/index.d.ts +26 -0
  12. package/dist/types/builder/elements/code/index.d.ts +59 -0
  13. package/dist/types/builder/elements/common.d.ts +6 -0
  14. package/dist/types/builder/elements/faq/index.d.ts +30 -0
  15. package/dist/types/builder/elements/gallery-slider/index.d.ts +30 -0
  16. package/dist/types/builder/elements/grid/index.d.ts +4 -1
  17. package/dist/types/builder/elements/image/index.d.ts +4 -1
  18. package/dist/types/builder/elements/section/index.d.ts +8 -2
  19. package/dist/types/builder/elements/social/index.d.ts +36 -0
  20. package/dist/types/builder/elements/tab/index.d.ts +30 -0
  21. package/dist/types/builder/elements/table/index.d.ts +30 -0
  22. package/dist/types/builder/elements/text-editor/index.d.ts +4 -3
  23. package/dist/types/builder/elements/video/index.d.ts +30 -0
  24. package/dist/types/builder/enums/cssVariables.d.ts +361 -0
  25. package/dist/types/builder/enums/index.d.ts +39 -3
  26. package/dist/types/builder/index.d.ts +11 -1
  27. package/dist/types/builder/interfaces/global.d.ts +48 -0
  28. package/dist/types/builder/tools/element-edit/button.d.ts +25 -0
  29. package/dist/types/builder/tools/element-edit/code.d.ts +15 -0
  30. package/dist/types/builder/tools/element-edit/common.d.ts +65 -0
  31. package/dist/types/builder/tools/element-edit/embed.d.ts +13 -0
  32. package/dist/types/builder/tools/element-edit/faq.d.ts +41 -0
  33. package/dist/types/builder/tools/element-edit/gallery-slider.d.ts +81 -0
  34. package/dist/types/builder/tools/element-edit/grid.d.ts +15 -0
  35. package/dist/types/builder/tools/element-edit/image.d.ts +26 -0
  36. package/dist/types/builder/tools/element-edit/index.d.ts +16 -0
  37. package/dist/types/builder/tools/element-edit/section.d.ts +15 -0
  38. package/dist/types/builder/tools/element-edit/slideShowLayouter.d.ts +21 -0
  39. package/dist/types/builder/tools/element-edit/social.d.ts +62 -0
  40. package/dist/types/builder/tools/element-edit/table.d.ts +201 -0
  41. package/dist/types/builder/tools/element-edit/tabs.d.ts +158 -0
  42. package/dist/types/builder/tools/element-edit/text.d.ts +15 -0
  43. package/dist/types/builder/tools/element-edit/video.d.ts +74 -0
  44. package/dist/types/builder/utilities/global.d.ts +0 -2
  45. package/dist/types/global/attributes.d.ts +2 -2
  46. package/dist/types/global/style-properties.d.ts +3 -1
  47. package/dist/types/global/types.d.ts +6 -0
  48. package/dist/types/helper/helper-functions.d.ts +1 -0
  49. package/dist/types/html-elements/element-types.d.ts +11 -1
  50. package/dist/types/html-elements/elements.d.ts +3 -1
  51. package/dist/widget.scss +1 -0
  52. package/package.json +13 -1
@@ -0,0 +1,361 @@
1
+ export declare enum CSSVariablesEnum {
2
+ ACCENT_COLOR = "accentColor",
3
+ ALIGN_CONTENT = "alignContent",
4
+ ALIGN_ITEMS = "alignItems",
5
+ ALIGN_SELF = "alignSelf",
6
+ ALL = "all",
7
+ ANIMATION = "animation",
8
+ ANIMATION_DELAY = "animationDelay",
9
+ ANIMATION_DURATION = "animationDuration",
10
+ ANIMATION_FILL_MODE = "animationFillMode",
11
+ ANIMATION_ITERATION_COUNT = "animationIterationCount",
12
+ ANIMATION_NAME = "animationName",
13
+ ANIMATION_PLAY_STATE = "animationPlayState",
14
+ ANIMATION_TIMING_FUNCTION = "animationTimingFunction",
15
+ ASPECT_RATIO = "aspectRatio",
16
+ BACKDROP_FILTER = "backdropFilter",
17
+ BACKFACE_VISIBILITY = "backfaceVisibility",
18
+ BACKGROUND = "background",
19
+ BACKGROUND_ATTACHMENT = "backgroundAttachment",
20
+ BACKGROUND_BLEND_MODE = "backgroundBlendMode",
21
+ BACKGROUND_CLIP = "backgroundClip",
22
+ BACKGROUND_COLOR = "backgroundColor",
23
+ BACKGROUND_IMAGE = "backgroundImage",
24
+ BACKGROUND_ORIGIN = "backgroundOrigin",
25
+ BACKGROUND_POSITION = "backgroundPosition",
26
+ BACKGROUND_POSITION_X = "backgroundPositionX",
27
+ BACKGROUND_POSITION_Y = "backgroundPositionY",
28
+ BACKGROUND_REPEAT = "backgroundRepeat",
29
+ BACKGROUND_SIZE = "backgroundSize",
30
+ BLOCK_SIZE = "blockSize",
31
+ BORDER = "border",
32
+ BORDER_BLOCK = "borderBlock",
33
+ BORDER_BLOCK_COLOR = "borderBlockColor",
34
+ BORDER_BLOCK_END = "borderBlockEnd",
35
+ BORDER_BLOCK_END_COLOR = "borderBlockEndColor",
36
+ BORDER_BLOCK_END_STYLE = "borderBlockEndStyle",
37
+ BORDER_BLOCK_END_WIDTH = "borderBlockEndWidth",
38
+ BORDER_BLOCK_START = "borderBlockStart",
39
+ BORDER_BLOCK_START_COLOR = "borderBlockStartColor",
40
+ BORDER_BLOCK_START_STYLE = "borderBlockStartStyle",
41
+ BORDER_BLOCK_START_WIDTH = "borderBlockStartWidth",
42
+ BORDER_BLOCK_STYLE = "borderBlockStyle",
43
+ BORDER_BLOCK_WIDTH = "borderBlockWidth",
44
+ BORDER_BOTTOM = "borderBottom",
45
+ BORDER_BOTTOM_COLOR = "borderBottomColor",
46
+ BORDER_BOTTOM_LEFT_RADIUS = "borderBottomLeftRadius",
47
+ BORDER_BOTTOM_RIGHT_RADIUS = "borderBottomRightRadius",
48
+ BORDER_BOTTOM_STYLE = "borderBottomStyle",
49
+ BORDER_BOTTOM_WIDTH = "borderBottomWidth",
50
+ BORDER_COLLAPSE = "borderCollapse",
51
+ BORDER_COLOR = "borderColor",
52
+ BORDER_END_END_RADIUS = "borderEndEndRadius",
53
+ BORDER_END_START_RADIUS = "borderEndStartRadius",
54
+ BORDER_INLINE = "borderInline",
55
+ BORDER_IMAGE_OUTSET = "borderImageOutset",
56
+ BORDER_IMAGE_REPEAT = "borderImageRepeat",
57
+ BORDER_IMAGE_SLICE = "borderImageSlice",
58
+ BORDER_IMAGE_SOURCE = "borderImageSource",
59
+ BORDER_IMAGE_WIDTH = "borderImageWidth",
60
+ BORDER_INLINE_COLOR = "borderInlineColor",
61
+ BORDER_INLINE_END = "borderInlineEnd",
62
+ BORDER_INLINE_END_COLOR = "borderInlineEndColor",
63
+ BORDER_INLINE_END_STYLE = "borderInlineEndStyle",
64
+ BORDER_INLINE_END_WIDTH = "borderInlineEndWidth",
65
+ BORDER_INLINE_START = "borderInlineStart",
66
+ BORDER_INLINE_START_COLOR = "borderInlineStartColor",
67
+ BORDER_INLINE_START_STYLE = "borderInlineStartStyle",
68
+ BORDER_INLINE_START_WIDTH = "borderInlineStartWidth",
69
+ BORDER_INLINE_STYLE = "borderInlineStyle",
70
+ BORDER_INLINE_WIDTH = "borderInlineWidth",
71
+ BORDER_LEFT = "borderLeft",
72
+ BORDER_LEFT_COLOR = "borderLeftColor",
73
+ BORDER_LEFT_STYLE = "borderLeftStyle",
74
+ BORDER_LEFT_WIDTH = "borderLeftWidth",
75
+ BORDER_RADIUS = "borderRadius",
76
+ BORDER_RIGHT = "borderRight",
77
+ BORDER_RIGHT_COLOR = "borderRightColor",
78
+ BORDER_RIGHT_STYLE = "borderRightStyle",
79
+ BORDER_RIGHT_WIDTH = "borderRightWidth",
80
+ BORDER_SPACING = "borderSpacing",
81
+ BORDER_START_END_RADIUS = "borderStartEndRadius",
82
+ BORDER_START_START_RADIUS = "borderStartStartRadius",
83
+ BORDER_STYLE = "borderStyle",
84
+ BORDER_TOP = "borderTop",
85
+ BORDER_TOP_COLOR = "borderTopColor",
86
+ BORDER_TOP_LEFT_RADIUS = "borderTopLeftRadius",
87
+ BORDER_TOP_RIGHT_RADIUS = "borderTopRightRadius",
88
+ BORDER_TOP_STYLE = "borderTopStyle",
89
+ BORDER_TOP_WIDTH = "borderTopWidth",
90
+ BORDER_WIDTH = "borderWidth",
91
+ BOX_DECORATION_BREAK = "boxDecorationBreak",
92
+ BOTTOM = "bottom",
93
+ BOX_REFLECT = "boxReflect",
94
+ BOX_SHADOW = "boxShadow",
95
+ BOX_SIZING = "boxSizing",
96
+ BREAK_AFTER = "breakAfter",
97
+ BREAK_BEFORE = "breakBefore",
98
+ BREAK_INSIDE = "breakInside",
99
+ CAPTION_SIDE = "captionSide",
100
+ CARET_COLOR = "caretColor",
101
+ CLIP_PATH = "clipPath",
102
+ COLOR = "color",
103
+ COLOR_SCHEME = "colorScheme",
104
+ COLUMN_COUNT = "columnCount",
105
+ COLUMN_FILL = "columnFill",
106
+ COLUMN_GAP = "columnGap",
107
+ COLUMN_RULE = "columnRule",
108
+ COLUMN_RULE_COLOR = "columnRuleColor",
109
+ COLUMN_RULE_STYLE = "columnRuleStyle",
110
+ COLUMN_RULE_WIDTH = "columnRuleWidth",
111
+ COLUMN_SPAN = "columnSpan",
112
+ COLUMN_WIDTH = "columnWidth",
113
+ COLUMNS = "columns",
114
+ CONTENT = "content",
115
+ COUNTER_INCREMENT = "counterIncrement",
116
+ COUNTER_RESET = "counterReset",
117
+ COUNTER_SET = "counterSet",
118
+ CURSOR = "cursor",
119
+ DIRECTION = "direction",
120
+ DISPLAY = "display",
121
+ EMPTY_CELLS = "emptyCells",
122
+ FILTER = "filter",
123
+ FLEX = "flex",
124
+ FLEX_BASIS = "flexBasis",
125
+ FLEX_DIRECTION = "flexDirection",
126
+ FLEX_FLOW = "flexFlow",
127
+ FLEX_GROW = "flexGrow",
128
+ FLEX_SHRINK = "flexShrink",
129
+ FLEX_WRAP = "flexWrap",
130
+ FLOAT = "float",
131
+ FONT = "font",
132
+ FONT_FAMILY = "fontFamily",
133
+ FONT_FEATURE_SETTINGS = "fontFeatureSettings",
134
+ FONT_KERNING = "fontKerning",
135
+ FONT_SIZE = "fontSize",
136
+ FONT_SIZE_ADJUST = "fontSizeAdjust",
137
+ FONT_STRETCH = "fontStretch",
138
+ FONT_STYLE = "fontStyle",
139
+ FONT_VARIANT = "fontVariant",
140
+ FONT_VARIANT_CAPS = "fontVariantCaps",
141
+ FONT_WEIGHT = "fontWeight",
142
+ GAP = "gap",
143
+ GRID = "grid",
144
+ GRID_AREA = "gridArea",
145
+ GRID_AUTO_COLUMNS = "gridAutoColumns",
146
+ GRID_AUTO_FLOW = "gridAutoFlow",
147
+ GRID_AUTO_ROWS = "gridAutoRows",
148
+ GRID_COLUMN = "gridColumn",
149
+ GRID_COLUMN_END = "gridColumnEnd",
150
+ GRID_COLUMN_START = "gridColumnStart",
151
+ GRID_ROW = "gridRow",
152
+ GRID_ROW_END = "gridRowEnd",
153
+ GRID_ROW_START = "gridRowStart",
154
+ GRID_TEMPLATE = "gridTemplate",
155
+ GRID_TEMPLATE_AREAS = "gridTemplateAreas",
156
+ GRID_TEMPLATE_COLUMNS = "gridTemplateColumns",
157
+ GRID_TEMPLATE_ROWS = "gridTemplateRows",
158
+ HANGING_PUNCTUATION = "hangingPunctuation",
159
+ HEIGHT = "height",
160
+ HYPHENS = "hyphens",
161
+ HYPHENATE_CHARACTER = "hyphenateCharacter",
162
+ IMAGE_RENDERING = "imageRendering",
163
+ INITIAL_LETTER = "initialLetter",
164
+ INLINE_SIZE = "inlineSize",
165
+ INSET = "inset",
166
+ INSET_BLOCK = "insetBlock",
167
+ INSET_BLOCK_END = "insetBlockEnd",
168
+ INSET_BLOCK_START = "insetBlockStart",
169
+ INSET_INLINE = "insetInline",
170
+ INSET_INLINE_END = "insetInlineEnd",
171
+ INSET_INLINE_START = "insetInlineStart",
172
+ ISOLATION = "isolation",
173
+ JUSTIFY_CONTENT = "justifyContent",
174
+ JUSTIFY_ITEMS = "justifyItems",
175
+ JUSTIFY_SELF = "justifySelf",
176
+ LEFT = "left",
177
+ LETTER_SPACING = "letterSpacing",
178
+ LINE_HEIGHT = "lineHeight",
179
+ LIST_STYLE = "listStyle",
180
+ LIST_STYLE_IMAGE = "listStyleImage",
181
+ LIST_STYLE_POSITION = "listStylePosition",
182
+ LIST_STYLE_TYPE = "listStyleType",
183
+ MARGIN = "margin",
184
+ MARGIN_BLOCK = "marginBlock",
185
+ MARGIN_BLOCK_END = "marginBlockEnd",
186
+ MARGIN_BLOCK_START = "marginBlockStart",
187
+ MARGIN_BOTTOM = "marginBottom",
188
+ MARGIN_INLINE = "marginInline",
189
+ MARGIN_INLINE_END = "marginInlineEnd",
190
+ MARGIN_INLINE_START = "marginInlineStart",
191
+ MARGIN_LEFT = "marginLeft",
192
+ MARGIN_RIGHT = "marginRight",
193
+ MARGIN_TOP = "marginTop",
194
+ MARKER = "marker",
195
+ MARKER_END = "markerEnd",
196
+ MARKER_MID = "markerMid",
197
+ MARKER_START = "markerStart",
198
+ MASK = "mask",
199
+ MASK_CLIP = "maskClip",
200
+ MASK_COMPOSITE = "maskComposite",
201
+ MASK_IMAGE = "maskImage",
202
+ MASK_MODE = "maskMode",
203
+ MASK_ORIGIN = "maskOrigin",
204
+ MASK_POSITION = "maskPosition",
205
+ MASK_REPEAT = "maskRepeat",
206
+ MASK_SIZE = "maskSize",
207
+ MASK_TYPE = "maskType",
208
+ MAX_BLOCK_SIZE = "maxBlockSize",
209
+ MAX_HEIGHT = "maxHeight",
210
+ MAX_INLINE_SIZE = "maxInlineSize",
211
+ MAX_WIDTH = "maxWidth",
212
+ MIN_BLOCK_SIZE = "minBlockSize",
213
+ MIN_INLINE_SIZE = "minInlineSize",
214
+ MIN_HEIGHT = "minHeight",
215
+ MIN_WIDTH = "minWidth",
216
+ MIX_BLEND_MODE = "mixBlendMode",
217
+ OBJECT_FIT = "objectFit",
218
+ OBJECT_POSITION = "objectPosition",
219
+ OFFSET = "offset",
220
+ OFFSET_ANCHOR = "offsetAnchor",
221
+ OFFSET_DISTANCE = "offsetDistance",
222
+ OFFSET_PATH = "offsetPath",
223
+ OFFSET_ROTATE = "offsetRotate",
224
+ OPACITY = "opacity",
225
+ ORDER = "order",
226
+ ORPHANS = "orphans",
227
+ OUTLINE = "outline",
228
+ OUTLINE_COLOR = "outlineColor",
229
+ OUTLINE_OFFSET = "outlineOffset",
230
+ OUTLINE_STYLE = "outlineStyle",
231
+ OUTLINE_WIDTH = "outlineWidth",
232
+ OVERFLOW = "overflow",
233
+ OVERFLOW_ANCHOR = "overflowAnchor",
234
+ OVERFLOW_BLOCK = "overflowBlock",
235
+ OVERFLOW_INLINE = "overflowInline",
236
+ OVERFLOW_WRAP = "overflowWrap",
237
+ OVERFLOW_X = "overflowX",
238
+ OVERFLOW_Y = "overflowY",
239
+ OVERSCROLL_BEHAVIOR = "overscrollBehavior",
240
+ OVERSCROLL_BEHAVIOR_BLOCK = "overscrollBehaviorBlock",
241
+ OVERSCROLL_BEHAVIOR_INLINE = "overscrollBehaviorInline",
242
+ OVERSCROLL_BEHAVIOR_X = "overscrollBehaviorX",
243
+ OVERSCROLL_BEHAVIOR_Y = "overscrollBehaviorY",
244
+ PADDING = "padding",
245
+ PADDING_BLOCK = "paddingBlock",
246
+ PADDING_BLOCK_END = "paddingBlockEnd",
247
+ PADDING_BLOCK_START = "paddingBlockStart",
248
+ PADDING_BOTTOM = "paddingBottom",
249
+ PADDING_INLINE = "paddingInline",
250
+ PADDING_INLINE_END = "paddingInlineEnd",
251
+ PADDING_INLINE_START = "paddingInlineStart",
252
+ PADDING_LEFT = "paddingLeft",
253
+ PADDING_RIGHT = "paddingRight",
254
+ PADDING_TOP = "paddingTop",
255
+ PAGE_BREAK_AFTER = "pageBreakAfter",
256
+ PAGE_BREAK_BEFORE = "pageBreakBefore",
257
+ PAGE_BREAK_INSIDE = "pageBreakInside",
258
+ PAINT_ORDER = "paintOrder",
259
+ PERSPECTIVE = "perspective",
260
+ PERSPECTIVE_ORIGIN = "perspectiveOrigin",
261
+ PLACE_CONTENT = "placeContent",
262
+ PLACE_ITEMS = "placeItems",
263
+ PLACE_SELF = "placeSelf",
264
+ POINTER_EVENTS = "pointerEvents",
265
+ POSITION = "position",
266
+ QUOTES = "quotes",
267
+ RESIZE = "resize",
268
+ RIGHT = "right",
269
+ ROTATE = "rotate",
270
+ ROW_GAP = "rowGap",
271
+ RUBY_ALIGN = "rubyAlign",
272
+ RUBY_MERGE = "rubyMerge",
273
+ RUBY_POSITION = "rubyPosition",
274
+ SCALE = "scale",
275
+ SCROLL_BEHAVIOR = "scrollBehavior",
276
+ SCROLL_MARGIN = "scrollMargin",
277
+ SCROLL_MARGIN_BLOCK = "scrollMarginBlock",
278
+ SCROLL_MARGIN_BLOCK_END = "scrollMarginBlockEnd",
279
+ SCROLL_MARGIN_BLOCK_START = "scrollMarginBlockStart",
280
+ SCROLL_MARGIN_BOTTOM = "scrollMarginBottom",
281
+ SCROLL_MARGIN_INLINE = "scrollMarginInline",
282
+ SCROLL_MARGIN_INLINE_END = "scrollMarginInlineEnd",
283
+ SCROLL_MARGIN_INLINE_START = "scrollMarginInlineStart",
284
+ SCROLL_MARGIN_LEFT = "scrollMarginLeft",
285
+ SCROLL_MARGIN_RIGHT = "scrollMarginRight",
286
+ SCROLL_MARGIN_TOP = "scrollMarginTop",
287
+ SCROLL_PADDING = "scrollPadding",
288
+ SCROLL_PADDING_BLOCK = "scrollPaddingBlock",
289
+ SCROLL_PADDING_BLOCK_END = "scrollPaddingBlockEnd",
290
+ SCROLL_PADDING_BLOCK_START = "scrollPaddingBlockStart",
291
+ SCROLL_PADDING_BOTTOM = "scrollPaddingBottom",
292
+ SCROLL_PADDING_INLINE = "scrollPaddingInline",
293
+ SCROLL_PADDING_INLINE_END = "scrollPaddingInlineEnd",
294
+ SCROLL_PADDING_INLINE_START = "scrollPaddingInlineStart",
295
+ SCROLL_PADDING_LEFT = "scrollPaddingLeft",
296
+ SCROLL_PADDING_RIGHT = "scrollPaddingRight",
297
+ SCROLL_PADDING_TOP = "scrollPaddingTop",
298
+ SCROLL_SNAP_ALIGN = "scrollSnapAlign",
299
+ SCROLL_SNAP_STOP = "scrollSnapStop",
300
+ SCROLL_SNAP_TYPE = "scrollSnapType",
301
+ SCROLLBAR_COLOR = "scrollbarColor",
302
+ SCROLLBAR_GUTTER = "scrollbarGutter",
303
+ SCROLLBAR_WIDTH = "scrollbarWidth",
304
+ SHAPE_IMAGE_THRESHOLD = "shapeImageThreshold",
305
+ SHAPE_MARGIN = "shapeMargin",
306
+ SHAPE_OUTSIDE = "shapeOutside",
307
+ TAB_SIZE = "tabSize",
308
+ TABLE_LAYOUT = "tableLayout",
309
+ TEXT_ALIGN = "textAlign",
310
+ TEXT_ALIGN_LAST = "textAlignLast",
311
+ TEXT_COMBINE_UPRIGHT = "textCombineUpright",
312
+ TEXT_DECORATION = "textDecoration",
313
+ TEXT_DECORATION_COLOR = "textDecorationColor",
314
+ TEXT_DECORATION_LINE = "textDecorationLine",
315
+ TEXT_DECORATION_STYLE = "textDecorationStyle",
316
+ TEXT_DECORATION_THICKNESS = "textDecorationThickness",
317
+ TEXT_EMPHASIS = "textEmphasis",
318
+ TEXT_EMPHASIS_COLOR = "textEmphasisColor",
319
+ TEXT_EMPHASIS_POSITION = "textEmphasisPosition",
320
+ TEXT_EMPHASIS_STYLE = "textEmphasisStyle",
321
+ TEXT_INDENT = "textIndent",
322
+ TEXT_JUSTIFY = "textJustify",
323
+ TEXT_ORIENTATION = "textOrientation",
324
+ TEXT_OVERFLOW = "textOverflow",
325
+ TEXT_RENDERING = "textRendering",
326
+ TEXT_SHADOW = "textShadow",
327
+ TEXT_SIZE_ADJUST = "textSizeAdjust",
328
+ TEXT_TRANSFORM = "textTransform",
329
+ TEXT_UNDERLINE_OFFSET = "textUnderlineOffset",
330
+ TEXT_UNDERLINE_POSITION = "textUnderlinePosition",
331
+ TOP = "top",
332
+ TOUCH_ACTION = "touchAction",
333
+ TRANSFORM = "transform",
334
+ TRANSFORM_BOX = "transformBox",
335
+ TRANSFORM_ORIGIN = "transformOrigin",
336
+ TRANSFORM_STYLE = "transformStyle",
337
+ TRANSITION = "transition",
338
+ TRANSITION_DELAY = "transitionDelay",
339
+ TRANSITION_DURATION = "transitionDuration",
340
+ TRANSITION_PROPERTY = "transitionProperty",
341
+ TRANSITION_TIMING_FUNCTION = "transitionTimingFunction",
342
+ TRANSLATE = "translate",
343
+ UNICODE_BIDI = "unicodeBidi",
344
+ USER_SELECT = "userSelect",
345
+ VERTICAL_ALIGN = "verticalAlign",
346
+ VISIBILITY = "visibility",
347
+ WHITE_SPACE = "whiteSpace",
348
+ WIDOWS = "widows",
349
+ WIDTH = "width",
350
+ WILL_CHANGE = "willChange",
351
+ WORD_BREAK = "wordBreak",
352
+ WORD_SPACING = "wordSpacing",
353
+ WORD_WRAP = "wordWrap",
354
+ WRITING_MODE = "writingMode",
355
+ Z_INDEX = "zIndex",
356
+ ACTIVE_ELEMENT_TOOLS_LEFT = "activeElementToolsLeft",
357
+ ACTIVE_ELEMENT_TOOLS_RIGHT = "activeElementToolsRight",
358
+ ACTIVE_ELEMENT_TOOLS_TOP = "activeElementToolsTop",
359
+ ACTIVE_ELEMENT_TOOLS_BOTTOM = "activeElementToolsBottom",
360
+ PLAYGROUND_SCORLLTOP = "playgroundScorlltop"
361
+ }
@@ -12,19 +12,37 @@ export declare enum CMSToolIdTypes {
12
12
  gridLayersOverlay = "grid__layers__overlay",
13
13
  iframeRoot = "cms-iframe-root",
14
14
  addElementTools = "cms-add-element-tools",
15
- elementPopertiesPopup = "cms-element-properties"
15
+ elementPopertiesPopup = "cms-element-properties",
16
+ addElementComponent = "cms-add-element-component",
17
+ addElementCanvas = "cms-custom-canvas",
18
+ addElementPopup = "cms-add-element-popup",
19
+ sectionWrapper = "cms-section-wrapper",
20
+ gridWrapper = "cms-grid-wrapper",
21
+ addGridButton = "add-grid-button",
22
+ addGridButtonSpan = "add-grid-span",
23
+ addGridResizerSpan = "add-grid-resizer-span",
24
+ customTooltip = "cms-custom-tooltip",
25
+ customCodeModal = "cms-custom-code-modal"
16
26
  }
17
27
  export declare enum CMSElementSelectors {
18
28
  iframeSelector = "iframe[data-title='iframe__playground']",
19
29
  templteEditiorSelector = "[data-page-id='cms__template__editor']",
20
30
  gridSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid']",
31
+ insideGridSelector = ".wrapper > div[data-div-type='grid']",
32
+ elementSelector = "section[data-div-type='section'] > .wrapper > div[data-div-type='grid'] > div[data-div-type='cms-grid-wrapper'] > div[data-div-type='element']",
21
33
  sectionSelector = "section[data-div-type='section']",
22
34
  layersParentSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers']",
23
- layersGridSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > div[data-layer-style-id]",
35
+ layersGridSelector = "section[data-div-type='section'] [data-cms-tool='CMS Layers'] > .styles__wrapper > div[data-layer-div-type='grid']",
36
+ 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']",
24
37
  sectionLayersOverlay = "[data-div-type = 'section__layers__overlay']",
25
38
  gridLayersOverlay = "[data-div-type='grid__layers__overlay']",
26
39
  iframeRoot = "#cms-iframe-root",
27
- playgroundScroll = "playground-srolltop"
40
+ playgroundScroll = "playground-srolltop",
41
+ addElementComponentSelector = "[data-cms-tool='cms-add-element-component']",
42
+ playgroundWrapper = "[data-cms-tool='playground_wrapper']",
43
+ addElementPopup = "[data-cms-tool='cms-add-element-popup']",
44
+ addGridButtonSelector = "button[data-cms-tool='add-grid-button']",
45
+ customCodeModalSelectr = "div[data-cms-tool='cms-custom-code-modal']"
28
46
  }
29
47
  export declare enum CMSToolAttributes {
30
48
  id = "data-cms-tool",
@@ -32,6 +50,11 @@ export declare enum CMSToolAttributes {
32
50
  style = "data-style-id",
33
51
  pageId = "data-page-id",
34
52
  dataDivType = "data-div-type",
53
+ dataChildCount = "data-child-count",
54
+ dataGridType = "data-grid-type",
55
+ dataElementType = "data-element-type",
56
+ layerDataDivType = "data-layer-div-type",
57
+ layerDataElementType = "data-layer-element-type",
35
58
  title = "data-title",
36
59
  layerStyle = "data-layer-style-id",
37
60
  elementClick = "data-has-clicked",
@@ -42,3 +65,16 @@ export declare enum CMSToolAttributes {
42
65
  viewportVisibleBottom = "data-viewport-visible-bottom",
43
66
  viewportVisibleLeft = "data-viewport-visible-left"
44
67
  }
68
+ export declare enum CMSElementEditTypes {
69
+ CSS = "css",
70
+ TOOL = "tool",
71
+ CONTROLS = "controls",
72
+ SELECTOR = "selector"
73
+ }
74
+ export declare enum CMSCSSUnitTypesEnums {
75
+ PIXELS = 1,
76
+ REM = 2,
77
+ EM = 3,
78
+ PERCENTAGE = 4,
79
+ CUSTOM = 5
80
+ }
@@ -3,6 +3,16 @@ import * as interfaces from "./interfaces/global";
3
3
  import * as enums from "./enums/index";
4
4
  import * as sectionSchema from "./elements/section/index";
5
5
  import * as gridSchema from "./elements/grid/index";
6
+ import * as imageSchema from "./elements/image/index";
6
7
  import * as cmsTypes from "../global/types";
8
+ import * as ElementEditSchema from "./tools/element-edit/index";
7
9
  import * as textSchema from "./elements/text-editor/index";
8
- export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema };
10
+ import * as videoSChema from "./elements/video/index";
11
+ import * as tableSchema from "./elements/table/index";
12
+ import * as buttonSchema from "./elements/button/index";
13
+ import * as gallerySliderSchema from "./elements/gallery-slider/index";
14
+ import * as tabSchema from "./elements/tab/index";
15
+ import * as socialIconsSchema from "./elements/social/index";
16
+ import * as faqSchema from "./elements/faq/index";
17
+ import * as codeSchema from "./elements/code/index";
18
+ export { commonFunctions, interfaces, enums, sectionSchema, gridSchema, cmsTypes, textSchema, ElementEditSchema, imageSchema, videoSChema, socialIconsSchema, buttonSchema, gallerySliderSchema, tabSchema, tableSchema, faqSchema, codeSchema, };
@@ -1,3 +1,4 @@
1
+ import { CMSElementEditTypes } from "../enums";
1
2
  import "./cms-tools";
2
3
  export interface FontSizeValues {
3
4
  px: number[];
@@ -25,3 +26,50 @@ export interface CMSInsetInterface {
25
26
  bottom?: string | number;
26
27
  left?: string | number;
27
28
  }
29
+ export interface CMSIBCommonInterface {
30
+ value?: string | any;
31
+ property?: string | boolean | any;
32
+ propertyType?: CMSElementEditTypes | string | any;
33
+ isReadOnly?: boolean;
34
+ }
35
+ export interface CMSIBSizeInterface extends CMSIBCommonInterface {
36
+ unit?: number | string;
37
+ }
38
+ export interface PaddingProps {
39
+ value: number;
40
+ unit: number;
41
+ }
42
+ export interface PaddingSides {
43
+ top: PaddingProps;
44
+ right: PaddingProps;
45
+ bottom: PaddingProps;
46
+ left: PaddingProps;
47
+ }
48
+ export interface BorderSides {
49
+ topLeft: PaddingProps;
50
+ topRight: PaddingProps;
51
+ bottomLeft: PaddingProps;
52
+ bottomRight: PaddingProps;
53
+ }
54
+ export interface CSSPaddingValues {
55
+ isAll: boolean;
56
+ sides: PaddingSides | BorderSides;
57
+ property: string;
58
+ iscss?: boolean;
59
+ propertyType?: CMSElementEditTypes | string | any;
60
+ }
61
+ export interface CMSColorRGBInterface {
62
+ r: string;
63
+ g: string;
64
+ b: string;
65
+ a: string | number | any;
66
+ }
67
+ export interface CMSColorValueInterface {
68
+ hex?: string;
69
+ rgb?: CMSColorRGBInterface;
70
+ }
71
+ export interface CMSColorInterface {
72
+ value: CMSColorValueInterface;
73
+ property: string;
74
+ propertyType?: any;
75
+ }
@@ -0,0 +1,25 @@
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
+ }
14
+ export interface selfDesignInterface {
15
+ selectorKey: string;
16
+ defaultState: any;
17
+ hoverState: any;
18
+ }
19
+ export declare enum ButtonSelectorKeysEnum {
20
+ HOVER_STATE = "hover",
21
+ DEFAULT_STATE = "default",
22
+ LAYOUT = "layout",
23
+ DESIGN = "design"
24
+ }
25
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<ButtonLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
@@ -0,0 +1,15 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface codeEditPopupInterface extends CMSElementEditPopupInterface {
3
+ }
4
+ interface selfLayoutInterface {
5
+ selectorKey: string;
6
+ }
7
+ export interface selfDesignInterface {
8
+ selectorKey: string;
9
+ }
10
+ export declare enum codeSelectorKeysEnum {
11
+ LAYOUT = "layout",
12
+ DESIGN = "design"
13
+ }
14
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
15
+ export {};
@@ -0,0 +1,65 @@
1
+ import { CMSIBCommonInterface, CMSIBSizeInterface, CSSPaddingValues } from "../../interfaces/global";
2
+ export interface CMSElementEditPopupLayoutInterface {
3
+ selectorKey?: string;
4
+ adjustment?: CMSIBCommonInterface;
5
+ width?: {
6
+ [key: string]: CMSIBSizeInterface | any;
7
+ };
8
+ height?: CMSIBSizeInterface;
9
+ margin?: CSSPaddingValues;
10
+ padding?: CSSPaddingValues;
11
+ overflowContent?: CMSIBCommonInterface;
12
+ scrollDirection?: CMSIBCommonInterface;
13
+ displayScrollbar?: CMSIBCommonInterface;
14
+ positionType?: CMSIBCommonInterface;
15
+ pinTo?: CMSIBCommonInterface;
16
+ }
17
+ export interface CMSElementEditPopupDesignInterface {
18
+ backgroundColor: CMSIBCommonInterface;
19
+ borderColor: CMSIBCommonInterface;
20
+ borderStyle: CMSIBCommonInterface;
21
+ borderPerSlide: CSSPaddingValues;
22
+ showBorder: CMSIBCommonInterface;
23
+ showShadow: CMSIBCommonInterface;
24
+ shadowColor: CMSIBCommonInterface;
25
+ spread: CMSIBSizeInterface;
26
+ blur: CMSIBSizeInterface;
27
+ angle: CMSIBSizeInterface;
28
+ borderRadius: CSSPaddingValues;
29
+ cropRatio: CMSIBCommonInterface;
30
+ font: CMSIBCommonInterface;
31
+ fontSize: CMSIBSizeInterface;
32
+ textColor: CMSIBCommonInterface;
33
+ textHighlight: CMSIBCommonInterface;
34
+ bold: CMSIBCommonInterface;
35
+ italic: CMSIBCommonInterface;
36
+ linethrough: CMSIBCommonInterface;
37
+ underline: CMSIBCommonInterface;
38
+ textAlign: CMSIBCommonInterface;
39
+ charactorSpacing: CMSIBSizeInterface;
40
+ paragraphSpacing: CMSIBSizeInterface;
41
+ lineHeight: CMSIBSizeInterface;
42
+ zoomImage: CMSIBCommonInterface;
43
+ flip: CMSIBCommonInterface;
44
+ rotate: CMSIBSizeInterface;
45
+ exposure: CMSIBSizeInterface;
46
+ contrast: CMSIBSizeInterface;
47
+ saturation: CMSIBSizeInterface;
48
+ brightness: CMSIBSizeInterface;
49
+ lightness: CMSIBSizeInterface;
50
+ hue: CMSIBSizeInterface;
51
+ tint: CMSIBSizeInterface;
52
+ highlights: CMSIBSizeInterface;
53
+ shadows: CMSIBSizeInterface;
54
+ iconSize: CMSIBSizeInterface;
55
+ iconColor: CMSIBCommonInterface;
56
+ showIcon: CMSIBCommonInterface;
57
+ }
58
+ export interface CMSElementEditPopupInterface<L = CMSElementEditPopupLayoutInterface, D = CMSElementEditPopupDesignInterface> {
59
+ layout?: L;
60
+ design?: Partial<D>;
61
+ content?: any;
62
+ settings?: any;
63
+ code?: any;
64
+ }
65
+ export declare const cssInputInstances: CMSElementEditPopupLayoutInterface & CMSElementEditPopupDesignInterface;
@@ -0,0 +1,13 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ interface selfLayoutInterface {
3
+ selectorKey: string;
4
+ }
5
+ export interface selfDesignInterface {
6
+ selectorKey: string;
7
+ }
8
+ export declare enum embedSelectorKeysEnum {
9
+ LAYOUT = "layout",
10
+ DESIGN = "design"
11
+ }
12
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
13
+ export {};
@@ -0,0 +1,41 @@
1
+ import { CMSIBCommonInterface } from "../../interfaces/global";
2
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
3
+ interface selfLayoutInterface {
4
+ expandFirstItemByDefault: CMSIBCommonInterface;
5
+ allowMultipleOpenItems: CMSIBCommonInterface;
6
+ itemDividers: CMSIBCommonInterface;
7
+ iconPosition: CMSIBCommonInterface;
8
+ selectorKey: string;
9
+ }
10
+ export interface selfDesignInterface {
11
+ selectorKey: string;
12
+ faqWidget?: {
13
+ selectorKey: string;
14
+ backgroundColor?: CMSIBCommonInterface;
15
+ borderColor?: CMSIBCommonInterface;
16
+ borderStyle?: CMSIBCommonInterface;
17
+ borderPerSlide?: CMSIBCommonInterface;
18
+ showBorder?: CMSIBCommonInterface;
19
+ showShadow?: CMSIBCommonInterface;
20
+ shadowColor?: CMSIBCommonInterface;
21
+ blur?: CMSIBCommonInterface;
22
+ spread?: CMSIBCommonInterface;
23
+ angle?: CMSIBCommonInterface;
24
+ borderRadius?: CMSIBCommonInterface;
25
+ };
26
+ titleText?: any;
27
+ descriptionText?: any;
28
+ icon: any;
29
+ divider: any;
30
+ }
31
+ export declare enum ButtonSelectorKeysEnum {
32
+ LAYOUT = "layout",
33
+ DESIGN = "design",
34
+ FAQ_WIDGET = "faqWidget",
35
+ TITLE_TEXT = "titleText",
36
+ DESCRIPTION_TEXT = "DescriptionText",
37
+ ICON = "icon",
38
+ DIVIDER = "divider"
39
+ }
40
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
41
+ export {};