← All changes | back/Partial/editor/context.php +160 -136 10.11.1 → 11.1.0 View file →

		@@ -1,24 +1,33 @@
	1	+<?php
	2	+// phpcs:disable WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedVariableFound -- View file, its variables are local to the include scope, not true globals.
	3	+defined('ABSPATH') || die('Restricted Access');
	4	+?>
1	5	<div id="acym__wysid__right__toolbar__current-block" style="display: none;" class="grid-padding-x cell acym__wysid__right__toolbar--menu">
2		- <p class="acym__wysid__right__toolbar__current-block__empty cell text-center margin-top-1"><?php echo acym_translation('ACYM_NO_BLOCK_SELECTED'); ?></p>
	6	+ <p class="acym__wysid__right__toolbar__current-block__empty cell text-center margin-top-1"><?php echo esc_html(acym_translation('ACYM_NO_BLOCK_SELECTED')); ?></p>
3	7	<div id="acym__wysid__context__block" class="grid-x cell acym__wysid__context__modal padding-1 padding-bottom-2" style="display: none">
4		- <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo acym_translation('ACYM_BACKGROUND'); ?><i class="acymicon-keyboard-arrow-up"></i></p>
	8	+ <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo esc_html(acym_translation('ACYM_BACKGROUND')); ?><i class="acymicon-keyboard-arrow-up"></i></p>
5	9	<div class="cell grid-x acym__wysid__context__modal__container">
6	10	<div class="cell grid-x acym_vcenter">
7		- <label class="cell small-6"><?php echo acym_translation('ACYM_BACKGROUND_COLOR'); ?></label>
	11	+ <label class="cell small-6"><?php echo esc_html(acym_translation('ACYM_BACKGROUND_COLOR')); ?></label>
8	12	<input type="text" id="acym__wysid__context__block__background-color">
9	13	</div>
10	14	<div class="cell grid-x acym_vcenter">
11		- <label class="cell small-6"><?php echo acym_translation('ACYM_BACKGROUND_IMAGE'); ?></label>
	15	+ <label class="cell small-6"><?php echo esc_html(acym_translation('ACYM_BACKGROUND_IMAGE')); ?></label>
12	16	<i class="acymicon-insert-photo acym__color__light-blue cursor-pointer" id="acym__wysid__context__block__background-image"></i>
13	17	<i class="acymicon-close acym__color__red cursor-pointer" style="display: none" id="acym__wysid__context__block__background-image__remove"></i>
14	18	</div>
15	19	<div class="cell grid-x acym_vcenter">
16		- <?php echo acym_switch('transparent_background', 0, acym_translation('ACYM_TRANSPARENT_BACKGROUND'), [], 'small-6 acym__wysid__context__block__transparent__bg');
	20	+ <?php acym_switch([
	21	+ 'name' => 'transparent_background',
	22	+ 'value' => 0,
	23	+ 'label' => acym_translation('ACYM_TRANSPARENT_BACKGROUND'),
	24	+ 'labelClass' => 'small-6 acym__wysid__context__block__transparent__bg',
	25	+ ]);
17	26	?>
18	27	</div>
19	28	</div>
20		- <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo acym_translation('ACYM_PADDING'); ?><i class="acymicon-keyboard-arrow-up"></i></p>
	29	+ <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo esc_html(acym_translation('ACYM_PADDING')); ?><i class="acymicon-keyboard-arrow-up"></i></p>
21	30	<div class="cell grid-x acym__wysid__context__modal__container">
22	31	<div class="cell grid-x align-center margin-bottom-1">
23	32	<input type="number" min="0" class="cell small-2 acym__wysid__context__block__padding" data-block-padding="top">
24	33	</div>
		@@ -30,15 +39,17 @@
30	39	<div class="cell grid-x align-center">
31	40	<input type="number" min="0" class="cell small-2 acym__wysid__context__block__padding" data-block-padding="bottom">
32	41	</div>
33	42	</div>
34		- <p class="cell acym__wysid__right__toolbar__p acym__wysid__context__modal__container--structure acym__title"><?php echo acym_translation('ACYM_STRUCTURE'); ?>
	43	+ <p class="cell acym__wysid__right__toolbar__p acym__wysid__context__modal__container--structure acym__title"><?php echo esc_html(
	44	+ acym_translation('ACYM_STRUCTURE')
	45	+ ); ?>
35	46	<i class="acymicon-keyboard-arrow-up"></i></p>
36	47	<div class="cell grid-x acym__wysid__context__modal__container acym__wysid__context__modal__container--structure acym__wysid__context__modal__container--structure--container">
37	48	<div class="cell grid-x grid-margin-x acym_vcenter">
38		- <h6 class="cell shrink"><?php echo acym_translation('ACYM_RESIZE_COLUMNS_OF_ROW'); ?></h6>
	49	+ <h6 class="cell shrink"><?php echo esc_html(acym_translation('ACYM_RESIZE_COLUMNS_OF_ROW')); ?></h6>
39	50	<div class="cell auto hide-for-medium-only hide-for-small-only"></div>
40		- <a href="<?php echo ACYM_DOCUMENTATION; ?>" target="_blank"><i class="acymicon-book"></i></a>
	51	+ <a href="<?php echo esc_url(ACYM_DOCUMENTATION); ?>" target="_blank"><i class="acymicon-book"></i></a>
41	52	</div>
42	53	<div class="grid-x cell acym__wysid__context__modal__container__block-settings grid-margin-y acym-grid-margin-x">
43	54	</div>
44	55	<div class="cell grid-x acym__wysid__context__modal__block-background acym_vcenter margin-top-1">
		@@ -47,37 +58,41 @@
47	58	</div>
48	59	<div class="cell grid-x acym__wysid__context__modal__block-padding">
49	60	</div>
50	61	</div>
51		- <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo acym_translation('ACYM_BORDER'); ?><i class="acymicon-keyboard-arrow-up"></i></p>
	62	+ <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo esc_html(acym_translation('ACYM_BORDER')); ?><i class="acymicon-keyboard-arrow-up"></i></p>
52	63	<div class="cell grid-x acym__wysid__context__modal__container">
53	64	<div class="cell grid-x">
54		- <label class="cell small-5"><?php echo acym_translation('ACYM_RADIUS'); ?></label>
	65	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_RADIUS')); ?></label>
55	66	<input type="number" max="20" min="0" class="cell small-2 acym__wysid__context__block__border__actions" data-css="border-radius">
56	67	</div>
57	68	<div class="cell grid-x">
58		- <label class="cell small-5"><?php echo acym_translation('ACYM_WIDTH'); ?></label>
	69	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_WIDTH')); ?></label>
59	70	<input type="number" max="10" min="0" class="cell small-2 acym__wysid__context__block__border__actions" data-css="border-width"">
60	71	</div>
61	72	<div class="cell grid-x acym_vcenter">
62		- <label class="cell small-5"><?php echo acym_translation('ACYM_COLOR'); ?></label>
	73	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_COLOR')); ?></label>
63	74	<input type="number" max="20" min="0" class="cell small-2" id="acym__wysid__context__block__border__color">
64	75	</div>
65	76	</div>
66		- <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo acym_translation('ACYM_ADVANCED_OPTIONS'); ?><i class="acymicon-keyboard-arrow-up"></i></p>
	77	+ <p class="cell acym__wysid__right__toolbar__p acym__title"><?php echo esc_html(acym_translation('ACYM_ADVANCED_OPTIONS')); ?>
	78	+ <i class="acymicon-keyboard-arrow-up"></i></p>
67	79	<div class="cell grid-x acym__wysid__context__modal__container">
68		- <label class="cell small-5"><?php echo acym_translation('ACYM_HTML_ID').acym_info(['textShownInTooltip' => 'ACYM_HTML_ID_DESC']); ?></label>
	80	+ <label class="cell small-5">
	81	+ <?php echo esc_html(acym_translation('ACYM_HTML_ID'));
	82	+ acym_info(['textShownInTooltip' => 'ACYM_HTML_ID_DESC']); ?></label>
69	83	<input type="text"
70		- class="cell small-6"
71		- id="acym__wysid__context__block__custom_id"
72		- placeholder="<?php echo acym_escape(acym_translation('ACYM_HTML_ID')); ?>">
	84	+ class="cell small-6"
	85	+ id="acym__wysid__context__block__custom_id"
	86	+ placeholder="<?php echo esc_attr(acym_translation('ACYM_HTML_ID')); ?>">
73	87	<div class="cell grid-x acym__wysid__context__block__code-source">
74	88	<label class="cell small-5 acym_vcenter">
75		- <?php echo acym_translation('ACYM_EDIT_BLOCK_HTML').acym_info(['textShownInTooltip' => 'ACYM_BECAREFUL_EDITING_SOURCE_CODE']); ?>
	89	+ <?php echo esc_html(acym_translation('ACYM_EDIT_BLOCK_HTML'));
	90	+ acym_info(['textShownInTooltip' => 'ACYM_BECAREFUL_EDITING_SOURCE_CODE']); ?>
76	91	</label>
77	92	<div class="cell shrink acym_vcenter">
78	93	<button type="button" class="button button-secondary" id="acym__wysid__context__block__edit-html">
79		- <?php echo acym_translation('ACYM_EDIT_HTML'); ?>
	94	+ <?php echo esc_html(acym_translation('ACYM_EDIT_HTML')); ?>
80	95	</button>
81	96	</div>
82	97	</div>
83	98	</div>
		@@ -84,18 +99,18 @@
84	99	</div>
85	100	<?php include acym_getPartial('editor', 'context_text'); ?>
86	101	<div id="acym__wysid__context__button" class="grid-x padding-1 acym__wysid__context__modal" style="display: none">
87	102	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
88		- <?php echo acym_translation('ACYM_BUTTON_TYPE'); ?>
	103	+ <?php echo esc_html(acym_translation('ACYM_BUTTON_TYPE')); ?>
89	104	<i class="acymicon-keyboard-arrow-up"></i>
90	105	</p>
91	106	<div class="grid-x cell acym__wysid__context__modal__container grid-margin-x">
92	107	<button type="button"
93		- class="button-radio cell medium-4 acym__wysid__context__button--type"
94		- acym-button-radio-group="buttonType"
95		- acym-data-type="call-action"><?php echo acym_translation('ACYM_CALL_TO_ACTION'); ?></button>
	108	+ class="button-radio cell medium-4 acym__wysid__context__button--type"
	109	+ acym-button-radio-group="buttonType"
	110	+ acym-data-type="call-action"><?php echo esc_html(acym_translation('ACYM_CALL_TO_ACTION')); ?></button>
96	111	<?php
97		- echo acym_tooltip(
	112	+ acym_tooltip(
98	113	[
99	114	'hoveredText' => '<button type="button"
100	115	class="button-radio cell acym__wysid__context__button--type"
101	116	acym-button-radio-group="buttonType"
		@@ -104,9 +119,9 @@
104	119	'classContainer' => 'cell medium-4 grid-x',
105	120	]
106	121	);
107	122
108		- echo acym_tooltip(
	123	+ acym_tooltip(
109	124	[
110	125	'hoveredText' => '<button type="button"
111	126	class="button-radio cell acym__wysid__context__button--type"
112	127	acym-button-radio-group="buttonType"
		@@ -117,24 +132,24 @@
117	132	);
118	133	?>
119	134	</div>
120	135	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
121		- <?php echo acym_translation('ACYM_CONTENT'); ?><i class="acymicon-keyboard-arrow-up"></i>
	136	+ <?php echo esc_html(acym_translation('ACYM_CONTENT')); ?><i class="acymicon-keyboard-arrow-up"></i>
122	137	</p>
123	138	<div class="cell grid-x acym__wysid__context__modal__container">
124	139	<div class="grid-x cell acym__wysid__context__button__text__container">
125		- <label class="cell small-5"><?php echo acym_translation('ACYM_TEXT'); ?></label>
126		- <input id="acym__wysid__context__button__text" class="auto cell" type="text" placeholder="<?php echo acym_translation('ACYM_MY_BUTTON'); ?>">
	140	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_TEXT')); ?></label>
	141	+ <input id="acym__wysid__context__button__text" class="auto cell" type="text" placeholder="<?php echo esc_attr(acym_translation('ACYM_MY_BUTTON')); ?>">
127	142	</div>
128	143	<div class="grid-x cell acym__wysid__context__button__link__container">
129	144	<div class="cell grid-x">
130		- <label class="cell small-5" for="acym__wysid__context__button__link"><?php echo acym_translation('ACYM_LINK'); ?></label>
	145	+ <label class="cell small-5" for="acym__wysid__context__button__link"><?php echo esc_html(acym_translation('ACYM_LINK')); ?></label>
131	146	<input id="acym__wysid__context__button__link" class="input-group-field cell auto" type="text" placeholder="https://www.example.com">
132	147	</div>
133	148	</div>
134	149	<div class="grid-x cell acym__wysid__context__button__redirection__container">
135	150	<div class="cell grid-x">
136		- <label class="cell small-5" for="acym__wysid__context__button__redirection"><?php echo acym_translation('ACYM_REDIRECTION_URL'); ?></label>
	151	+ <label class="cell small-5" for="acym__wysid__context__button__redirection"><?php echo esc_html(acym_translation('ACYM_REDIRECTION_URL')); ?></label>
137	152	<input id="acym__wysid__context__button__redirection" class="input-group-field cell auto" type="text" placeholder="https://www.example.com">
138	153	</div>
139	154	</div>
140	155	<div class="grid-x cell acym__wysid__context__button__link__file">
		@@ -139,26 +154,28 @@
139	154	</div>
140	155	<div class="grid-x cell acym__wysid__context__button__link__file">
141	156	<div class="cell grid-x">
142	157	<label class="cell small-5">
143		- <?php echo acym_translation('ACYM_FILE'); ?>
144		- <?php echo acym_info(['textShownInTooltip' => 'ACYM_FILE_GENERATE_LINK_BUTTON_EDITOR']); ?>
	158	+ <?php echo esc_html(acym_translation('ACYM_FILE')); ?>
	159	+ <?php acym_info(['textShownInTooltip' => 'ACYM_FILE_GENERATE_LINK_BUTTON_EDITOR']); ?>
145	160	</label>
146		- <button id="acym__wysid__context__button__file" type="button" class="button button-secondary"><?php echo acym_translation('ACYM_SELECT_FILE'); ?></button>
	161	+ <button id="acym__wysid__context__button__file" type="button" class="button button-secondary"><?php echo esc_html(
	162	+ acym_translation('ACYM_SELECT_FILE')
	163	+ ); ?></button>
147	164	</div>
148	165	</div>
149	166	</div>
150	167	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
151		- <?php echo acym_translation('ACYM_FONT'); ?><i class="acymicon-keyboard-arrow-up"></i>
	168	+ <?php echo esc_html(acym_translation('ACYM_FONT')); ?><i class="acymicon-keyboard-arrow-up"></i>
152	169	</p>
153	170	<div class="grid-x cell acym__wysid__context__modal__container">
154	171	<div class="cell grid-x">
155		- <label class="cell small-5"><?php echo acym_translation('ACYM_FORMATTING'); ?></label>
	172	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_FORMATTING')); ?></label>
156	173	<i id="acym__wysid__context__button__italic" class="acymicon-format-italic small-1 cell acym__wysid__context__button__actions-i"></i>
157	174	<i id="acym__wysid__context__button__bold" class="acymicon-format-bold small-1 cell acym__wysid__context__button__actions-i"></i>
158	175	</div>
159	176	<div class="cell grid-x">
160		- <label for="acym__wysid__context__button__font" class="cell small-5"><?php echo acym_translation('ACYM_FONT_FAMILY'); ?></label>
	177	+ <label for="acym__wysid__context__button__font" class="cell small-5"><?php echo esc_html(acym_translation('ACYM_FONT_FAMILY')); ?></label>
161	178	<select id="acym__wysid__context__button__font-family" class="auto cell">
162	179	<option style="font-family: 'Andale Mono'">Andale Mono</option>
163	180	<option style="font-family: 'Arial'">Arial</option>
164	181	<option style="font-family: 'Book Antiqua'">Book Antiqua</option>
		@@ -172,9 +189,9 @@
172	189	<option style="font-family: 'Verdana'">Verdana</option>
173	190	</select>
174	191	</div>
175	192	<div class="cell grid-x">
176		- <label for="acym__wysid__context__button__font" class="cell small-5"><?php echo acym_translation('ACYM_SIZE'); ?></label>
	193	+ <label for="acym__wysid__context__button__font" class="cell small-5"><?php echo esc_html(acym_translation('ACYM_SIZE')); ?></label>
177	194	<select id="acym__wysid__context__button__font-size" class="small-5 cell">
178	195	<option>10</option>
179	196	<option>12</option>
180	197	<option>14</option>
		@@ -188,18 +205,18 @@
188	205	<option>36</option>
189	206	</select>
190	207	</div>
191	208	<div class="cell grid-x">
192		- <label for="acym__wysid__context__button__background" class="cell small-5"><?php echo acym_translation('ACYM_COLOR'); ?></label>
	209	+ <label for="acym__wysid__context__button__background" class="cell small-5"><?php echo esc_html(acym_translation('ACYM_COLOR')); ?></label>
193	210	<input type="text" id="acym__wysid__context__button__color" class="small-2 cell">
194	211	</div>
195	212	</div>
196	213	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
197		- <?php echo acym_translation('ACYM_BORDER'); ?><i class="acymicon-keyboard-arrow-up"></i>
	214	+ <?php echo esc_html(acym_translation('ACYM_BORDER')); ?><i class="acymicon-keyboard-arrow-up"></i>
198	215	</p>
199	216	<div class="cell grid-x acym__wysid__context__modal__container">
200	217	<div class="grid-x cell">
201		- <label class="cell small-5"><?php echo acym_translation('ACYM_WIDTH'); ?></label>
	218	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_WIDTH')); ?></label>
202	219	<select id="acym__wysid__context__button__border-width" class="small-5 cell">
203	220	<option>0</option>
204	221	<option>1</option>
205	222	<option>2</option>
		@@ -208,9 +225,9 @@
208	225	<option>5</option>
209	226	</select>
210	227	</div>
211	228	<div class="grid-x cell">
212		- <label class="small-5 cell"><?php echo acym_translation('ACYM_RADIUS'); ?></label>
	229	+ <label class="small-5 cell"><?php echo esc_html(acym_translation('ACYM_RADIUS')); ?></label>
213	230	<select id="acym__wysid__context__button__border-radius" class="small-5 cell">
214	231	<option>0</option>
215	232	<option>5</option>
216	233	<option>10</option>
		@@ -219,25 +236,26 @@
219	236	<option>25</option>
220	237	</select>
221	238	</div>
222	239	<div class="cell grid-x">
223		- <label class="cell small-5"><?php echo acym_translation('ACYM_COLOR'); ?></label>
	240	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_COLOR')); ?></label>
224	241	<input type="text" id="acym__wysid__context__button__border-color" class="small-5 cell">
225	242	</div>
226	243	</div>
227	244	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
228		- <?php echo acym_translation('ACYM_OTHER'); ?><i class="acymicon-keyboard-arrow-up"></i>
	245	+ <?php echo esc_html(acym_translation('ACYM_OTHER')); ?><i class="acymicon-keyboard-arrow-up"></i>
229	246	</p>
230	247	<div class="cell grid-x acym__wysid__context__modal__container">
231	248	<div class="cell grid-x">
232	249	<label for="acym__wysid__context__button__background-color" class="cell small-5">
233		- <?php echo acym_translation('ACYM_BACKGROUND_COLOR').acym_info(['textShownInTooltip' => 'ACYM_BACKGROUND_COLOR_BUTTON_DESC']); ?>
	250	+ <?php echo esc_html(acym_translation('ACYM_BACKGROUND_COLOR'));
	251	+ acym_info(['textShownInTooltip' => 'ACYM_BACKGROUND_COLOR_BUTTON_DESC']); ?>
234	252	</label>
235	253	<input type="text" id="acym__wysid__context__button__background-color" class="small-5 cell">
236	254	</div>
237	255	<div class="grid-x cell">
238	256	<div class="cell grid-x">
239		- <label class="cell small-5"><?php echo acym_translation('ACYM_ALIGNMENT'); ?></label>
	257	+ <label class="cell small-5"><?php echo esc_html(acym_translation('ACYM_ALIGNMENT')); ?></label>
240	258	<i class="acymicon-format-align-left cell shrink acym__wysid__context__button__align" id="acym__wysid__context__button__align__left" data-align="left"></i>
241	259	<i class="acymicon-format-align-center cell shrink acym__wysid__context__button__align"
242	260	id="acym__wysid__context__button__align__center"
243	261	data-align="center"></i>
		@@ -245,36 +263,33 @@
245	263	</div>
246	264	</div>
247	265	<div class="cell grid-x margin-top-1 acym_vcenter margin-bottom-1">
248	266	<?php
249		- echo acym_switch(
250		- 'full_width',
251		- 0,
252		- acym_tooltip(
253		- [
254		- 'hoveredText' => acym_translation('ACYM_FULL_WIDTH'),
255		- 'textShownInTooltip' => acym_translation('ACYM_FULL_WIDTH_DESC'),
256		- ]
257		- ),
258		- [],
259		- 'small-5'
260		- );
	267	+ acym_switch([
	268	+ 'name' => 'full_width',
	269	+ 'value' => 0,
	270	+ 'tooltip' => [
	271	+ 'hoveredText' => acym_translation('ACYM_FULL_WIDTH'),
	272	+ 'textShownInTooltip' => acym_translation('ACYM_FULL_WIDTH_DESC'),
	273	+ ],
	274	+ 'labelClass' => 'small-5',
	275	+ ]);
261	276	?>
262	277	<div class="cell grid-x acym__button__padding">
263	278	<div class="cell grid-x">
264	279	<div class="cell grid-x small-12">
265		- <label class="cell small-3"><?php echo acym_translation('ACYM_PADDING'); ?></label>
	280	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_PADDING')); ?></label>
266	281	<div class="small-6 padding-right-1 padding-left-1 cell acym__wysid__context__button__slider" data-output="slider__output__button__width">
267	282	<div class="slider" data-slider="" data-end="100" data-initial-start="25">
268	283	<span class="slider-handle"
269		- data-slider-handle=""
270		- role="slider"
271		- tabindex="0"
272		- aria-controls="slider__output__button__width"
273		- aria-valuemax="50"
274		- data-valuenow="25"
275		- aria-valuemin="10"
276		- style="left: 44%"></span>
	284	+ data-slider-handle=""
	285	+ role="slider"
	286	+ tabindex="0"
	287	+ aria-controls="slider__output__button__width"
	288	+ aria-valuemax="50"
	289	+ data-valuenow="25"
	290	+ aria-valuemin="10"
	291	+ style="left: 44%"></span>
277	292	<span class="slider-fill" data-slider-fill="" style="width: 44%;"></span>
278	293	</div>
279	294	</div>
280	295	<div class="small-2 cell" id="acym__wysid__context__space__input">
		@@ -287,9 +302,9 @@
287	302	<span class="slider-handle" data-slider-handle role="slider" tabindex="0" aria-controls="slider__output__button__height"></span>
288	303	<span class="slider-fill" data-slider-fill></span>
289	304	</div>
290	305	</div>
291		- <div class="cell small-7 acym__button__padding__shape align-center acym_vcenter"><?php echo acym_translation('ACYM_BUTTON'); ?></div>
	306	+ <div class="cell small-7 acym__button__padding__shape align-center acym_vcenter"><?php echo esc_html(acym_translation('ACYM_BUTTON')); ?></div>
292	307	<div class="cell grid-x">
293	308	<input type="number" class="cell small-2" id="slider__output__button__height" max="50" min="10" step="1">
294	309	</div>
295	310	</div>
		@@ -298,21 +313,21 @@
298	313	</div>
299	314	</div>
300	315	</div>
301	316	<div id="acym__wysid__context__space" style="display: none" class="grid-x padding-1 acym__wysid__context__modal">
302		- <label class="cell small-3"><?php echo acym_translation('ACYM_HEIGHT'); ?></label>
	317	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_HEIGHT')); ?></label>
303	318	<div class="small-6 padding-right-1 cell" id="acym__wysid__context__space__slider">
304	319	<div class="slider" data-slider="" data-initial-start="50" data-start="10" data-e="2mf38c-e">
305	320	<span class="slider-handle"
306		- data-slider-handle=""
307		- role="slider"
308		- tabindex="0"
309		- aria-controls="sliderOutput1"
310		- aria-valuemax="100"
311		- aria-valuemin="10"
312		- aria-valuenow="50"
313		- aria-orientation="horizontal"
314		- style="left: 44%;"></span>
	321	+ data-slider-handle=""
	322	+ role="slider"
	323	+ tabindex="0"
	324	+ aria-controls="sliderOutput1"
	325	+ aria-valuemax="100"
	326	+ aria-valuemin="10"
	327	+ aria-valuenow="50"
	328	+ aria-orientation="horizontal"
	329	+ style="left: 44%;"></span>
315	330	<span class="slider-fill" data-slider-fill="" style="width: 44%;"></span>
316	331	</div>
317	332	</div>
318	333	<div class="small-2 cell" id="acym__wysid__context__space__input">
		@@ -320,12 +335,12 @@
320	335	</div>
321	336	</div>
322	337	<div id="acym__wysid__context__image" style="display: none" class="grid-x padding-1 acym__wysid__context__modal">
323	338	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
324		- <?php echo acym_translation('ACYM_POSITION'); ?><i class="acymicon-keyboard-arrow-up"></i></p>
	339	+ <?php echo esc_html(acym_translation('ACYM_POSITION')); ?><i class="acymicon-keyboard-arrow-up"></i></p>
325	340	<div class="cell grid-x acym__wysid__context__modal__container">
326	341	<div class="cell grid-x">
327		- <label class="cell small-3"><?php echo acym_translation('ACYM_ALIGNMENT'); ?></label>
	342	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_ALIGNMENT')); ?></label>
328	343	<div class="cell auto grid-x">
329	344	<i class="acymicon-format-align-left cell shrink acym__wysid__context__image__align"
330	345	id="acym__wysid__context__image__align__left"
331	346	data-float="left"
		@@ -341,69 +356,71 @@
341	356	</div>
342	357	</div>
343	358	</div>
344	359	<div class="cell grid-x">
345		- <label class="cell small-3"><?php echo acym_translation('ACYM_WIDTH'); ?></label>
	360	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_WIDTH')); ?></label>
346	361	<div class="cell auto grid-x">
347	362	<input class="intext_input acym_context_image_size_input" id="acym__wysid__context__image__width" name="contextImageWidth" type="number" />
348	363	</div>
349	364	</div>
350	365	<div class="cell grid-x">
351		- <label class="cell small-3"><?php echo acym_translation('ACYM_HEIGHT'); ?></label>
	366	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_HEIGHT')); ?></label>
352	367	<div class="cell auto grid-x">
353	368	<input class="intext_input acym_context_image_size_input" id="acym__wysid__context__image__height" name="contextImageHeight" type="number" />
354	369	</div>
355	370	</div>
356	371	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
357		- <?php echo acym_translation('ACYM_IMAGE_URL'); ?><i class="acymicon-keyboard-arrow-up"></i>
	372	+ <?php echo esc_html(acym_translation('ACYM_IMAGE_URL')); ?><i class="acymicon-keyboard-arrow-up"></i>
358	373	</p>
359	374	<div class="cell grid-x acym__wysid__context__modal__container align-center">
360		- <label for="acym__wysid__context__image__url" class="cell small-4"><?php echo acym_translation('ACYM_URL'); ?></label>
	375	+ <label for="acym__wysid__context__image__url" class="cell small-4"><?php echo esc_html(acym_translation('ACYM_URL')); ?></label>
361	376	<input type="text"
362		- name="image_url"
363		- value=""
364		- id="acym__wysid__context__image__url"
365		- placeholder="https://www.example.com/image.png"
366		- class="cell small-8">
	377	+ name="image_url"
	378	+ value=""
	379	+ id="acym__wysid__context__image__url"
	380	+ placeholder="https://www.example.com/image.png"
	381	+ class="cell small-8">
367	382	<label for="acym__upload__context__image__alt" class="cell small-4">
368		- <?php echo acym_translation('ACYM_IMAGE_ALT').acym_info(['textShownInTooltip' => 'ACYM_IMAGE_ALT_DESCRIPTION']); ?>
	383	+ <?php echo esc_html(acym_translation('ACYM_IMAGE_ALT'));
	384	+ acym_info(['textShownInTooltip' => 'ACYM_IMAGE_ALT_DESCRIPTION']); ?>
369	385	</label>
370	386	<input type="text"
371		- name="image_alt"
372		- value=""
373		- id="acym__upload__context__image__alt"
374		- class="cell small-8">
	387	+ name="image_alt"
	388	+ value=""
	389	+ id="acym__upload__context__image__alt"
	390	+ class="cell small-8">
375	391	<label for="acym__upload_context__image__title" class="cell small-4">
376		- <?php echo acym_translation('ACYM_IMAGE_TITLE').acym_info(['textShownInTooltip' => 'ACYM_IMAGE_TITLE_DESCRIPTION']); ?>
	392	+ <?php echo esc_html(acym_translation('ACYM_IMAGE_TITLE'));
	393	+ acym_info(['textShownInTooltip' => 'ACYM_IMAGE_TITLE_DESCRIPTION']); ?>
377	394	</label>
378	395	<input type="text"
379		- name="image_title"
380		- value=""
381		- id="acym__upload_context__image__title"
382		- class="cell small-8">
	396	+ name="image_title"
	397	+ value=""
	398	+ id="acym__upload_context__image__title"
	399	+ class="cell small-8">
383	400	<label for="acym__upload__context__image__caption" class="cell small-4">
384		- <?php echo acym_translation('ACYM_CAPTION'); ?>
	401	+ <?php echo esc_html(acym_translation('ACYM_CAPTION')); ?>
385	402	</label>
386	403	<input type="text"
387		- name="image_caption"
388		- value=""
389		- id="acym__upload__context__image__caption"
390		- class="cell small-8">
	404	+ name="image_caption"
	405	+ value=""
	406	+ id="acym__upload__context__image__caption"
	407	+ class="cell small-8">
391	408	<button type="button" class="cell shrink button button-secondary margin-top-1" id="acym__wysid__context__image__change">
392		- <?php echo acym_translation('ACYM_MEDIA_MANAGE'); ?>
	409	+ <?php echo esc_html(acym_translation('ACYM_MEDIA_MANAGE')); ?>
393	410	</button>
394	411	</div>
395	412	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
396		- <?php echo acym_translation('ACYM_LINK'); ?><i class="acymicon-keyboard-arrow-up"></i>
	413	+ <?php echo esc_html(acym_translation('ACYM_LINK')); ?><i class="acymicon-keyboard-arrow-up"></i>
397	414	</p>
398	415	<div class="cell grid-x acym__wysid__context__modal__container">
399		- <label for="acym__wysid__context__image__link" class="cell small-4"><?php echo acym_translation('ACYM_LINK'); ?></label>
	416	+ <label for="acym__wysid__context__image__link" class="cell small-4"><?php echo esc_html(acym_translation('ACYM_LINK')); ?></label>
400	417	<input type="text" name="image_link" value="" id="acym__wysid__context__image__link" placeholder="https://www.example.com" class="cell small-8">
401	418	</div>
402	419	</div>
403	420	<div id="acym__wysid__context__separator" class="grid-x padding-1 acym__wysid__context__modal" style="display: none">
404	421	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
405		- <?php echo acym_translation('ACYM_STYLE'); ?><i class="acymicon-keyboard-arrow-up"></i>
	422	+ <?php echo esc_html(acym_translation('ACYM_STYLE')); ?><i class="acymicon-keyboard-arrow-up"></i>
406	423	</p>
407	424	<div class="cell grid-x acym__wysid__context__modal__container">
408	425	<div class="cell grid-x grid-margin-x">
409	426	<div class="acym__wysid__context__separator__kind cell small-3 separator-selected">
		@@ -419,30 +436,30 @@
419	436	<hr data-kind="double" style="border-bottom: 3px double black">
420	437	</div>
421	438	</div>
422	439	<label class="cell small-11 grid-x grid-margin-x margin-top-1">
423		- <label class="cell small-3 acym__color__light-blue"><?php echo acym_translation('ACYM_COLOR'); ?></label>
	440	+ <label class="cell small-3 acym__color__light-blue"><?php echo esc_html(acym_translation('ACYM_COLOR')); ?></label>
424	441	<input type="text" id="acym__wysid__context__separator__color">
425	442	</label>
426	443	</div>
427	444	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
428		- <?php echo acym_translation('ACYM_SIZE'); ?><i class="acymicon-keyboard-arrow-up"></i>
	445	+ <?php echo esc_html(acym_translation('ACYM_SIZE')); ?><i class="acymicon-keyboard-arrow-up"></i>
429	446	</p>
430	447	<div class="cell grid-x acym__wysid__context__modal__container">
431	448	<div class="cell grid-x">
432		- <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo acym_translation('ACYM_HEIGHT'); ?></label>
	449	+ <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo esc_html(acym_translation('ACYM_HEIGHT')); ?></label>
433	450	<div class="small-6 padding-right-1 padding-left-1 cell" id="acym__wysid__context__separator__slide">
434	451	<div class="slider" data-slider data-initial-start="3" data-start="1" data-e="2mf38c-e">
435	452	<span class="slider-handle"
436		- data-slider-handle
437		- role="slider"
438		- tabindex="0"
439		- aria-controls="sliderOutput2"
440		- aria-valuemax="20"
441		- aria-valuemin="1"
442		- aria-valuenow="3"
443		- aria-orientation="horizontal"
444		- style="left: 44%;"></span>
	453	+ data-slider-handle
	454	+ role="slider"
	455	+ tabindex="0"
	456	+ aria-controls="sliderOutput2"
	457	+ aria-valuemax="20"
	458	+ aria-valuemin="1"
	459	+ aria-valuenow="3"
	460	+ aria-orientation="horizontal"
	461	+ style="left: 44%;"></span>
445	462	<span class="slider-fill" data-slider-fill style="width: 44%;"></span>
446	463	</div>
447	464	</div>
448	465	<div class="small-2 cell margin-left-1" id="acym__wysid__context__separator__input__height">
		@@ -449,9 +466,9 @@
449	466	<input type="number" id="sliderOutput2" max="20" min="1" step="1" value="3">
450	467	</div>
451	468	</div>
452	469	<div class="cell grid-x">
453		- <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo acym_translation('ACYM_WIDTH'); ?></label>
	470	+ <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo esc_html(acym_translation('ACYM_WIDTH')); ?></label>
454	471	<div class="small-6 padding-right-1 padding-left-1 cell" id="acym__wysid__context__separator__slide__width">
455	472	<div class="slider" data-slider data-initial-start="100">
456	473	<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="sliderOutput3" style="left: 100%;"></span>
457	474	<span class="slider-fill" data-slider-fill style="width: 100%;"></span>
		@@ -461,9 +478,9 @@
461	478	<input type="number" id="sliderOutput3" max="100" min="0" step="1" value="100">
462	479	</div>
463	480	</div>
464	481	<div class="cell grid-x">
465		- <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo acym_translation('ACYM_SPACE'); ?></label>
	482	+ <label class="cell small-3 acym_vcenter acym__color__light-blue"><?php echo esc_html(acym_translation('ACYM_SPACE')); ?></label>
466	483	<div class="small-6 padding-right-1 padding-left-1 cell" id="acym__wysid__context__separator__slide__space">
467	484	<div class="slider" data-slider data-initial-start="10" data-options="end:50;">
468	485	<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="sliderOutput4" style="left: 100%;"></span>
469	486	<span class="slider-fill" data-slider-fill style="width: 100%;"></span>
		@@ -476,13 +493,13 @@
476	493	</div>
477	494	</div>
478	495	<div id="acym__wysid__context__follow" class="grid-x padding-1 acym__wysid__context__modal" style="display: none">
479	496	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
480		- <?php echo acym_translation('ACYM_LINKS'); ?><i class="acymicon-keyboard-arrow-up"></i>
	497	+ <?php echo esc_html(acym_translation('ACYM_LINKS')); ?><i class="acymicon-keyboard-arrow-up"></i>
481	498	</p>
482	499	<div class="cell grid-x acym__wysid__context__modal__container">
483	500	<div class="grid-x cell margin-bottom-1">
484		- <label class="cell small-3"><?php echo acym_translation('ACYM_ADD_NEW'); ?></label>
	501	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_ADD_NEW')); ?></label>
485	502	<div class="small-2 cell">
486	503	<select name="acym__wysid__context__follow__select" id="acym__wysid__context__follow__select">
487	504	</select>
488	505	</div>
		@@ -490,13 +507,13 @@
490	507	<div id="acym__wysid__context__follow__list" class="grid-x small-12 cell">
491	508	</div>
492	509	</div>
493	510	<p class="cell acym__wysid__right__toolbar__p__open acym__wysid__right__toolbar__p acym__title">
494		- <?php echo acym_translation('ACYM_OTHER'); ?><i class="acymicon-keyboard-arrow-up"></i>
	511	+ <?php echo esc_html(acym_translation('ACYM_OTHER')); ?><i class="acymicon-keyboard-arrow-up"></i>
495	512	</p>
496	513	<div class="cell grid-x acym__wysid__context__modal__container">
497	514	<div class="cell grid-x">
498		- <label class="small-3 cell"><?php echo acym_translation('ACYM_WIDTH'); ?></label>
	515	+ <label class="small-3 cell"><?php echo esc_html(acym_translation('ACYM_WIDTH')); ?></label>
499	516	<div class="small-6 padding-right-1 padding-left-1 cell" id="acym__wysid__context__social__width__slider">
500	517	<div class="slider" data-slider data-initial-start="40" data-options="start:30;end:80;">
501	518	<span class="slider-handle" data-slider-handle role="slider" tabindex="1" aria-controls="acym__wysid__context__social__width" style="left: 100%;"></span>
502	519	<span class="slider-fill" data-slider-fill style="width: 100%;"></span>
		@@ -507,9 +524,9 @@
507	524	</div>
508	525	</div>
509	526	<div class="grid-x cell margin-top-1">
510	527	<div class="cell grid-x grid-margin-x">
511		- <label class="cell small-3"><?php echo acym_translation('ACYM_ALIGNMENT'); ?></label>
	528	+ <label class="cell small-3"><?php echo esc_html(acym_translation('ACYM_ALIGNMENT')); ?></label>
512	529	<div class="cell auto grid-x">
513	530	<i class="acymicon-format-align-left cell shrink acym__wysid__context__follow__align" id="acym__wysid__context__follow__align__left" data-align="left"></i>
514	531	<i class="acymicon-format-align-center cell shrink acym__wysid__context__follow__align"
515	532	id="acym__wysid__context__follow__align__center"
		@@ -524,25 +541,27 @@
524	541	</div>
525	542	<?php if ($this->config->get('display_built_by', 0) == 1) { ?>
526	543	<div id="acym__wysid__context__poweredby" style="display: none" class="grid-x padding-1 acym__wysid__context__modal">
527	544	<?php if (!acym_level(ACYM_ESSENTIAL)) { ?>
528		- <h3 class="cell acym__title text-center"><?php echo acym_translation('ACYM_WANT_TO_REMOVE_THIS'); ?></h3>
	545	+ <h3 class="cell acym__title text-center"><?php echo esc_html(acym_translation('ACYM_WANT_TO_REMOVE_THIS')); ?></h3>
529	546	<div class="cell grid-x grid-margin-y text-center margin-bottom-1">
530		- <div class="cell"><?php echo acym_translation('ACYM_SEEING_THIS_AS_FREE_VERSION'); ?></div>
531		- <div class="cell"><?php echo acym_translation('ACYM_DISABLE_BY_GETTING_PRO'); ?></div>
532		- <div class="cell"><?php echo acym_translation('ACYM_PRICES_STARTS_AT'); ?></div>
	547	+ <div class="cell"><?php echo esc_html(acym_translation('ACYM_SEEING_THIS_AS_FREE_VERSION')); ?></div>
	548	+ <div class="cell"><?php echo esc_html(acym_translation('ACYM_DISABLE_BY_GETTING_PRO')); ?></div>
	549	+ <div class="cell"><?php echo esc_html(acym_translation('ACYM_PRICES_STARTS_AT')); ?></div>
533	550	</div>
534	551	<div class="cell text-center margin-bottom-1">
535	552	<a class="button button-secondary"
536	553	target="_blank"
537		- href="<?php echo ACYM_ACYMAILING_WEBSITE; ?>pricing/?utm_source=acymailing_plugin&utm_campaign=purchase&utm_medium=built_with_footer">
538		- <?php echo acym_translation('ACYM_SEE_PRO_VERSION_FEATURES'); ?>
	554	+ href="<?php echo esc_url(ACYM_ACYMAILING_WEBSITE); ?>pricing/?utm_source=acymailing_plugin&utm_campaign=purchase&utm_medium=built_with_footer">
	555	+ <?php echo esc_html(acym_translation('ACYM_SEE_PRO_VERSION_FEATURES')); ?>
539	556	</a>
540	557	</div>
541	558	<hr data-kind="solid" style="border-bottom: 1px solid black" class="cell margin-1">
542	559	<?php } ?>
543	560	<div class="grid-x small-12 cell">
544		- <label class="middle large-6 small-8 cell" for="acym__wysid__built-with__text__color"><?php echo acym_translation('ACYM_BUILT_WITH_IMAGE_TEXT_COLOR'); ?></label>
	561	+ <label class="middle large-6 small-8 cell" for="acym__wysid__built-with__text__color"><?php echo esc_html(
	562	+ acym_translation('ACYM_BUILT_WITH_IMAGE_TEXT_COLOR')
	563	+ ); ?></label>
545	564	<div class="cell large-6 small-4">
546	565	<?php
547	566	$brightness = [
548	567	'black' => acym_translation('ACYM_BLACK'),
		@@ -547,13 +566,18 @@
547	566	$brightness = [
548	567	'black' => acym_translation('ACYM_BLACK'),
549	568	'white' => acym_translation('ACYM_WHITE'),
550	569	];
551		- echo acym_select(
	570	+ acym_select(
552	571	$brightness,
553	572	'acym__wysid__built-with__text__color',
554	573	'black',
555		- ['class' => 'acym__select']
	574	+ ['class' => 'acym__select'],
	575	+ 'value',
	576	+ 'text',
	577	+ null,
	578	+ false,
	579	+ true
556	580	);
557	581	?>
558	582	</div>
559	583	</div>