← All changes | includes/controls/groups/grid-container.php +40 -61 4.0.9 → 3.13.0-beta1 View file →

		@@ -15,11 +15,8 @@
15	15	return 'grid-container';
16	16	}
17	17
18	18	protected function init_fields() {
19		- $icon_start = is_rtl() ? 'end' : 'start';
20		- $icon_end = is_rtl() ? 'start' : 'end';
21		-
22	19	$fields = [];
23	20
24	21	$fields['items_grid'] = [
25	22	'type' => Controls_Manager::HEADING,
		@@ -29,12 +26,12 @@
29	26
30	27	$fields['outline'] = [
31	28	'label' => esc_html__( 'Grid Outline', 'elementor' ),
32	29	'type' => Controls_Manager::SWITCHER,
33		- 'label_on' => esc_html__( 'Show', 'elementor' ),
34		- 'label_off' => esc_html__( 'Hide', 'elementor' ),
	30	+ 'label_on' => esc_html__( 'SHOW', 'elementor' ),
	31	+ 'label_off' => esc_html__( 'HIDE', 'elementor' ),
35	32	'default' => 'yes',
36		- 'editor_available' => true,
	33	+ 'frontend_available' => true,
37	34	];
38	35
39	36	$responsive_unit_defaults = $this->get_responsive_unit_defaults();
40	37
		@@ -63,9 +60,9 @@
63	60	'selectors' => [
64	61	'{{SELECTOR}}' => '--e-con-grid-template-columns: repeat({{SIZE}}, 1fr)',
65	62	],
66	63	'responsive' => true,
67		- 'editor_available' => true,
	64	+ 'frontend_available' => true,
68	65	] + $responsive_unit_defaults;
69	66
70	67	$fields['rows_grid'] = [
71	68	'label' => esc_html__( 'Rows', 'elementor' ),
		@@ -88,28 +85,23 @@
88	85	'selectors' => [
89	86	'{{SELECTOR}}' => '--e-con-grid-template-rows: repeat({{SIZE}}, 1fr)',
90	87	],
91	88	'responsive' => true,
92		- 'editor_available' => true,
	89	+ 'frontend_available' => true,
93	90	] + $responsive_unit_defaults;
94	91
95	92	$fields['gaps'] = [
96	93	'label' => esc_html__( 'Gaps', 'elementor' ),
97	94	'type' => Controls_Manager::GAPS,
98		- 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ],
	95	+ 'size_units' => [ 'px', '%', 'em', 'rem', 'vm', 'custom' ],
99	96	'default' => [
100	97	'unit' => 'px',
101	98	],
102	99	'separator' => 'before',
103	100	'selectors' => [
104		- '{{SELECTOR}}' => '--gap: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}};--row-gap: {{ROW}}{{UNIT}};--column-gap: {{COLUMN}}{{UNIT}};',
	101	+ '{{SELECTOR}}' => '--gap: {{ROW}}{{UNIT}} {{COLUMN}}{{UNIT}}',
105	102	],
106	103	'responsive' => true,
107		- 'validators' => [
108		- 'Number' => [
109		- 'min' => 0,
110		- ],
111		- ],
112	104	];
113	105
114	106	$fields['auto_flow'] = [
115	107	'label' => esc_html__( 'Auto Flow', 'elementor' ),
		@@ -122,31 +114,29 @@
122	114	'separator' => 'before',
123	115	'selectors' => [
124	116	'{{SELECTOR}}' => '--grid-auto-flow: {{VALUE}}',
125	117	],
126		- 'responsive' => true,
127		- 'editor_available' => true,
128		- ] + $this->get_responsive_autoflow_defaults();
	118	+ ];
129	119
130	120	$fields['justify_items'] = [
131		- 'label' => esc_html__( 'Justify Items', 'elementor' ),
	121	+ 'label' => esc_html_x( 'Justify Items', 'Grid Container Control', 'elementor' ),
132	122	'type' => Controls_Manager::CHOOSE,
133	123	'options' => [
134	124	'start' => [
135		- 'title' => esc_html__( 'Start', 'elementor' ),
136		- 'icon' => 'eicon-align-' . $icon_start . '-h',
	125	+ 'title' => esc_html_x( 'Start', 'Grid Container Control', 'elementor' ),
	126	+ 'icon' => 'eicon-flex eicon-align-start-v',
137	127	],
138	128	'center' => [
139		- 'title' => esc_html__( 'Center', 'elementor' ),
140		- 'icon' => 'eicon-align-center-h',
	129	+ 'title' => esc_html_x( 'Center', 'Grid Container Control', 'elementor' ),
	130	+ 'icon' => 'eicon-flex eicon-align-center-v',
141	131	],
142	132	'end' => [
143		- 'title' => esc_html__( 'End', 'elementor' ),
144		- 'icon' => 'eicon-align-' . $icon_end . '-h',
	133	+ 'title' => esc_html_x( 'End', 'Grid Container Control', 'elementor' ),
	134	+ 'icon' => 'eicon-flex eicon-align-end-v',
145	135	],
146	136	'stretch' => [
147		- 'title' => esc_html__( 'Stretch', 'elementor' ),
148		- 'icon' => 'eicon-align-stretch-h',
	137	+ 'title' => esc_html_x( 'Stretch', 'Grid Container Control', 'elementor' ),
	138	+ 'icon' => 'eicon-flex eicon-align-stretch-v',
149	139	],
150	140	],
151	141	'default' => '',
152	142	'selectors' => [
		@@ -155,26 +145,26 @@
155	145	'responsive' => true,
156	146	];
157	147
158	148	$fields['align_items'] = [
159		- 'label' => esc_html__( 'Align Items', 'elementor' ),
	149	+ 'label' => esc_html_x( 'Align Items', 'Grid Container Control', 'elementor' ),
160	150	'type' => Controls_Manager::CHOOSE,
161	151	'options' => [
162	152	'start' => [
163		- 'title' => esc_html__( 'Start', 'elementor' ),
164		- 'icon' => 'eicon-align-start-v',
	153	+ 'title' => esc_html_x( 'Start', 'Grid Container Control', 'elementor' ),
	154	+ 'icon' => 'eicon-flex eicon-align-start-h',
165	155	],
166	156	'center' => [
167		- 'title' => esc_html__( 'Center', 'elementor' ),
168		- 'icon' => 'eicon-align-center-v',
	157	+ 'title' => esc_html_x( 'Center', 'Grid Container Control', 'elementor' ),
	158	+ 'icon' => 'eicon-flex eicon-align-center-h',
169	159	],
170	160	'end' => [
171		- 'title' => esc_html__( 'End', 'elementor' ),
172		- 'icon' => 'eicon-align-end-v',
	161	+ 'title' => esc_html_x( 'End', 'Grid Container Control', 'elementor' ),
	162	+ 'icon' => 'eicon-flex eicon-align-end-h',
173	163	],
174	164	'stretch' => [
175		- 'title' => esc_html__( 'Stretch', 'elementor' ),
176		- 'icon' => 'eicon-align-stretch-v',
	165	+ 'title' => esc_html_x( 'Stretch', 'Grid Container Control', 'elementor' ),
	166	+ 'icon' => 'eicon-flex eicon-align-stretch-h',
177	167	],
178	168	],
179	169	'selectors' => [
180	170	'{{SELECTOR}}' => '--align-items: {{VALUE}};',
		@@ -182,35 +172,35 @@
182	172	'responsive' => true,
183	173	];
184	174
185	175	$fields['justify_content'] = [
186		- 'label' => esc_html__( 'Justify Content', 'elementor' ),
	176	+ 'label' => esc_html_x( 'Justify Content', 'Grid Container Control', 'elementor' ),
187	177	'type' => Controls_Manager::CHOOSE,
188	178	'label_block' => true,
189	179	'default' => '',
190	180	'options' => [
191	181	'start' => [
192		- 'title' => esc_html__( 'Start', 'elementor' ),
	182	+ 'title' => esc_html_x( 'Start', 'Grid Container Control', 'elementor' ),
193	183	'icon' => 'eicon-justify-start-h',
194	184	],
195	185	'center' => [
196		- 'title' => esc_html__( 'Middle', 'elementor' ),
	186	+ 'title' => esc_html_x( 'Middle', 'Grid Container Control', 'elementor' ),
197	187	'icon' => 'eicon-justify-center-h',
198	188	],
199	189	'end' => [
200		- 'title' => esc_html__( 'End', 'elementor' ),
	190	+ 'title' => esc_html_x( 'End', 'Grid Container Control', 'elementor' ),
201	191	'icon' => 'eicon-justify-end-h',
202	192	],
203	193	'space-between' => [
204		- 'title' => esc_html__( 'Space Between', 'elementor' ),
	194	+ 'title' => esc_html_x( 'Space Between', 'Grid Container Control', 'elementor' ),
205	195	'icon' => 'eicon-justify-space-between-h',
206	196	],
207	197	'space-around' => [
208		- 'title' => esc_html__( 'Space Around', 'elementor' ),
	198	+ 'title' => esc_html_x( 'Space Around', 'Grid Container Control', 'elementor' ),
209	199	'icon' => 'eicon-justify-space-around-h',
210	200	],
211	201	'space-evenly' => [
212		- 'title' => esc_html__( 'Space Evenly', 'elementor' ),
	202	+ 'title' => esc_html_x( 'Space Evenly', 'Grid Container Control', 'elementor' ),
213	203	'icon' => 'eicon-justify-space-evenly-h',
214	204	],
215	205	],
216	206	'selectors' => [
		@@ -222,35 +212,35 @@
222	212	'responsive' => true,
223	213	];
224	214
225	215	$fields['align_content'] = [
226		- 'label' => esc_html__( 'Align Content', 'elementor' ),
	216	+ 'label' => esc_html_x( 'Align Content', 'Grid Container Control', 'elementor' ),
227	217	'type' => Controls_Manager::CHOOSE,
228	218	'label_block' => true,
229	219	'default' => '',
230	220	'options' => [
231	221	'start' => [
232		- 'title' => esc_html__( 'Start', 'elementor' ),
	222	+ 'title' => esc_html_x( 'Start', 'Grid Container Control', 'elementor' ),
233	223	'icon' => 'eicon-justify-start-v',
234	224	],
235	225	'center' => [
236		- 'title' => esc_html__( 'Middle', 'elementor' ),
	226	+ 'title' => esc_html_x( 'Middle', 'Grid Container Control', 'elementor' ),
237	227	'icon' => 'eicon-justify-center-v',
238	228	],
239	229	'end' => [
240		- 'title' => esc_html__( 'End', 'elementor' ),
	230	+ 'title' => esc_html_x( 'End', 'Grid Container Control', 'elementor' ),
241	231	'icon' => 'eicon-justify-end-v',
242	232	],
243	233	'space-between' => [
244		- 'title' => esc_html__( 'Space Between', 'elementor' ),
	234	+ 'title' => esc_html_x( 'Space Between', 'Grid Container Control', 'elementor' ),
245	235	'icon' => 'eicon-justify-space-between-v',
246	236	],
247	237	'space-around' => [
248		- 'title' => esc_html__( 'Space Around', 'elementor' ),
	238	+ 'title' => esc_html_x( 'Space Around', 'Grid Container Control', 'elementor' ),
249	239	'icon' => 'eicon-justify-space-around-v',
250	240	],
251	241	'space-evenly' => [
252		- 'title' => esc_html__( 'Space Evenly', 'elementor' ),
	242	+ 'title' => esc_html_x( 'Space Evenly', 'Grid Container Control', 'elementor' ),
253	243	'icon' => 'eicon-justify-space-evenly-v',
254	244	],
255	245	],
256	246	'selectors' => [
		@@ -298,19 +288,8 @@
298	288	];
299	289	}
300	290
301	291	return $responsive_unit_defaults;
302		- }
303		-
304		- protected function get_responsive_autoflow_defaults() {
305		- $responsive_autoflow_defaults = [];
306		- $active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints();
307		-
308		- foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) {
309		- $responsive_autoflow_defaults[ $breakpoint_name . '_default' ] = 'row';
310		- }
311		-
312		- return $responsive_autoflow_defaults;
313	292	}
314	293
315	294	protected function get_default_options() {
316	295	return [