@sc-360-v2/storefront-cms-library 0.2.79 → 0.2.81

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 (36) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/buy-for-tab-container.scss +89 -0
  3. package/dist/buy-for-tab.scss +579 -0
  4. package/dist/buy-for-tabs-container-item.scss +80 -0
  5. package/dist/buyForHeaders.scss +203 -0
  6. package/dist/{buyFor.scss → buyForPopup.scss} +86 -22
  7. package/dist/cart-details.scss +1 -1
  8. package/dist/cart-products-sidebar.scss +201 -0
  9. package/dist/cartDropdownOverlay.scss +34 -27
  10. package/dist/checkout.scss +173 -0
  11. package/dist/layouter.scss +9 -2
  12. package/dist/light-box-v2.scss +4 -0
  13. package/dist/quick-links.scss +249 -194
  14. package/dist/repeater-embla-controls.scss +71 -96
  15. package/dist/repeater.scss +8 -2
  16. package/dist/search.scss +30 -0
  17. package/dist/types/builder/elements/add-order/index.d.ts +1 -1
  18. package/dist/types/builder/elements/buy-for-tab/index.d.ts +46 -0
  19. package/dist/types/builder/elements/buy-for-tab-container/index.d.ts +45 -0
  20. package/dist/types/builder/elements/checkout/index.d.ts +27 -0
  21. package/dist/types/builder/elements/section/index.d.ts +3 -0
  22. package/dist/types/builder/elements/toaster/index.d.ts +30 -0
  23. package/dist/types/builder/enums/index.d.ts +18 -1
  24. package/dist/types/builder/index.d.ts +5 -1
  25. package/dist/types/builder/tools/element-edit/bundle.d.ts +15 -0
  26. package/dist/types/builder/tools/element-edit/buyForTabContainer.d.ts +9 -0
  27. package/dist/types/builder/tools/element-edit/buyForWithTab.d.ts +215 -0
  28. package/dist/types/builder/tools/element-edit/checkout.d.ts +343 -0
  29. package/dist/types/builder/tools/element-edit/index.d.ts +5 -1
  30. package/dist/types/builder/tools/element-edit/quickLinks.d.ts +98 -123
  31. package/dist/types/builder/tools/element-edit/section.d.ts +2 -1
  32. package/dist/types/builder/tools/element-edit/storeLocations.d.ts +2 -1
  33. package/dist/types/builder/tools/element-edit/toaster.d.ts +38 -0
  34. package/dist/uom-selector.scss +3 -3
  35. package/dist/widget.scss +7 -2
  36. package/package.json +1 -1
@@ -8,90 +8,11 @@
8
8
  --_sf-nv-ic-vt: visible;
9
9
  --_sf-nv-ic-op: 1;
10
10
  }
11
- // Navigation
12
- // button {
13
- // &.embla__btn {
14
- // position: absolute;
15
- // z-index: calc(var(--_higher-zIndex, 99999) - 2);
16
- // --_sf-ic-sz-nn: var(
17
- // --_ctm-mob-rep-lt-aw-in-se,
18
- // var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
19
- // );
20
- // width: var(--_sf-ic-sz-nn);
21
- // // --_ctm-rep-lt-dt-se
22
- // height: var(--_sf-ic-sz-nn);
23
- // border-radius: var(--_sf-nv-ic-br, 50%);
24
- // background: var(--_sf-nv-ic-bg, #fff);
25
- // top: var(--_sf-nv-tp-vl, 50%);
26
- // transform: translateY(-50%);
27
- // visibility: var(--_sf-nv-ic-vt, hidden);
28
- // opacity: var(--_sf-nv-ic-op, 0);
29
- // transition: all 0.45s ease;
30
-
31
- // &:hover:not(:disabled) {
32
- // --_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
33
-
34
- // svg {
35
- // path {
36
- // stroke: #fff;
37
- // }
38
- // }
39
- // }
40
- // &:disabled {
41
- // opacity: 0.45;
42
- // cursor: auto;
43
- // }
44
-
45
- // &.embla__prev {
46
- // left: var(--_sf-nv-lt-vl, 10px);
47
- // }
48
- // &.embla__next {
49
- // right: var(--_sf-nv-lt-vl, 10px);
50
- // }
51
-
52
- // & > svg {
53
- // width: calc(var(--_sf-ic-sz-nn) * 0.5);
54
- // height: calc(var(--_sf-ic-sz-nn) * 0.5);
55
- // }
56
- // }
57
- // }
58
-
59
- // :is(.pagination__v1) {
60
- // position: absolute;
61
- // z-index: calc(var(--_higher-zIndex, 99999) - 2);
62
- // left: 50%;
63
- // transform: translateX(-50%);
64
- // bottom: var(--_sf-nv-tp-vl, 10px);
65
-
66
- // display: flex;
67
- // align-items: center;
68
- // gap: 8px;
69
-
70
- // & > button {
71
- // &.embla__dot {
72
- // --_sf-ed-vl-sz: var(
73
- // --_ctm-mob-rep-lt-dt-se,
74
- // var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
75
- // );
76
- // width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
77
- // height: var(--_sf-ed-vl-sz, 10px);
78
- // border-radius: var(--_sf-dt-bt-at, 50%);
79
- // transition: all 0.45s ease;
80
- // background: var(--_sf-nv-pg-bg, #fff);
81
-
82
- // &.embla__dot--selected {
83
- // --_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
84
- // --_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
85
- // --_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
86
- // }
87
- // }
88
- // }
89
- // }
90
11
  }
91
12
  @include emblaBtnStylesV1($type);
92
13
  @include emblaDotsStylesV1($type);
93
14
 
94
- @if ($type == 2) {
15
+ @if ($type == 2 or $type == 3) {
95
16
  &:is(body[data-iframe-body="true"] *),
96
17
  &:hover {
97
18
  --_sf-pg-ic-vt: visible;
@@ -99,13 +20,25 @@
99
20
  }
100
21
  .repeater__control__element {
101
22
  position: absolute;
102
- bottom: 20px;
103
- left: 50%;
104
- transform: translateX(-50%);
23
+ bottom: var(--_sf-t3-bt-bl-v2, 20px);
24
+ left: var(--_sf-t3-lt-vl-v2, 50%);
25
+ transform: var(--_sf-t3-tr-bl-v2, translateX(-50%));
105
26
  z-index: calc(var(--_higher-zIndex, 99999) - 2);
106
- visibility: var(--_sf-pg-ic-vt, hidden);
107
- opacity: var(--_sf-pg-ic-op, 0);
108
- transition: all 0.45s ease;
27
+ @if ($type != 3) {
28
+ visibility: var(--_sf-pg-ic-vt, hidden);
29
+ opacity: var(--_sf-pg-ic-op, 0);
30
+ transition: all 0.45s ease;
31
+ } @else {
32
+ min-height: var(
33
+ --_ctm-mob-rep-lt-aw-in-se,
34
+ var(--_ctm-tab-rep-lt-aw-in-se, var(--_ctm-rep-lt-aw-in-se, 40px))
35
+ );
36
+ --_sf-t3-lt-vl-v2: var(--_sf-rp-ct-t3-left-vl, 50%);
37
+ --_sf-t3-bt-bl-v2: var(--_sf-rp-ct-t3-bottom-vl, 20px);
38
+ --_sf-t3-tr-bl-v2: var(--_sf-rp-ct-t3-transform-vl, translateX(-50%));
39
+ right: var(--_sf-rp-ct-t3-right-vl, auto);
40
+ top: var(--_sf-rp-ct-t3-top-vl, auto);
41
+ }
109
42
 
110
43
  display: flex;
111
44
  align-items: center;
@@ -141,7 +74,14 @@
141
74
  // --_ctm-rep-lt-dt-se
142
75
  height: var(--_sf-ic-sz-nn);
143
76
  border-radius: var(--_sf-nv-ic-br, 50%);
144
- background: var(--_sf-nv-ic-bg, #fff);
77
+
78
+ @if ($type == 3) {
79
+ --_sf-dd-vl-bg-t3: transparent;
80
+ &:is(body[data-iframe-body="true"] *) {
81
+ pointer-events: none !important;
82
+ }
83
+ }
84
+ background: var(--_sf-nv-ic-bg, var(--_sf-dd-vl-bg-t3, #fff));
145
85
 
146
86
  &:hover:not(:disabled) {
147
87
  --_sf-nv-ic-bg: var(--_sf-sl-ct-ic-dt-at-cl);
@@ -175,9 +115,21 @@
175
115
  bottom: var(--_sf-nv-tp-vl, 10px);
176
116
  }
177
117
 
118
+ @if ($type == 3) {
119
+ --_sf-dt-wh-t3: 16px;
120
+ --_sf-dt-ht-t3: 2px;
121
+ // --_sf-dt-br-t3: 100px;
122
+ --_dt-in-active-color: #d6d6d6;
123
+ --_sf-dt-gp-vl: 0px;
124
+
125
+ &:is(body[data-iframe-body="true"] *) {
126
+ pointer-events: none !important;
127
+ }
128
+ }
129
+
178
130
  display: flex;
179
131
  align-items: center;
180
- gap: 8px;
132
+ gap: var(--_sf-dt-gp-vl, 8px);
181
133
 
182
134
  & > button {
183
135
  &.embla__dot {
@@ -185,20 +137,43 @@
185
137
  --_ctm-mob-rep-lt-dt-se,
186
138
  var(--_ctm-tab-rep-lt-dt-se, var(--_ctm-rep-lt-dt-se, 10px))
187
139
  );
188
- width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
189
- height: var(--_sf-ed-vl-sz, 10px);
190
- border-radius: var(--_sf-dt-bt-at, 50%);
191
- transition: all 0.45s ease;
192
- background: var(--_sf-nv-pg-bg, #fff);
193
-
194
- &:not(.embla__dot--selected) {
195
- border: 1px solid color-mix(in srgb, var(--_sf-sl-ct-ic-dt-at-cl) 30%, transparent);
140
+ @if ($type != 3) {
141
+ transition: all 0.45s ease;
142
+ width: var(--_sf-nv-pg-sz-ac, var(--_sf-ed-vl-sz, 10px));
143
+ height: var(--_sf-ed-vl-sz, 10px);
144
+ border-radius: var(--_sf-dt-bt-at, 50%);
145
+ background: var(--_sf-nv-pg-bg, #fff);
146
+
147
+ &:not(.embla__dot--selected) {
148
+ border: 1px solid color-mix(in srgb, var(--_sf-sl-ct-ic-dt-at-cl) 30%, transparent);
149
+ }
150
+ } @else if($type == 3) {
151
+ width: var(--_sf-dt-at-wh-t3, var(--_sf-dt-wh-t3, 10px));
152
+ height: var(--_sf-dt-at-ht-t3, var(--_sf-dt-ht-t3, 10px));
153
+ border-radius: var(--_sf-dt-at-br-t3, var(--_sf-dt-bt-at, 0px));
154
+ background: var(--_sf-nv-pg-bg, var(--_dt-in-active-color));
155
+
156
+ &:not(.embla__dot--selected) {
157
+ --_sf-br-vl-t3: 16px;
158
+ &:nth-of-type(1) {
159
+ --_sf-dt-bt-at: var(--_sf-br-vl-t3) 0px 0px var(--_sf-br-vl-t3);
160
+ }
161
+ &:last-of-type {
162
+ --_sf-dt-bt-at: 0px var(--_sf-br-vl-t3) var(--_sf-br-vl-t3) 0px;
163
+ }
164
+ }
196
165
  }
197
166
 
198
167
  &.embla__dot--selected {
199
168
  --_sf-nv-pg-bg: var(--_sf-sl-ct-ic-dt-at-cl, #162578);
200
169
  --_sf-dt-bt-at: min(calc(var(--_sf-ed-vl-sz, 10px) * 0.5), 10px);
201
170
  --_sf-nv-pg-sz-ac: max(calc(var(--_sf-ed-vl-sz, 10px) * 2), 20px);
171
+
172
+ @if ($type == 3) {
173
+ --_sf-dt-at-wh-t3: calc(2 * var(--_sf-dt-wh-t3));
174
+ --_sf-dt-at-ht-t3: 6px;
175
+ --_sf-dt-at-br-t3: var(--_sf-dt-at-ht-t3);
176
+ }
202
177
  }
203
178
  }
204
179
  }
@@ -2,6 +2,7 @@
2
2
  @use "sass:list";
3
3
  @use "./repeater-embla-controls.scss" as *;
4
4
  $childItemSelector: '[data-element-type="repeater-item"]';
5
+ $sliderControlDragging: "[flex-slider-control-moving='true']";
5
6
  $rai: "repeater-advertise-item";
6
7
  [data-div-type="element"] {
7
8
  &[data-element-type="repeater"] {
@@ -212,7 +213,9 @@ $rai: "repeater-advertise-item";
212
213
  }
213
214
 
214
215
  &.sld {
215
- overflow: clip;
216
+ &:is(:not(#{$sliderControlDragging} *)) {
217
+ overflow: clip;
218
+ }
216
219
  height: auto;
217
220
  --_sf-sl-ct-ic-dt-at-cl: var(
218
221
  --_ctm-mob-rep-lt-cl-ae-cr,
@@ -221,8 +224,11 @@ $rai: "repeater-advertise-item";
221
224
  // &:is([data-control-type="1"]) {
222
225
  // @include CMSRepeaterEmblaControlStyles(1);
223
226
  // }
224
- @for $i from 1 through 2 {
227
+ @for $i from 1 through 3 {
225
228
  &:is([data-control-type="#{$i}"]) {
229
+ @if ($i == 3) {
230
+ overflow-y: visible;
231
+ }
226
232
  @include CMSRepeaterEmblaControlStyles($i);
227
233
  }
228
234
  }
package/dist/search.scss CHANGED
@@ -157,6 +157,36 @@
157
157
  }
158
158
  }
159
159
 
160
+ .dropdown-options {
161
+ list-style: none;
162
+ padding: 0;
163
+ margin: 4px 0 0;
164
+ max-height: 200px;
165
+ overflow-y: auto;
166
+ border: 1px solid #ccc;
167
+ border-radius: 8px;
168
+ background: white;
169
+ position: absolute;
170
+ width: 100%;
171
+ z-index: 1000;
172
+ display: none; /* Hidden by default */
173
+ }
174
+
175
+ .dropdown-option {
176
+ padding: 10px;
177
+ cursor: pointer;
178
+ transition: background 0.2s;
179
+ }
180
+
181
+ .dropdown-option:hover {
182
+ background-color: #f0f0f0;
183
+ }
184
+
185
+ /* Optional: show dropdown when input is focused (basic) */
186
+ .dropdown:focus-within .dropdown-options {
187
+ display: block;
188
+ }
189
+
160
190
  &[data-show-shadow="false"] {
161
191
  --_show-shadow: none;
162
192
  }
@@ -15,7 +15,7 @@ export interface AddOrderStyleProperties extends CommonStyleProperties {
15
15
  alignSelf?: AlignSelfValue;
16
16
  }
17
17
  export declare const getDefaultStyles: () => AddOrderStyleProperties;
18
- export interface CMSButtonInterface extends Omit<CMSElementInterface, "attributes"> {
18
+ export interface CMSAddOrderInterface extends Omit<CMSElementInterface, "attributes"> {
19
19
  attributes: {
20
20
  HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
21
  BUILDER: Pick<BuilderAttributes, ImageBuilderAttributes>;
@@ -0,0 +1,46 @@
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 BuyForTabsStyleProperties 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: () => BuyForTabsStyleProperties;
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 BuyForTabsElementInterface {
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?: BuyForTabsStyleProperties;
37
+ editedStyles?: CommonStyleProperties;
38
+ responsiveBehaviour: ResponsiveBehaviourTypes;
39
+ children: any;
40
+ childIds: any[];
41
+ previewImage?: string;
42
+ isMaximized?: boolean;
43
+ parentKey?: any;
44
+ childIdsV2?: any[];
45
+ builderAt?: number;
46
+ }
@@ -0,0 +1,45 @@
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 BuyForTabsContainerStyleProperties 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: () => BuyForTabsContainerStyleProperties;
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 BuyForTabsContainerElementInterface {
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?: BuyForTabsContainerStyleProperties;
37
+ editedStyles?: CommonStyleProperties;
38
+ responsiveBehaviour: ResponsiveBehaviourTypes;
39
+ children: any;
40
+ childIds: any[];
41
+ previewImage?: string;
42
+ isMaximized?: boolean;
43
+ parentKey?: any;
44
+ childIdsV2?: any[];
45
+ }
@@ -0,0 +1,27 @@
1
+ import { CMSHTMLAttributes } from "../../../global/attributes";
2
+ import { CommonStyleProperties } from "../../../global/style-properties";
3
+ import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, CommonBuilderAttributes, GlobalImageAttributes } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface CheckoutStyleProperties 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: () => CheckoutStyleProperties;
18
+ export interface CMSCheckoutInterface extends Omit<CMSElementInterface, "attributes"> {
19
+ attributes: {
20
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
21
+ BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
22
+ CUSTOM: any;
23
+ };
24
+ styles: CheckoutStyleProperties;
25
+ childrenStyles?: CommonStyleProperties;
26
+ content?: string;
27
+ }
@@ -74,4 +74,7 @@ export interface CMSSectionInterface {
74
74
  editedStyles?: Record<string, any>;
75
75
  controls?: Record<string, any>;
76
76
  sectionID?: any;
77
+ isHeaderSection?: boolean;
78
+ isFooterSection?: boolean;
79
+ isGlobalSection?: boolean;
77
80
  }
@@ -0,0 +1,30 @@
1
+ import { CommonStyleProperties } from "../../../global/style-properties";
2
+ import { CMSHTMLAttributes } from "../../../global/attributes";
3
+ import { AlignSelfValue, BoxSizingValue, GridAreaValue, HeightValue, JustifySelfValue, MarginValue, MaxHeightValue, MaxWidthValue, MinHeightValue, MinWidthValue, PaddingValue, GlobalImageAttributes, CommonBuilderAttributes } from "../../../global/types";
4
+ import { BuilderAttributes, CMSElementInterface } from "../common";
5
+ export interface ToasterStyleProperties {
6
+ minHeight?: MinHeightValue;
7
+ height?: HeightValue;
8
+ minWidth?: MinWidthValue;
9
+ maxWidth?: MaxWidthValue;
10
+ maxHeight?: MaxHeightValue;
11
+ boxSizing?: BoxSizingValue;
12
+ padding?: PaddingValue;
13
+ marginLeft?: MarginValue;
14
+ marginTop?: MarginValue;
15
+ marginBottom?: MarginValue;
16
+ marginRight?: MarginValue;
17
+ justifySelf?: JustifySelfValue;
18
+ alignSelf?: AlignSelfValue;
19
+ gridArea?: GridAreaValue;
20
+ }
21
+ export declare const getDefaultToasterStyles: () => ToasterStyleProperties;
22
+ export interface CMSToasterInterface extends Omit<CMSElementInterface, "attributes"> {
23
+ attributes: {
24
+ HTML: Pick<CMSHTMLAttributes, GlobalImageAttributes>;
25
+ BUILDER: Pick<BuilderAttributes, CommonBuilderAttributes>;
26
+ CUSTOM: any;
27
+ };
28
+ styles: ToasterStyleProperties;
29
+ childrenStyles?: CommonStyleProperties;
30
+ }
@@ -292,6 +292,9 @@ export declare const CMSElementsListEnum: {
292
292
  MARCHANDISER_SETS: string;
293
293
  QUICK_LINKS: string;
294
294
  ADD_ORDER: string;
295
+ BUY_FOR_WITH_TABS: string;
296
+ BUY_FOR_TABS_CONTENT_CONTAINER: string;
297
+ TOASTER: string;
295
298
  };
296
299
  export declare enum CMSResponsiveModeEnums {
297
300
  DESKTOP = "desktop",
@@ -347,7 +350,8 @@ export declare enum CMSCustomEventsListEnums {
347
350
  UOMSELECTOR = "uomSelectorV1",
348
351
  TEXTELEMENTCODEVIEW = "textElementCodeView",
349
352
  PRODUCT_DETAILS_STATE = "productDetailsState",
350
- IMAGE_CROP = "imageCrop"
353
+ IMAGE_CROP = "imageCrop",
354
+ IMAGE_CROP_TEMP_DATA = "imageCropTempData"
351
355
  }
352
356
  export declare enum FlexAppVersionEnums {
353
357
  NESTEDJSON = 1,
@@ -359,3 +363,16 @@ export declare enum FlexDefaultValues {
359
363
  export declare enum SkeletonItems {
360
364
  PLACEHOLDER_IMAGE = "/00000000-0000-0000-0000-000000000000/development/img-placeholder.jpg"
361
365
  }
366
+ export declare enum SectionTypeID {
367
+ Header = 1,
368
+ Footer = 2,
369
+ PageSection = 3,
370
+ MarketingBanner = 4,
371
+ ProductsForSale = 5,
372
+ Categories = 6,
373
+ NewArrivalProducts = 7,
374
+ Testimonials = 8,
375
+ ContactUs = 9,
376
+ NewsLetter = 10,
377
+ LightBox = 11
378
+ }
@@ -40,6 +40,7 @@ import * as interfaces from "./interfaces/global";
40
40
  import * as ElementEditSchema from "./tools/element-edit/index";
41
41
  import * as lightboxSchema from "./elements/lightbox/index";
42
42
  import * as cartSchema from "./elements/cart/index";
43
+ import * as checkoutSchema from "./elements/checkout/index";
43
44
  import * as profileSchema from "./elements/profile/index";
44
45
  import * as repeaterSchema from "./elements/repeater/index";
45
46
  import * as brandSchema from "./elements/brand/index";
@@ -64,4 +65,7 @@ import * as marchandiserSetsSchema from "./elements/marchandiser-sets/index";
64
65
  import * as formBuilder from "./elements/form-builder/index";
65
66
  import * as quickLinksSchema from "./elements/quick-links/index";
66
67
  import * as addOrderSchema from "./elements/add-order/index";
67
- export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, };
68
+ import * as buyForTabsSchema from "./elements/buy-for-tab/index";
69
+ import * as buyForTabsContainerSchema from "./elements/buy-for-tab-container/index";
70
+ import * as toasterSchema from "./elements/toaster/index";
71
+ export { ElementEditSchema, amountEstimatorSchema, bulkVariantPickerSchema, buttonSchema, cmsTypes, codeSchema, commonFunctions, containerSchema, countdownSchema, embedSchema, enums, faqSchema, gallerySliderSchema, gridSchema, imageHotspotSchema, imageSchema, interfaces, mapSchema, paymentMethodsSchema, pickupLocationsSchema, priceSchema, productActionsSchema, productHighlightsSchema, productImageSchema, productInventorySchema, productPromotionsSchema, quantitySelectorSchema, scrollSchema, sectionSchema, shippingEstimatorSchema, socialIconsSchema, stackSchema, storeLocationsSchema, tabSchema, tableSchema, textSchema, uomSelectorSchema, variantPickerSchema, videoSChema, volumePricingSchema, lightboxSchema, cartSchema, profileSchema, productSchema, repeaterSchema, brandSchema, bundleSchema, brandImageSchema, lightBoxV2Schema, searchSchema, layouterSchema, layouterItemSchema, categoryDetailsSchema, contactUsSchema, loginSchema, createFormSchema, resetPasswordSchema, searchResultsHeadingSchema, itemStockSchema, lineItemSchema, tabsV2Schema, tabsContainerSchema, marchandiserSetsSchema, formBuilder, quickLinksSchema, addOrderSchema, buyForTabsSchema, buyForTabsContainerSchema, checkoutSchema, toasterSchema, };
@@ -6,6 +6,21 @@ interface selfLayoutInterface {
6
6
  selectorKey: string;
7
7
  bundleType: CMSIBCommonInterface;
8
8
  displayType: CMSIBCommonInterface;
9
+ scrollType: CMSIBCommonInterface;
10
+ showArrows: CMSIBCommonInterface;
11
+ allowAutoScroll: CMSIBCommonInterface;
12
+ loopItems: CMSIBCommonInterface;
13
+ showDots: CMSIBCommonInterface;
14
+ templates: CMSIBCommonInterface;
15
+ gridType: CMSIBCommonInterface;
16
+ displayListType: CMSIBCommonInterface;
17
+ overflowItems: CMSIBCommonInterface;
18
+ noOfItemsPerRow: CMSIBCommonInterface;
19
+ maxNoItemsToShow: CMSIBCommonInterface;
20
+ itemSpacing: CMSIBCommonInterface;
21
+ itemPadding: CMSIBCommonInterface;
22
+ showDivider: CMSIBCommonInterface;
23
+ itemGap: CMSIBCommonInterface;
9
24
  }
10
25
  export interface selfDesignInterface {
11
26
  selectorKey: string;
@@ -0,0 +1,9 @@
1
+ import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
2
+ export interface selfDesignInterface {
3
+ selectorKey: string;
4
+ }
5
+ export declare enum selfSelectorKeysEnum {
6
+ LAYOUT = "layout",
7
+ DESIGN = "design"
8
+ }
9
+ export declare const getDefaultData: () => CMSElementEditPopupInterface<CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;