← All changes | includes/editor-templates/templates.php +108 -199 4.2.2 → 3.35.7 View file →

		@@ -8,36 +8,26 @@
8	8	}
9	9	?>
10	10	<script type="text/template" id="tmpl-elementor-template-library-header-actions">
11	11	<?php if ( User::is_current_user_can_upload_json() ) { ?>
12		- <button type="button" id="elementor-template-library-header-import" class="elementor-templates-modal__header__item" aria-label="<?php echo esc_attr__( 'Import Template', 'elementor' ); ?>">
	12	+ <div id="elementor-template-library-header-import" class="elementor-templates-modal__header__item">
13	13	<i class="eicon-upload-circle-o" aria-hidden="true"></i>
14	14	<span class="elementor-screen-only"><?php echo esc_html__( 'Import Template', 'elementor' ); ?></span>
15		- </button>
	15	+ </div>
16	16	<?php } ?>
17		- <button type="button" id="elementor-template-library-header-sync" class="elementor-templates-modal__header__item" aria-label="<?php echo esc_attr__( 'Sync Library', 'elementor' ); ?>">
	17	+ <div id="elementor-template-library-header-sync" class="elementor-templates-modal__header__item">
18	18	<i class="eicon-sync" aria-hidden="true"></i>
19	19	<span class="elementor-screen-only"><?php echo esc_html__( 'Sync Library', 'elementor' ); ?></span>
20		- </button>
21		- <button type="button" id="elementor-template-library-header-save" class="elementor-templates-modal__header__item" aria-label="<?php echo esc_attr__( 'Save', 'elementor' ); ?>">
	20	+ </div>
	21	+ <div id="elementor-template-library-header-save" class="elementor-templates-modal__header__item">
22	22	<i class="eicon-save-o" aria-hidden="true"></i>
23	23	<span class="elementor-screen-only"><?php echo esc_html__( 'Save', 'elementor' ); ?></span>
24		- </button>
	24	+ </div>
25	25	</script>
26	26
27	27	<script type="text/template" id="tmpl-elementor-template-library-header-menu">
28	28	<# jQuery.each( tabs, ( tab, args ) => { #>
29		- <button
30		- role="tab"
31		- id="tab-{{{ tab }}}"
32		- aria-controls="elementor-template-library-templates-container"
33		- aria-selected="false"
34		- tabindex="-1"
35		- class="elementor-component-tab elementor-template-library-menu-item"
36		- data-tab="{{{ tab }}}"
37		- >
38		- {{{ args.title }}}
39		- </button>
	29	+ <div class="elementor-component-tab elementor-template-library-menu-item" data-tab="{{{ tab }}}">{{{ args.title }}}</div>
40	30	<# } ); #>
41	31	</script>
42	32
43	33	<script type="text/template" id="tmpl-elementor-template-library-header-preview">
		@@ -46,12 +36,10 @@
46	36	</div>
47	37	</script>
48	38
49	39	<script type="text/template" id="tmpl-elementor-template-library-header-back">
50		- <button type="button" class="elementor-template-library-header-back-button" aria-label="<?php echo esc_attr__( 'Back to Library', 'elementor' ); ?>">
51		- <i class="eicon-chevron-left" aria-hidden="true"></i>
52		- <span><?php echo esc_html__( 'Back to Library', 'elementor' ); ?></span>
53		- </button>
	40	+ <i class="eicon-chevron-left" aria-hidden="true"></i>
	41	+ <span><?php echo esc_html__( 'Back to Library', 'elementor' ); ?></span>
54	42	</script>
55	43
56	44	<script type="text/template" id="tmpl-elementor-template-library-loading">
57	45	<div class="elementor-loader-wrapper">
		@@ -118,14 +106,14 @@
118	106	</div>
119	107	<# } else { #>
120	108	<div id="elementor-template-library-filter-toolbar-local" class="elementor-template-library-filter-toolbar">
121	109	<div id="elementor-template-library-filter">
122		- <div class="elementor-template-library-filter-select-source" role="radiogroup" aria-label="<?php echo esc_attr__( 'Template source', 'elementor' ); ?>">
123		- <div class="source-option<# if ( activeSource === 'local' ) { #> selected<# } #>" data-source="local" role="radio" aria-checked="<# if ( activeSource === 'local' ) { #>true<# } else { #>false<# } #>" tabindex="<# if ( activeSource === 'local' ) { #>0<# } else { #>-1<# } #>">
	110	+ <div class="elementor-template-library-filter-select-source">
	111	+ <div class="source-option<# if ( activeSource === 'local' ) { #> selected<# } #>" data-source="local">
124	112	<i class="eicon-header" aria-hidden="true"></i>
125	113	<?php echo esc_html__( 'Site templates', 'elementor' ); ?>
126	114	</div>
127		- <div class="source-option<# if ( activeSource === 'cloud' ) { #> selected<# } #>" data-source="cloud" role="radio" aria-checked="<# if ( activeSource === 'cloud' ) { #>true<# } else { #>false<# } #>" tabindex="<# if ( activeSource === 'cloud' ) { #>0<# } else { #>-1<# } #>">
	115	+ <div class="source-option<# if ( activeSource === 'cloud' ) { #> selected<# } #>" data-source="cloud">
128	116	<i class="eicon-library-cloud-empty" aria-hidden="true"></i>
129	117	<?php echo esc_html__( 'Cloud templates', 'elementor' ); ?>
130	118	<#
131	119	const tabIcon = elementor.templates.hasCloudLibraryQuota()
		@@ -153,65 +141,54 @@
153	141	<# } #>
154	142
155	143	<div class="elementor-template-library-filter-toolbar-side-actions">
156	144	<# if ( 'cloud' === activeSource ) { #>
157		- <button type="button" id="elementor-template-library-add-new-folder" class="elementor-template-library-action-item" aria-label="<?php echo esc_attr__( 'Create new folder', 'elementor' ); ?>">
	145	+ <div id="elementor-template-library-add-new-folder" class="elementor-template-library-action-item">
158	146	<i class="eicon-folder-plus" aria-hidden="true"></i>
159	147	<span class="elementor-screen-only"><?php echo esc_html__( 'Create a New Folder', 'elementor' ); ?></span>
160		- </button>
	148	+ </div>
161	149	<span class="divider"></span>
162		- <button type="button" id="elementor-template-library-view-grid" class="elementor-template-library-action-item" aria-label="<?php echo esc_attr__( 'Change view to grid', 'elementor' ); ?>">
	150	+ <div id="elementor-template-library-view-grid" class="elementor-template-library-action-item">
163	151	<i class="eicon-library-grid" aria-hidden="true"></i>
164	152	<span class="elementor-screen-only"><?php echo esc_html__( 'Grid view', 'elementor' ); ?></span>
165		- </button>
166		- <button type="button" id="elementor-template-library-view-list" class="elementor-template-library-action-item" aria-label="<?php echo esc_attr__( 'Change view to list', 'elementor' ); ?>">
	153	+ </div>
	154	+ <div id="elementor-template-library-view-list" class="elementor-template-library-action-item">
167	155	<i class="eicon-library-list" aria-hidden="true"></i>
168	156	<span class="elementor-screen-only"><?php echo esc_html__( 'List view', 'elementor' ); ?></span>
169		- </button>
	157	+ </div>
170	158	<# } #>
171	159	<div id="elementor-template-library-filter-text-wrapper">
172	160	<label for="elementor-template-library-filter-text" class="elementor-screen-only"><?php echo esc_html__( 'Search Templates:', 'elementor' ); ?></label>
173		- <input type="search" id="elementor-template-library-filter-text" placeholder="<?php echo esc_attr__( 'Search', 'elementor' ); ?>">
174		- <i class="eicon-search" aria-hidden="true"></i>
	161	+ <input id="elementor-template-library-filter-text" placeholder="<?php echo esc_attr__( 'Search', 'elementor' ); ?>">
	162	+ <i class="eicon-search"></i>
175	163	</div>
176	164	</div>
177	165	</div>
178		- <div class="elementor-screen-only" aria-live="polite" id="elementor-template-library-sort-status" aria-atomic="true"></div>
179		- <div class="elementor-screen-only" aria-live="polite" id="elementor-template-library-load-status" aria-atomic="true"></div>
180	166	<# if ( 'local' === activeSource || 'cloud' === activeSource ) { #>
181	167	<div class="toolbar-container">
182		- <section class="bulk-selection-action-bar" role="region" aria-label="<?php echo esc_attr__( 'Bulk actions', 'elementor' ); ?>">
183		- <button type="button" class="clear-bulk-selections" aria-label="<?php echo esc_attr__( 'Deselect all and close bulk selection', 'elementor' ); ?>">
184		- <i class="eicon-editor-close" aria-hidden="true"></i>
185		- </button>
186		- <span class="selected-count" aria-live="polite"></span>
	168	+ <div class="bulk-selection-action-bar">
	169	+ <span class="clear-bulk-selections"><i class="eicon-editor-close"></i></span>
	170	+ <span class="selected-count"></span>
187	171	<# if ( elementor.templates.hasCloudLibraryQuota() && ! elementor.templates.cloudLibraryIsDeactivated() ) { #>
188		- <button type="button" class="bulk-copy" aria-label="<?php echo esc_attr__( 'Copy selected templates', 'elementor' ); ?>">
189		- <i class="eicon-library-copy" aria-hidden="true"></i>
190		- </button>
191		- <button type="button" class="bulk-move" aria-label="<?php echo esc_attr__( 'Move selected templates', 'elementor' ); ?>">
192		- <i class="eicon-library-move" aria-hidden="true"></i>
193		- </button>
	172	+ <span class="bulk-copy"><i class="eicon-library-copy" aria-hidden="true" title="<?php esc_attr_e( 'Copy', 'elementor' ); ?>"></i></span>
	173	+ <span class="bulk-move"><i class="eicon-library-move" aria-hidden="true" title="<?php esc_attr_e( 'Move', 'elementor' ); ?>"></i></span>
194	174	<# } #>
195		- <button type="button" class="bulk-delete" aria-label="<?php echo esc_attr__( 'Delete selected templates', 'elementor' ); ?>">
196		- <i class="eicon-library-delete" aria-hidden="true"></i>
197		- </button>
198		- </section>
	175	+ <span class="bulk-delete"><i class="eicon-library-delete" aria-hidden="true" title="<?php esc_attr_e( 'Delete', 'elementor' ); ?>"></i></span>
	176	+ </div>
199	177	<div id="elementor-template-library-navigation-container"></div>
200	178
201	179	<# if ( 'cloud' === activeSource ) { #>
202		- <div class="quota-progress-container" tabindex="0" role="group" aria-label="<?php echo esc_attr__( 'Cloud library usage', 'elementor' ); ?>">
	180	+ <div class="quota-progress-container">
203	181	<span class="quota-progress-info">
204	182	<?php echo esc_html__( 'Usage', 'elementor' ); ?>
205	183	</span>
206	184	<div class="progress-bar-container">
207		- <div class="quota-progress-bar quota-progress-bar-normal" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0" aria-label="<?php echo esc_attr__( 'Cloud library usage', 'elementor' ); ?>">
	185	+ <div class="quota-progress-bar quota-progress-bar-normal">
208	186	<div class="quota-progress-bar-fill"></div>
209	187	</div>
210	188	<span class="quota-warning"></span>
211	189	</div>
212	190	<div class="quota-progress-bar-value"></div>
213		- <span class="elementor-screen-only" id="elementor-template-library-quota-status" role="status" aria-live="polite" aria-atomic="true"></span>
214	191	</div>
215	192	<# } #>
216	193	</div>
217	194	<div id="elementor-template-library-order-toolbar-local">
		@@ -238,9 +215,9 @@
238	215	<div class="elementor-template-library-order-label"><?php echo esc_html__( 'Actions', 'elementor' ); ?></div>
239	216	</div>
240	217	</div>
241	218	<# } #>
242		- <div id="elementor-template-library-templates-container" role="tabpanel"></div>
	219	+ <div id="elementor-template-library-templates-container"></div>
243	220	<# if ( isRemote ) { #>
244	221	<div id="elementor-template-library-footer-banner">
245	222	<img class="elementor-nerd-box-icon" src="<?php
246	223	Utils::print_unescaped_internal_string( ELEMENTOR_ASSETS_URL . 'images/information.svg' );
		@@ -264,11 +241,11 @@
264	241	<script type="text/template" id="tmpl-elementor-template-library-template-remote">
265	242	<div class="elementor-template-library-template-body">
266	243	<?php // 'lp' stands for Landing Pages Library type. ?>
267	244	<# if ( 'page' === type || 'lp' === type ) { #>
268		- <div class="elementor-template-library-template-screenshot" style="background-image: url({{ thumbnail }});" role="img" aria-label="<?php echo esc_attr__( 'Preview of template', 'elementor' ); ?> {{{ title }}}"></div>
	245	+ <div class="elementor-template-library-template-screenshot" style="background-image: url({{ thumbnail }});"></div>
269	246	<# } else { #>
270		- <img src="{{ thumbnail }}" loading="lazy" alt="<?php echo esc_attr__( 'Preview of template', 'elementor' ); ?> {{{ title }}}">
	247	+ <img src="{{ thumbnail }}" loading="lazy">
271	248	<# } #>
272	249	<div class="elementor-template-library-template-preview">
273	250	<i class="eicon-zoom-in-bold" aria-hidden="true"></i>
274	251	</div>
		@@ -293,9 +270,9 @@
293	270
294	271	if ( ( 'cloud' === activeSource && view === 'list' ) || 'local' === activeSource ) {
295	272	#>
296	273	<div class="elementor-template-library-template-name elementor-template-library-local-column-1">
297		- <input type="checkbox" class="bulk-selection-item-checkbox" data-template_id="{{ template_id }}" data-type="{{ type }}" data-status="{{ status }}" aria-label="<?php echo esc_attr__( 'Select template', 'elementor' ); ?> {{{ title }}}" aria-checked="false">
	274	+ <input type="checkbox" class="bulk-selection-item-checkbox" data-template_id="{{ template_id }}" data-type="{{ type }}" data-status="{{ status }}">
298	275	<# if ( 'cloud' === activeSource ) {
299	276	const sourceIcon = typeof subType !== 'undefined' && 'FOLDER' === subType
300	277	? '<i class="eicon-library-folder" aria-hidden="true"></i>'
301	278	: 'locked' === status
		@@ -314,9 +291,9 @@
314	291	const previewClass = typeof subType !== 'undefined' && 'FOLDER' !== subType
315	292	? 'elementor-hidden'
316	293	: '';
317	294	#>
318		- <button type="button" class="elementor-template-library-template-preview elementor-button e-btn-txt {{{previewClass}}}">
	295	+ <div class="elementor-template-library-template-preview elementor-button e-btn-txt {{{previewClass}}}">
319	296	<#
320	297	const actionText = typeof subType === 'undefined' || 'FOLDER' !== subType
321	298	? '<?php echo esc_html__( 'Preview', 'elementor' ); ?>'
322	299	: '<?php echo esc_html__( 'Open', 'elementor' ); ?>';
		@@ -322,9 +299,9 @@
322	299	: '<?php echo esc_html__( 'Open', 'elementor' ); ?>';
323	300	#>
324	301	<i class="eicon-preview-medium" aria-hidden="true"></i>
325	302	<span class="elementor-template-library-template-control-title">{{{ actionText }}}</span>
326		- </button>
	303	+ </div>
327	304	<# if ( typeof subType === 'undefined' || 'FOLDER' !== subType ) { #>
328	305	<button class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button e-primary e-btn-txt">
329	306	<i class="eicon-library-download" aria-hidden="true"></i>
330	307	<span class="elementor-button-title"><?php echo esc_html__( 'Insert', 'elementor' ); ?></span>
		@@ -329,46 +306,38 @@
329	306	<i class="eicon-library-download" aria-hidden="true"></i>
330	307	<span class="elementor-button-title"><?php echo esc_html__( 'Insert', 'elementor' ); ?></span>
331	308	</button>
332	309	<# } #>
333		- <button type="button" class="elementor-template-library-template-more-toggle" aria-haspopup="menu" aria-expanded="false" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}">
	310	+ <div class="elementor-template-library-template-more-toggle">
334	311	<i class="eicon-ellipsis-h" aria-hidden="true"></i>
335	312	<span class="elementor-screen-only"><?php echo esc_html__( 'More actions', 'elementor' ); ?></span>
336		- </button>
337		- <ul class="elementor-template-library-template-more" role="menu" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}">
	313	+ </div>
	314	+ <div class="elementor-template-library-template-more">
338	315	<# if ( ( typeof subType === 'undefined' || 'FOLDER' !== subType ) && elementor.templates.hasCloudLibraryQuota() && ! elementor.templates.cloudLibraryIsDeactivated() ) { #>
339		- <li role="menuitem">
340		- <button type="button" class="elementor-template-library-template-move">
341		- <i class="eicon-library-move" aria-hidden="true"></i>
342		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Move to', 'elementor' ); ?></span>
343		- </button>
344		- </li>
345		- <li role="menuitem">
346		- <button type="button" class="elementor-template-library-template-copy">
347		- <i class="eicon-library-copy" aria-hidden="true"></i>
348		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Copy to', 'elementor' ); ?></span>
349		- </button>
350		- </li>
	316	+ <div class="elementor-template-library-template-move">
	317	+ <i class="eicon-library-move" aria-hidden="true"></i>
	318	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Move to', 'elementor' ); ?></span>
	319	+ </div>
	320	+ <div class="elementor-template-library-template-copy">
	321	+ <i class="eicon-library-copy" aria-hidden="true"></i>
	322	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Copy to', 'elementor' ); ?></span>
	323	+ </div>
351	324	<# } #>
352		- <li role="menuitem">
353		- <a href="{{ export_link }}" class="elementor-template-library-template-export">
	325	+ <div class="elementor-template-library-template-export">
	326	+ <a href="{{ export_link }}">
354	327	<i class="eicon-library-download" aria-hidden="true"></i>
355	328	<span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Export', 'elementor' ); ?></span>
356	329	</a>
357		- </li>
358		- <li role="menuitem">
359		- <button type="button" class="elementor-template-library-template-rename">
360		- <i class="eicon-library-edit" aria-hidden="true"></i>
361		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
362		- </button>
363		- </li>
364		- <li role="menuitem">
365		- <button type="button" class="elementor-template-library-template-delete">
366		- <i class="eicon-library-delete" aria-hidden="true"></i>
367		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
368		- </button>
369		- </li>
370		- </ul>
	330	+ </div>
	331	+ <div class="elementor-template-library-template-rename">
	332	+ <i class="eicon-library-edit" aria-hidden="true"></i>
	333	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
	334	+ </div>
	335	+ <div class="elementor-template-library-template-delete">
	336	+ <i class="eicon-library-delete" aria-hidden="true"></i>
	337	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
	338	+ </div>
	339	+ </div>
371	340	</div>
372	341	<# } else {
373	342	if ( typeof subType !== 'undefined' && 'FOLDER' === subType ) {
374	343	#>
		@@ -378,42 +347,34 @@
378	347	</div>
379	348	<div class="elementor-template-library-template-name">
380	349	<span>{{ title }}</span>
381	350	</div>
382		- <button type="button" class="elementor-template-library-template-more-toggle" aria-haspopup="menu" aria-expanded="false" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}">
	351	+ <div class="elementor-template-library-template-more-toggle">
383	352	<i class="eicon-ellipsis-v" aria-hidden="true"></i>
384	353	<span class="elementor-screen-only"><?php echo esc_html__( 'More actions', 'elementor' ); ?></span>
385		- </button>
386		- <ul class="elementor-template-library-template-more" role="menu" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}" style="display: none;">
387		- <li role="menuitem">
388		- <a href="{{ export_link }}" class="elementor-template-library-template-export">
	354	+ </div>
	355	+ <div class="elementor-template-library-template-more" style="display: none;">
	356	+ <div class="elementor-template-library-template-export">
	357	+ <a href="{{ export_link }}">
389	358	<i class="eicon-library-download" aria-hidden="true"></i>
390	359	<span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Export', 'elementor' ); ?></span>
391	360	</a>
392		- </li>
393		- <li role="menuitem">
394		- <button type="button" class="elementor-template-library-template-rename">
395		- <i class="eicon-library-edit" aria-hidden="true"></i>
396		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
397		- </button>
398		- </li>
399		- <li role="menuitem">
400		- <button type="button" class="elementor-template-library-template-delete">
401		- <i class="eicon-library-delete" aria-hidden="true"></i>
402		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
403		- </button>
404		- </li>
405		- </ul>
	361	+ </div>
	362	+ <div class="elementor-template-library-template-rename">
	363	+ <i class="eicon-library-edit" aria-hidden="true"></i>
	364	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
	365	+ </div>
	366	+ <div class="elementor-template-library-template-delete">
	367	+ <i class="eicon-library-delete" aria-hidden="true"></i>
	368	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
	369	+ </div>
	370	+ </div>
406	371	<# } else { #>
407	372	<#
408	373	const imageSource = preview_url || '<?php echo esc_html( ELEMENTOR_ASSETS_URL . 'images/placeholder-cloud-grid.png' ); ?>';
409		- const hasPreview = preview_url;
410		- const altText = hasPreview
411		- ? '<?php echo esc_attr__( 'Preview of template', 'elementor' ); ?> {{{ title }}}'
412		- : '<?php echo esc_attr__( 'No preview available for template', 'elementor' ); ?> {{{ title }}}';
413	374	#>
414	375	<div class="elementor-template-library-template-thumbnail">
415		- <img src="{{{ imageSource }}}" alt="{{{ altText }}}"/>
	376	+ <img src="{{{ imageSource }}}"/>
416	377	<div class="elementor-template-library-template-preview"></div>
417	378	</div>
418	379	<div class="elementor-template-library-card-footer">
419	380	<div class="elementor-template-library-template-name">
		@@ -431,52 +392,42 @@
431	392	<div class="elementor-template-library-template-meta">{{{ author }}}</div>
432	393	<div class="elementor-template-library-template-meta">{{{ human_date }}}</div>
433	394	</div>
434	395	</div>
435		- <button type="button" class="elementor-template-library-template-more-toggle" aria-haspopup="menu" aria-expanded="false" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}">
	396	+ <div class="elementor-template-library-template-more-toggle">
436	397	<i class="eicon-ellipsis-v" aria-hidden="true"></i>
437	398	<span class="elementor-screen-only"><?php echo esc_html__( 'More actions', 'elementor' ); ?></span>
438		- </button>
439		- <ul class="elementor-template-library-template-more" role="menu" aria-label="<?php echo esc_attr__( 'More actions for template', 'elementor' ); ?> {{{ title }}}" style="display: none;">
440		- <# if ( elementor.templates.hasCloudLibraryQuota() && ! elementor.templates.cloudLibraryIsDeactivated() ) { #>
441		- <li role="menuitem">
442		- <button type="button" class="elementor-template-library-template-move">
443		- <i class="eicon-library-move" aria-hidden="true"></i>
444		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Move to', 'elementor' ); ?></span>
445		- </button>
446		- </li>
447		- <li role="menuitem">
448		- <button type="button" class="elementor-template-library-template-copy">
449		- <i class="eicon-library-copy" aria-hidden="true"></i>
450		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Copy to', 'elementor' ); ?></span>
451		- </button>
452		- </li>
453		- <# } #>
454		- <li role="menuitem">
455		- <a href="{{ export_link }}" class="elementor-template-library-template-export">
	399	+ </div>
	400	+ <div class="elementor-template-library-template-more" style="display: none;">
	401	+ <div class="elementor-template-library-template-move">
	402	+ <i class="eicon-library-move" aria-hidden="true"></i>
	403	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Move to', 'elementor' ); ?></span>
	404	+ </div>
	405	+ <div class="elementor-template-library-template-copy">
	406	+ <i class="eicon-library-copy" aria-hidden="true"></i>
	407	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Copy to', 'elementor' ); ?></span>
	408	+ </div>
	409	+ <div class="elementor-template-library-template-export">
	410	+ <a href="{{ export_link }}">
456	411	<i class="eicon-library-download" aria-hidden="true"></i>
457	412	<span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Export', 'elementor' ); ?></span>
458	413	</a>
459		- </li>
460		- <li role="menuitem">
461		- <button type="button" class="elementor-template-library-template-rename">
462		- <i class="eicon-library-edit" aria-hidden="true"></i>
463		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
464		- </button>
465		- </li>
466		- <li role="menuitem">
467		- <button type="button" class="elementor-template-library-template-delete">
468		- <i class="eicon-library-delete" aria-hidden="true"></i>
469		- <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
470		- </button>
471		- </li>
472		- </ul>
	414	+ </div>
	415	+ <div class="elementor-template-library-template-rename">
	416	+ <i class="eicon-library-edit" aria-hidden="true"></i>
	417	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Rename', 'elementor' ); ?></span>
	418	+ </div>
	419	+ <div class="elementor-template-library-template-delete">
	420	+ <i class="eicon-library-delete" aria-hidden="true"></i>
	421	+ <span class="elementor-template-library-template-control-title"><?php echo esc_html__( 'Delete', 'elementor' ); ?></span>
	422	+ </div>
	423	+ </div>
473	424	</div>
474	425	<# } } #>
475	426	</script>
476	427
477	428	<script type="text/template" id="tmpl-elementor-template-library-insert-button">
478		- <a class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button e-primary" role="button" tabindex="0">
	429	+ <a class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button e-primary">
479	430	<i class="eicon-library-download" aria-hidden="true"></i>
480	431	<span class="elementor-button-title"><?php echo esc_html__( 'Insert', 'elementor' ); ?></span>
481	432	</a>
482	433	</script>
		@@ -488,13 +439,13 @@
488	439	</a>
489	440	</script>
490	441
491	442	<script type="text/template" id="tmpl-elementor-template-library-insert-and-ai-variations-buttons">
492		- <a class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button e-primary" role="button" tabindex="0">
	443	+ <a class="elementor-template-library-template-action elementor-template-library-template-insert elementor-button e-primary">
493	444	<i class="eicon-library-download" aria-hidden="true"></i>
494	445	<span class="elementor-button-title"><?php echo esc_html__( 'Insert', 'elementor' ); ?></span>
495	446	</a>
496		- <a class="elementor-template-library-template-action elementor-template-library-template-generate-variation elementor-button e-btn-txt e-btn-txt-border" role="button" tabindex="0">
	447	+ <a class="elementor-template-library-template-action elementor-template-library-template-generate-variation elementor-button e-btn-txt e-btn-txt-border">
497	448	<i class="eicon-ai" aria-hidden="true"></i>
498	449	<span class="elementor-button-title"><?php echo esc_html__( 'Generate Variations', 'elementor' ); ?></span>
499	450	</a>
500	451	</script>
		@@ -537,9 +488,9 @@
537	488	<div class="cloud-folder-selection-dropdown-list"></div>
538	489	</div>
539	490	<div class="source-selections-input cloud">
540	491	<input type="checkbox" id="cloud" name="cloud" value="cloud">
541		- <label for="cloud"> <?php echo esc_html__( 'Cloud Templates', 'elementor' ); ?></label> <span class="divider">/</span> <button type="button" class="ellipsis-container" aria-label="<?php echo esc_attr__( 'Select folder', 'elementor' ); ?>" aria-haspopup="listbox" aria-expanded="false"><i class="eicon-ellipsis-h" aria-hidden="true"></i></button>
	492	+ <label for="cloud"> <?php echo esc_html__( 'Cloud Templates', 'elementor' ); ?></label> <span class="divider">/</span> <div class="ellipsis-container"><i class="eicon-ellipsis-h"></i></div>
542	493	<span class="selected-folder">
543	494	<span class="selected-folder-text"></span>
544	495	<i class="eicon-editor-close" aria-hidden="true"></i>
545	496	</span>
		@@ -550,9 +501,9 @@
550	501	: 'https://go.elementor.com/go-pro-cloud-templates-save-to-free-badge/';
551	502	#>
552	503	<span class="upgrade-badge">
553	504	<a href="{{{ goLink }}}" target="_blank">
554		- <i class="eicon-upgrade-crown-full"></i><?php echo esc_html__( 'Upgrade', 'elementor' ); ?>
	505	+ <i class="eicon-upgrade-crown"></i><?php echo esc_html__( 'Upgrade', 'elementor' ); ?>
555	506	</a>
556	507	</span>
557	508	<i class="eicon-info upgrade-tooltip" aria-hidden="true"></i>
558	509	<# } else { #>
		@@ -631,11 +582,11 @@
631	582	<path d="M14.4766 0.65332C15.6012 0.448538 16.725 0.448538 17.8496 0.65332L17.8506 0.654297C18.999 0.859231 20.0519 1.25664 21.0117 1.8457L21.0186 1.84961C21.977 2.41518 22.7715 3.12436 23.4062 3.97754V3.97852C23.9513 4.72146 24.3483 5.52984 24.5977 6.40625L24.5986 6.40918C24.8464 7.25779 24.9249 8.11532 24.835 8.98438L24.7773 9.53613H25.9482C26.6783 9.53618 27.3861 9.67837 28.0752 9.96484C28.7666 10.2523 29.3641 10.6478 29.8721 11.1514C30.3801 11.655 30.7789 12.2473 31.0684 12.9316C31.3568 13.6137 31.5 14.3141 31.5 15.0361C31.5 15.7562 31.3572 16.4544 31.0703 17.1348C30.7812 17.7963 30.3807 18.3918 29.8672 18.9238C29.361 19.4246 28.767 19.8189 28.0791 20.1055C27.3899 20.3687 26.6806 20.5 25.9482 20.5H7.86426C6.88609 20.5 5.94391 20.3314 5.03516 19.9941C4.15289 19.634 3.36155 19.1289 2.65918 18.4775C1.96133 17.8303 1.42329 17.0862 1.04102 16.2432C0.680199 15.3703 0.500051 14.4663 0.5 13.5273C0.5 12.5875 0.680313 11.6958 1.04004 10.8486L1.03906 10.8477C1.4212 10.0044 1.96042 9.26071 2.6582 8.61328C3.29259 8.02931 4.00501 7.56929 4.79785 7.23242L4.80859 7.22754C5.60006 6.86884 6.43718 6.65539 7.32227 6.58789L7.66406 6.5625L7.7627 6.23438C7.99951 5.45187 8.36595 4.71876 8.86523 4.03418L9.08789 3.74414C9.72608 2.97736 10.4771 2.33393 11.3438 1.81348C12.3064 1.24543 13.3497 0.858543 14.4766 0.65332Z" stroke="var(--e-a-color-txt)"/>
632	583	</svg>
633	584	<label for="cloud-variant-b"><?php echo esc_html__( 'Cloud Templates', 'elementor' ); ?></label>
634	585	<span class="divider">/</span>
635		- <button type="button" class="ellipsis-container" aria-label="<?php echo esc_attr__( 'Select folder', 'elementor' ); ?>" aria-haspopup="listbox" aria-expanded="false">
	586	+ <div class="ellipsis-container">
636	587	<?php echo esc_html__( 'Select folder', 'elementor' ); ?>
637		- </button>
	588	+ </div>
638	589	<span class="selected-folder">
639	590	<span class="selected-folder-text"></span>
640	591	<i class="eicon-editor-close" aria-hidden="true"></i>
641	592	</span>
		@@ -646,9 +597,9 @@
646	597	: 'https://go.elementor.com/go-pro-cloud-templates-save-to-free-badge/';
647	598	#>
648	599	<span class="upgrade-badge">
649	600	<a href="{{{ goLink }}}" target="_blank">
650		- <i class="eicon-upgrade-crown-full"></i><?php echo esc_html__( 'Upgrade', 'elementor' ); ?>
	601	+ <i class="eicon-upgrade-crown"></i><?php echo esc_html__( 'Upgrade', 'elementor' ); ?>
651	602	</a>
652	603	</span>
653	604	<# } else { #>
654	605	<span class="connect-badge">
		@@ -773,14 +724,14 @@
773	724	const activeSource = elementor.templates.getFilter( 'source' );
774	725	#>
775	726	<div id="elementor-template-library-filter-toolbar-local" class="elementor-template-library-filter-toolbar" style="padding-block-end:80px;">
776	727	<div id="elementor-template-library-filter">
777		- <div class="elementor-template-library-filter-select-source" role="radiogroup" aria-label="<?php echo esc_attr__( 'Template source', 'elementor' ); ?>">
778		- <div class="source-option<# if ( activeSource === 'local' ) { #> selected<# } #>" data-source="local" role="radio" aria-checked="<# if ( activeSource === 'local' ) { #>true<# } else { #>false<# } #>" tabindex="<# if ( activeSource === 'local' ) { #>0<# } else { #>-1<# } #>">
	728	+ <div class="elementor-template-library-filter-select-source">
	729	+ <div class="source-option<# if ( activeSource === 'local' ) { #> selected<# } #>" data-source="local">
779	730	<i class="eicon-header" aria-hidden="true"></i>
780	731	<?php echo esc_html__( 'Site templates', 'elementor' ); ?>
781	732	</div>
782		- <div class="source-option<# if ( activeSource === 'cloud' ) { #> selected<# } #>" data-source="cloud" role="radio" aria-checked="<# if ( activeSource === 'cloud' ) { #>true<# } else { #>false<# } #>" tabindex="<# if ( activeSource === 'cloud' ) { #>0<# } else { #>-1<# } #>">
	733	+ <div class="source-option<# if ( activeSource === 'cloud' ) { #> selected<# } #>" data-source="cloud">
783	734	<i class="eicon-library-cloud-empty" aria-hidden="true"></i>
784	735	<?php echo esc_html__( 'Cloud templates', 'elementor' ); ?>
785	736	<#
786	737	const tabIcon = elementor.templates.hasCloudLibraryQuota()
		@@ -805,47 +756,5 @@
805	756	<div class="elementor-template-library-blank-title"></div>
806	757	<div class="elementor-template-library-blank-message"></div>
807	758
808	759	<div class="elementor-template-library-cloud-empty__button"></div>
809		-</script>
810		-
811		-<script type="text/template" id="tmpl-elementor-global-styles-dialog">
812		- <div class="elementor-global-styles-dialog">
813		- <div class="elementor-global-styles-dialog__header">
814		- <h2><?php echo esc_html__( 'Choose how to apply styles', 'elementor' ); ?></h2>
815		- <p><?php echo esc_html__( 'This affects page settings, classes, and variables.', 'elementor' ); ?></p>
816		- </div>
817		- <div class="elementor-global-styles-dialog__options">
818		- <label class="elementor-global-styles-dialog__radio-card">
819		- <input type="radio" name="elementor-global-styles-mode" id="elementor-global-styles-match" value="match_site" checked>
820		- <div class="elementor-global-styles-dialog__radio-card-content">
821		- <div class="elementor-global-styles-dialog__radio-label"><?php echo esc_html__( 'Use this site’s style', 'elementor' ); ?></div>
822		- <div class="elementor-global-styles-dialog__radio-description">
823		- <?php echo esc_html__( 'Apply your site styles to the imported template.', 'elementor' ); ?>
824		- </div>
825		- </div>
826		- </label>
827		- <label class="elementor-global-styles-dialog__radio-card elementor-global-styles-dialog__radio-card--keep">
828		- <input type="radio" name="elementor-global-styles-mode" id="elementor-global-styles-keep" value="keep">
829		- <div class="elementor-global-styles-dialog__radio-card-content">
830		- <div class="elementor-global-styles-dialog__radio-label"><?php echo esc_html__( 'Keep the template styles', 'elementor' ); ?></div>
831		- <div class="elementor-global-styles-dialog__radio-description">
832		- <?php echo esc_html__( 'The template will keep its original design.', 'elementor' ); ?>
833		- </div>
834		- </div>
835		- </label>
836		- <div class="elementor-global-styles-dialog__checkbox-container" style="display: none;">
837		- <label class="elementor-global-styles-dialog__checkbox-option">
838		- <input type="checkbox" id="elementor-global-styles-create" checked>
839		- <span class="elementor-global-styles-dialog__checkbox-label">
840		- <?php echo esc_html__( 'Add the template’s classes and variables to my site.', 'elementor' ); ?>
841		- <a href="<?php echo esc_url( 'https://elementor.com/help/variables-manager/' ); ?>" target="_blank" rel="noopener noreferrer"><?php echo esc_html__( 'Learn more', 'elementor' ); ?></a>
842		- </span>
843		- </label>
844		- </div>
845		- </div>
846		- <div class="elementor-global-styles-dialog__footer">
847		- <button type="button" class="elementor-global-styles-dialog__button-cancel" id="elementor-global-styles-cancel"><?php echo esc_html__( 'Cancel', 'elementor' ); ?></button>
848		- <button type="button" class="elementor-global-styles-dialog__button-insert" id="elementor-global-styles-insert"><?php echo esc_html__( 'Insert', 'elementor' ); ?></button>
849		- </div>
850		- </div>
851	760	</script>