Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 4.0.2

Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v4.0.2

post-carousel / src / blocks / container / containerConstant.js

containerConstant.js in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.2, at src/blocks/container/containerConstant.js

229 lines 6.8 KB

Raw Download Zip

1	import {
2	Layer_1,
3	Layer_10,
4	Layer_11,
5	Layer_12,
6	Layer_2,
7	Layer_3,
8	Layer_4,
9	Layer_5,
10	Layer_6,
11	Layer_7,
12	Layer_8,
13	Layer_9,
14	ShapeArrowIcon,
15	ShapeArrowSplitIcon,
16	ShapeBookIcon,
17	ShapeCloudsIcon,
18	ShapeCurveAsymmetricalIcon,
19	ShapeCurveIcon,
20	ShapeDropsIcon,
21	ShapeFanOpacity,
22	ShapeMountainIcon,
23	ShapePyramidsIcon,
24	ShapeTiltIcon,
25	ShapeTiltOpacityIcon,
26	ShapeTriangleAsymmetricalIcon,
27	ShapeTriangleIcon,
28	ShapeWavesBrushIcon,
29	ShapeWavesIcon,
30	ShapeWavesPatternIcon,
31	ShapeZigzagIcon,
32	} from "./presetLayerIcon";
33
34	export const presetLayerArray = [
35	{
36	layer: "layer-one",
37	icon: <Layer_1 />,
38	flexDirection: "row",
39	columns: 1,
40	flexWrap: "nowrap",
41	label: "100",
42	layout: "container-column-one-layout-one",
43	},
44	{
45	layer: "layer-two",
46	icon: <Layer_2 />,
47	flexDirection: "row",
48	columns: 2,
49	flexWrap: "nowrap",
50	label: "50/50",
51	layout: "container-column-two-layout-one",
52	},
53	{
54	layer: "layer-three",
55	icon: <Layer_3 />,
56	flexDirection: "row",
57	columns: 3,
58	flexWrap: "nowrap",
59	label: "33/33/33",
60	layout: "container-column-three-layout-one",
61	},
62	{
63	layer: "layer-four",
64	icon: <Layer_4 />,
65	flexDirection: "row",
66	columns: 4,
67	flexWrap: "nowrap",
68	label: "25/25/25/25",
69	layout: "container-column-four-layout-one",
70	},
71	{
72	layer: "layer-five",
73	icon: <Layer_5 />,
74	flexDirection: "row",
75	columns: 5,
76	flexWrap: "nowrap",
77	label: "20x5",
78	layout: "container-column-five-layout-one",
79	},
80	{
81	// layer: 'layer-multi-row',
82	layer: "layer-multi-row-six",
83	icon: <Layer_6 />,
84	flexDirection: "row",
85	columns: "multi-row",
86	flexWrap: "wrap",
87	layout: "container-column-multi-row-layout-one",
88	label: "33/33/33x2",
89	},
90	{
91	layer: "layer-seven",
92	icon: <Layer_7 />,
93	flexDirection: "row",
94	columns: 2,
95	indexNo: 2,
96	flexWrap: "nowrap",
97	label: "60/40",
98	layout: "container-column-two-layout-three",
99	},
100	{
101	// layer: 'layer-multi-row',
102	layer: "layer-multi-row-eight",
103	icon: <Layer_8 />,
104	flexDirection: "row",
105	columns: "multi-row",
106	indexNo: 4,
107	flexWrap: "wrap",
108	layout: "container-column-multi-row-layout-five",
109	label: "50/50x100",
110	},
111	{
112	layer: "layer-nine",
113	icon: <Layer_9 />,
114	flexDirection: "row",
115	columns: 3,
116	indexNo: 8,
117	flexWrap: "nowrap",
118	label: "50/25/25",
119	layout: "container-column-three-layout-four",
120	},
121	{
122	layer: "layer-ten",
123	icon: <Layer_10 />,
124	flexDirection: "row",
125	columns: 4,
126	indexNo: 2,
127	flexWrap: "nowrap",
128	label: "40/20/20/20",
129	layout: "container-column-four-layout-three",
130	},
131	{
132	// layer: 'layer-multi-row',
133	layer: "layer-multi-row-eleven",
134	icon: <Layer_11 />,
135	flexDirection: "row",
136	columns: "multi-row",
137	indexNo: 1,
138	flexWrap: "wrap",
139	layout: "container-column-multi-row-layout-two",
140	label: "50/50x2",
141	},
142	{
143	// layer: 'layer-multi-row',
144	layer: "layer-multi-row-twelve",
145	icon: <Layer_12 />,
146	flexDirection: "row",
147	columns: "multi-row",
148	indexNo: 2,
149	flexWrap: "wrap",
150	layout: "container-column-multi-row-layout-three",
151	label: "70/30x2",
152	},
153	];
154
155	export const layerColumnsWidth = {
156	"layer-one": [100],
157	"layer-two": [50, 50],
158	"layer-three": [33, 33, 33],
159	"layer-four": [25, 25, 25, 25],
160	"layer-five": [20, 20, 20, 20, 20],
161	"layer-multi-row-six": [33, 33, 33, 33, 33, 33],
162	"layer-seven": [60, 40],
163	"layer-multi-row-eight": [50, 50, 100],
164	"layer-nine": [50, 25, 25],
165	"layer-ten": [40, 20, 20, 20],
166	"layer-multi-row-eleven": [50, 50, 50, 50],
167	"layer-multi-row-twelve": [70, 30, 30, 70],
168	};
169
170	export const layoutsColumnsWidth = {
171	"container-column-one-layout-one": [100],
172	"container-column-two-layout-one": [50, 50],
173	"container-column-two-layout-two": [40, 60],
174	"container-column-two-layout-three": [60, 40],
175	"container-column-two-layout-four": [30, 70],
176	"container-column-two-layout-five": [70, 30],
177	"container-column-three-layout-one": [33.33, 33.33, 33.33],
178	"container-column-three-layout-two": [60, 20, 20],
179	"container-column-three-layout-three": [20, 20, 60],
180	"container-column-three-layout-four": [50, 25, 25],
181	"container-column-three-layout-five": [25, 25, 50],
182	"container-column-three-layout-six": [20, 60, 20],
183	"container-column-four-layout-one": [25, 25, 25, 25],
184	"container-column-four-layout-two": [20, 20, 20, 40],
185	"container-column-four-layout-three": [40, 20, 20, 20],
186	"container-column-five-layout-one": [20, 20, 20, 20],
187	"container-column-six-layout-one": [16, 16, 16, 16, 16],
188	"container-column-multi-row-layout-one": [33.33, 33.33, 33.33, 33.33, 33.33, 33.33],
189	"container-column-multi-row-layout-two": [50, 50, 50, 50],
190	"container-column-multi-row-layout-three": [67, 33, 33, 67],
191	"container-column-multi-row-layout-four": [33, 67, 67, 33],
192	"container-column-multi-row-layout-five": [50, 50, 100],
193	};
194
195	export const shapeDividerIconConstant = {
196	mountains: <ShapeMountainIcon />,
197	drops: <ShapeDropsIcon />,
198	clouds: <ShapeCloudsIcon />,
199	zigzag: <ShapeZigzagIcon />,
200	pyramids: <ShapePyramidsIcon />,
201	triangle: <ShapeTriangleIcon />,
202	"triangle-asymmetrical": <ShapeTriangleAsymmetricalIcon />,
203	tilt: <ShapeTiltIcon />,
204	"tilt-opacity": <ShapeTiltOpacityIcon />,
205	"fan-opacity": <ShapeFanOpacity />,
206	curve: <ShapeCurveIcon />,
207	"curve-asymmetrical": <ShapeCurveAsymmetricalIcon />,
208	waves: <ShapeWavesIcon />,
209	"waves-brush": <ShapeWavesBrushIcon />,
210	"waves-pattern": <ShapeWavesPatternIcon />,
211	arrow: <ShapeArrowIcon />,
212	"arrow-split": <ShapeArrowSplitIcon />,
213	book: <ShapeBookIcon />,
214	};
215
216	export const containerTemplatesConstant = {
217	"layer-one": [["sp-smart-post-show/column"]],
218	"layer-two": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
219	"layer-three": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
220	"layer-four": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
221	"layer-five": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
222	"layer-multi-row-six": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
223	"layer-seven": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
224	"layer-multi-row-eight": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
225	"layer-nine": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
226	"layer-ten": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
227	"layer-multi-row-eleven": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
228	"layer-multi-row-twelve": [["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"], ["sp-smart-post-show/column"]],
229	};