← All changes | admin/class-chart-builder-admin.php +918 -450 3.0.1 → 3.2.7 View file →

		@@ -173,9 +173,9 @@
173	173	wp_enqueue_script( $this->plugin_name . '-chart-js', plugin_dir_url(__FILE__) . 'js/chart-js.js', array('jquery'), $this->version, true);
174	174
175	175	wp_enqueue_script( $this->plugin_name . '-functions', plugin_dir_url( __FILE__ ) . 'js/functions.js', array( 'jquery' ), $this->version, true );
176	176
177		- wp_register_script( $this->plugin_name . '-localized', '' );
	177	+ wp_register_script( $this->plugin_name . '-localized', '' , array('jquery'), $this->version, true);
178	178
179	179	wp_localize_script( $this->plugin_name . '-localized', 'aysChartBuilderAdmin', array(
180	180	'ajaxUrl' => admin_url( 'admin-ajax.php' ),
181	181	'selectUser' => __( 'Select author', "chart-builder" ),
		@@ -248,20 +248,20 @@
248	248	wp_enqueue_script( $this->plugin_name . '-settings', plugin_dir_url( __FILE__ ) . 'js/chart-builder-admin-settings.js', array( 'jquery' ), $this->version, true );
249	249
250	250	wp_localize_script( $this->plugin_name . '-settings', 'aysChartBuilderAdminSettings', array(
251	251	'ajaxUrl' => admin_url( 'admin-ajax.php' ),
252		- 'selectUserRoles' => __( 'Select user roles', $this->plugin_name ),
253		- 'delete' => __( 'Delete', $this->plugin_name ),
254		- 'selectQuestionDefaultType' => __( 'Select question default type', $this->plugin_name ),
255		- 'yes' => __( 'Yes', $this->plugin_name ),
256		- 'cancel' => __( 'Cancel', $this->plugin_name ),
257		- 'somethingWentWrong' => __( "Maybe something went wrong.", $this->plugin_name ),
258		- 'failed' => __( 'Failed', $this->plugin_name ),
259		- 'selectPage' => __( 'Select page', $this->plugin_name ),
260		- 'selectPostType' => __( 'Select post type', $this->plugin_name ),
261		- 'copied' => __( 'Copied!', $this->plugin_name),
262		- 'clickForCopy' => __( 'Click to copy', $this->plugin_name),
263		- 'selectForm' => __( 'Select form', $this->plugin_name),
	252	+ 'selectUserRoles' => __( 'Select user roles', 'chart-builder' ),
	253	+ 'delete' => __( 'Delete', 'chart-builder' ),
	254	+ 'selectQuestionDefaultType' => __( 'Select question default type', 'chart-builder' ),
	255	+ 'yes' => __( 'Yes', 'chart-builder' ),
	256	+ 'cancel' => __( 'Cancel', 'chart-builder' ),
	257	+ 'somethingWentWrong' => __( "Maybe something went wrong.", 'chart-builder' ),
	258	+ 'failed' => __( 'Failed', 'chart-builder' ),
	259	+ 'selectPage' => __( 'Select page', 'chart-builder' ),
	260	+ 'selectPostType' => __( 'Select post type', 'chart-builder' ),
	261	+ 'copied' => __( 'Copied!', 'chart-builder'),
	262	+ 'clickForCopy' => __( 'Click to copy', 'chart-builder'),
	263	+ 'selectForm' => __( 'Select form', 'chart-builder'),
264	264	) );
265	265	}
266	266	}
267	267
		@@ -314,10 +314,10 @@
314	314
315	315	public function add_plugin_charts_submenu(){
316	316	$hook_page_view = add_submenu_page(
317	317	$this->plugin_name,
318		- __('All Charts', $this->plugin_name),
319		- __('All Charts', $this->plugin_name),
	318	+ __('All Charts', 'chart-builder'),
	319	+ __('All Charts', 'chart-builder'),
320	320	'manage_options',
321	321	$this->plugin_name,
322	322	array($this, 'display_plugin_charts_page')
323	323	);
		@@ -327,10 +327,10 @@
327	327
328	328	public function add_plugin_add_new_submenu(){
329	329	$hook_charts = add_submenu_page(
330	330	$this->plugin_name,
331		- __('Add New', $this->plugin_name),
332		- __('Add New', $this->plugin_name),
	331	+ __('Add New', 'chart-builder'),
	332	+ __('Add New', 'chart-builder'),
333	333	'manage_options',
334	334	$this->plugin_name."&action=add",
335	335	array($this, 'display_plugin_addnew_page')
336	336	);
		@@ -339,10 +339,10 @@
339	339
340	340	public function add_plugin_dashboard_submenu(){
341	341	$hook_charts = add_submenu_page(
342	342	$this->plugin_name,
343		- __('How to use', $this->plugin_name),
344		- __('How to use', $this->plugin_name),
	343	+ __('How to use', 'chart-builder'),
	344	+ __('How to use', 'chart-builder'),
345	345	'manage_options',
346	346	$this->plugin_name . '-dashboard',
347	347	array($this, 'display_plugin_setup_page')
348	348	);
		@@ -350,10 +350,10 @@
350	350	}
351	351
352	352	public function add_plugin_general_settings_submenu(){
353	353	$hook_settings = add_submenu_page( $this->plugin_name,
354		- __('General Settings', $this->plugin_name),
355		- __('General Settings', $this->plugin_name),
	354	+ __('General Settings', 'chart-builder'),
	355	+ __('General Settings', 'chart-builder'),
356	356	'manage_options',
357	357	$this->plugin_name . '-settings',
358	358	array($this, 'display_plugin_settings_page')
359	359	);
		@@ -361,10 +361,10 @@
361	361	}
362	362
363	363	public function add_plugin_featured_plugins_submenu(){
364	364	$hook_our_products = add_submenu_page( $this->plugin_name,
365		- __('Our products', $this->plugin_name),
366		- __('Our products', $this->plugin_name),
	365	+ __('Our products', 'chart-builder'),
	366	+ __('Our products', 'chart-builder'),
367	367	'manage_options',
368	368	$this->plugin_name . '-featured-plugins',
369	369	array($this, 'display_plugin_featured_plugins_page')
370	370	);
		@@ -374,10 +374,10 @@
374	374
375	375	public function add_plugin_chart_features_submenu(){
376	376	$hook_pro_features = add_submenu_page(
377	377	$this->plugin_name,
378		- __('PRO Features', $this->plugin_name),
379		- __('PRO Features', $this->plugin_name),
	378	+ __('PRO Features', 'chart-builder'),
	379	+ __('PRO Features', 'chart-builder'),
380	380	'manage_options',
381	381	$this->plugin_name . '-chart-features',
382	382	array($this, 'display_plugin_chart_features_page')
383	383	);
		@@ -392,8 +392,9 @@
392	392	'default' => 5,
393	393	'option' => 'cb_charts_per_page'
394	394	);
395	395
	396	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended
396	397	if( ! ( isset( $_GET['action'] ) && ( $_GET['action'] == 'add' || $_GET['action'] == 'edit' ) ) ){
397	398	add_screen_option( $option, $args );
398	399	}
399	400
		@@ -414,14 +415,18 @@
414	415
415	416	public function display_plugin_charts_page(){
416	417	global $ays_chart_db_actions;
417	418
418		- $action = (isset($_GET['action'])) ? sanitize_text_field( $_GET['action'] ) : '';
419		- $id = (isset($_GET['id'])) ? absint( esc_attr($_GET['id']) ) : 0;
420		-
	419	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended
	420	+ $action = ( isset( $_GET['action'] ) ) ? sanitize_text_field( wp_unslash( $_GET['action'] ) ) : '';
	421	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended
	422	+ $id = (isset($_GET['id'])) ? absint( wp_unslash( $_GET['id'] ) ) : 0;
	423	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended
421	424	if (isset($_POST['bulk_delete_confirm'])) {
	425	+ // phpcs:ignore WordPress.Security.NonceVerification.Recommended
422	426	if (isset($_POST['bulk-delete']) && !empty($_POST['bulk-delete'])) {
423		- $ids = $_POST['bulk-delete'];
	427	+ $ids = wp_unslash( $_POST['bulk-delete'] );
	428	+ $ids = array_map( 'absint', (array) $ids );
424	429	foreach ($ids as $id) {
425	430	if ($id > 0) {
426	431	$this->db_obj->delete_item( $id );
427	432	}
		@@ -511,9 +516,66 @@
511	516	default:
512	517	include_once('partials/charts/chart-builder-charts-display.php');
513	518	}
514	519	}
	520	+ public static function chart_builder_svg_sanitize_allowed_properties(){
515	521
	522	+ $allowed_properties = array(
	523	+ 'div' => array(
	524	+ 'id' => true,
	525	+ 'class' => true,
	526	+ 'style' => true,
	527	+ ),
	528	+ 'svg' => array(
	529	+ 'class' => true,
	530	+ 'version' => true,
	531	+ 'overflow' => true,
	532	+ 'preserveAspectRatio' => true,
	533	+ 'preserveaspectratio' => true,
	534	+ 'fill' => true,
	535	+ 'viewBox' => true,
	536	+ 'viewbox' => true,
	537	+ 'height' => true,
	538	+ 'width' => true,
	539	+ 'xmlns' => true,
	540	+ 'xmlns:xlink' => true,
	541	+ 'id' => true,
	542	+ 'title' => true,
	543	+ ),
	544	+ 'g' => array(
	545	+ 'id' => true,
	546	+ 'class' => true,
	547	+ 'stroke-width' => true,
	548	+ 'stroke-linecap' => true,
	549	+ 'stroke-linejoin' => true,
	550	+ ),
	551	+ 'path' => array(
	552	+ 'id' => true,
	553	+ 'class' => true,
	554	+ 'd' => true,
	555	+ 'fill' => true,
	556	+ 'vector-effect' => true,
	557	+ 'xmlns:default' => true,
	558	+ ),
	559	+ 'span' => array(
	560	+ 'class' => true,
	561	+ ),
	562	+ 'img' => array(
	563	+ 'src' => true,
	564	+ 'alt' => true,
	565	+ ),
	566	+ );
	567	+
	568	+ return $allowed_properties;
	569	+ }
	570	+
	571	+ public static function get_allowed_tags_for_loader() {
	572	+ return array(
	573	+ 'span' => array('class' => array()),
	574	+ 'img' => array('src' => array(), 'alt' => array()),
	575	+ );
	576	+ }
	577	+
516	578	public function display_plugin_setup_page(){
517	579	include_once('partials/chart-builder-admin-display.php');
518	580	}
519	581
		@@ -572,9 +634,9 @@
572	634	$response = array(
573	635	"status" => false
574	636	);
575	637
576		- $function = isset($_REQUEST['function']) ? sanitize_text_field( $_REQUEST['function'] ) : null;
	638	+ $function = isset( $_REQUEST['function'] ) ? sanitize_text_field( wp_unslash( $_REQUEST['function'] ) ) : null;
577	639
578	640	if($function !== null){
579	641	$response = array();
580	642	if( is_callable( array( $this, $function ) ) ){
		@@ -595,10 +657,14 @@
595	657	}
596	658
597	659	public function deactivate_plugin_option(){
598	660	// Run a security check.
599		- check_ajax_referer( 'chart-ajax-deactivate-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
600		-
	661	+ if ( isset( $_REQUEST['_ajax_nonce'] ) ) {
	662	+ check_ajax_referer( 'chart-ajax-deactivate-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
	663	+ } else {
	664	+ wp_die();
	665	+ }
	666	+
601	667	// Check for permissions.
602	668	if ( ! current_user_can( 'manage_options' ) ) {
603	669	ob_end_clean();
604	670	$ob_get_clean = ob_get_clean();
		@@ -608,9 +674,9 @@
608	674	wp_die();
609	675	}
610	676
611	677	if( is_user_logged_in() ) {
612		- $request_value = isset( $_REQUEST['upgrade_plugin'] ) ? sanitize_text_field( $_REQUEST['upgrade_plugin'] ) : '';
	678	+ $request_value = isset( $_REQUEST['upgrade_plugin'] ) ? sanitize_text_field( wp_unslash( $_REQUEST['upgrade_plugin'] ) ) : '';
613	679	$upgrade_option = get_option( 'ays_chart_builder_upgrade_plugin', '' );
614	680
615	681	if ( $upgrade_option === '' ) {
616	682	add_option( 'ays_chart_builder_upgrade_plugin', $request_value );
		@@ -634,16 +700,16 @@
634	700	}
635	701
636	702	public function chart_builder_admin_footer($a){
637	703	if(isset($_REQUEST['page'])){
638		- if(false !== strpos( sanitize_text_field( $_REQUEST['page'] ), $this->plugin_name)){
	704	+ if(false !== strpos( sanitize_text_field( wp_unslash( $_REQUEST['page'] ) ), $this->plugin_name)){
639	705	?>
640	706	<div class="ays-chart-footer-support-box">
641		- <span class="ays-chart-footer-link-row"><a href="https://wordpress.org/support/plugin/chart-builder" target="_blank"><?php echo __( "Support", "chart-builder"); ?></a></span>
	707	+ <span class="ays-chart-footer-link-row"><a href="https://wordpress.org/support/plugin/chart-builder" target="_blank"><?php echo esc_html__( "Support", "chart-builder"); ?></a></span>
642	708	<span class="ays-chart-footer-slash-row">/</span>
643		- <span class="ays-chart-footer-link-row"><a href="https://ays-pro.com/wordpress-chart-builder-plugin-user-manual" target="_blank"><?php echo __( "Docs", "chart-builder"); ?></a></span>
	709	+ <span class="ays-chart-footer-link-row"><a href="https://ays-pro.com/wordpress-chart-builder-plugin-user-manual" target="_blank"><?php echo esc_html__( "Docs", "chart-builder"); ?></a></span>
644	710	<span class="ays-chart-footer-slash-row">/</span>
645		- <span class="ays-chart-footer-link-row"><a href="https://ays-demo.com/chart-builder-plugin-suggestion-box" target="_blank"><?php echo __( "Suggest a Feature", "chart-builder"); ?></a></span>
	711	+ <span class="ays-chart-footer-link-row"><a href="https://ays-demo.com/chart-builder-plugin-suggestion-box" target="_blank"><?php echo esc_html__( "Suggest a Feature", "chart-builder"); ?></a></span>
646	712	</div>
647	713	<p style="font-size:13px;text-align:center;font-style:italic;">
648	714	<span style="margin-left:0px;margin-right:10px;" class="ays_heart_beat"><i class="ays_fa ays_fa_heart_o animated"></i></span>
649	715	<span><?php echo esc_html(__( "If you love our plugin, please do big favor and rate us on", "chart-builder")); ?></span>
		@@ -683,11 +749,11 @@
683	749	}
684	750	}
685	751
686	752	public function fetch_post_type_props(){
687		- $nonce = isset( $_POST['nonce'] ) ? wp_verify_nonce( sanitize_text_field( $_POST['nonce'] ), 'cbuilder-fetch-post-type-props' ) : '';
	753	+ $nonce = isset( $_POST['nonce'] ) ? wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['nonce'] ) ), 'cbuilder-fetch-post-type-props' ) : '';
688	754	if ( $nonce ) {
689		- $results = CBFunctions()->get_post_type_properties( sanitize_text_field( $_POST['post_type'] ) );
	755	+ $results = CBFunctions()->get_post_type_properties( sanitize_text_field( wp_unslash($_POST['post_type']) ) );
690	756
691	757	return array(
692	758	'success' => true,
693	759	'fields' => $results,
		@@ -753,17 +819,17 @@
753	819	}
754	820
755	821	$ays_chart_builder_flag = intval(get_option('ays_chart_sale_btn'));
756	822	if( $ays_chart_builder_flag == 0 ){
757		- if (isset($_GET['page']) && strpos($_GET['page'], CHART_BUILDER_NAME) !== false) {
	823	+ if ( isset( $_GET['page'] ) && strpos( sanitize_text_field( wp_unslash( $_GET['page'] ) ), CHART_BUILDER_NAME ) !== false ) {
758	824	if( !(Chart_Builder_Admin::get_max_id('charts') <= 1) ){
759	825	// $this->ays_chart_sale_message_30_emma($ays_chart_builder_flag);
760		- // $this->ays_chart_sale_message20($ays_chart_builder_flag);
	826	+ $this->ays_chart_sale_message20($ays_chart_builder_flag);
761	827	// $this->ays_chart_helloween_message($ays_chart_builder_flag);
762		- // $this->ays_chart_black_friday_message($ays_chart_builder_flag);
763	828	// $this->ays_chart_christmas_message($ays_chart_builder_flag);
764	829	// $this->ays_chart_silver_bundle_message($ays_chart_builder_flag);
765		- $this->ays_chart_black_friday_message_2024($ays_chart_builder_flag);
	830	+ // $this->ays_chart_black_friday_message_2024($ays_chart_builder_flag);
	831	+ // $this->ays_chart_christmas_message_2024($ays_chart_builder_flag);
766	832	}
767	833	}
768	834	}
769	835	}
		@@ -774,9 +840,9 @@
774	840	'status' => false,
775	841	);
776	842
777	843	if (isset($_REQUEST['action']) && $_REQUEST['action'] == 'ays_chart_dismiss_button') {
778		- if( (isset( $_REQUEST['_ajax_nonce'] ) && wp_verify_nonce( $_REQUEST['_ajax_nonce'], $this->plugin_name . '-sale-banner' )) && current_user_can( 'manage_options' )){
	844	+ if ( isset( $_REQUEST['_ajax_nonce'] ) && wp_verify_nonce( sanitize_text_field( wp_unslash( $_REQUEST['_ajax_nonce'] ) ), $this->plugin_name . '-sale-banner' ) && current_user_can( 'manage_options' ) ) {
779	845	update_option('ays_chart_sale_btn', 1);
780	846	update_option('ays_chart_sale_date', current_time( 'mysql' ));
781	847	$data['status'] = true;
782	848	}
		@@ -868,9 +934,10 @@
868	934	$content[] = '</div>';
869	935	$content[] = '</div>';
870	936
871	937	$content = implode( '', $content );
872		- echo html_entity_decode(esc_html( $content ));
	938	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
	939	+
873	940	}
874	941	}
875	942
876	943	// Self 20% sale
		@@ -885,9 +952,17 @@
885	952	$content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-text-box">';
886	953
887	954	$content[] = '<div class="ays-chart-dicount-sale-name-discount-box">';
888	955	$content[] = '<span class="ays-chart-new-chart-pro-title">';
889		- $content[] = __( "<span><a href='https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=chart-sale-plugin-name' target='_blank' style='color:#ffffff; text-decoration: underline;'>Chart Builder</a></span>", CHART_BUILDER_NAME );
	956	+ // Translators: %s is the URL to the Chart Builder plugin page.
	957	+ $content[] = sprintf(
	958	+ /* translators: %s is the Chart Builder plugin URL. */
	959	+ __(
	960	+ "<span><a href='%s' target='_blank' style='color:#ffffff; text-decoration: underline;'>Chart Builder</a></span>",
	961	+ 'chart-builder'
	962	+ ),
	963	+ "https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=chart-sale-plugin-name" . CHART_BUILDER_VERSION
	964	+ );
890	965	$content[] = '</span>';
891	966	$content[] = '<div>';
892	967	$content[] = '<img src="' . CHART_BUILDER_ADMIN_URL . '/images/ays-chart-banner-sale-30.svg" style="width: 70px;">';
893	968	$content[] = '</div>';
		@@ -894,9 +969,9 @@
894	969	$content[] = '</div>';
895	970
896	971	$content[] = '<span class="ays-chart-new-chart-pro-desc">';
897	972	$content[] = '<img class="ays-chart-new-chart-pro-guaranteeicon" src="' . CHART_BUILDER_ADMIN_URL . '/images/chart-builder-guaranteeicon.webp" style="width: 30px;">';
898		- $content[] = __( "30 Days Money Back Guarantee", CHART_BUILDER_NAME );
	973	+ $content[] = esc_html__( "30 Days Money Back Guarantee", 'chart-builder' );
899	974	$content[] = '</span>';
900	975
901	976	$content[] = '<div style="position: absolute;right: 10px;bottom: 1px;" class="ays-chart-dismiss-buttons-container-for-chart">';
902	977	$content[] = '<form method="POST">';
		@@ -915,15 +990,15 @@
915	990
916	991	$content[] = '<div id="ays-chart-countdown-main-container">';
917	992	$content[] = '<div class="ays-chart-countdown-container">';
918	993	$content[] = '<div id="ays-chart-countdown" style="display: block;">';
919		- $content[] = __( "Offer ends in:", CHART_BUILDER_NAME );
	994	+ $content[] = esc_html__( "Offer ends in:", 'chart-builder' );
920	995
921	996	$content[] = '<ul style="padding: 0">';
922		- $content[] = '<li><span id="ays-chart-countdown-days">0</span>' . __( 'Days', CHART_BUILDER_NAME ) . '</li>';
923		- $content[] = '<li><span id="ays-chart-countdown-hours">0</span>' . __( 'Hours', CHART_BUILDER_NAME ) . '</li>';
924		- $content[] = '<li><span id="ays-chart-countdown-minutes">0</span>' . __( 'Minutes', CHART_BUILDER_NAME ) . '</li>';
925		- $content[] = '<li><span id="ays-chart-countdown-seconds">0</span>' . __( 'Seconds', CHART_BUILDER_NAME ) . '</li>';
	997	+ $content[] = '<li><span id="ays-chart-countdown-days">0</span>' . esc_html__( 'Days', 'chart-builder' ) . '</li>';
	998	+ $content[] = '<li><span id="ays-chart-countdown-hours">0</span>' . esc_html__( 'Hours', 'chart-builder' ) . '</li>';
	999	+ $content[] = '<li><span id="ays-chart-countdown-minutes">0</span>' . esc_html__( 'Minutes', 'chart-builder' ) . '</li>';
	1000	+ $content[] = '<li><span id="ays-chart-countdown-seconds">0</span>' . esc_html__( 'Seconds', 'chart-builder' ) . '</li>';
926	1001	$content[] = '</ul>';
927	1002	$content[] = '</div>';
928	1003
929	1004	$content[] = '<div id="ays-chart-countdown-content" class="emoji" style="display: none;">';
		@@ -937,11 +1012,11 @@
937	1012
938	1013	$content[] = '</div>';
939	1014
940	1015	$content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-button-box">';
941		- $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=chart-sale-button" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank" style="" >' . __( 'Buy Now', CHART_BUILDER_NAME ) . '</a>';
	1016	+ $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=chart-sale-button'.CHART_BUILDER_VERSION.'" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank" style="" >' . esc_html__( 'Buy Now', 'chart-builder' ) . '</a>';
942	1017	$content[] = '<span class="ays-chart-dicount-one-time-text">';
943		- $content[] = __( "One-time payment", CHART_BUILDER_NAME );
	1018	+ $content[] = esc_html__( "One-time payment", 'chart-builder' );
944	1019	$content[] = '</span>';
945	1020	$content[] = '</div>';
946	1021
947	1022	$content[] = '</div>';
		@@ -948,9 +1023,9 @@
948	1023
949	1024	$content[] = '</div>';
950	1025
951	1026	$content = implode( '', $content );
952		- echo $content;
	1027	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
953	1028	}
954	1029	}
955	1030
956	1031	// Helloween banner
		@@ -972,15 +1047,15 @@
972	1047	<span style='' class='ays-chart-helloween-bundle'>
973	1048	<a href='https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=helloween-sale-banner' target='_blank' class='ays-chart-dicount-wrap-color-helloween ays-chart-dicount-wrap-text-decoration-helloween' style='display:block; color:#b2ff00;margin-right:6px;'>
974	1049	Chart Builder
975	1050	</a>
976		- </span>", CHART_BUILDER_NAME );
	1051	+ </span>", 'chart-builder' );
977	1052	$content[] = '</p>';
978	1053	$content[] = '<p>';
979	1054	$content[] = __( "Hurry up!
980	1055	<a href='https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=helloween-sale-banner' target='_blank' style='color:#ffc700;'>
981	1056	Check it out!
982		- </a>", CHART_BUILDER_NAME );
	1057	+ </a>", 'chart-builder' );
983	1058	$content[] = '</p>';
984	1059
985	1060	$content[] = '</div>';
986	1061
		@@ -1010,9 +1085,9 @@
1010	1085	$content[] = '</div>';
1011	1086
1012	1087	$content[] = '</div>';
1013	1088	$content[] = '<div class="ays-chart-dicount-wrap-box ays-buy-now-button-box-helloween">';
1014		- $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=helloween-sale-banner" class="button button-primary ays-buy-now-button-helloween" id="ays-button-top-buy-now-helloween" target="_blank" style="" >' . __( 'Buy Now !', CHART_BUILDER_NAME ) . '</a>';
	1089	+ $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=helloween-sale-banner" class="button button-primary ays-buy-now-button-helloween" id="ays-button-top-buy-now-helloween" target="_blank" style="" >' . __( 'Buy Now !', 'chart-builder' ) . '</a>';
1015	1090	$content[] = '</div>';
1016	1091	$content[] = '</div>';
1017	1092
1018	1093	$content[] = '</div>';
		@@ -1033,9 +1108,9 @@
1033	1108	$content[] = '</div>';
1034	1109
1035	1110	$content = implode( '', $content );
1036	1111
1037		- echo $content;
	1112	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1038	1113	}
1039	1114	}
1040	1115
1041	1116	// Black Friday banner
		@@ -1095,9 +1170,9 @@
1095	1170	$content[] = '</div>';
1096	1171
1097	1172	$content = implode( '', $content );
1098	1173
1099		- echo $content;
	1174	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1100	1175	}
1101	1176	}
1102	1177
1103	1178	// Christmas banner
		@@ -1108,10 +1183,10 @@
1108	1183	$content[] = '<div id="ays-chart-dicount-christmas-month-main" class="notice notice-success is-dismissible ays_chart_dicount_info">';
1109	1184	$content[] = '<div id="ays-chart-dicount-christmas-month" class="ays_chart_dicount_month">';
1110	1185	$content[] = '<div class="ays-chart-dicount-christmas-box">';
1111	1186	$content[] = '<div class="ays-chart-dicount-christmas-wrap-box ays-chart-dicount-christmas-wrap-box-80">';
1112		- $content[] = '<div class="ays-chart-dicount-christmas-title-row">' . __( 'Limited Time', CHART_BUILDER_NAME ) .' '. '<a href="https://ays-pro.com/wordpress/chart-builder" class="ays-chart-dicount-christmas-button-sale" target="_blank">' . __( '40%', CHART_BUILDER_NAME ) . '</a>' . ' SALE</div>';
1113		- $content[] = '<div class="ays-chart-dicount-christmas-title-row">' . __( 'Chart Builder Plugin', CHART_BUILDER_NAME ) . '</div>';
	1187	+ $content[] = '<div class="ays-chart-dicount-christmas-title-row">' . __( 'Limited Time', 'chart-builder' ) .' '. '<a href="https://ays-pro.com/wordpress/chart-builder" class="ays-chart-dicount-christmas-button-sale" target="_blank">' . __( '40%', 'chart-builder' ) . '</a>' . ' SALE</div>';
	1188	+ $content[] = '<div class="ays-chart-dicount-christmas-title-row">' . __( 'Chart Builder Plugin', 'chart-builder' ) . '</div>';
1114	1189	$content[] = '</div>';
1115	1190
1116	1191	$content[] = '<div class="ays-chart-dicount-christmas-wrap-box" style="width: 25%;">';
1117	1192	$content[] = '<div id="ays-chart-countdown-main-container">';
		@@ -1117,12 +1192,12 @@
1117	1192	$content[] = '<div id="ays-chart-countdown-main-container">';
1118	1193	$content[] = '<div class="ays-chart-countdown-container">';
1119	1194	$content[] = '<div id="ays-chart-countdown" style="display: block;">';
1120	1195	$content[] = '<ul>';
1121		- $content[] = '<li><span id="ays-chart-countdown-days"></span>' . __( 'Days', CHART_BUILDER_NAME ) . '</li>';
1122		- $content[] = '<li><span id="ays-chart-countdown-hours"></span>' . __( 'Hours', CHART_BUILDER_NAME ) . '</li>';
1123		- $content[] = '<li><span id="ays-chart-countdown-minutes"></span>' . __( 'Minutes', CHART_BUILDER_NAME ) . '</li>';
1124		- $content[] = '<li><span id="ays-chart-countdown-seconds"></span>' . __( 'Seconds', CHART_BUILDER_NAME ) . '</li>';
	1196	+ $content[] = '<li><span id="ays-chart-countdown-days"></span>' . __( 'Days', 'chart-builder' ) . '</li>';
	1197	+ $content[] = '<li><span id="ays-chart-countdown-hours"></span>' . __( 'Hours', 'chart-builder' ) . '</li>';
	1198	+ $content[] = '<li><span id="ays-chart-countdown-minutes"></span>' . __( 'Minutes', 'chart-builder' ) . '</li>';
	1199	+ $content[] = '<li><span id="ays-chart-countdown-seconds"></span>' . __( 'Seconds', 'chart-builder' ) . '</li>';
1125	1200	$content[] = '</ul>';
1126	1201	$content[] = '</div>';
1127	1202	$content[] = '<div id="ays-chart-countdown-content" class="emoji" style="display: none;">';
1128	1203	$content[] = '<span>🚀</span>';
		@@ -1134,9 +1209,9 @@
1134	1209	$content[] = '</div>';
1135	1210	$content[] = '</div>';
1136	1211
1137	1212	$content[] = '<div class="ays-chart-dicount-christmas-wrap-box" style="width: 25%;">';
1138		- $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder" class="ays-chart-dicount-christmas-button-buy-now" target="_blank">' . __( 'BUY NOW!', CHART_BUILDER_NAME ) . '</a>';
	1213	+ $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder" class="ays-chart-dicount-christmas-button-buy-now" target="_blank">' . __( 'BUY NOW!', 'chart-builder' ) . '</a>';
1139	1214	$content[] = '</div>';
1140	1215	$content[] = '</div>';
1141	1216	$content[] = '</div>';
1142	1217
		@@ -1142,9 +1217,9 @@
1142	1217
1143	1218	$content[] = '<div style="position: absolute;right: 0;bottom: 1px;" class="ays-chart-dismiss-buttons-container-for-form-christmas">';
1144	1219	$content[] = '<form method="POST">';
1145	1220	$content[] = '<div id="ays-chart-dismiss-buttons-content-christmas">';
1146		- $content[] = '<button class="btn btn-link ays-button-christmas" name="ays_chart_sale_btn" style="">' . __( 'Dismiss ad', CHART_BUILDER_NAME ) . '</button>';
	1221	+ $content[] = '<button class="btn btn-link ays-button-christmas" name="ays_chart_sale_btn" style="">' . __( 'Dismiss ad', 'chart-builder' ) . '</button>';
1147	1222	$content[] = '</div>';
1148	1223	$content[] = '</form>';
1149	1224	$content[] = '</div>';
1150	1225	$content[] = '</div>';
		@@ -1150,9 +1225,9 @@
1150	1225	$content[] = '</div>';
1151	1226
1152	1227	$content = implode( '', $content );
1153	1228
1154		- echo $content;
	1229	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1155	1230	}
1156	1231	}
1157	1232
1158	1233	// Silver Bundle
		@@ -1166,15 +1241,15 @@
1166	1241
1167	1242	$content[] = '<div class="ays-chart-dicount-wrap-box">';
1168	1243
1169	1244	$content[] = '<strong style="font-weight: bold;">';
1170		- $content[] = __( "Limited Time <span style='color:#E85011;'>50%</span> SALE on <br><span><a href='https://ays-pro.com/silver-bundle' target='_blank' style='color:#E85011; text-decoration: underline;'>Silver Bundle</a></span> (Quiz + Chart + Form)!", CHART_BUILDER_NAME );
	1245	+ $content[] = __( "Limited Time <span style='color:#E85011;'>50%</span> SALE on <br><span><a href='https://ays-pro.com/silver-bundle' target='_blank' style='color:#E85011; text-decoration: underline;'>Silver Bundle</a></span> (Quiz + Chart + Form)!", 'chart-builder' );
1171	1246	$content[] = '</strong>';
1172	1247
1173	1248	$content[] = '<br>';
1174	1249
1175	1250	$content[] = '<strong>';
1176		- $content[] = __( "Hurry up! <a href='https://ays-pro.com/silver-bundle' target='_blank'>Check it out!</a>", CHART_BUILDER_NAME );
	1251	+ $content[] = __( "Hurry up! <a href='https://ays-pro.com/silver-bundle' target='_blank'>Check it out!</a>", 'chart-builder' );
1177	1252	$content[] = '</strong>';
1178	1253
1179	1254	$content[] = '<div style="position: absolute;right: 10px;bottom: 1px;" class="ays-chart-dismiss-buttons-container-for-form">';
1180	1255
		@@ -1213,14 +1288,14 @@
1213	1288	$content[] = '</div>';
1214	1289
1215	1290	$content[] = '</div>';
1216	1291
1217		- $content[] = '<a href="https://ays-pro.com/silver-bundle" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank" style="height: 32px; display: flex; align-items: center; font-weight: 500; " >' . __( 'Buy Now !', CHART_BUILDER_NAME ) . '</a>';
	1292	+ $content[] = '<a href="https://ays-pro.com/silver-bundle" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank" style="height: 32px; display: flex; align-items: center; font-weight: 500; " >' . __( 'Buy Now !', 'chart-builder' ) . '</a>';
1218	1293	$content[] = '</div>';
1219	1294	$content[] = '</div>';
1220	1295
1221	1296	$content = implode( '', $content );
1222		- echo $content;
	1297	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1223	1298	}
1224	1299	}
1225	1300
1226	1301	// Black Friday 2024
		@@ -1238,24 +1313,24 @@
1238	1313
1239	1314	$content[] = '<div id="ays-chart-countdown">';
1240	1315
1241	1316	$content[] = '<div>';
1242		- $content[] = __( "Offer ends in:", CHART_BUILDER_NAME );
	1317	+ $content[] = __( "Offer ends in:", 'chart-builder' );
1243	1318	$content[] = '</div>';
1244	1319
1245	1320	$content[] = '<ul>';
1246		- $content[] = '<li><span id="ays-chart-countdown-days"></span>'. __( "Days", CHART_BUILDER_NAME ) .'</li>';
1247		- $content[] = '<li><span id="ays-chart-countdown-hours"></span>'. __( "Hours", CHART_BUILDER_NAME ) .'</li>';
1248		- $content[] = '<li><span id="ays-chart-countdown-minutes"></span>'. __( "Minutes", CHART_BUILDER_NAME ) .'</li>';
1249		- $content[] = '<li><span id="ays-chart-countdown-seconds"></span>'. __( "Seconds", CHART_BUILDER_NAME ) .'</li>';
	1321	+ $content[] = '<li><span id="ays-chart-countdown-days"></span>'. __( "Days", 'chart-builder' ) .'</li>';
	1322	+ $content[] = '<li><span id="ays-chart-countdown-hours"></span>'. __( "Hours", 'chart-builder' ) .'</li>';
	1323	+ $content[] = '<li><span id="ays-chart-countdown-minutes"></span>'. __( "Minutes", 'chart-builder' ) .'</li>';
	1324	+ $content[] = '<li><span id="ays-chart-countdown-seconds"></span>'. __( "Seconds", 'chart-builder' ) .'</li>';
1250	1325	$content[] = '</ul>';
1251	1326	$content[] = '</div>';
1252	1327
1253	1328	$content[] = '<div id="ays-chart-countdown-content" class="emoji">';
1254		- $content[] = '<span></span>';
1255		- $content[] = '<span></span>';
1256		- $content[] = '<span></span>';
1257		- $content[] = '<span></span>';
	1329	+ $content[] = '<span>🚀</span>';
	1330	+ $content[] = '<span>⌛</span>';
	1331	+ $content[] = '<span>🔥</span>';
	1332	+ $content[] = '<span>💣</span>';
1258	1333	$content[] = '</div>';
1259	1334
1260	1335	$content[] = '</div>';
1261	1336	$content[] = '</div>';
		@@ -1265,16 +1340,16 @@
1265	1340	$content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-text-box">';
1266	1341	$content[] = '<div>';
1267	1342
1268	1343	$content[] = '<span class="ays-chart-black-friday-bundle-title">';
1269		- $content[] = __( "<span><a href='https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-sale-banner' class='ays-chart-black-friday-bundle-title-link' target='_blank'>Black Friday Sale</a></span>", CHART_BUILDER_NAME );
	1344	+ $content[] = __( "<span><a href='https://ays-pro.com/silver-bundle?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-silver-bundle-sale-banner' class='ays-chart-black-friday-bundle-title-link' target='_blank'>Black Friday Sale</a></span>", 'chart-builder' );
1270	1345	$content[] = '</span>';
1271	1346
1272	1347	$content[] = '</br>';
1273	1348
1274	1349	$content[] = '<span class="ays-chart-black-friday-bundle-desc">';
1275		- $content[] = '<a class="ays-chart-black-friday-bundle-desc" href="https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-sale-banner" class="ays-chart-black-friday-bundle-title-link" target="_blank">';
1276		- $content[] = __( "20% OFF", CHART_BUILDER_NAME );
	1350	+ $content[] = '<a class="ays-chart-black-friday-bundle-desc" href="https://ays-pro.com/silver-bundle?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-silver-bundle-sale-banner" class="ays-chart-black-friday-bundle-title-link" target="_blank">';
	1351	+ $content[] = __( "50% OFF", 'chart-builder' );
1277	1352	$content[] = '</a>';
1278	1353	$content[] = '</span>';
1279	1354	$content[] = '</div>';
1280	1355
		@@ -1282,9 +1357,9 @@
1282	1357
1283	1358	$content[] = '<form action="" method="POST">';
1284	1359	$content[] = '<div id="ays-chart-dismiss-buttons-content">';
1285	1360	if( current_user_can( 'manage_options' ) ){
1286		- $content[] = '<button class="btn btn-link ays-button" name="ays_chart_sale_btn" style="height: 32px; margin-left: 0;padding-left: 0">'. __( "Dismiss ad", CHART_BUILDER_NAME ) .'</button>';
	1361	+ $content[] = '<button class="btn btn-link ays-button" name="ays_chart_sale_btn" style="height: 32px; margin-left: 0;padding-left: 0">'. __( "Dismiss ad", 'chart-builder' ) .'</button>';
1287	1362	$content[] = wp_nonce_field( CHART_BUILDER_NAME . '-sale-banner' , CHART_BUILDER_NAME . '-sale-banner' );
1288	1363	}
1289	1364	$content[] = '</div>';
1290	1365	$content[] = '</form>';
		@@ -1292,22 +1367,120 @@
1292	1367	$content[] = '</div>';
1293	1368
1294	1369	$content[] = '</div>';
1295	1370
1296		- $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-black-friday-bundle-coupon-text-box">';
1297		- $content[] = '<div class="ays-chart-black-friday-bundle-coupon-row">';
1298		- $content[] = 'bfdeal20off';
	1371	+ $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-text-box">';
	1372	+ $content[] = '<span class="ays-chart-black-friday-bundle-title">';
	1373	+ $content[] = '<a class="ays-chart-black-friday-bundle-title-link" href="https://ays-pro.com/silver-bundle?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-silver-bundle-sale-banner" target="_blank">';
	1374	+ $content[] = __( 'Silver Bundle', 'chart-builder' );
	1375	+ $content[] = '</a>';
	1376	+ $content[] = '</span>';
	1377	+ $content[] = '</div>';
	1378	+
	1379	+ $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-button-box">';
	1380	+ $content[] = '<a href="https://ays-pro.com/silver-bundle?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-silver-bundle-sale-banner" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank">' . __( 'Get Your Deal', 'chart-builder' ) . '</a>';
	1381	+ $content[] = '<span class="ays-chart-dicount-one-time-text">';
	1382	+ $content[] = __( "One-time payment", 'chart-builder' );
	1383	+ $content[] = '</span>';
	1384	+ $content[] = '</div>';
	1385	+ $content[] = '</div>';
	1386	+ $content[] = '</div>';
	1387	+
	1388	+ $content = implode( '', $content );
	1389	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
	1390	+ }
	1391	+ }
	1392	+
	1393	+ // Christmas Top Banner 2024
	1394	+ public function ays_chart_christmas_message_2024($ishmar){
	1395	+ if($ishmar == 0 ){
	1396	+ $content = array();
	1397	+
	1398	+ $content[] = '<div id="ays-chart-christmas-top-bundle-dicount-month-main" class="notice notice-success is-dismissible ays_chart_dicount_info">';
	1399	+ $content[] = '<div id="ays-chart-dicount-month" class="ays_chart_dicount_month">';
	1400	+
	1401	+ $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-countdown-box">';
	1402	+
	1403	+ $content[] = '<div id="ays-chart-countdown-main-container">';
	1404	+ $content[] = '<div class="ays-chart-countdown-container">';
	1405	+
	1406	+ $content[] = '<div id="ays-chart-countdown">';
	1407	+
	1408	+ $content[] = '<div>';
	1409	+ $content[] = __( "Offer ends in:", 'chart-builder' );
	1410	+ $content[] = '</div>';
	1411	+
	1412	+ $content[] = '<ul style="padding-left: 0;">';
	1413	+ $content[] = '<li><span id="ays-chart-countdown-days"></span>'. __( "Days", 'chart-builder' ) .'</li>';
	1414	+ $content[] = '<li><span id="ays-chart-countdown-hours"></span>'. __( "Hours", 'chart-builder' ) .'</li>';
	1415	+ $content[] = '<li><span id="ays-chart-countdown-minutes"></span>'. __( "Minutes", 'chart-builder' ) .'</li>';
	1416	+ $content[] = '<li><span id="ays-chart-countdown-seconds"></span>'. __( "Seconds", 'chart-builder' ) .'</li>';
	1417	+ $content[] = '</ul>';
	1418	+ $content[] = '</div>';
	1419	+
	1420	+ $content[] = '<div id="ays-chart-countdown-content" class="emoji">';
	1421	+ $content[] = '<span>🚀</span>';
	1422	+ $content[] = '<span>⌛</span>';
	1423	+ $content[] = '<span>🔥</span>';
	1424	+ $content[] = '<span>💣</span>';
	1425	+ $content[] = '</div>';
	1426	+
	1427	+ $content[] = '</div>';
1299	1428	$content[] = '</div>';
	1429	+
	1430	+ $content[] = '</div>';
1300	1431
1301		- $content[] = '<div class="ays-chart-black-friday-bundle-text-row">';
1302		- $content[] = __( '20% Extra Discount Coupon', CHART_BUILDER_NAME );
	1432	+ $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-text-box">';
	1433	+ $content[] = '<div>';
	1434	+
	1435	+ $content[] = '<span class="ays-chart-christmas-top-bundle-title">';
	1436	+ $content[] = sprintf(
	1437	+ /* translators: %s is the Chart Builder plugin URL with version parameter. */
	1438	+ __(
	1439	+ "<span><a href='%s' class='ays-chart-christmas-top-bundle-title-link' target='_blank'>Christmas Sale</a></span>",
	1440	+ 'chart-builder'
	1441	+ ),
	1442	+ "https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=christmas-sale-banner" . CHART_BUILDER_VERSION
	1443	+ );
	1444	+ $content[] = '</span>';
	1445	+
	1446	+ $content[] = '</br>';
	1447	+
	1448	+ $content[] = '<span class="ays-chart-christmas-top-bundle-desc">';
	1449	+ $content[] = '<a class="ays-chart-christmas-top-bundle-desc" href="https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=christmas-sale-banner'.CHART_BUILDER_VERSION.'" class="ays-chart-christmas-top-bundle-title-link" target="_blank">';
	1450	+ $content[] = __( "20% Extra OFF", 'chart-builder' );
	1451	+ $content[] = '</a>';
	1452	+ $content[] = '</span>';
1303	1453	$content[] = '</div>';
	1454	+
	1455	+ $content[] = '<div style="position: absolute;right: 10px;bottom: 1px;" class="ays-chart-dismiss-buttons-container-for-form">';
	1456	+
	1457	+ $content[] = '<form action="" method="POST">';
	1458	+ $content[] = '<div id="ays-chart-dismiss-buttons-content">';
	1459	+ if( current_user_can( 'manage_options' ) ){
	1460	+ $content[] = '<button class="btn btn-link ays-button" name="ays_chart_sale_btn" style="height: 32px; margin-left: 0;padding-left: 0">'. __( "Dismiss ad", 'chart-builder' ) .'</button>';
	1461	+ $content[] = wp_nonce_field( CHART_BUILDER_NAME . '-sale-banner' , CHART_BUILDER_NAME . '-sale-banner' );
	1462	+ }
	1463	+ $content[] = '</div>';
	1464	+ $content[] = '</form>';
	1465	+
	1466	+ $content[] = '</div>';
	1467	+
1304	1468	$content[] = '</div>';
1305	1469
	1470	+ $content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-christmas-top-bundle-coupon-text-box">';
	1471	+ $content[] = '<div class="ays-chart-christmas-top-bundle-coupon-row">';
	1472	+ $content[] = 'xmas20off';
	1473	+ $content[] = '</div>';
	1474	+ $content[] = '<div class="ays-chart-christmas-top-bundle-text-row">';
	1475	+ $content[] = __( '20% Extra Discount Coupon', 'chart-builder' );
	1476	+ $content[] = '</div>';
	1477	+ $content[] = '</div>';
	1478	+
1306	1479	$content[] = '<div class="ays-chart-dicount-wrap-box ays-chart-dicount-wrap-button-box">';
1307		- $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=chart-free-dashboard&utm_medium=chart-sale-banner&utm_campaign=black-friday-sale-banner" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank">' . __( 'Get Your Deal', CHART_BUILDER_NAME ) . '</a>';
	1480	+ $content[] = '<a href="https://ays-pro.com/wordpress/chart-builder?utm_source=dashboard&utm_medium=chart-free&utm_campaign=christmas-sale-banner'.CHART_BUILDER_VERSION.'" class="button button-primary ays-button" id="ays-button-top-buy-now" target="_blank">' . __( 'Get Your Deal', 'chart-builder' ) . '</a>';
1308	1481	$content[] = '<span class="ays-chart-dicount-one-time-text">';
1309		- $content[] = __( "One-time payment", CHART_BUILDER_NAME );
	1482	+ $content[] = __( "One-time payment", 'chart-builder' );
1310	1483	$content[] = '</span>';
1311	1484	$content[] = '</div>';
1312	1485	$content[] = '</div>';
1313	1486	$content[] = '</div>';
		@@ -1312,18 +1485,17 @@
1312	1485	$content[] = '</div>';
1313	1486	$content[] = '</div>';
1314	1487
1315	1488	$content = implode( '', $content );
1316		- echo $content;
	1489	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1317	1490	}
1318	1491	}
1319	1492
1320		-
1321	1493	public function ays_chart_update_banner_time(){
1322	1494
1323	1495	$date = time() + ( 3 * 24 * 60 * 60 ) + (int) ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS);
1324	1496	// $date = time() + ( 60 ) + (int) ( get_option( 'gmt_offset' ) * HOUR_IN_SECONDS); // for testing | 1 min
1325		- $next_3_days = date('M d, Y H:i:s', $date);
	1497	+ $next_3_days = gmdate('M d, Y H:i:s', $date);
1326	1498
1327	1499	$ays_chart_banner_time = get_option('ays_chart_20_bundle_banner_time');
1328	1500
1329	1501	if ( !$ays_chart_banner_time || is_null( $ays_chart_banner_time ) ) {
		@@ -1348,9 +1520,9 @@
1348	1520	}
1349	1521
1350	1522	public function author_user_search() {
1351	1523	check_ajax_referer( 'cbuilder-author-user-search', 'security' );
1352		- $params = $_REQUEST['params'];
	1524	+ $params = isset($_REQUEST['params']) ? sanitize_text_field(wp_unslash($_REQUEST['params'])) : array();
1353	1525	$search = isset($params['search']) && $params['search'] != '' ? sanitize_text_field( $params['search'] ) : null;
1354	1526	$checked = isset($params['val']) && $params['val'] !='' ? sanitize_text_field( $params['val'] ) : null;
1355	1527	$args = 'search=';
1356	1528	if ($search !== null) {
		@@ -1467,9 +1639,11 @@
1467	1639	*/
1468	1640	public function ays_chart_activate_plugin() {
1469	1641
1470	1642	// Run a security check.
1471		- check_ajax_referer( $this->plugin_name . '-install-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
	1643	+ if ( isset( $_REQUEST['_ajax_nonce'] ) ) {
	1644	+ check_ajax_referer( $this->plugin_name . '-install-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
	1645	+ }
1472	1646
1473	1647	// Check for permissions.
1474	1648	if ( ! current_user_can( 'activate_plugins' ) ) {
1475	1649	wp_send_json_error( esc_html__( 'Plugin activation is disabled for you on this site.', 'chart-builder' ) );
		@@ -1510,9 +1684,11 @@
1510	1684	*/
1511	1685	public function ays_chart_install_plugin() {
1512	1686
1513	1687	// Run a security check.
1514		- check_ajax_referer( $this->plugin_name . '-install-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
	1688	+ if ( isset( $_REQUEST['_ajax_nonce'] ) ) {
	1689	+ check_ajax_referer( $this->plugin_name . '-install-plugin-nonce', sanitize_key( $_REQUEST['_ajax_nonce'] ) );
	1690	+ }
1515	1691
1516	1692	$generic_error = esc_html__( 'There was an error while performing your request.', 'chart-builder' );
1517	1693	$type = ! empty( $_POST['type'] ) ? sanitize_key( $_POST['type'] ) : '';
1518	1694
		@@ -1659,11 +1835,11 @@
1659	1835
1660	1836	$plugins_array = array(
1661	1837	'quiz-maker/quiz-maker.php' => array(
1662	1838	'icon' => $images_url . 'icon-quiz-128x128.png',
1663		- 'name' => __( 'Quiz Maker', "easy-form" ),
1664		- 'desc' => __( 'Create powerful and engaging quizzes, tests, and exams in minutes.', "easy-form" ),
1665		- 'desc_hidden' => __( 'Build an unlimited number of quizzes and questions.', "easy-form" ),
	1839	+ 'name' => __( 'Quiz Maker', 'chart-builder' ),
	1840	+ 'desc' => __( 'Create powerful and engaging quizzes, tests, and exams in minutes.', 'chart-builder' ),
	1841	+ 'desc_hidden' => __( 'Build an unlimited number of quizzes and questions.', 'chart-builder' ),
1666	1842	'wporg' => 'https://wordpress.org/plugins/quiz-maker/',
1667	1843	'buy_now' => 'https://ays-pro.com/wordpress/quiz-maker/',
1668	1844	'url' => $plugin_url_arr['quiz-maker'],
1669	1845	),
		@@ -1762,9 +1938,10 @@
1762	1938	if ( is_wp_error( $call_api ) ) {
1763	1939	$api_error = $call_api->get_error_message();
1764	1940	} else {
1765	1941
1766		- //echo $call_api; // everything ##
	1942	+ //echo $call_api;
	1943	+ // everything ##
1767	1944	if ( ! empty( $call_api->version ) ) {
1768	1945	$version_latest = $call_api->version;
1769	1946	}
1770	1947	}
		@@ -1904,9 +2081,9 @@
1904	2081	<span aria-hidden="true" class="dashicons dashicons-external"></span>
1905	2082	</a>';
1906	2083	}
1907	2084	$content .='
1908		- <a target="_blank" href="'. esc_url( $plugin_data['details']['buy_now'] ) .'" class="ays-chart-card__btn-primary">'. __('Buy Now', $this->plugin_name) .'</a>
	2085	+ <a target="_blank" href="'. esc_url( $plugin_data['details']['buy_now'] ) .'" class="ays-chart-card__btn-primary">'. __('Buy Now', 'chart-builder') .'</a>
1909	2086	</div>
1910	2087	</div>';
1911	2088	}
1912	2089	$install_plugin_nonce = wp_create_nonce( $this->plugin_name . '-install-plugin-nonce' );
		@@ -1912,9 +2089,9 @@
1912	2089	$install_plugin_nonce = wp_create_nonce( $this->plugin_name . '-install-plugin-nonce' );
1913	2090	$content.= '<input type="hidden" id="ays_chart_ajax_install_plugin_nonce" name="ays_chart_ajax_install_plugin_nonce" value="'. $install_plugin_nonce .'">';
1914	2091	$content.= '</div>';
1915	2092
1916		- echo $content;
	2093	+ echo wp_kses_post( html_entity_decode( $content, ENT_QUOTES, 'UTF-8' ) );
1917	2094	}
1918	2095
1919	2096	/**
1920	2097	* Returns the data from Quiz maker.
		@@ -1923,9 +2100,9 @@
1923	2100	*/
1924	2101	public function fetch_quiz_maker_data(){
1925	2102	check_ajax_referer( 'cbuilder-fetch-quiz-maker-data', 'security' );
1926	2103
1927		- $params = $_POST['params'];
	2104	+ $params = isset($_REQUEST['params']) ? sanitize_text_field(wp_unslash($_REQUEST['params'])) : array();
1928	2105	if ( !isset($params) || empty($params) ) {
1929	2106	return array(
1930	2107	'success' => false,
1931	2108	'data' => array(
		@@ -2047,9 +2224,9 @@
2047	2224	*/
2048	2225	public function save_quiz_maker_data() {
2049	2226	check_ajax_referer( 'cbuilder-save-quiz-maker-data', 'security' );
2050	2227
2051		- $params = $_POST['params'];
	2228	+ $params = isset($_REQUEST['params']) ? sanitize_text_field(wp_unslash($_REQUEST['params'])) : array();
2052	2229	if ( !isset($params) || empty($params) ) {
2053	2230	return array(
2054	2231	'success' => false,
2055	2232	'data' => array(
		@@ -2209,9 +2386,9 @@
2209	2386
2210	2387	$sources[] = $content;
2211	2388	}
2212	2389	$content_for_escape = implode('' , $sources );
2213		- echo html_entity_decode(esc_html( $content_for_escape ));
	2390	+ echo html_entity_decode( esc_html($content_for_escape) );
2214	2391	}
2215	2392
2216	2393	public function source_contents_import_from_csv_settings( $sources, $args ){
2217	2394	$html_class_prefix = $args['html_class_prefix'];
		@@ -2223,25 +2400,25 @@
2223	2400	<div class="ays-pro-features-v2-big-buttons-box">
2224	2401	<a href="https://www.youtube.com/watch?v=tZ8K3y0qOEY" target="_blank" class="ays-pro-features-v2-video-button">
2225	2402	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
2226	2403	<div class="ays-pro-features-v2-video-text">
2227		- <?php echo __("Watch Video" , "chart-builder"); ?>
	2404	+ <?php echo esc_html__("Watch Video" , "chart-builder"); ?>
2228	2405	</div>
2229	2406	</a>
2230	2407	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
2231	2408	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
2232	2409	<div class="ays-pro-features-v2-upgrade-text">
2233		- <?php echo __("Upgrade" , "chart-builder"); ?>
	2410	+ <?php echo esc_html__("Upgrade" , "chart-builder"); ?>
2234	2411	</div>
2235	2412	</a>
2236	2413	</div>
2237		- <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main">
	2414	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main ays-accordion-data-main-wrap">
2238	2415	<div class="<?php echo esc_attr($html_class_prefix) ?>file-import-form">
2239		- <h6><?php echo __("Choose what kind of data would you like to upload.", "chart-builder"); ?></h6>
	2416	+ <h6><?php echo esc_html__("Choose what kind of data would you like to upload.", "chart-builder"); ?></h6>
2240	2417	<select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>import-files-file-type">
2241	2418	<option value="csv">CSV File</option>
2242	2419	</select>
2243		- <span style="display: block; font-style: italic; color: gray; font-size: 12px; margin: 5px 0;" class="<?php echo esc_attr($html_class_prefix) ?>small-hint-text"><?php echo __("Choose the format of the file you are going to import.", "chart-builder"); ?></span>
	2420	+ <span style="display: block; font-style: italic; color: gray; font-size: 12px; margin: 5px 0;" class="<?php echo esc_attr($html_class_prefix) ?>small-hint-text"><?php echo esc_html__("Choose the format of the file you are going to import.", "chart-builder"); ?></span>
2244	2421	<p class="<?php echo esc_attr($html_class_prefix) ?>csv-export-example" style="font-size: 15px; font-style: italic;">Example:
2245	2422	<a class="<?php echo esc_attr($html_class_prefix) ?>csv-export-example-link <?php echo esc_attr($html_class_prefix) ?>csv-export-example-link-other-types" style="cursor: pointer;">example.csv</a>
2246	2423	</p>
2247	2424	<div>
		@@ -2250,16 +2427,16 @@
2250	2427	<div class='ays-chart-file-import-success'></div>
2251	2428	<div class='ays-chart-file-import-error'></div>
2252	2429	<div class="ays-chart-buttons-group">
2253	2430	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-file-import-fetch">
2254		- <?php echo __( 'Show Results', "chart-builder" ); ?>
	2431	+ <?php echo esc_html__( 'Show Results', "chart-builder" ); ?>
2255	2432	</button>
2256	2433	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-file-import-show-on-chart">
2257	2434	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2258		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2435	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2259	2436	</button>
2260	2437	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-file-import-save">
2261		- <?php echo __( 'Save data', "chart-builder" ); ?>
	2438	+ <?php echo esc_html__( 'Save data', "chart-builder" ); ?>
2262	2439	</button>
2263	2440	</div>
2264	2441	</div>
2265	2442	</div>
		@@ -2289,38 +2466,38 @@
2289	2466	<div class="ays-pro-features-v2-big-buttons-box">
2290	2467	<a href="https://www.youtube.com/watch?v=tZ8K3y0qOEY" target="_blank" class="ays-pro-features-v2-video-button">
2291	2468	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
2292	2469	<div class="ays-pro-features-v2-video-text">
2293		- <?php echo __("Watch Video" , "chart-builder"); ?>
	2470	+ <?php echo esc_html__("Watch Video" , "chart-builder"); ?>
2294	2471	</div>
2295	2472	</a>
2296	2473	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
2297	2474	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
2298	2475	<div class="ays-pro-features-v2-upgrade-text">
2299		- <?php echo __("Upgrade" , "chart-builder"); ?>
	2476	+ <?php echo esc_html__("Upgrade" , "chart-builder"); ?>
2300	2477	</div>
2301	2478	</a>
2302	2479	</div>
2303		- <div class="<?= $html_class_prefix ?>source-data-main-wrap">
2304		- <div class="<?= $html_class_prefix ?>chart-source-data-main">
	2480	+ <div class="<?php echo esc_attr( $html_class_prefix ) ?>source-data-main-wrap ays-accordion-data-main-wrap ">
	2481	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main">
2305	2482	<div id="ays-chart-db-query">
2306		- <div class="<?= $html_class_prefix ?>-db-query-form">
	2483	+ <div class="<?php echo esc_attr($html_class_prefix) ?>-db-query-form">
2307	2484	<div id="db-query-form">
2308	2485	<input type="hidden" name="chart_id" value="1">
2309		- <textarea name="query" class="<?= $html_class_prefix ?>db-query" placeholder="<?php echo __( "Add your query here.", $this->plugin_name ); ?>"></textarea>
	2486	+ <textarea name="query" class="<?php echo esc_attr($html_class_prefix) ?>db-query" placeholder="<?php echo esc_html__( "Add your query here.", 'chart-builder' ); ?>"></textarea>
2310	2487	<div class='db-wizard-success'></div>
2311	2488	<div class='db-wizard-error'></div>
2312	2489	</div>
2313	2490	<div class="ays-chart-db-query-form-button ays-chart-buttons-group">
2314	2491	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-query-fetch">
2315		- <?php echo __( 'Show Results', "chart-builder" ); ?>
	2492	+ <?php echo esc_html__( 'Show Results', "chart-builder" ); ?>
2316	2493	</button>
2317	2494	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-query-show-on-chart">
2318	2495	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2319		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2496	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2320	2497	</button>
2321	2498	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-query-save">
2322		- <?php echo __( 'Save data', "chart-builder" ); ?>
	2499	+ <?php echo esc_html__( 'Save data', "chart-builder" ); ?>
2323	2500	</button>
2324	2501	</div>
2325	2502	</div>
2326	2503	<div class="db-wizard-hints">
		@@ -2325,9 +2502,18 @@
2325	2502	</div>
2326	2503	<div class="db-wizard-hints">
2327	2504	<ul>
2328	2505	<!-- <li><//?php echo sprintf( __( 'For examples of queries and links to resources that you can use with this feature, please click %1$shere%2$s', $this->plugin_name ), '<a href="' . '#' . '" target="_blank">', '</a>' ); ?></li> -->
2329		- <li><?php echo sprintf( __( 'Use %1$sControl+Space%2$s for autocompleting keywords or table names.', $this->plugin_name ), '<span class="ays-chart-emboss">', '</span>' ); ?></li>
	2506	+ <li>
	2507	+ <?php
	2508	+ echo sprintf(
	2509	+ /* translators: %1$s and %2$s are HTML span tags for styling. */
	2510	+ esc_html__( 'Use %1$sControl+Space%2$s for autocompleting keywords or table names.', 'chart-builder' ),
	2511	+ '<span class="ays-chart-emboss">',
	2512	+ '</span>'
	2513	+ );
	2514	+ ?>
	2515	+ </li>
2330	2516	</ul>
2331	2517	</div>
2332	2518	</div>
2333	2519	</div>
		@@ -2335,9 +2521,9 @@
2335	2521	</div>
2336	2522	<?php
2337	2523	$content = ob_get_clean();
2338	2524
2339		- $title = __( 'Connect to Database', $this->plugin_name ) . ' <a class="ays_help" data-bs-toggle="tooltip" title="' . __("Insert the Database query and the appropriate information from your Database will be displayed in the chart.",$this->plugin_name) . '">
	2525	+ $title = __( 'Connect to Database', 'chart-builder') . ' <a class="ays_help" data-bs-toggle="tooltip" title="' . __("Insert the Database query and the appropriate information from your Database will be displayed in the chart.", 'chart-builder') . '">
2340	2526	<i class="ays_fa ays_fa_info_circle"></i>
2341	2527	</a>';
2342	2528
2343	2529	$sources['import_from_db'] = array(
		@@ -2358,16 +2544,16 @@
2358	2544	<div class="ays-pro-features-v2-big-buttons-box">
2359	2545	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
2360	2546	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
2361	2547	<div class="ays-pro-features-v2-upgrade-text">
2362		- <?php echo __("Upgrade" , "chart-builder"); ?>
	2548	+ <?php echo esc_html__("Upgrade" , "chart-builder"); ?>
2363	2549	</div>
2364	2550	</a>
2365	2551	</div>
2366		- <div class="<?= $html_class_prefix ?>source-data-main-wrap">
2367		- <div class="<?= $html_class_prefix ?>chart-source-data-main">
	2552	+ <div class="<?php echo esc_attr($html_class_prefix) ?>source-data-main-wrap ays-accordion-data-main-wrap ">
	2553	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main">
2368	2554	<div class="form-group row mb-2">
2369		- <div class="col-sm-5 <?php echo esc_attr($html_class_prefix) ?>option-title">
	2555	+ <div class="col-sm-8 <?php echo esc_attr($html_class_prefix) ?>option-title">
2370	2556	<label class="form-label">
2371	2557	<?php echo esc_html(__('Use custom database settings for this chart', "chart-builder")); ?>
2372	2558	<a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __(".","chart-builder") ); ?>">
2373	2559	<i class="ays_fa ays_fa_info_circle"></i>
		@@ -2373,9 +2559,9 @@
2373	2559	<i class="ays_fa ays_fa_info_circle"></i>
2374	2560	</a>
2375	2561	</label>
2376	2562	</div>
2377		- <div class="col-sm-7 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
	2563	+ <div class="col-sm-3 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
2378	2564	<label class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-switch">
2379	2565	<input class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch" type="checkbox" />
2380	2566	<span class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-slider <?php echo esc_attr($html_class_prefix) ?>toggle-switch-round"></span>
2381	2567	</label>
		@@ -2381,25 +2567,25 @@
2381	2567	</label>
2382	2568	</div>
2383	2569	</div>
2384	2570	<div id="ays-chart-external-db-query">
2385		- <div class="<?= $html_class_prefix ?>-db-query-form">
	2571	+ <div class="<?php echo esc_attr($html_class_prefix) ?>-db-query-form">
2386	2572	<div id="external-db-query-form">
2387	2573	<input type="hidden" name="chart_id" value="1">
2388		- <textarea name="query" class="<?= $html_class_prefix ?>external-db-query" placeholder="<?php echo __( "Add your query here.", $this->plugin_name ); ?>"></textarea>
	2574	+ <textarea name="query" class="<?php echo esc_attr($html_class_prefix) ?>external-db-query" placeholder="<?php echo esc_html__( "Add your query here.", 'chart-builder' ); ?>"></textarea>
2389	2575	<div class='db-wizard-success'></div>
2390	2576	<div class='db-wizard-error'></div>
2391	2577	</div>
2392	2578	<div class="ays-chart-db-query-form-button ays-chart-buttons-group">
2393	2579	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-external-query-fetch">
2394		- <?php echo __( 'Show Results', "chart-builder" ); ?>
	2580	+ <?php echo esc_html__( 'Show Results', "chart-builder" ); ?>
2395	2581	</button>
2396	2582	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-external-query-show-on-chart">
2397	2583	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2398		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2584	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2399	2585	</button>
2400	2586	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-external-query-save">
2401		- <?php echo __( 'Save data', "chart-builder" ); ?>
	2587	+ <?php echo esc_html__( 'Save data', "chart-builder" ); ?>
2402	2588	</button>
2403	2589	</div>
2404	2590	</div>
2405	2591	<div class="db-wizard-hints">
		@@ -2404,9 +2590,18 @@
2404	2590	</div>
2405	2591	<div class="db-wizard-hints">
2406	2592	<ul>
2407	2593	<!-- <li><//?php echo sprintf( __( 'For examples of queries and links to resources that you can use with this feature, please click %1$shere%2$s', $this->plugin_name ), '<a href="' . '#' . '" target="_blank">', '</a>' ); ?></li> -->
2408		- <li><?php echo sprintf( __( 'Use %1$sControl+Space%2$s for autocompleting keywords or table names.', $this->plugin_name ), '<span class="ays-chart-emboss">', '</span>' ); ?></li>
	2594	+ <li>
	2595	+ <?php
	2596	+ echo sprintf(
	2597	+ /* translators: %1$s and %2$s are HTML span tags for styling. */
	2598	+ esc_html__( 'Use %1$sControl+Space%2$s for autocompleting keywords or table names.', 'chart-builder' ),
	2599	+ '<span class="ays-chart-emboss">',
	2600	+ '</span>'
	2601	+ );
	2602	+ ?>
	2603	+ </li>
2409	2604	</ul>
2410	2605	</div>
2411	2606	</div>
2412	2607	</div>
		@@ -2414,9 +2609,9 @@
2414	2609	</div>
2415	2610	<?php
2416	2611	$content = ob_get_clean();
2417	2612
2418		- $title = __( 'Connect to External Database', $this->plugin_name ) . ' <a class="ays_help" data-bs-toggle="tooltip" title="' . __("Insert the Database query and fetch data from an external database.", $this->plugin_name) . '">
	2613	+ $title = __( 'Connect to External Database', 'chart-builder' ) . ' <a class="ays_help" data-bs-toggle="tooltip" title="' . __("Insert the Database query and fetch data from an external database.", 'chart-builder') . '">
2419	2614	<i class="ays_fa ays_fa_info_circle"></i>
2420	2615	</a>';
2421	2616
2422	2617	$sources['import_from_external_db'] = array(
		@@ -2450,35 +2645,42 @@
2450	2645	// );
2451	2646
2452	2647	return $sources;
2453	2648	}
	2649	+ $quizes = $wpdb->get_results( // phpcs:ignore
	2650	+ $wpdb->prepare(
	2651	+ "SELECT `title`, `id` FROM {$wpdb->prefix}aysquiz_quizes
	2652	+ WHERE `published` = %d AND `question_ids` <> %s",
	2653	+ 1,
	2654	+ ''
	2655	+ ),
	2656	+ ARRAY_A
	2657	+ );
	2658	+
2454	2659
2455		- $sql = "SELECT `title`, `id` FROM " . $wpdb->prefix . "aysquiz_quizes WHERE `published` = 1 AND `question_ids` <> ''";
2456		- $quizes = $wpdb->get_results($sql, "ARRAY_A");
2457		-
2458	2660	ob_start();
2459	2661	?>
2460	2662	<div class="ays-accordion-data-main-wrap">
2461	2663	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main cb-changable-tab cb-pie_chart-tab cb-donut_chart-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
2462	2664	<div id="<?php echo esc_attr($html_class_prefix) ?>quiz-maker-form">
2463		- <input type="hidden" class="<?php echo esc_attr($html_class_prefix) ?>chart-id" value="<?= $chart_id ?>">
2464		- <div class="<?= $html_class_prefix ?>select-quiz-maker-data-query-container" id="<?= $html_class_prefix ?>quiz-queries">
2465		- <a class="ays_help <?= $html_class_prefix ?>quiz-query-tooltip" data-bs-toggle="tooltip" data-bs-html="true" title="<?php echo isset($quiz_query) ? $quiz_query_tooltips[$quiz_query] : __( 'Select a query to display quiz data.', $this->plugin_name ) ?>">
	2665	+ <input type="hidden" class="<?php echo esc_attr($html_class_prefix) ?>chart-id" value="<?php echo esc_attr($chart_id) ?>">
	2666	+ <div class="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-data-query-container" id="<?php echo esc_attr($html_class_prefix) ?>quiz-queries">
	2667	+ <a class="ays_help <?php echo esc_attr($html_class_prefix) ?>quiz-query-tooltip" data-bs-toggle="tooltip" data-bs-html="true" title="<?php echo isset($quiz_query) ? esc_attr($quiz_query_tooltips[$quiz_query]) : esc_html__( 'Select a query to display quiz data.', 'chart-builder' ) ?>">
2466	2668	<i class="ays_fa ays_fa_info_circle"></i>
2467	2669	</a>
2468		- <select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-data-query" name="<?= $html_name_prefix ?>quiz_query">
2469		- <option value=""><?= __( "Select query", "chart-builder" ) ?></option>
	2670	+ <select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-data-query" name="<?php echo esc_attr($html_name_prefix) ?>quiz_query">
	2671	+ <option value=""><?php echo esc_html__( "Select query", "chart-builder" ) ?></option>
2470	2672	<?php foreach ( $quiz_queries as $id => $q):
2471	2673	$disabled = preg_replace('/[^0-9]/', '', $id) <= 6 ? "false" : "true" ; ?>
2472		- <option value="<?= $id ?>" <?= $quiz_query == $id ? 'selected' : '' ?> <?php echo 'is-pro="'.$disabled.'"'; ?>><?= $q ?></option>
	2674	+ <option value="<?php echo esc_attr($id) ?>" <?php echo $quiz_query == $id ? 'selected' : '' ?> <?php echo 'is-pro="'.esc_attr($disabled).'"'; ?>><?php echo esc_attr($q) ?></option>
2473	2675	<?php endforeach; ?>
2474	2676	</select>
2475	2677	</div>
2476	2678	<div class="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-quiz-container">
2477		- <select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-quiz" name="<?= $html_name_prefix ?>quiz_id">
2478		- <option value="0"><?= __( "Select quiz", "chart-builder" ) ?></option>
	2679	+ <select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>select-quiz-maker-quiz" name="<?php echo esc_attr($html_name_prefix) ?>quiz_id">
	2680	+ <option value="0"><?php echo esc_html__( "Select quiz", "chart-builder" ) ?></option>
2479	2681	<?php foreach ( $quizes as $quiz): ?>
2480		- <option value="<?= $quiz['id'] ?>" <?= $quiz_id == $quiz['id'] ? 'selected' : '' ?> ><?= $quiz['title'] ?></option>
	2682	+ <option value="<?php echo esc_attr($quiz['id']) ?>" <?php echo $quiz_id == $quiz['id'] ? 'selected' : '' ?> ><?php echo esc_html($quiz['title'] )?></option>
2481	2683	<?php endforeach; ?>
2482	2684	</select>
2483	2685	</div>
2484	2686	<div id="ays-chart-quiz-maker-success"></div>
		@@ -2484,21 +2686,21 @@
2484	2686	<div id="ays-chart-quiz-maker-success"></div>
2485	2687	<div id="ays-chart-quiz-maker-error"></div>
2486	2688	<div class="ays-chart-buttons-group">
2487	2689	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-quiz-maker-fetch">
2488		- <?php echo __( 'Show Results', "chart-builder" ); ?>
	2690	+ <?php echo esc_html__( 'Show Results', "chart-builder" ); ?>
2489	2691	</button>
2490	2692	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-quiz-maker-show-on-chart">
2491	2693	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2492		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2694	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2493	2695	</button>
2494	2696	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-quiz-maker-save">
2495		- <?php echo __( 'Save data', "chart-builder" ); ?>
	2697	+ <?php echo esc_html__( 'Save data', "chart-builder" ); ?>
2496	2698	</button>
2497	2699	</div>
2498	2700	</div>
2499	2701	<div>
2500		- <a href="https://www.youtube.com/watch?v=vqx76dw6NC8" target="_blank" style="text-decoration:none;font-style:italic"><?php echo __('How to Connect Quizzes to Charts', 'chart-builder'); ?></a>
	2702	+ <a href="https://www.youtube.com/watch?v=vqx76dw6NC8" target="_blank" style="text-decoration:none;font-style:italic"><?php echo esc_html__('How to Connect Quizzes to Charts', 'chart-builder'); ?></a>
2501	2703	</div>
2502	2704	</div>
2503	2705	</div>
2504	2706	<?php
		@@ -2503,11 +2705,18 @@
2503	2705	</div>
2504	2706	<?php
2505	2707	$content = ob_get_clean();
2506	2708
2507		- $title = sprintf( __( 'Get Quiz Maker data', $this->plugin_name ) . ' <a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="' . __("By using this option, you can display the quiz statistics by charts.%s %sNote:%s The Quiz Maker plugin must be active.",$this->plugin_name) . '">
2508		- <i class="ays_fa ays_fa_info_circle"></i>
2509		- </a>', '<br>', '<b>', '</b>');
	2709	+ $title = sprintf(
	2710	+ /* translators: %1$s: Line break, %2$s: Opening bold tag, %3$s: Closing bold tag. */
	2711	+ __( 'Get Quiz Maker data', 'chart-builder' ) .
	2712	+ ' <a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="' .
	2713	+ /* translators: %1$s: Line break, %2$s: Opening bold tag, %3$s: Closing bold tag. */
	2714	+ __( 'By using this option, you can display the quiz statistics by charts.%1$s %2$sNote:%3$s The Quiz Maker plugin must be active.', 'chart-builder' ) . '">
	2715	+ <i class="ays_fa ays_fa_info_circle"></i>
	2716	+ </a>',
	2717	+ '<br>', '<b>', '</b>'
	2718	+ );
2510	2719	$sources['quiz_maker'] = array(
2511	2720	'content' => $content,
2512	2721	'title' => $title
2513	2722	);
		@@ -2530,23 +2739,23 @@
2530	2739	<div class="ays-pro-features-v2-video-button"></div>
2531	2740	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
2532	2741	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
2533	2742	<div class="ays-pro-features-v2-upgrade-text">
2534		- <?php echo __("Upgrade" , "chart-builder"); ?>
	2743	+ <?php echo esc_html__("Upgrade" , "chart-builder"); ?>
2535	2744	</div>
2536	2745	</a>
2537	2746	</div>
2538		- <div class="<?= $html_class_prefix ?>chart-source-data-main">
	2747	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main ays-accordion-data-main-wrap ">
2539	2748	<div id="ays-chart-woocommerce-datas">
2540		- <div class="<?= $html_class_prefix ?>woocommerce-datas-form">
	2749	+ <div class="<?php echo esc_attr($html_class_prefix) ?>woocommerce-datas-form">
2541	2750	<div id="woocommerce-datas-form">
2542		- <input type="hidden" name="chart_id" value="<?= $chart_id ?>">
2543		- <div class="<?= $html_class_prefix ?>woocommerce-datas-query-container" id="<?= $html_class_prefix ?>woocommerce-datas-container-id" >
2544		- <a class="ays_help <?= $html_class_prefix ?>woocommerce-datas-tooltip" data-bs-toggle="tooltip" data-bs-html="true" title="<?php echo __( 'Select a query to display data.', $this->plugin_name ) ?>">
	2751	+ <input type="hidden" name="chart_id" value="<?php echo esc_attr( $chart_id )?>">
	2752	+ <div class="<?php echo esc_attr($html_class_prefix) ?>woocommerce-datas-query-container" id="<?php echo esc_attr($html_class_prefix) ?>woocommerce-datas-container-id" >
	2753	+ <a class="ays_help <?php echo esc_attr($html_class_prefix) ?>woocommerce-datas-tooltip" data-bs-toggle="tooltip" data-bs-html="true" title="<?php echo esc_html__( 'Select a query to display data.', 'chart-builder' ) ?>">
2545	2754	<i class="ays_fa ays_fa_info_circle"></i>
2546	2755	</a>
2547		- <select class="form-select" style="max-width: none;" id="<?= $html_class_prefix ?>woocommerce-datas-select" name="<?php echo esc_attr($html_name_prefix); ?>settings[woocommerce_data_id]">
2548		- <option value=""><?= __( 'Select query', $this->plugin_name ) ?></option>
	2756	+ <select class="form-select" style="max-width: none;" id="<?php echo esc_attr($html_class_prefix) ?>woocommerce-datas-select" name="<?php echo esc_attr($html_name_prefix); ?>settings[woocommerce_data_id]">
	2757	+ <option value=""><?php echo esc_html__( 'Select query', 'chart-builder') ?></option>
2549	2758	</select>
2550	2759	</div>
2551	2760	<div class='ays-chart-woocommerce-datas-success'></div>
2552	2761	<div class='ays-chart-woocommerce-datas-error'></div>
		@@ -2552,16 +2761,16 @@
2552	2761	<div class='ays-chart-woocommerce-datas-error'></div>
2553	2762	</div>
2554	2763	<div class="ays-chart-buttons-group">
2555	2764	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-woocommerce-datas-fetch">
2556		- <?php echo __( 'Show Results', "chart-builder" ); ?>
	2765	+ <?php echo esc_html__( 'Show Results', "chart-builder" ); ?>
2557	2766	</button>
2558	2767	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-woocommerce-datas-show-on-chart">
2559	2768	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2560		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2769	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2561	2770	</button>
2562	2771	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns" id="ays-chart-woocommerce-datas-save">
2563		- <?php echo __( 'Save data', "chart-builder" ); ?>
	2772	+ <?php echo esc_html__( 'Save data', "chart-builder" ); ?>
2564	2773	</button>
2565	2774	</div>
2566	2775	</div>
2567	2776	</div>
		@@ -2568,12 +2777,19 @@
2568	2777	</div>
2569	2778	</div>
2570	2779	<?php
2571	2780	$content = ob_get_clean();
2572		-
2573		- $title = sprintf( __( 'Get WooCommerce data', $this->plugin_name ) . ' <a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="' . __("By using this option, you can display the WooCommerce statistics by charts.%s %sNote:%s The WooCommerce plugin must be active.",$this->plugin_name) . '">
2574		- <i class="ays_fa ays_fa_info_circle"></i>
2575		- </a>', '<br>', '<b>', '</b>');
	2781	+
	2782	+ $title = sprintf(
	2783	+ /* translators: %1$s: Line break, %2$s: Opening bold tag, %3$s: Closing bold tag. */
	2784	+ esc_html__( 'Get WooCommerce data', 'chart-builder' ) .
	2785	+ ' <a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="' .
	2786	+ /* translators: %1$s: Line break, %2$s: Opening bold tag, %3$s: Closing bold tag. */
	2787	+ __( 'By using this option, you can display the WooCommerce statistics by charts.%1$s %2$sNote:%3$s The WooCommerce plugin must be active.', 'chart-builder' ) . '">
	2788	+ <i class="ays_fa ays_fa_info_circle"></i>
	2789	+ </a>',
	2790	+ '<br>', '<b>', '</b>'
	2791	+ );
2576	2792	$sources['woocommerce'] = array(
2577	2793	'content' => $content,
2578	2794	'title' => $title
2579	2795	);
		@@ -2587,9 +2803,9 @@
2587	2803	$source = $args['source'];
2588	2804	$source = isset($source["commonTypeCharts"]) ? $source["commonTypeCharts"] : $source;
2589	2805	$settings = $args['settings'];
2590	2806	$source_chart_type = $args['source_chart_type'];
2591		- $action = isset($_GET['action']) ? sanitize_text_field($_GET['action']) : 'add';
	2807	+ $action = isset($_GET['action']) ? sanitize_text_field(wp_unslash($_GET['action'])) : 'add';
2592	2808
2593	2809	if (isset($source) && !empty($source)) {
2594	2810	if ( !isset( $source[0] ) ) {
2595	2811	if (count($source[1]) > 2) {
		@@ -2594,15 +2810,15 @@
2594	2810	if ( !isset( $source[0] ) ) {
2595	2811	if (count($source[1]) > 2) {
2596	2812	$titles = array();
2597	2813	for ($i = 0; $i < count($source[1]); $i++) {
2598		- array_push($titles, __("Title", $this->plugin_name).$i);
	2814	+ array_push($titles, __("Title", 'chart-builder').$i);
2599	2815	}
2600	2816	$source[0] = $titles;
2601	2817	} else {
2602	2818	$source[0] = array(
2603		- __("Country", $this->plugin_name),
2604		- __("Population", $this->plugin_name),
	2819	+ __("Country", 'chart-builder'),
	2820	+ __("Population", 'chart-builder'),
2605	2821	);
2606	2822	}
2607	2823
2608	2824	ksort($source);
		@@ -2624,9 +2840,9 @@
2624	2840	?>
2625	2841	<div class="ays-accordion-data-main-wrap">
2626	2842	<div class="<?php echo esc_attr($html_class_prefix) ?>source-data-main-wrap">
2627	2843	<?php if($source_chart_type != 'org_chart'): ?>
2628		- <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main <?= $html_class_prefix ?>chart-source-data-manual cb-changable-manual cb-pie_chart-manual cb-bar_chart-manual cb-column_chart-manual cb-line_chart-manual cb-donut_chart-manual display_none">
	2844	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main <?php echo esc_attr( $html_class_prefix) ?>chart-source-data-manual cb-changable-manual cb-pie_chart-manual cb-bar_chart-manual cb-column_chart-manual cb-line_chart-manual cb-donut_chart-manual display_none">
2629	2845	<!-- <div class="<//?= $html_class_prefix ?>icons-box">
2630	2846	<img class="<//?= $html_class_prefix ?>add-new-row" src="<//?php echo CHART_BUILDER_ADMIN_URL; ?>/images/icons/add-circle-outline.svg">
2631	2847	</div> -->
2632	2848	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-content-container">
		@@ -2637,14 +2853,14 @@
2637	2853	if ($source_id == 0): ?>
2638	2854	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-edit-block" data-source-id = "<?php echo esc_attr($source_id); ?>">
2639	2855	<div class="ays-chart-empty-data-table-cell"></div>
2640	2856	<?php foreach($source_value as $each_source_id => $each_source_value): ?>
2641		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-title-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
	2857	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-title-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2642	2858	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-block <?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-col" data-trigger="hover" data-bs-toggle="tooltip" title="Delete column" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10px">
2643	2859	<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" style="fill: #b8b8b8;" />
2644	2860	</svg>
2645	2861	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-titles-box-item">
2646		- <input type="text" class="ays-text-input form-control <?= $html_class_prefix ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo stripslashes(esc_attr($each_source_value)); ?>" <?php echo $each_source_id == 0 ? "style='min-width:100px'" : "" ?>>
	2862	+ <input type="text" class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(stripslashes($each_source_value)); ?>" <?php echo $each_source_id == 0 ? "style='min-width:100px'" : "" ?>>
2647	2863	<?php if ($each_source_id !== 0): ?>
2648	2864	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-sort" data-sort-order="asc" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
2649	2865	<path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" style="fill: #b8b8b8;" />
2650	2866	</svg>
		@@ -2666,14 +2882,14 @@
2666	2882	</svg>
2667	2883	</div>
2668	2884	<?php foreach($source_value as $each_source_id => $each_source_value): ?>
2669	2885	<?php if ($each_source_id == 0): ?>
2670		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-data-name-input-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2671		- <input type="text" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo htmlspecialchars(esc_attr($each_source_value)); ?>">
	2886	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-data-name-input-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
	2887	+ <input type="text" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(htmlspecialchars($each_source_value)); ?>">
2672	2888	</div>
2673	2889	<?php else: ?>
2674	2890	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-number" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2675		- <input type="number" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo stripslashes(esc_attr($each_source_value)); ?>" step="any">
	2891	+ <input type="number" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(stripslashes($each_source_value)); ?>" step="any">
2676	2892	</div>
2677	2893	<?php endif; ?>
2678	2894	<?php endforeach; ?>
2679	2895	</div>
		@@ -2680,16 +2896,16 @@
2680	2896	<?php endif; ?>
2681	2897	<?php endif; ?>
2682	2898	<?php endforeach; ?>
2683	2899	<?php else:?>
2684		- <div class="<?= $html_class_prefix ?>chart-source-data-edit-block">
	2900	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-edit-block">
2685	2901	<div style="height: 63.11px; padding: 0 15px;"></div>
2686		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-title-box">
	2902	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-title-box">
2687	2903	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-block <?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-col" data-trigger="hover" data-bs-toggle="tooltip" title="Delete column" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10px">
2688	2904	<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" style="fill: #b8b8b8;" />
2689	2905	</svg>
2690	2906	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-titles-box-item">
2691		- <input type="text" class="ays-text-input form-control <?= $html_class_prefix ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[0][]" style='min-width:100px'>
	2907	+ <input type="text" class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[0][]" style='min-width:100px'>
2692	2908	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-sort" data-sort-order="asc" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
2693	2909	<path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" style="fill: #b8b8b8;" />
2694	2910	</svg>
2695	2911	</div>
		@@ -2716,30 +2932,30 @@
2716	2932	<?php endif; ?>
2717	2933	</div>
2718	2934	<div class="<?php echo esc_attr($html_class_prefix) ?>icons-box <?php echo esc_attr($html_class_prefix) ?>add-new-column-box cb-changable-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt display_none">
2719	2935	<img class="<?php echo esc_attr($html_class_prefix) ?>add-new-column" src="<?php echo esc_url(CHART_BUILDER_ADMIN_URL); ?>/images/icons/add-circle-outline.svg">
2720		- <?php echo __( 'Add column', "chart-builder" ); ?>
	2936	+ <?php echo esc_html__( 'Add column', "chart-builder" ); ?>
2721	2937	</div>
2722	2938	</div>
2723	2939	<div class="<?php echo esc_attr($html_class_prefix) ?>icons-box <?php echo esc_attr($html_class_prefix) ?>add-new-row-box">
2724	2940	<img class="<?php echo esc_attr($html_class_prefix) ?>add-new-row" src="<?php echo esc_url(CHART_BUILDER_ADMIN_URL); ?>/images/icons/add-circle-outline.svg">
2725		- <?php echo __( 'Add row', "chart-builder" ); ?>
	2941	+ <?php echo esc_html__( 'Add row', "chart-builder" ); ?>
2726	2942	</div>
2727	2943	<br>
2728	2944	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns <?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttn">
2729	2945	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2730		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2946	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2731	2947	</button>
2732	2948	</div>
2733	2949	<?php endif; ?>
2734		- <div class="<?= $html_class_prefix ?>chart-source-data-main-org-type display_none cb-changable-manual cb-org_chart-manual">
2735		- <div class="<?= $html_class_prefix ?>chart-source-data-content-org-type">
2736		- <ul id="<?= $html_class_prefix ?>chart-source-data-edit-tree-content">
	2950	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main-org-type display_none cb-changable-manual cb-org_chart-manual">
	2951	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-content-org-type">
	2952	+ <ul id="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-edit-tree-content">
2737	2953	</ul>
2738	2954	</div>
2739	2955	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns <?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttn">
2740	2956	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2741		- <?php echo __( 'Preview', "chart-builder" ); ?>
	2957	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2742	2958	</button>
2743	2959	</div>
2744	2960	</div>
2745	2961	</div>
		@@ -2764,15 +2980,15 @@
2764	2980	$source = $args['source'];
2765	2981	$source = isset($source["commonTypeCharts"]) ? $source["commonTypeCharts"] : $source;
2766	2982	$settings = $args['settings'];
2767	2983	$source_chart_type = $args['source_chart_type'];
2768		- $action = isset($_GET['action']) ? sanitize_text_field($_GET['action']) : 'add';
	2984	+ $action = isset($_GET['action']) ? sanitize_text_field((wp_unslash($_GET['action']))) : 'add';
2769	2985
2770	2986	ob_start();
2771	2987	?>
2772	2988	<div class="ays-accordion-data-main-wrap">
2773	2989	<div class="<?php echo esc_attr($html_class_prefix) ?>source-data-main-wrap">
2774		- <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main <?= $html_class_prefix ?>chart-source-data-manual">
	2990	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-main <?php echo esc_attr($html_class_prefix) ?>chart-source-data-manual">
2775	2991	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-content-container">
2776	2992	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-content">
2777	2993	<?php if(!empty($source)):
2778	2994	foreach($source as $source_id => $source_value):
		@@ -2780,14 +2996,14 @@
2780	2996	if ($source_id == 0): ?>
2781	2997	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-edit-block" data-source-id = "<?php echo esc_attr($source_id); ?>">
2782	2998	<div class="ays-chart-empty-data-table-cell"></div>
2783	2999	<?php foreach($source_value as $each_source_id => $each_source_value): ?>
2784		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-title-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
	3000	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-title-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2785	3001	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-block <?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-col" data-trigger="hover" data-bs-toggle="tooltip" title="Delete column" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10px">
2786	3002	<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" style="fill: #b8b8b8;" />
2787	3003	</svg>
2788	3004	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-titles-box-item">
2789		- <input type="text" class="ays-text-input form-control <?= $html_class_prefix ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo stripslashes(esc_attr($each_source_value)); ?>" <?php echo $each_source_id == 0 ? "style='min-width:100px'" : "" ?>>
	3005	+ <input type="text" class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(stripslashes($each_source_value)); ?>" <?php echo $each_source_id == 0 ? "style='min-width:100px'" : "" ?>>
2790	3006	<?php if ($each_source_id !== 0): ?>
2791	3007	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-sort" data-sort-order="asc" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
2792	3008	<path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" style="fill: #b8b8b8;" />
2793	3009	</svg>
		@@ -2809,14 +3025,14 @@
2809	3025	</svg>
2810	3026	</div>
2811	3027	<?php foreach($source_value as $each_source_id => $each_source_value): ?>
2812	3028	<?php if ($each_source_id == 0): ?>
2813		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-data-name-input-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2814		- <input type="text" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo htmlspecialchars(esc_attr($each_source_value)); ?>">
	3029	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-data-name-input-box" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
	3030	+ <input type="text" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(htmlspecialchars($each_source_value)); ?>">
2815	3031	</div>
2816	3032	<?php else: ?>
2817	3033	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-number" data-cell-id = "<?php echo esc_attr($each_source_id); ?>">
2818		- <input type="number" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo stripslashes(esc_attr($each_source_value)); ?>" step="any">
	3034	+ <input type="number" class="ays-text-input form-control" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[<?php echo esc_attr($source_id); ?>][]" value="<?php echo esc_attr(stripslashes($each_source_value)); ?>" step="any">
2819	3035	</div>
2820	3036	<?php endif; ?>
2821	3037	<?php endforeach; ?>
2822	3038	</div>
		@@ -2823,16 +3039,16 @@
2823	3039	<?php endif; ?>
2824	3040	<?php endif; ?>
2825	3041	<?php endforeach; ?>
2826	3042	<?php else:?>
2827		- <div class="<?= $html_class_prefix ?>chart-source-data-edit-block">
	3043	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-edit-block">
2828	3044	<div style="height: 63.11px; padding: 0 15px;"></div>
2829		- <div class="<?= $html_class_prefix ?>chart-source-data-input-box <?= $html_class_prefix ?>chart-source-title-box">
	3045	+ <div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-input-box <?php echo esc_attr($html_class_prefix) ?>chart-source-title-box">
2830	3046	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-block <?php echo esc_attr($html_class_prefix) ?>chart-source-data-remove-col" data-trigger="hover" data-bs-toggle="tooltip" title="Delete column" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512" width="10px">
2831	3047	<path d="M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z" style="fill: #b8b8b8;" />
2832	3048	</svg>
2833	3049	<div class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-titles-box-item">
2834		- <input type="text" class="ays-text-input form-control <?= $html_class_prefix ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[0][]" style='min-width:100px'>
	3050	+ <input type="text" class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>chart-source-title-input" name="<?php echo esc_attr($html_name_prefix); ?>chart_source_data[0][]" style='min-width:100px'>
2835	3051	<svg class="<?php echo esc_attr($html_class_prefix) ?>chart-source-data-sort" data-sort-order="asc" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 320 512">
2836	3052	<path d="M137.4 41.4c12.5-12.5 32.8-12.5 45.3 0l128 128c9.2 9.2 11.9 22.9 6.9 34.9s-16.6 19.8-29.6 19.8H32c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9l128-128zm0 429.3l-128-128c-9.2-9.2-11.9-22.9-6.9-34.9s16.6-19.8 29.6-19.8H288c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9l-128 128c-12.5 12.5-32.8 12.5-45.3 0z" style="fill: #b8b8b8;" />
2837	3053	</svg>
2838	3054	</div>
		@@ -2859,19 +3075,19 @@
2859	3075	<?php endif; ?>
2860	3076	</div>
2861	3077	<div class="<?php echo esc_attr($html_class_prefix) ?>icons-box <?php echo esc_attr($html_class_prefix) ?>add-new-column-box cb-changable-opt cb-bar_chart-opt cb-line_chart-opt display_none">
2862	3078	<img class="<?php echo esc_attr($html_class_prefix) ?>add-new-column" src="<?php echo esc_url(CHART_BUILDER_ADMIN_URL); ?>/images/icons/add-circle-outline.svg">
2863		- <?php echo __( 'Add column', "chart-builder" ); ?>
	3079	+ <?php echo esc_html__( 'Add column', "chart-builder" ); ?>
2864	3080	</div>
2865	3081	</div>
2866	3082	<div class="<?php echo esc_attr($html_class_prefix) ?>icons-box <?php echo esc_attr($html_class_prefix) ?>add-new-row-box">
2867	3083	<img class="<?php echo esc_attr($html_class_prefix) ?>add-new-row" src="<?php echo esc_url(CHART_BUILDER_ADMIN_URL); ?>/images/icons/add-circle-outline.svg">
2868		- <?php echo __( 'Add row', "chart-builder" ); ?>
	3084	+ <?php echo esc_html__( 'Add row', "chart-builder" ); ?>
2869	3085	</div>
2870	3086	<br>
2871	3087	<button class="<?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttns <?php echo esc_attr($html_class_prefix) ?>show-on-chart-bttn">
2872	3088	<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.722 6.59785C12.2407 3.47754 10.0017 1.90723 7.00009 1.90723C3.99697 1.90723 1.75947 3.47754 0.278215 6.59941C0.218802 6.72522 0.187988 6.86263 0.187988 7.00176C0.187988 7.14089 0.218802 7.27829 0.278215 7.4041C1.75947 10.5244 3.99853 12.0947 7.00009 12.0947C10.0032 12.0947 12.2407 10.5244 13.722 7.40254C13.8423 7.14941 13.8423 6.85566 13.722 6.59785ZM7.00009 10.9697C4.47978 10.9697 2.63447 9.6916 1.3329 7.00098C2.63447 4.31035 4.47978 3.03223 7.00009 3.03223C9.5204 3.03223 11.3657 4.31035 12.6673 7.00098C11.3673 9.6916 9.52197 10.9697 7.00009 10.9697ZM6.93759 4.25098C5.41884 4.25098 4.18759 5.48223 4.18759 7.00098C4.18759 8.51973 5.41884 9.75098 6.93759 9.75098C8.45634 9.75098 9.68759 8.51973 9.68759 7.00098C9.68759 5.48223 8.45634 4.25098 6.93759 4.25098ZM6.93759 8.75098C5.9704 8.75098 5.18759 7.96816 5.18759 7.00098C5.18759 6.03379 5.9704 5.25098 6.93759 5.25098C7.90478 5.25098 8.68759 6.03379 8.68759 7.00098C8.68759 7.96816 7.90478 8.75098 6.93759 8.75098Z" fill="#14524A" /></svg>
2873		- <?php echo __( 'Preview', "chart-builder" ); ?>
	3089	+ <?php echo esc_html__( 'Preview', "chart-builder" ); ?>
2874	3090	</button>
2875	3091	</div>
2876	3092	</div>
2877	3093	</div>
		@@ -2927,9 +3143,9 @@
2927	3143
2928	3144	$sources[] = $content;
2929	3145	}
2930	3146	$content_for_escape = implode('' , $sources );
2931		- echo html_entity_decode(esc_html( $content_for_escape ));
	3147	+ echo html_entity_decode( $content_for_escape );
2932	3148	}
2933	3149
2934	3150	public function settings_contents_general_settings( $sources, $args ){
2935	3151	$html_class_prefix = $args['html_class_prefix'];
		@@ -3204,9 +3420,9 @@
3204	3420	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3205	3421	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3206	3422	<label for="ays-chart-option-tooltip-trigger">
3207	3423	<?php echo esc_html(__( "Trigger", "chart-builder" )); ?>
3208		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose when to display the results on the chart.","chart-builder") ); ?>">
	3424	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("Choose when to display the results on the chart.","chart-builder") )); ?>">
3209	3425	<i class="ays_fa ays_fa_info_circle"></i>
3210	3426	</a>
3211	3427	</label>
3212	3428	</div>
		@@ -3255,9 +3471,9 @@
3255	3471	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3256	3472	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3257	3473	<label for="ays-chart-option-tooltip-font-size" class="form-label">
3258	3474	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
3259		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size for all text within the chart tooltip, specified in pixels. Please note that if an invalid value is entered, it will revert to the default global font size.","chart-builder") ); ?>">
	3475	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("The font size for all text within the chart tooltip, specified in pixels. Please note that if an invalid value is entered, it will revert to the default global font size.","chart-builder") )); ?>">
3260	3476	<i class="ays_fa ays_fa_info_circle"></i>
3261	3477	</a>
3262	3478	</label>
3263	3479	</div>
		@@ -3285,9 +3501,9 @@
3285	3501	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3286	3502	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3287	3503	<label for="ays-chart-option-tooltip-bold">
3288	3504	<?php echo esc_html(__( "Bold text", "chart-builder" )); ?>
3289		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose when to display the results on the chart.","chart-builder") ); ?>">
	3505	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("Choose when to display the results on the chart.","chart-builder") )); ?>">
3290	3506	<i class="ays_fa ays_fa_info_circle"></i>
3291	3507	</a>
3292	3508	</label>
3293	3509	</div>
		@@ -3339,9 +3555,9 @@
3339	3555	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3340	3556	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3341	3557	<label for="ays-chart-option-legend-position">
3342	3558	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
3343		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose the appropriate position for the chart legend.","chart-builder") ); ?>">
	3559	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("Choose the appropriate position for the chart legend.","chart-builder") )); ?>">
3344	3560	<i class="ays_fa ays_fa_info_circle"></i>
3345	3561	</a>
3346	3562	</label>
3347	3563	</div>
		@@ -3372,9 +3588,9 @@
3372	3588	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3373	3589	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3374	3590	<label for="ays-chart-option-legend-alignment">
3375	3591	<?php echo esc_html(__( "Alignment", "chart-builder" )); ?>
3376		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose the appropriate alignment for the chart legend.","chart-builder") ); ?>">
	3592	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("Choose the appropriate alignment for the chart legend.","chart-builder") )); ?>">
3377	3593	<i class="ays_fa ays_fa_info_circle"></i>
3378	3594	</a>
3379	3595	</label>
3380	3596	</div>
		@@ -3394,9 +3610,9 @@
3394	3610	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3395	3611	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3396	3612	<label for="ays-chart-option-legend-font-color">
3397	3613	<?php echo esc_html(__( "Font Color", "chart-builder" )); ?>
3398		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose the font color for the chart legend.","chart-builder") ); ?>">
	3614	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("Choose the font color for the chart legend.","chart-builder") )); ?>">
3399	3615	<i class="ays_fa ays_fa_info_circle"></i>
3400	3616	</a>
3401	3617	</label>
3402	3618	</div>
		@@ -3407,9 +3623,9 @@
3407	3623	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3408	3624	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3409	3625	<label for="ays-chart-option-legend-font-size" class="form-label">
3410	3626	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
3411		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size for all text within the chart legend, specified in pixels. Please note that if an invalid value is entered, it will revert to the default global font size.","chart-builder") ); ?>">
	3627	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr(htmlspecialchars( __("The font size for all text within the chart legend, specified in pixels. Please note that if an invalid value is entered, it will revert to the default global font size.","chart-builder") )); ?>">
3412	3628	<i class="ays_fa ays_fa_info_circle"></i>
3413	3629	</a>
3414	3630	</label>
3415	3631	</div>
		@@ -3496,9 +3712,9 @@
3496	3712	$haxis_minor_gridlines_color = $settings['haxis_minor_gridlines_color'];
3497	3713
3498	3714	ob_start();
3499	3715	?>
3500		- <div class="ays-accordion-data-main-wrap <?= $html_class_prefix ?>options-haxis-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
	3716	+ <div class="ays-accordion-data-main-wrap <?php echo esc_attr($html_class_prefix) ?>options-haxis-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
3501	3717	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
3502	3718	<h6>Label</h6>
3503	3719	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3504	3720	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -3503,9 +3719,9 @@
3503	3719	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3504	3720	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3505	3721	<label for="ays-chart-option-haxis-title" class="form-label">
3506	3722	<?php echo esc_html(__( "Label", "chart-builder" )); ?>
3507		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The title of the horizontal axis","chart-builder") ); ?>">
	3723	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The title of the horizontal axis","chart-builder") ); ?>">
3508	3724	<i class="ays_fa ays_fa_info_circle"></i>
3509	3725	</a>
3510	3726	</label>
3511	3727	</div>
		@@ -3590,9 +3806,9 @@
3590	3806	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3591	3807	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3592	3808	<label for="ays-chart-option-haxis-text-position" class="form-label">
3593	3809	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
3594		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Position of the horizontal axis text, relative to the chart area.","chart-builder") ); ?>">
	3810	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Position of the horizontal axis text, relative to the chart area.","chart-builder") ); ?>">
3595	3811	<i class="ays_fa ays_fa_info_circle"></i>
3596	3812	</a>
3597	3813	</label>
3598	3814	</div>
		@@ -3780,25 +3996,33 @@
3780	3996	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3781	3997	<label for="ays-chart-option-haxis-format" class="form-label">
3782	3998	<?php echo esc_html(__( "Format", "chart-builder" )); ?>
3783	3999	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
3784		- echo htmlspecialchars( sprintf (
3785		- "<p>" . __('A format string for numeric axis labels. You can choose any of the following:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
3786		- __('%sNone:%s Displays numbers with no formatting (e.g., 8000000)', "chart-builder") . "</li><li>" .
3787		- __('%sDecimal:%s Displays numbers with thousands separators (e.g., 8,000,000)', "chart-builder") . "</li><li>" .
3788		- __('%sScientific:%s Displays numbers in scientific notation (e.g., 8e6)', "chart-builder") . "</li><li>" .
3789		- __('%sCurrency:%s Displays numbers in the local currency (e.g., $8,000,000.00)', "chart-builder") . "</li><li>" .
3790		- __('%sPercent:%s Displays numbers as percentages (e.g., 800,000,000%%)', "chart-builder") . "</li><li>" .
3791		- __('%sShort:%s Displays abbreviated numbers (e.g., 8M)', "chart-builder") . "</li><li>" .
3792		- __('%sLong:%s Displays numbers as full words (e.g., 8 million)', "chart-builder") . "</li></ul>",
3793		- '<em>', '</em>',
3794		- '<em>', '</em>',
3795		- '<em>', '</em>',
3796		- '<em>', '</em>',
3797		- '<em>', '</em>',
3798		- '<em>', '</em>',
3799		- '<em>', '</em>'
3800		- ) );
	4000	+ echo esc_attr( sprintf(
	4001	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4002	+ "<p>" . __('A format string for numeric axis labels. You can choose any of the following:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
	4003	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4004	+ __('%1$sNone:%2$s Displays numbers with no formatting (e.g., 8000000)', "chart-builder") . "</li><li>" .
	4005	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4006	+ __('%1$sDecimal:%2$s Displays numbers with thousands separators (e.g., 8,000,000)', "chart-builder") . "</li><li>" .
	4007	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4008	+ __('%1$sScientific:%2$s Displays numbers in scientific notation (e.g., 8e6)', "chart-builder") . "</li><li>" .
	4009	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4010	+ __('%1$sCurrency:%2$s Displays numbers in the local currency (e.g., $8,000,000.00)', "chart-builder") . "</li><li>" .
	4011	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4012	+ __('%1$sPercent:%2$s Displays numbers as percentages (e.g., 800,000,000%%)', "chart-builder") . "</li><li>" .
	4013	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4014	+ __('%1$sShort:%2$s Displays abbreviated numbers (e.g., 8M)', "chart-builder") . "</li><li>" .
	4015	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4016	+ __('%1$sLong:%2$s Displays numbers as full words (e.g., 8 million)', "chart-builder") . "</li></ul>",
	4017	+ '<em>', '</em>',
	4018	+ '<em>', '</em>',
	4019	+ '<em>', '</em>',
	4020	+ '<em>', '</em>',
	4021	+ '<em>', '</em>',
	4022	+ '<em>', '</em>',
	4023	+ '<em>', '</em>'
	4024	+ ));
3801	4025	?>">
3802	4026	<i class="ays_fa ays_fa_info_circle"></i>
3803	4027	</a>
3804	4028	</label>
		@@ -3884,9 +4108,9 @@
3884	4108	$vaxis_minor_gridlines_color = $settings['vaxis_minor_gridlines_color'];
3885	4109
3886	4110	ob_start();
3887	4111	?>
3888		- <div class="ays-accordion-data-main-wrap <?= $html_class_prefix ?>options-vaxis-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
	4112	+ <div class="ays-accordion-data-main-wrap <?php echo esc_attr($html_class_prefix) ?>options-vaxis-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
3889	4113	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
3890	4114	<h6>Label</h6>
3891	4115	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3892	4116	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -3891,9 +4115,9 @@
3891	4115	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3892	4116	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3893	4117	<label for="ays-chart-option-vaxis-title" class="form-label">
3894	4118	<?php echo esc_html(__( "Label", "chart-builder" )); ?>
3895		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The title of the vertical axis","chart-builder") ); ?>">
	4119	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The title of the vertical axis","chart-builder") ); ?>">
3896	4120	<i class="ays_fa ays_fa_info_circle"></i>
3897	4121	</a>
3898	4122	</label>
3899	4123	</div>
		@@ -3965,9 +4189,9 @@
3965	4189	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
3966	4190	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
3967	4191	<label for="ays-chart-option-vaxis-text-position" class="form-label">
3968	4192	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
3969		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Position of the vertical axis text, relative to the chart area.","chart-builder") ); ?>">
	4193	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Position of the vertical axis text, relative to the chart area.","chart-builder") ); ?>">
3970	4194	<i class="ays_fa ays_fa_info_circle"></i>
3971	4195	</a>
3972	4196	</label>
3973	4197	</div>
		@@ -4120,17 +4344,25 @@
4120	4344	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4121	4345	<label for="ays-chart-option-vaxis-format" class="form-label">
4122	4346	<?php echo esc_html(__( "Format", "chart-builder" )); ?>
4123	4347	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
4124		- echo htmlspecialchars( sprintf (
	4348	+ echo esc_attr( sprintf(
	4349	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
4125	4350	"<p>" . __('A format string for numeric axis labels. You can choose any of the following:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
4126		- __('%sNone:%s Displays numbers with no formatting (e.g., 8000000)', "chart-builder") . "</li><li>" .
4127		- __('%sDecimal:%s Displays numbers with thousands separators (e.g., 8,000,000)', "chart-builder") . "</li><li>" .
4128		- __('%sScientific:%s Displays numbers in scientific notation (e.g., 8e6)', "chart-builder") . "</li><li>" .
4129		- __('%sCurrency:%s Displays numbers in the local currency (e.g., $8,000,000.00)', "chart-builder") . "</li><li>" .
4130		- __('%sPercent:%s Displays numbers as percentages (e.g., 800,000,000%%)', "chart-builder") . "</li><li>" .
4131		- __('%sShort:%s Displays abbreviated numbers (e.g., 8M)', "chart-builder") . "</li><li>" .
4132		- __('%sLong:%s Displays numbers as full words (e.g., 8 million)', "chart-builder") . "</li></ul>",
	4351	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4352	+ __('%1$sNone:%2$s Displays numbers with no formatting (e.g., 8000000)', "chart-builder") . "</li><li>" .
	4353	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4354	+ __('%1$sDecimal:%2$s Displays numbers with thousands separators (e.g., 8,000,000)', "chart-builder") . "</li><li>" .
	4355	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4356	+ __('%1$sScientific:%2$s Displays numbers in scientific notation (e.g., 8e6)', "chart-builder") . "</li><li>" .
	4357	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4358	+ __('%1$sCurrency:%2$s Displays numbers in the local currency (e.g., $8,000,000.00)', "chart-builder") . "</li><li>" .
	4359	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4360	+ __('%1$sPercent:%2$s Displays numbers as percentages (e.g., 800,000,000%%)', "chart-builder") . "</li><li>" .
	4361	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4362	+ __('%1$sShort:%2$s Displays abbreviated numbers (e.g., 8M)', "chart-builder") . "</li><li>" .
	4363	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4364	+ __('%1$sLong:%2$s Displays numbers as full words (e.g., 8 million)', "chart-builder") . "</li></ul>",
4133	4365	'<em>', '</em>',
4134	4366	'<em>', '</em>',
4135	4367	'<em>', '</em>',
4136	4368	'<em>', '</em>',
		@@ -4136,9 +4368,9 @@
4136	4368	'<em>', '</em>',
4137	4369	'<em>', '</em>',
4138	4370	'<em>', '</em>',
4139	4371	'<em>', '</em>'
4140		- ) );
	4372	+ ));
4141	4373	?>">
4142	4374	<i class="ays_fa ays_fa_info_circle"></i>
4143	4375	</a>
4144	4376	</label>
		@@ -4209,9 +4441,9 @@
4209	4441	$animation_easing = $settings['animation_easing'];
4210	4442
4211	4443	ob_start();
4212	4444	?>
4213		- <div class="ays-accordion-data-main-wrap <?= $html_class_prefix ?>options-animation-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
	4445	+ <div class="ays-accordion-data-main-wrap <?php echo esc_attr($html_class_prefix) ?>options-animation-settings-tab cb-changable-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
4214	4446	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
4215	4447	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4216	4448	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4217	4449	<label for="ays-chart-option-enable-animation">
		@@ -4262,23 +4494,24 @@
4262	4494	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4263	4495	<label for="ays-chart-option-animation-easing" class="form-label">
4264	4496	<?php echo esc_html(__( "Easing", "chart-builder" )); ?>
4265	4497	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
4266		- echo htmlspecialchars( sprintf(
	4498	+ echo esc_attr( sprintf(
	4499	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
4267	4500	"<p>" . __('The easing function applied to the chart animation. The following options are available:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
4268		- __('%sLinear:%s Constant speed.', "chart-builder") . "</li><li>" .
4269		- __('%sEase in:%s Start slow and speed up.', "chart-builder") . "</li><li>" .
4270		- __('%sEase out:%s Start fast and slow down.', "chart-builder") . "</li><li>" .
4271		- __('%sEase in and out:%s Start slow, speed up, then slow down.', "chart-builder") . "</li></ul>",
4272		- '<em>',
4273		- '</em>',
4274		- '<em>',
4275		- '</em>',
4276		- '<em>',
4277		- '</em>',
4278		- '<em>',
4279		- '</em>'
4280		- ) );
	4501	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4502	+ __('%1$sLinear:%2$s Constant speed.', "chart-builder") . "</li><li>" .
	4503	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4504	+ __('%1$sEase in:%2$s Start slow and speed up.', "chart-builder") . "</li><li>" .
	4505	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4506	+ __('%1$sEase out:%2$s Start fast and slow down.', "chart-builder") . "</li><li>" .
	4507	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	4508	+ __('%1$sEase in and out:%2$s Start slow, speed up, then slow down.', "chart-builder") . "</li></ul>",
	4509	+ '<em>', '</em>',
	4510	+ '<em>', '</em>',
	4511	+ '<em>', '</em>',
	4512	+ '<em>', '</em>'
	4513	+ ));
4281	4514	?>">
4282	4515	<i class="ays_fa ays_fa_info_circle"></i>
4283	4516	</a>
4284	4517	</label>
		@@ -4317,9 +4550,9 @@
4317	4550	$html_name_prefix = $args['html_name_prefix'];
4318	4551
4319	4552	ob_start();
4320	4553	?>
4321		- <div class="ays-accordion-data-main-wrap <?= $html_class_prefix ?>options-live-chart-settings-tab">
	4554	+ <div class="ays-accordion-data-main-wrap <?php echo esc_attr($html_class_prefix) ?>options-live-chart-settings-tab">
4322	4555	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
4323	4556	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section ays-pro-features-v2-main-box">
4324	4557	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4325	4558	<a href="https://www.youtube.com/watch?v=lhTqZmFUNz4" target="_blank" class="ays-pro-features-v2-video-button">
		@@ -4324,15 +4557,15 @@
4324	4557	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4325	4558	<a href="https://www.youtube.com/watch?v=lhTqZmFUNz4" target="_blank" class="ays-pro-features-v2-video-button">
4326	4559	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4327	4560	<div class="ays-pro-features-v2-video-text">
4328		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4561	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4329	4562	</div>
4330	4563	</a>
4331	4564	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4332	4565	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4333	4566	<div class="ays-pro-features-v2-upgrade-text">
4334		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4567	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4335	4568	</div>
4336	4569	</a>
4337	4570	</div>
4338	4571	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4354,15 +4587,15 @@
4354	4587	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4355	4588	<a href="https://www.youtube.com/watch?v=lhTqZmFUNz4" target="_blank" class="ays-pro-features-v2-video-button">
4356	4589	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4357	4590	<div class="ays-pro-features-v2-video-text">
4358		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4591	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4359	4592	</div>
4360	4593	</a>
4361	4594	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4362	4595	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4363	4596	<div class="ays-pro-features-v2-upgrade-text">
4364		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4597	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4365	4598	</div>
4366	4599	</a>
4367	4600	</div>
4368	4601	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4402,9 +4635,9 @@
4402	4635	$enable_img = $settings['enable_img'];
4403	4636
4404	4637	ob_start();
4405	4638	?>
4406		- <div class="ays-accordion-data-main-wrap <?= $html_class_prefix ?>options-export-tab cb-changable-tab cb-pie_chart-tab cb-donut_chart-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
	4639	+ <div class="ays-accordion-data-main-wrap <?php echo esc_attr($html_class_prefix) ?>options-export-tab cb-changable-tab cb-pie_chart-tab cb-donut_chart-tab cb-bar_chart-tab cb-column_chart-tab cb-line_chart-tab">
4407	4640	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
4408	4641	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section ays-pro-features-v2-main-box">
4409	4642	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4410	4643	<a href="https://www.youtube.com/watch?v=9UqLXG5NU_I" target="_blank" class="ays-pro-features-v2-video-button">
		@@ -4409,15 +4642,15 @@
4409	4642	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4410	4643	<a href="https://www.youtube.com/watch?v=9UqLXG5NU_I" target="_blank" class="ays-pro-features-v2-video-button">
4411	4644	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4412	4645	<div class="ays-pro-features-v2-video-text">
4413		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4646	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4414	4647	</div>
4415	4648	</a>
4416	4649	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4417	4650	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4418	4651	<div class="ays-pro-features-v2-upgrade-text">
4419		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4652	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4420	4653	</div>
4421	4654	</a>
4422	4655	</div>
4423	4656	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4439,15 +4672,15 @@
4439	4672	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4440	4673	<a href="https://www.youtube.com/watch?v=9UqLXG5NU_I" target="_blank" class="ays-pro-features-v2-video-button">
4441	4674	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4442	4675	<div class="ays-pro-features-v2-video-text">
4443		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4676	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4444	4677	</div>
4445	4678	</a>
4446	4679	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4447	4680	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4448	4681	<div class="ays-pro-features-v2-upgrade-text">
4449		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4682	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4450	4683	</div>
4451	4684	</a>
4452	4685	</div>
4453	4686	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4469,15 +4702,15 @@
4469	4702	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4470	4703	<a href="https://www.youtube.com/watch?v=9UqLXG5NU_I" target="_blank" class="ays-pro-features-v2-video-button">
4471	4704	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4472	4705	<div class="ays-pro-features-v2-video-text">
4473		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4706	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4474	4707	</div>
4475	4708	</a>
4476	4709	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4477	4710	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4478	4711	<div class="ays-pro-features-v2-upgrade-text">
4479		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4712	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4480	4713	</div>
4481	4714	</a>
4482	4715	</div>
4483	4716	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4499,15 +4732,15 @@
4499	4732	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
4500	4733	<a href="https://www.youtube.com/watch?v=9UqLXG5NU_I" target="_blank" class="ays-pro-features-v2-video-button">
4501	4734	<div class="ays-pro-features-v2-video-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Video_24x24_Hover.svg"></div>
4502	4735	<div class="ays-pro-features-v2-video-text">
4503		- <?php echo __("Watch Video" , "chart-builder"); ?>
	4736	+ <?php echo esc_html(__("Watch Video" , "chart-builder")); ?>
4504	4737	</div>
4505	4738	</a>
4506	4739	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
4507	4740	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
4508	4741	<div class="ays-pro-features-v2-upgrade-text">
4509		- <?php echo __("Upgrade" , "chart-builder"); ?>
	4742	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
4510	4743	</div>
4511	4744	</a>
4512	4745	</div>
4513	4746	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -4535,9 +4768,9 @@
4535	4768	</label>
4536	4769	</div>
4537	4770	<div class="col-sm-7 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
4538	4771	<label class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-switch">
4539		- <input class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch" id="ays-chart-option-export-img" type="checkbox" name="<?php echo esc_attr($html_name_prefix); ?>settings[enable_img]" value="on" <?php echo $enable_img?> >
	4772	+ <input class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch" id="ays-chart-option-export-img" type="checkbox" name="<?php echo esc_attr($html_name_prefix); ?>settings[enable_img]" value="on" <?php echo esc_attr($enable_img)?> >
4540	4773	<span class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-slider <?php echo esc_attr($html_class_prefix) ?>toggle-switch-round"></span>
4541	4774	</label>
4542	4775	</div>
4543	4776	</div> <!-- IMG option end -->
		@@ -4594,9 +4827,9 @@
4594	4827
4595	4828	$sources[] = $content;
4596	4829	}
4597	4830	$content_for_escape = implode('' , $sources );
4598		- echo html_entity_decode(esc_html( $content_for_escape ));
	4831	+ echo html_entity_decode( esc_html($content_for_escape) );
4599	4832	}
4600	4833
4601	4834	public function settings_contents_chart_styles_settings( $sources, $args ){
4602	4835	$html_class_prefix = $args['html_class_prefix'];
		@@ -4616,12 +4849,19 @@
4616	4849	$org_chart_font_size = $settings['org_chart_font_size'];
4617	4850	$background_color = $settings['background_color'];
4618	4851	$transparent_background = $settings['transparent_background'];
4619	4852	$border_width = $settings['border_width'];
	4853	+ $border_width_with_title = $settings['border_width_with_title'];
	4854	+ $border_radius_with_title = $settings['border_radius_with_title'];
	4855	+ $border_color_with_title = $settings['border_color_with_title'];
	4856	+ $border_style_with_title = $settings['border_style_with_title'];
	4857	+ $border_style = $settings['border_style'];
	4858	+ $border_styles = $settings['border_styles'];
4620	4859	$border_radius = $settings['border_radius'];
4621	4860	$border_color = $settings['border_color'];
4622	4861	$box_shadow = $settings['box_shadow'];
4623	4862	$box_shadow_color = $settings['box_shadow_color'];
	4863	+ $padding_outer = $settings['padding_outer'];
4624	4864	ob_start();
4625	4865	?>
4626	4866	<div class="ays-accordion-data-main-wrap">
4627	4867	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
		@@ -4628,9 +4868,9 @@
4628	4868	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4629	4869	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4630	4870	<label for="ays-chart-option-width" class="form-label">
4631	4871	<?php echo esc_html(__( "Width", "chart-builder" )); ?>
4632		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The width of the chart container, in percents.","chart-builder") ); ?>">
	4872	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The width of the chart container, in percents.","chart-builder") ); ?>">
4633	4873	<i class="ays_fa ays_fa_info_circle"></i>
4634	4874	</a>
4635	4875	</label>
4636	4876	</div>
		@@ -4651,9 +4891,9 @@
4651	4891	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4652	4892	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4653	4893	<label for="ays-chart-option-responsive-width" class="form-label">
4654	4894	<?php echo esc_html(__( "Responsive Width", "chart-builder" )); ?>
4655		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to keep the chart's width fixed at 100%, no matter what is set for the Width option. This makes the chart more responsive.","chart-builder") ); ?>">
	4895	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to keep the chart's width fixed at 100%, no matter what is set for the Width option. This makes the chart more responsive.","chart-builder") ); ?>">
4656	4896	<i class="ays_fa ays_fa_info_circle"></i>
4657	4897	</a>
4658	4898	</label>
4659	4899	</div>
		@@ -4667,9 +4907,9 @@
4667	4907	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4668	4908	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4669	4909	<label for="ays-chart-option-position">
4670	4910	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
4671		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The position of the chart. Note: The changes will be visible when the width option is not set to 100%","chart-builder") ); ?>">
	4911	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The position of the chart. Note: The changes will be visible when the width option is not set to 100%","chart-builder") ); ?>">
4672	4912	<i class="ays_fa ays_fa_info_circle"></i>
4673	4913	</a>
4674	4914	</label>
4675	4915	</div>
		@@ -4684,14 +4924,14 @@
4684	4924	endforeach;
4685	4925	?>
4686	4926	</select>
4687	4927	</div>
4688		- </div> <!-- Title position -->
	4928	+ </div> <!-- Position -->
4689	4929	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4690	4930	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4691	4931	<label for="ays-chart-option-height" class="form-label">
4692	4932	<?php echo esc_html(__( "Height", "chart-builder" )); ?>
4693		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The height of the chart container, in pixels.","chart-builder") ); ?>">
	4933	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The height of the chart container, in pixels.","chart-builder") ); ?>">
4694	4934	<i class="ays_fa ays_fa_info_circle"></i>
4695	4935	</a>
4696	4936	</label>
4697	4937	</div>
		@@ -4712,9 +4952,9 @@
4712	4952	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4713	4953	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4714	4954	<label for="ays-chart-option-font-size" class="form-label">
4715	4955	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
4716		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size of the chart text.","chart-builder") ); ?>">
	4956	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The font size of the chart text.","chart-builder") ); ?>">
4717	4957	<i class="ays_fa ays_fa_info_circle"></i>
4718	4958	</a>
4719	4959	</label>
4720	4960	</div>
		@@ -4722,24 +4962,24 @@
4722	4962	<input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-font-size" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[font_size]" value="<?php echo esc_attr($font_size) ?>">
4723	4963	<div class="<?php echo esc_attr($html_class_prefix) ?>option-desc-box">px</div>
4724	4964	</div>
4725	4965	</div> <!-- Font size -->
4726		- <div class="form-group row mb-2 <?= $html_class_prefix ?>options-section cb-changable-opt cb-org_chart-opt display_none">
4727		- <div class="col-sm-5 d-flex align-items-center <?= $html_class_prefix ?>option-title">
	4966	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
	4967	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4728	4968	<label for="ays-chart-option-org-chart-font-size" class="form-label">
4729		- <?php echo __( "Element size", $this->plugin_name ); ?>
4730		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The size of the chart element.","chart-builder") ); ?>">
	4969	+ <?php echo esc_html(__( "Element size", 'chart-builder' )); ?>
	4970	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The size of the chart element.","chart-builder") ); ?>">
4731	4971	<i class="ays_fa ays_fa_info_circle"></i>
4732	4972	</a>
4733	4973	</label>
4734	4974	</div>
4735	4975	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
4736		- <select class="<?= $html_class_prefix ?>option-select-input form-select" id="ays-chart-option-org-chart-font-size" name="<?php echo $html_name_prefix; ?>settings[org_chart_font_size]">
	4976	+ <select class="<?php echo esc_attr($html_class_prefix) ?>option-select-input form-select" id="ays-chart-option-org-chart-font-size" name="<?php echo esc_attr($html_name_prefix); ?>settings[org_chart_font_size]">
4737	4977	<?php
4738	4978	foreach ( $org_chart_font_size_options as $option_slug => $option ):
4739	4979	$selected = ( $org_chart_font_size == $option_slug ) ? 'selected' : '';
4740	4980	?>
4741		- <option value="<?php echo $option_slug; ?>" <?php echo $selected; ?>><?php echo $option; ?></option>
	4981	+ <option value="<?php echo esc_attr($option_slug); ?>" <?php echo esc_attr($selected); ?>><?php echo esc_attr($option); ?></option>
4742	4982	<?php
4743	4983	endforeach;
4744	4984	?>
4745	4985	</select>
		@@ -4748,9 +4988,9 @@
4748	4988	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4749	4989	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4750	4990	<label for="ays-chart-option-background-color">
4751	4991	<?php echo esc_html(__( "Background Color", "chart-builder" )); ?>
4752		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The background color of the chart container.","chart-builder") ); ?>">
	4992	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The background color of the chart container.","chart-builder") ); ?>">
4753	4993	<i class="ays_fa ays_fa_info_circle"></i>
4754	4994	</a>
4755	4995	</label>
4756	4996	</div>
		@@ -4761,9 +5001,9 @@
4761	5001	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4762	5002	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4763	5003	<label for="ays-chart-option-transparent-background" class="form-label">
4764	5004	<?php echo esc_html(__( "Transparent background", "chart-builder" )); ?>
4765		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart's background transparent. When enabled, both Background Color and Chart Area Background Color options will not work","chart-builder") ); ?>">
	5005	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart's background transparent. When enabled, both Background Color and Chart Area Background Color options will not work","chart-builder") ); ?>">
4766	5006	<i class="ays_fa ays_fa_info_circle"></i>
4767	5007	</a>
4768	5008	</label>
4769	5009	</div>
		@@ -4777,9 +5017,9 @@
4777	5017	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4778	5018	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4779	5019	<label for="ays-chart-option-border-width">
4780	5020	<?php echo esc_html(__( "Border Width", "chart-builder" )); ?>
4781		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The width of the chart container border.","chart-builder") ); ?>">
	5021	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The width of the chart container border.","chart-builder") ); ?>">
4782	5022	<i class="ays_fa ays_fa_info_circle"></i>
4783	5023	</a>
4784	5024	</label>
4785	5025	</div>
		@@ -4790,9 +5030,9 @@
4790	5030	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4791	5031	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4792	5032	<label for="ays-chart-option-border-color">
4793	5033	<?php echo esc_html(__( "Border Color", "chart-builder" )); ?>
4794		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The border color of the chart container.","chart-builder") ); ?>">
	5034	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The border color of the chart container.","chart-builder") ); ?>">
4795	5035	<i class="ays_fa ays_fa_info_circle"></i>
4796	5036	</a>
4797	5037	</label>
4798	5038	</div>
		@@ -4803,9 +5043,9 @@
4803	5043	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4804	5044	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4805	5045	<label for="ays-chart-option-border-radius">
4806	5046	<?php echo esc_html(__( "Border Radius", "chart-builder" )); ?>
4807		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The border radius of the chart container.","chart-builder") ); ?>">
	5047	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The border radius of the chart container.","chart-builder") ); ?>">
4808	5048	<i class="ays_fa ays_fa_info_circle"></i>
4809	5049	</a>
4810	5050	</label>
4811	5051	</div>
		@@ -4814,11 +5054,33 @@
4814	5054	</div>
4815	5055	</div> <!-- Border radius -->
4816	5056	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4817	5057	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5058	+ <label for="ays-chart-option-border-style">
	5059	+ <?php echo esc_html(__( "Border Style", "chart-builder" )); ?>
	5060	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The style of the chart container border.","chart-builder") ); ?>">
	5061	+ <i class="ays_fa ays_fa_info_circle"></i>
	5062	+ </a>
	5063	+ </label>
	5064	+ </div>
	5065	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5066	+ <select class="<?php echo esc_attr($html_class_prefix) ?>option-select-input form-select" id="ays-chart-option-border-style" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_style]">
	5067	+ <?php
	5068	+ foreach ( $border_styles as $option_slug => $option ):
	5069	+ $selected = ( $border_style == $option_slug ) ? 'selected' : '';
	5070	+ ?>
	5071	+ <option value="<?php echo esc_attr($option_slug); ?>" <?php echo esc_attr($selected); ?>><?php echo esc_html($option); ?></option>
	5072	+ <?php
	5073	+ endforeach;
	5074	+ ?>
	5075	+ </select>
	5076	+ </div>
	5077	+ </div> <!-- Border style -->
	5078	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5079	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4818	5080	<label for="ays-chart-option-box-shadow" class="form-label">
4819	5081	<?php echo esc_html(__( "Box Shadow", "chart-builder" )); ?>
4820		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to add shadow to chart's container.","chart-builder") ); ?>">
	5082	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add shadow to chart's container.","chart-builder") ); ?>">
4821	5083	<i class="ays_fa ays_fa_info_circle"></i>
4822	5084	</a>
4823	5085	</label>
4824	5086	</div>
		@@ -4832,9 +5094,9 @@
4832	5094	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
4833	5095	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4834	5096	<label for="ays-chart-option-box-shadow-color" class="form-label">
4835	5097	<?php echo esc_html(__( "Box Shadow Color", "chart-builder" )); ?>
4836		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose chart container's box shadow color.","chart-builder") ); ?>">
	5098	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Choose chart container's box shadow color.","chart-builder") ); ?>">
4837	5099	<i class="ays_fa ays_fa_info_circle"></i>
4838	5100	</a>
4839	5101	</label>
4840	5102	</div>
		@@ -4841,8 +5103,82 @@
4841	5103	<div class="col-sm-7 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
4842	5104	<input id="ays-chart-option-box-shadow-color" class="form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker" type="color" name="<?php echo esc_attr($html_name_prefix); ?>settings[box_shadow_color]" value="<?php echo esc_attr($box_shadow_color) ?>">
4843	5105	</div>
4844	5106	</div> <!-- box shadow color -->
	5107	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5108	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5109	+ <label for="ays-chart-option-border-width-with-title">
	5110	+ <?php echo esc_html(__( "Border Width (including title)", "chart-builder" )); ?>
	5111	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The width of the chart container border including chart title and description.","chart-builder") ); ?>">
	5112	+ <i class="ays_fa ays_fa_info_circle"></i>
	5113	+ </a>
	5114	+ </label>
	5115	+ </div>
	5116	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5117	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-border-width-with-title" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_width_with_title]" value="<?php echo esc_attr($border_width_with_title) ?>">
	5118	+ </div>
	5119	+ </div> <!-- Border Width with title -->
	5120	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5121	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5122	+ <label for="ays-chart-option-border-radius-with-title">
	5123	+ <?php echo esc_html(__( "Border radius (including title)", "chart-builder" )); ?>
	5124	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The radius of the chart container border including chart title and description.","chart-builder") ); ?>">
	5125	+ <i class="ays_fa ays_fa_info_circle"></i>
	5126	+ </a>
	5127	+ </label>
	5128	+ </div>
	5129	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5130	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-border-radius-with-title" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_radius_with_title]" value="<?php echo esc_attr($border_radius_with_title) ?>">
	5131	+ </div>
	5132	+ </div> <!-- Border radius with title -->
	5133	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5134	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5135	+ <label for="ays-chart-option-border-color-with-title">
	5136	+ <?php echo esc_html(__( "Border Color (including title)", "chart-builder" )); ?>
	5137	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color of the chart container border including chart title and description.","chart-builder") ); ?>">
	5138	+ <i class="ays_fa ays_fa_info_circle"></i>
	5139	+ </a>
	5140	+ </label>
	5141	+ </div>
	5142	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5143	+ <input id="ays-chart-option-border-color-with-title" class="form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker" type="color" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_color_with_title]" value="<?php echo esc_attr($border_color_with_title) ?>">
	5144	+ </div>
	5145	+ </div> <!-- Border color with title -->
	5146	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5147	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5148	+ <label for="ays-chart-option-border-style-with-title">
	5149	+ <?php echo esc_html(__( "Border Style (including title)", "chart-builder" )); ?>
	5150	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The style of the chart container border including chart title and description.","chart-builder") ); ?>">
	5151	+ <i class="ays_fa ays_fa_info_circle"></i>
	5152	+ </a>
	5153	+ </label>
	5154	+ </div>
	5155	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5156	+ <select class="<?php echo esc_attr($html_class_prefix) ?>option-select-input form-select" id="ays-chart-option-border-style-with-title" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_style_with_title]">
	5157	+ <?php
	5158	+ foreach ( $border_styles as $option_slug => $option ):
	5159	+ $selected = ( $border_style_with_title == $option_slug ) ? 'selected' : '';
	5160	+ ?>
	5161	+ <option value="<?php echo esc_attr($option_slug); ?>" <?php echo esc_attr($selected); ?>><?php echo esc_html($option); ?></option>
	5162	+ <?php
	5163	+ endforeach;
	5164	+ ?>
	5165	+ </select>
	5166	+ </div>
	5167	+ </div> <!-- Border style with title -->
	5168	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt cb-donut_chart-opt">
	5169	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5170	+ <label for="ays-chart-option-padding-outer">
	5171	+ <?php echo esc_html(__( "Padding", "chart-builder" )); ?>
	5172	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The padding of the chart container.","chart-builder") ); ?>">
	5173	+ <i class="ays_fa ays_fa_info_circle"></i>
	5174	+ </a>
	5175	+ </label>
	5176	+ </div>
	5177	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5178	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-padding-outer" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[padding_outer]" value="<?php echo esc_attr($padding_outer) ?>">
	5179	+ </div>
	5180	+ </div> <!-- Padding outer -->
4845	5181	</div>
4846	5182	</div>
4847	5183	<?php
4848	5184	$content = ob_get_clean();
		@@ -4856,8 +5192,115 @@
4856	5192
4857	5193	return $sources;
4858	5194	}
4859	5195
	5196	+ public function settings_contents_chart_styles_settings_chartjs( $sources, $args ){
	5197	+ $html_class_prefix = $args['html_class_prefix'];
	5198	+ $html_name_prefix = $args['html_name_prefix'];
	5199	+ $settings = $args['settings'];
	5200	+
	5201	+ $border_width = $settings['border_width'];
	5202	+ $border_radius = $settings['border_radius'];
	5203	+ $border_color = $settings['border_color'];
	5204	+ $border_style = $settings['border_style'];
	5205	+ $border_styles = $settings['border_styles'];
	5206	+ $box_shadow = $settings['box_shadow'];
	5207	+ ob_start();
	5208	+ ?>
	5209	+ <div class="ays-accordion-data-main-wrap">
	5210	+ <div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
	5211	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
	5212	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5213	+ <label for="ays-chart-option-border-width">
	5214	+ <?php echo esc_html(__( "Border Width", "chart-builder" )); ?>
	5215	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The width of the chart container border.","chart-builder") ); ?>">
	5216	+ <i class="ays_fa ays_fa_info_circle"></i>
	5217	+ </a>
	5218	+ </label>
	5219	+ </div>
	5220	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5221	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-border-width" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_width]" value="<?php echo esc_attr($border_width) ?>">
	5222	+ </div>
	5223	+ </div> <!-- Border Width -->
	5224	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
	5225	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5226	+ <label for="ays-chart-option-border-radius">
	5227	+ <?php echo esc_html(__( "Border Radius", "chart-builder" )); ?>
	5228	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The radius of the chart container border.","chart-builder") ); ?>">
	5229	+ <i class="ays_fa ays_fa_info_circle"></i>
	5230	+ </a>
	5231	+ </label>
	5232	+ </div>
	5233	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5234	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-border-radius" type="number" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_radius]" value="<?php echo esc_attr($border_radius) ?>">
	5235	+ </div>
	5236	+ </div> <!-- Border Radius -->
	5237	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
	5238	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5239	+ <label for="ays-chart-option-border-color">
	5240	+ <?php echo esc_html(__( "Border Color", "chart-builder" )); ?>
	5241	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The border color of the chart container.","chart-builder") ); ?>">
	5242	+ <i class="ays_fa ays_fa_info_circle"></i>
	5243	+ </a>
	5244	+ </label>
	5245	+ </div>
	5246	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
	5247	+ <input id="ays-chart-option-border-color" class="form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker" type="color" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_color]" value="<?php echo esc_attr($border_color) ?>">
	5248	+ </div>
	5249	+ </div> <!-- Border color -->
	5250	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
	5251	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5252	+ <label for="ays-chart-option-border-style">
	5253	+ <?php echo esc_html(__( "Border Style", "chart-builder" )); ?>
	5254	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The style of the chart container border.","chart-builder") ); ?>">
	5255	+ <i class="ays_fa ays_fa_info_circle"></i>
	5256	+ </a>
	5257	+ </label>
	5258	+ </div>
	5259	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
	5260	+ <select class="<?php echo esc_attr($html_class_prefix) ?>option-select-input form-select" id="ays-chart-option-border-style" name="<?php echo esc_attr($html_name_prefix); ?>settings[border_style]">
	5261	+ <?php
	5262	+ foreach ( $border_styles as $option_slug => $option ):
	5263	+ $selected = ( $border_style == $option_slug ) ? 'selected' : '';
	5264	+ ?>
	5265	+ <option value="<?php echo esc_attr($option_slug); ?>" <?php echo esc_attr($selected); ?>><?php echo esc_html($option); ?></option>
	5266	+ <?php
	5267	+ endforeach;
	5268	+ ?>
	5269	+ </select>
	5270	+ </div>
	5271	+ </div> <!-- Border style -->
	5272	+ <div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
	5273	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
	5274	+ <label for="ays-chart-option-box-shadow" class="form-label">
	5275	+ <?php echo esc_html(__( "Box Shadow", "chart-builder" )); ?>
	5276	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add shadow to chart's container.","chart-builder") ); ?>">
	5277	+ <i class="ays_fa ays_fa_info_circle"></i>
	5278	+ </a>
	5279	+ </label>
	5280	+ </div>
	5281	+ <div class="col-sm-7 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
	5282	+ <label class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-switch">
	5283	+ <input class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch" id="ays-chart-option-box-shadow" type="checkbox" name="<?php echo esc_attr($html_name_prefix); ?>settings[box_shadow]" value="on" <?php echo esc_attr($box_shadow); ?> >
	5284	+ <span class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-slider <?php echo esc_attr($html_class_prefix) ?>toggle-switch-round"></span>
	5285	+ </label>
	5286	+ </div>
	5287	+ </div> <!-- box shadow -->
	5288	+ </div>
	5289	+ </div>
	5290	+ <?php
	5291	+ $content = ob_get_clean();
	5292	+
	5293	+ $title = __( 'Chart', "chart-builder" );
	5294	+
	5295	+ $sources['chart'] = array(
	5296	+ 'content' => $content,
	5297	+ 'title' => $title
	5298	+ );
	5299	+
	5300	+ return $sources;
	5301	+ }
	5302	+
4860	5303	public function settings_contents_chart_area_styles_settings( $sources, $args ){
4861	5304	$html_class_prefix = $args['html_class_prefix'];
4862	5305	$html_name_prefix = $args['html_name_prefix'];
4863	5306	$settings = $args['settings'];
		@@ -4876,9 +5319,9 @@
4876	5319	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt">
4877	5320	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4878	5321	<label for="ays-chart-option-chart-background-color">
4879	5322	<?php echo esc_html(__( "Background Color", "chart-builder" )); ?>
4880		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The background color of the chart area.","chart-builder") ); ?>">
	5323	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The background color of the chart area.","chart-builder") ); ?>">
4881	5324	<i class="ays_fa ays_fa_info_circle"></i>
4882	5325	</a>
4883	5326	</label>
4884	5327	</div>
		@@ -4889,9 +5332,9 @@
4889	5332	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt">
4890	5333	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4891	5334	<label for="ays-chart-option-chart-border-width">
4892	5335	<?php echo esc_html(__( "Border Width", "chart-builder" )); ?>
4893		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The border width of the chart area.","chart-builder") ); ?>">
	5336	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The border width of the chart area.","chart-builder") ); ?>">
4894	5337	<i class="ays_fa ays_fa_info_circle"></i>
4895	5338	</a>
4896	5339	</label>
4897	5340	</div>
		@@ -4902,9 +5345,9 @@
4902	5345	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-bar_chart-opt cb-column_chart-opt cb-line_chart-opt">
4903	5346	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4904	5347	<label for="ays-chart-option-chart-border-color">
4905	5348	<?php echo esc_html(__( "Border Color", "chart-builder" )); ?>
4906		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The border color of the chart area.","chart-builder") ); ?>">
	5349	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The border color of the chart area.","chart-builder") ); ?>">
4907	5350	<i class="ays_fa ays_fa_info_circle"></i>
4908	5351	</a>
4909	5352	</label>
4910	5353	</div>
		@@ -4915,9 +5358,9 @@
4915	5358	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4916	5359	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4917	5360	<label for="ays-chart-option-chart-left-margin">
4918	5361	<?php echo esc_html(__( "Left Margin", "chart-builder" )); ?>
4919		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the chart's distance from the left border. Leave blank for auto-positioning.","chart-builder") ); ?>">
	5362	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the chart's distance from the left border. Leave blank for auto-positioning.","chart-builder") ); ?>">
4920	5363	<i class="ays_fa ays_fa_info_circle"></i>
4921	5364	</a>
4922	5365	</label>
4923	5366	</div>
		@@ -4928,9 +5371,9 @@
4928	5371	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4929	5372	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4930	5373	<label for="ays-chart-option-chart-right-margin">
4931	5374	<?php echo esc_html(__( "Right Margin", "chart-builder" )); ?>
4932		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the chart's distance from the right border. Leave blank for auto-positioning.","chart-builder") ); ?>">
	5375	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the chart's distance from the right border. Leave blank for auto-positioning.","chart-builder") ); ?>">
4933	5376	<i class="ays_fa ays_fa_info_circle"></i>
4934	5377	</a>
4935	5378	</label>
4936	5379	</div>
		@@ -4941,9 +5384,9 @@
4941	5384	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4942	5385	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4943	5386	<label for="ays-chart-option-chart-top-margin">
4944	5387	<?php echo esc_html(__( "Top Margin", "chart-builder" )); ?>
4945		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the chart's distance from the top border. Leave blank for auto-positioning.","chart-builder") ); ?>">
	5388	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the chart's distance from the top border. Leave blank for auto-positioning.","chart-builder") ); ?>">
4946	5389	<i class="ays_fa ays_fa_info_circle"></i>
4947	5390	</a>
4948	5391	</label>
4949	5392	</div>
		@@ -4954,9 +5397,9 @@
4954	5397	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
4955	5398	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
4956	5399	<label for="ays-chart-option-chart-bottom-margin">
4957	5400	<?php echo esc_html(__( "Bottom Margin", "chart-builder" )); ?>
4958		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the chart's distance from the bottom border. Leave blank for auto-positioning.","chart-builder") ); ?>">
	5401	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the chart's distance from the bottom border. Leave blank for auto-positioning.","chart-builder") ); ?>">
4959	5402	<i class="ays_fa ays_fa_info_circle"></i>
4960	5403	</a>
4961	5404	</label>
4962	5405	</div>
		@@ -5006,9 +5449,9 @@
5006	5449	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5007	5450	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5008	5451	<label for="ays-chart-option-title-color">
5009	5452	<?php echo esc_html(__( "Color", "chart-builder" )); ?>
5010		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color of the chart title.","chart-builder") ); ?>">
	5453	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color of the chart title.","chart-builder") ); ?>">
5011	5454	<i class="ays_fa ays_fa_info_circle"></i>
5012	5455	</a>
5013	5456	</label>
5014	5457	</div>
		@@ -5019,9 +5462,9 @@
5019	5462	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5020	5463	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5021	5464	<label for="ays-chart-option-title-font-size" class="form-label">
5022	5465	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
5023		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size of the chart title.","chart-builder") ); ?>">
	5466	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The font size of the chart title.","chart-builder") ); ?>">
5024	5467	<i class="ays_fa ays_fa_info_circle"></i>
5025	5468	</a>
5026	5469	</label>
5027	5470	</div>
		@@ -5033,9 +5476,9 @@
5033	5476	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5034	5477	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5035	5478	<label for="ays-chart-option-title-bold" class="form-label">
5036	5479	<?php echo esc_html(__( "Bold text", "chart-builder" )); ?>
5037		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart title text bold.","chart-builder") ); ?>">
	5480	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart title text bold.","chart-builder") ); ?>">
5038	5481	<i class="ays_fa ays_fa_info_circle"></i>
5039	5482	</a>
5040	5483	</label>
5041	5484	</div>
		@@ -5049,9 +5492,9 @@
5049	5492	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5050	5493	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5051	5494	<label for="ays-chart-option-title-italic" class="form-label">
5052	5495	<?php echo esc_html(__( "Italic text", "chart-builder" )); ?>
5053		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart title text italic.","chart-builder") ); ?>">
	5496	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart title text italic.","chart-builder") ); ?>">
5054	5497	<i class="ays_fa ays_fa_info_circle"></i>
5055	5498	</a>
5056	5499	</label>
5057	5500	</div>
		@@ -5065,9 +5508,9 @@
5065	5508	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5066	5509	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5067	5510	<label for="ays-chart-option-title-position">
5068	5511	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
5069		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The position of the chart title.","chart-builder") ); ?>">
	5512	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The position of the chart title.","chart-builder") ); ?>">
5070	5513	<i class="ays_fa ays_fa_info_circle"></i>
5071	5514	</a>
5072	5515	</label>
5073	5516	</div>
		@@ -5087,9 +5530,9 @@
5087	5530	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5088	5531	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5089	5532	<label for="ays-chart-option-title-gap" class="form-label">
5090	5533	<?php echo esc_html(__( "Gap", "chart-builder" )); ?>
5091		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title and the chart container.","chart-builder") ); ?>">
	5534	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title and the chart container.","chart-builder") ); ?>">
5092	5535	<i class="ays_fa ays_fa_info_circle"></i>
5093	5536	</a>
5094	5537	</label>
5095	5538	</div>
		@@ -5101,9 +5544,9 @@
5101	5544	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5102	5545	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5103	5546	<label for="ays-chart-option-title-gap-description" class="form-label">
5104	5547	<?php echo esc_html(__( "Distance from description", "chart-builder" )); ?>
5105		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title and the chart description.","chart-builder") ); ?>">
	5548	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title and the chart description.","chart-builder") ); ?>">
5106	5549	<i class="ays_fa ays_fa_info_circle"></i>
5107	5550	</a>
5108	5551	</label>
5109	5552	</div>
		@@ -5115,9 +5558,9 @@
5115	5558	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5116	5559	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5117	5560	<label for="ays-chart-option-title-text-transform">
5118	5561	<?php echo esc_html(__( "Text-transform", "chart-builder" )); ?>
5119		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
	5562	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
5120	5563	<i class="ays_fa ays_fa_info_circle"></i>
5121	5564	</a>
5122	5565	</label>
5123	5566	</div>
		@@ -5137,9 +5580,9 @@
5137	5580	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5138	5581	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5139	5582	<label for="ays-chart-option-title-letter-spacing" class="form-label">
5140	5583	<?php echo esc_html(__( "Letter spacing", "chart-builder" )); ?>
5141		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title letters.","chart-builder") ); ?>">
	5584	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title letters.","chart-builder") ); ?>">
5142	5585	<i class="ays_fa ays_fa_info_circle"></i>
5143	5586	</a>
5144	5587	</label>
5145	5588	</div>
		@@ -5151,9 +5594,9 @@
5151	5594	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5152	5595	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5153	5596	<label for="ays-chart-option-title-text-decoration">
5154	5597	<?php echo esc_html(__( "Text-decoration", "chart-builder" )); ?>
5155		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
	5598	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
5156	5599	<i class="ays_fa ays_fa_info_circle"></i>
5157	5600	</a>
5158	5601	</label>
5159	5602	</div>
		@@ -5173,9 +5616,9 @@
5173	5616	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5174	5617	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5175	5618	<label for="ays-chart-option-title-text-shadow" class="form-label">
5176	5619	<?php echo esc_html(__( "Text shadow", "chart-builder" )); ?>
5177		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to add a text shadow to chart title.","chart-builder") ); ?>">
	5620	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add a text shadow to chart title.","chart-builder") ); ?>">
5178	5621	<i class="ays_fa ays_fa_info_circle"></i>
5179	5622	</a>
5180	5623	</label>
5181	5624	</div>
		@@ -5189,9 +5632,9 @@
5189	5632	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5190	5633	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5191	5634	<label for="ays-chart-option-title-shadow-color">
5192	5635	<?php echo esc_html(__( "Text Shadow Color", "chart-builder" )); ?>
5193		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The text shadow color of the chart title.","chart-builder") ); ?>">
	5636	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The text shadow color of the chart title.","chart-builder") ); ?>">
5194	5637	<i class="ays_fa ays_fa_info_circle"></i>
5195	5638	</a>
5196	5639	</label>
5197	5640	</div>
		@@ -5241,9 +5684,9 @@
5241	5684	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5242	5685	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5243	5686	<label for="ays-chart-option-title-color">
5244	5687	<?php echo esc_html(__( "Color", "chart-builder" )); ?>
5245		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color of the chart title.","chart-builder") ); ?>">
	5688	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color of the chart title.","chart-builder") ); ?>">
5246	5689	<i class="ays_fa ays_fa_info_circle"></i>
5247	5690	</a>
5248	5691	</label>
5249	5692	</div>
		@@ -5254,9 +5697,9 @@
5254	5697	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5255	5698	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5256	5699	<label for="ays-chart-option-title-font-size" class="form-label">
5257	5700	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
5258		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size of the chart title.","chart-builder") ); ?>">
	5701	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The font size of the chart title.","chart-builder") ); ?>">
5259	5702	<i class="ays_fa ays_fa_info_circle"></i>
5260	5703	</a>
5261	5704	</label>
5262	5705	</div>
		@@ -5268,9 +5711,9 @@
5268	5711	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5269	5712	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5270	5713	<label for="ays-chart-option-title-bold" class="form-label">
5271	5714	<?php echo esc_html(__( "Bold text", "chart-builder" )); ?>
5272		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart title text bold.","chart-builder") ); ?>">
	5715	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart title text bold.","chart-builder") ); ?>">
5273	5716	<i class="ays_fa ays_fa_info_circle"></i>
5274	5717	</a>
5275	5718	</label>
5276	5719	</div>
		@@ -5284,9 +5727,9 @@
5284	5727	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5285	5728	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5286	5729	<label for="ays-chart-option-title-italic" class="form-label">
5287	5730	<?php echo esc_html(__( "Italic text", "chart-builder" )); ?>
5288		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart title text italic.","chart-builder") ); ?>">
	5731	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart title text italic.","chart-builder") ); ?>">
5289	5732	<i class="ays_fa ays_fa_info_circle"></i>
5290	5733	</a>
5291	5734	</label>
5292	5735	</div>
		@@ -5300,9 +5743,9 @@
5300	5743	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5301	5744	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5302	5745	<label for="ays-chart-option-title-position">
5303	5746	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
5304		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The position of the chart title.","chart-builder") ); ?>">
	5747	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The position of the chart title.","chart-builder") ); ?>">
5305	5748	<i class="ays_fa ays_fa_info_circle"></i>
5306	5749	</a>
5307	5750	</label>
5308	5751	</div>
		@@ -5322,9 +5765,9 @@
5322	5765	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5323	5766	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5324	5767	<label for="ays-chart-option-title-gap" class="form-label">
5325	5768	<?php echo esc_html(__( "Gap", "chart-builder" )); ?>
5326		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title and the chart container.","chart-builder") ); ?>">
	5769	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title and the chart container.","chart-builder") ); ?>">
5327	5770	<i class="ays_fa ays_fa_info_circle"></i>
5328	5771	</a>
5329	5772	</label>
5330	5773	</div>
		@@ -5336,9 +5779,9 @@
5336	5779	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5337	5780	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5338	5781	<label for="ays-chart-option-title-gap-description" class="form-label">
5339	5782	<?php echo esc_html(__( "Distance from description", "chart-builder" )); ?>
5340		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title and the chart description.","chart-builder") ); ?>">
	5783	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title and the chart description.","chart-builder") ); ?>">
5341	5784	<i class="ays_fa ays_fa_info_circle"></i>
5342	5785	</a>
5343	5786	</label>
5344	5787	</div>
		@@ -5350,9 +5793,9 @@
5350	5793	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5351	5794	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5352	5795	<label for="ays-chart-option-title-text-transform">
5353	5796	<?php echo esc_html(__( "Text-transform", "chart-builder" )); ?>
5354		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
	5797	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
5355	5798	<i class="ays_fa ays_fa_info_circle"></i>
5356	5799	</a>
5357	5800	</label>
5358	5801	</div>
		@@ -5372,9 +5815,9 @@
5372	5815	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5373	5816	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5374	5817	<label for="ays-chart-option-title-letter-spacing" class="form-label">
5375	5818	<?php echo esc_html(__( "Letter spacing", "chart-builder" )); ?>
5376		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart title letters.","chart-builder") ); ?>">
	5819	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart title letters.","chart-builder") ); ?>">
5377	5820	<i class="ays_fa ays_fa_info_circle"></i>
5378	5821	</a>
5379	5822	</label>
5380	5823	</div>
		@@ -5386,9 +5829,9 @@
5386	5829	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5387	5830	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5388	5831	<label for="ays-chart-option-title-text-decoration">
5389	5832	<?php echo esc_html(__( "Text-decoration", "chart-builder" )); ?>
5390		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
	5833	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart title.","chart-builder") ); ?>">
5391	5834	<i class="ays_fa ays_fa_info_circle"></i>
5392	5835	</a>
5393	5836	</label>
5394	5837	</div>
		@@ -5408,9 +5851,9 @@
5408	5851	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5409	5852	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5410	5853	<label for="ays-chart-option-title-text-shadow" class="form-label">
5411	5854	<?php echo esc_html(__( "Text shadow", "chart-builder" )); ?>
5412		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to add a text shadow to chart title.","chart-builder") ); ?>">
	5855	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add a text shadow to chart title.","chart-builder") ); ?>">
5413	5856	<i class="ays_fa ays_fa_info_circle"></i>
5414	5857	</a>
5415	5858	</label>
5416	5859	</div>
		@@ -5424,9 +5867,9 @@
5424	5867	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5425	5868	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5426	5869	<label for="ays-chart-option-title-shadow-color">
5427	5870	<?php echo esc_html(__( "Text Shadow Color", "chart-builder" )); ?>
5428		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The text shadow color of the chart title.","chart-builder") ); ?>">
	5871	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The text shadow color of the chart title.","chart-builder") ); ?>">
5429	5872	<i class="ays_fa ays_fa_info_circle"></i>
5430	5873	</a>
5431	5874	</label>
5432	5875	</div>
		@@ -5475,9 +5918,9 @@
5475	5918	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5476	5919	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5477	5920	<label for="ays-chart-option-description-color">
5478	5921	<?php echo esc_html(__( "Color", "chart-builder" )); ?>
5479		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color of the chart description.","chart-builder") ); ?>">
	5922	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color of the chart description.","chart-builder") ); ?>">
5480	5923	<i class="ays_fa ays_fa_info_circle"></i>
5481	5924	</a>
5482	5925	</label>
5483	5926	</div>
		@@ -5488,9 +5931,9 @@
5488	5931	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5489	5932	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5490	5933	<label for="ays-chart-option-description-font-size" class="form-label">
5491	5934	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
5492		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size of the chart description.","chart-builder") ); ?>">
	5935	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The font size of the chart description.","chart-builder") ); ?>">
5493	5936	<i class="ays_fa ays_fa_info_circle"></i>
5494	5937	</a>
5495	5938	</label>
5496	5939	</div>
		@@ -5502,9 +5945,9 @@
5502	5945	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5503	5946	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5504	5947	<label for="ays-chart-option-description-bold" class="form-label">
5505	5948	<?php echo esc_html(__( "Bold text", "chart-builder" )); ?>
5506		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart description text bold.","chart-builder") ); ?>">
	5949	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart description text bold.","chart-builder") ); ?>">
5507	5950	<i class="ays_fa ays_fa_info_circle"></i>
5508	5951	</a>
5509	5952	</label>
5510	5953	</div>
		@@ -5518,9 +5961,9 @@
5518	5961	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5519	5962	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5520	5963	<label for="ays-chart-option-description-italic" class="form-label">
5521	5964	<?php echo esc_html(__( "Italic text", "chart-builder" )); ?>
5522		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart description text italic.","chart-builder") ); ?>">
	5965	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart description text italic.","chart-builder") ); ?>">
5523	5966	<i class="ays_fa ays_fa_info_circle"></i>
5524	5967	</a>
5525	5968	</label>
5526	5969	</div>
		@@ -5534,9 +5977,9 @@
5534	5977	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5535	5978	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5536	5979	<label for="ays-chart-option-description-position">
5537	5980	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
5538		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The position of the chart description.","chart-builder") ); ?>">
	5981	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The position of the chart description.","chart-builder") ); ?>">
5539	5982	<i class="ays_fa ays_fa_info_circle"></i>
5540	5983	</a>
5541	5984	</label>
5542	5985	</div>
		@@ -5556,9 +5999,9 @@
5556	5999	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5557	6000	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5558	6001	<label for="ays-chart-option-description-text-transform">
5559	6002	<?php echo esc_html(__( "Text-transform", "chart-builder" )); ?>
5560		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
	6003	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
5561	6004	<i class="ays_fa ays_fa_info_circle"></i>
5562	6005	</a>
5563	6006	</label>
5564	6007	</div>
		@@ -5578,9 +6021,9 @@
5578	6021	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5579	6022	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5580	6023	<label for="ays-chart-option-description-letter-spacing" class="form-label">
5581	6024	<?php echo esc_html(__( "Letter spacing", "chart-builder" )); ?>
5582		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart description letters.","chart-builder") ); ?>">
	6025	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart description letters.","chart-builder") ); ?>">
5583	6026	<i class="ays_fa ays_fa_info_circle"></i>
5584	6027	</a>
5585	6028	</label>
5586	6029	</div>
		@@ -5592,9 +6035,9 @@
5592	6035	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5593	6036	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5594	6037	<label for="ays-chart-option-description-text-decoration">
5595	6038	<?php echo esc_html(__( "Text-decoration", "chart-builder" )); ?>
5596		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
	6039	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
5597	6040	<i class="ays_fa ays_fa_info_circle"></i>
5598	6041	</a>
5599	6042	</label>
5600	6043	</div>
		@@ -5614,9 +6057,9 @@
5614	6057	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5615	6058	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5616	6059	<label for="ays-chart-option-description-text-shadow" class="form-label">
5617	6060	<?php echo esc_html(__( "Text shadow", "chart-builder" )); ?>
5618		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to add a text shadow to chart description.","chart-builder") ); ?>">
	6061	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add a text shadow to chart description.","chart-builder") ); ?>">
5619	6062	<i class="ays_fa ays_fa_info_circle"></i>
5620	6063	</a>
5621	6064	</label>
5622	6065	</div>
		@@ -5630,9 +6073,9 @@
5630	6073	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5631	6074	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5632	6075	<label for="ays-chart-option-description-shadow-color">
5633	6076	<?php echo esc_html(__( "Text Shadow Color", "chart-builder" )); ?>
5634		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The text shadow color of the chart description.","chart-builder") ); ?>">
	6077	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The text shadow color of the chart description.","chart-builder") ); ?>">
5635	6078	<i class="ays_fa ays_fa_info_circle"></i>
5636	6079	</a>
5637	6080	</label>
5638	6081	</div>
		@@ -5681,9 +6124,9 @@
5681	6124	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5682	6125	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5683	6126	<label for="ays-chart-option-description-color">
5684	6127	<?php echo esc_html(__( "Color", "chart-builder" )); ?>
5685		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color of the chart description.","chart-builder") ); ?>">
	6128	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color of the chart description.","chart-builder") ); ?>">
5686	6129	<i class="ays_fa ays_fa_info_circle"></i>
5687	6130	</a>
5688	6131	</label>
5689	6132	</div>
		@@ -5694,9 +6137,9 @@
5694	6137	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5695	6138	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5696	6139	<label for="ays-chart-option-description-font-size" class="form-label">
5697	6140	<?php echo esc_html(__( "Font size", "chart-builder" )); ?>
5698		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The font size of the chart description.","chart-builder") ); ?>">
	6141	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The font size of the chart description.","chart-builder") ); ?>">
5699	6142	<i class="ays_fa ays_fa_info_circle"></i>
5700	6143	</a>
5701	6144	</label>
5702	6145	</div>
		@@ -5708,9 +6151,9 @@
5708	6151	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5709	6152	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5710	6153	<label for="ays-chart-option-description-bold" class="form-label">
5711	6154	<?php echo esc_html(__( "Bold text", "chart-builder" )); ?>
5712		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart description text bold.","chart-builder") ); ?>">
	6155	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart description text bold.","chart-builder") ); ?>">
5713	6156	<i class="ays_fa ays_fa_info_circle"></i>
5714	6157	</a>
5715	6158	</label>
5716	6159	</div>
		@@ -5724,9 +6167,9 @@
5724	6167	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5725	6168	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5726	6169	<label for="ays-chart-option-description-italic" class="form-label">
5727	6170	<?php echo esc_html(__( "Italic text", "chart-builder" )); ?>
5728		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to make the chart description text italic.","chart-builder") ); ?>">
	6171	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to make the chart description text italic.","chart-builder") ); ?>">
5729	6172	<i class="ays_fa ays_fa_info_circle"></i>
5730	6173	</a>
5731	6174	</label>
5732	6175	</div>
		@@ -5740,9 +6183,9 @@
5740	6183	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5741	6184	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5742	6185	<label for="ays-chart-option-description-position">
5743	6186	<?php echo esc_html(__( "Position", "chart-builder" )); ?>
5744		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The position of the chart description.","chart-builder") ); ?>">
	6187	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The position of the chart description.","chart-builder") ); ?>">
5745	6188	<i class="ays_fa ays_fa_info_circle"></i>
5746	6189	</a>
5747	6190	</label>
5748	6191	</div>
		@@ -5762,9 +6205,9 @@
5762	6205	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5763	6206	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5764	6207	<label for="ays-chart-option-description-text-transform">
5765	6208	<?php echo esc_html(__( "Text-transform", "chart-builder" )); ?>
5766		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
	6209	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
5767	6210	<i class="ays_fa ays_fa_info_circle"></i>
5768	6211	</a>
5769	6212	</label>
5770	6213	</div>
		@@ -5784,9 +6227,9 @@
5784	6227	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5785	6228	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5786	6229	<label for="ays-chart-option-description-letter-spacing" class="form-label">
5787	6230	<?php echo esc_html(__( "Letter spacing", "chart-builder" )); ?>
5788		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify the space between the chart description letters.","chart-builder") ); ?>">
	6231	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify the space between the chart description letters.","chart-builder") ); ?>">
5789	6232	<i class="ays_fa ays_fa_info_circle"></i>
5790	6233	</a>
5791	6234	</label>
5792	6235	</div>
		@@ -5798,9 +6241,9 @@
5798	6241	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5799	6242	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5800	6243	<label for="ays-chart-option-description-text-decoration">
5801	6244	<?php echo esc_html(__( "Text-decoration", "chart-builder" )); ?>
5802		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
	6245	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Specify how to capitalize the text of the chart description.","chart-builder") ); ?>">
5803	6246	<i class="ays_fa ays_fa_info_circle"></i>
5804	6247	</a>
5805	6248	</label>
5806	6249	</div>
		@@ -5820,9 +6263,9 @@
5820	6263	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5821	6264	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5822	6265	<label for="ays-chart-option-description-text-shadow" class="form-label">
5823	6266	<?php echo esc_html(__( "Text shadow", "chart-builder" )); ?>
5824		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Tick this option to add a text shadow to chart description.","chart-builder") ); ?>">
	6267	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Tick this option to add a text shadow to chart description.","chart-builder") ); ?>">
5825	6268	<i class="ays_fa ays_fa_info_circle"></i>
5826	6269	</a>
5827	6270	</label>
5828	6271	</div>
		@@ -5836,9 +6279,9 @@
5836	6279	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
5837	6280	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
5838	6281	<label for="ays-chart-option-description-shadow-color">
5839	6282	<?php echo esc_html(__( "Text Shadow Color", "chart-builder" )); ?>
5840		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The text shadow color of the chart description.","chart-builder") ); ?>">
	6283	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The text shadow color of the chart description.","chart-builder") ); ?>">
5841	6284	<i class="ays_fa ays_fa_info_circle"></i>
5842	6285	</a>
5843	6286	</label>
5844	6287	</div>
		@@ -5899,9 +6342,9 @@
5899	6342
5900	6343	$sources[] = $content;
5901	6344	}
5902	6345	$content_for_escape = implode('' , $sources );
5903		- echo html_entity_decode(esc_html( $content_for_escape ));
	6346	+ echo html_entity_decode( esc_html($content_for_escape) );
5904	6347	}
5905	6348
5906	6349	public function settings_contents_advanced_settings( $sources, $args ){
5907	6350	$html_class_prefix = $args['html_class_prefix'];
		@@ -6006,9 +6449,9 @@
6006	6449	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-donut_chart-opt display_none">
6007	6450	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6008	6451	<label for="ays-chart-option-slice-text">
6009	6452	<?php echo esc_html(__( "Slice text", "chart-builder" )); ?>
6010		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose the content of the text to be displayed on the pie slice.","chart-builder") ); ?>">
	6453	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Choose the content of the text to be displayed on the pie slice.","chart-builder") ); ?>">
6011	6454	<i class="ays_fa ays_fa_info_circle"></i>
6012	6455	</a>
6013	6456	</label>
6014	6457	</div>
		@@ -6028,9 +6471,9 @@
6028	6471	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-donut_chart-opt display_none">
6029	6472	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6030	6473	<label for="ays-chart-option-tooltip-text">
6031	6474	<?php echo esc_html(__( "Slice tooltip text", "chart-builder" )); ?>
6032		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("Choose how to display the text in the chart tooltip.","chart-builder") ); ?>">
	6475	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("Choose how to display the text in the chart tooltip.","chart-builder") ); ?>">
6033	6476	<i class="ays_fa ays_fa_info_circle"></i>
6034	6477	</a>
6035	6478	</label>
6036	6479	</div>
		@@ -6063,9 +6506,9 @@
6063	6506	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-pie_chart-opt cb-donut_chart-opt display_none">
6064	6507	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6065	6508	<label for="ays-chart-option-data-grouping-label" class="form-label">
6066	6509	<?php echo esc_html(__( "Chart Data Grouping Label", "chart-builder" )); ?>
6067		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("A label for the combination slice that holds all slices below chart data grouping limit.","chart-builder") ); ?>">
	6510	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("A label for the combination slice that holds all slices below chart data grouping limit.","chart-builder") ); ?>">
6068	6511	<i class="ays_fa ays_fa_info_circle"></i>
6069	6512	</a>
6070	6513	</label>
6071	6514	</div>
		@@ -6106,17 +6549,18 @@
6106	6549	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6107	6550	<label for="ays-chart-option-focus-target">
6108	6551	<?php echo esc_html(__( "Focus target", "chart-builder" )); ?>
6109	6552	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
6110		- echo htmlspecialchars( sprintf(
	6553	+ echo esc_html( sprintf(
	6554	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
6111	6555	"<p>" . __('There are two ways to focus the data table elements.', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
6112		- __('%sSingle data:%s If you choose the Single Data option, the focus will be on the single data point. By this, the particular cell of the data table will be focused.', "chart-builder") . "</li><li>" .
6113		- __('%sGroup data:%s If you choose the Group Data option, the focus will be on the grouped data points. By this, a row of the data table will be focused.', "chart-builder") . "</li></ul>",
6114		- '<em>',
6115		- '</em>',
6116		- '<em>',
6117		- '</em>'
6118		- ) );
	6556	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6557	+ __('%1$sSingle data:%2$s If you choose the Single Data option, the focus will be on the single data point. By this, the particular cell of the data table will be focused.', "chart-builder") . "</li><li>" .
	6558	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6559	+ __('%1$sGroup data:%2$s If you choose the Group Data option, the focus will be on the grouped data points. By this, a row of the data table will be focused.', "chart-builder") . "</li></ul>",
	6560	+ '<em>', '</em>',
	6561	+ '<em>', '</em>'
	6562	+ ));
6119	6563	?>">
6120	6564	<i class="ays_fa ays_fa_info_circle"></i>
6121	6565	</a>
6122	6566	</label>
		@@ -6151,17 +6595,18 @@
6151	6595	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6152	6596	<label for="ays-chart-option-group-width">
6153	6597	<?php echo esc_html(__( "Bar width", "chart-builder" )); ?>
6154	6598	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
6155		- echo htmlspecialchars( sprintf(
	6599	+ echo esc_html( sprintf(
	6600	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
6156	6601	"<p>" . __('The width of the bars, specified in either of these formats:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
6157		- __('%sPixels:%s Set the width of the bars in pixels.', "chart-builder") . "</li><li>" .
6158		- __('%sPercentage:%s Set the width of the bars in percentage.', "chart-builder") . "</li></ul>",
6159		- '<em>',
6160		- '</em>',
6161		- '<em>',
6162		- '</em>'
6163		- ) );
	6602	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6603	+ __('%1$sPixels:%2$s Set the width of the bars in pixels.', "chart-builder") . "</li><li>" .
	6604	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6605	+ __('%1$sPercentage:%2$s Set the width of the bars in percentage.', "chart-builder") . "</li></ul>",
	6606	+ '<em>', '</em>',
	6607	+ '<em>', '</em>'
	6608	+ ));
6164	6609	?>">
6165	6610	<i class="ays_fa ays_fa_info_circle"></i>
6166	6611	</a>
6167	6612	</label>
		@@ -6213,23 +6658,24 @@
6213	6658	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6214	6659	<label for="ays-chart-option-multiple-data-format">
6215	6660	<?php echo esc_html(__( "Multiple data format", "chart-builder" )); ?>
6216	6661	<a class="ays_help" data-bs-toggle="tooltip" data-bs-html="true" title="<?php
6217		- echo htmlspecialchars( sprintf(
	6662	+ echo esc_html( sprintf(
	6663	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
6218	6664	"<p>" . __('How multiple data selections are rolled up into tooltips:', "chart-builder") . "</p><ul class='ays_tooltop_ul'><li>" .
6219		- __('%sCategory:%s Group selected data by row titles.', "chart-builder") . "</li><li>" .
6220		- __('%sSeries:%s Group selected data by column titles.', "chart-builder") . "</li><li>" .
6221		- __('%sAuto:%s Group selected data by row titles, if they have the same titles or by column titles', "chart-builder") . "</li><li>" .
6222		- __('%sNone:%s Show only one tooltip per selection.', "chart-builder") . "</li></ul>",
6223		- '<em>',
6224		- '</em>',
6225		- '<em>',
6226		- '</em>',
6227		- '<em>',
6228		- '</em>',
6229		- '<em>',
6230		- '</em>'
6231		- ) );
	6665	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6666	+ __('%1$sCategory:%2$s Group selected data by row titles.', "chart-builder") . "</li><li>" .
	6667	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6668	+ __('%1$sSeries:%2$s Group selected data by column titles.', "chart-builder") . "</li><li>" .
	6669	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6670	+ __('%1$sAuto:%2$s Group selected data by row titles, if they have the same titles or by column titles', "chart-builder") . "</li><li>" .
	6671	+ /* translators: %1$s: Opening <em> tag, %2$s: Closing <em> tag */
	6672	+ __('%1$sNone:%2$s Show only one tooltip per selection.', "chart-builder") . "</li></ul>",
	6673	+ '<em>', '</em>',
	6674	+ '<em>', '</em>',
	6675	+ '<em>', '</em>',
	6676	+ '<em>', '</em>'
	6677	+ ));
6232	6678	?>">
6233	6679	<i class="ays_fa ays_fa_info_circle"></i>
6234	6680	</a>
6235	6681	</label>
		@@ -6384,15 +6830,15 @@
6384	6830	<input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-dash-style" type="text" name="<?php echo esc_attr($html_name_prefix); ?>settings[dash_style]" value="<?php echo esc_attr($dash_style) ?>">
6385	6831	</div>
6386	6832	</div> <!-- Line dash pattern -->
6387	6833	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-donut_chart-opt display_none">
6388		- <div class="col-sm-5 d-flex align-items-center <?= $html_class_prefix ?>option-title">
	6834	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6389	6835	<label for="ays-chart-option-donut-hole-size">
6390		- <?php echo __( "Hole size", $this->plugin_name ); ?>
	6836	+ <?php echo esc_html(__( "Hole size", 'chart-builder' )); ?>
6391	6837	</label>
6392	6838	</div>
6393		- <div class="col-sm-7 <?= $html_class_prefix ?>input-align-right <?= $html_class_prefix ?>option-input">
6394		- <input class="ays-text-input form-control <?= $html_class_prefix ?>option-text-input" id="ays-chart-option-donut-hole-size" type="number" min="0" max="1" step=".1" name="<?php echo $html_name_prefix; ?>settings[donut_hole_size]" value="<?= $donut_hole_size ?>">
	6839	+ <div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right <?php echo esc_attr($html_class_prefix) ?>option-input">
	6840	+ <input class="ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input" id="ays-chart-option-donut-hole-size" type="number" min="0" max="1" step=".1" name="<?php echo esc_attr($html_name_prefix); ?>settings[donut_hole_size]" value="<?php echo esc_attr($donut_hole_size) ?>">
6395	6841	</div>
6396	6842	</div> <!-- Donut hole size -->
6397	6843	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-line_chart-opt display_none ays-pro-features-v2-main-box">
6398	6844	<div class="ays-pro-features-v2-small-buttons-box-middle ays-pro-features-v2-big-buttons-box">
		@@ -6399,20 +6845,20 @@
6399	6845	<div class="ays-pro-features-v2-video-button"></div>
6400	6846	<a href="https://ays-pro.com/wordpress/chart-builder" target="_blank" class="ays-pro-features-v2-upgrade-button">
6401	6847	<div class="ays-pro-features-v2-upgrade-icon" style="background-image: url('<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg');" data-img-src="<?php echo esc_attr(CHART_BUILDER_ADMIN_URL); ?>/images/icons/pro-features-icons/Locked_24x24.svg"></div>
6402	6848	<div class="ays-pro-features-v2-upgrade-text">
6403		- <?php echo __("Upgrade" , "chart-builder"); ?>
	6849	+ <?php echo esc_html(__("Upgrade" , "chart-builder")); ?>
6404	6850	</div>
6405	6851	</a>
6406	6852	</div>
6407		- <div class="col-sm-5 d-flex align-items-center <?= $html_class_prefix ?>option-title">
	6853	+ <div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix )?>option-title">
6408	6854	<label for="ays-chart-option-curve-type">
6409		- <?php echo __( "Line curve type", "chart-builder" ); ?>
	6855	+ <?php echo esc_html(__( "Line curve type", "chart-builder" )); ?>
6410	6856	</label>
6411	6857	</div>
6412	6858	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input">
6413		- <select class="<?= $html_class_prefix ?>option-select-input form-select" id="ays-chart-option-line-curve-type" name="<?php echo $html_name_prefix; ?>settings[line_curve_type]">
6414		- <option><?php echo __( "Straight", "chart-builder" ); ?></option>
	6859	+ <select class="<?php echo esc_attr($html_class_prefix) ?>option-select-input form-select" id="ays-chart-option-line-curve-type" name="<?php echo esc_attr($html_name_prefix); ?>settings[line_curve_type]">
	6860	+ <option><?php echo esc_html(__( "Straight", "chart-builder" )); ?></option>
6415	6861	</select>
6416	6862	</div>
6417	6863	</div> <!-- Line curve type -->
6418	6864	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
		@@ -6460,9 +6906,9 @@
6460	6906	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
6461	6907	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6462	6908	<label for="ays-chart-option-org-classname" class="form-label">
6463	6909	<?php echo esc_html(__( "Custom CSS class", "chart-builder" )); ?>
6464		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("A class name to assign to node elements to specify styles for the chart elements.","chart-builder") ); ?>">
	6910	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("A class name to assign to node elements to specify styles for the chart elements.","chart-builder") ); ?>">
6465	6911	<i class="ays_fa ays_fa_info_circle"></i>
6466	6912	</a>
6467	6913	</label>
6468	6914	</div>
		@@ -6473,9 +6919,11 @@
6473	6919	<div class="form-group mb-2 cb-changable-opt cb-org_chart-opt display_none">
6474	6920	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none" style="background:transparent;box-shadow:unset;padding:10px 0">
6475	6921	<br>
6476	6922	<blockquote>
6477		- <?php echo sprintf(__( "%sNote:%s Custom CSS class must be set for the options below to take effect.", $this->plugin_name ), '<strong>', '</strong>'); ?>
	6923	+ <?php echo sprintf(
	6924	+ /* translators: %1$s: Opening <strong> tag, %2$s: Closing </strong> tag */
	6925	+ esc_html(__( '%1$sNote:%2$s Custom CSS class must be set for the options below to take effect.', 'chart-builder' )), '<strong>', '</strong>'); ?>
6478	6926	</blockquote>
6479	6927	<br>
6480	6928	</div>
6481	6929	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
		@@ -6573,9 +7021,9 @@
6573	7021	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
6574	7022	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6575	7023	<label for="ays-chart-option-org-selected-classname" class="form-label">
6576	7024	<?php echo esc_html(__( "Selected node custom CSS class", "chart-builder" )); ?>
6577		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("A class name to assign to node elements to specify styles for the selected chart elements.","chart-builder") ); ?>">
	7025	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("A class name to assign to node elements to specify styles for the selected chart elements.","chart-builder") ); ?>">
6578	7026	<i class="ays_fa ays_fa_info_circle"></i>
6579	7027	</a>
6580	7028	</label>
6581	7029	</div>
		@@ -6586,9 +7034,14 @@
6586	7034	<div class="form-group mb-2 cb-changable-opt cb-org_chart-opt display_none">
6587	7035	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none" style="background:transparent;box-shadow:unset;padding:10px 0">
6588	7036	<br>
6589	7037	<blockquote>
6590		- <?php echo sprintf(__( "%sNote:%s Selected node custom CSS class must be set for the options below to take effect.", $this->plugin_name ), '<strong>', '</strong>'); ?>
	7038	+ <?php echo sprintf(
	7039	+ /* translators: %1$s: Opening <strong> tag, %2$s: Closing </strong> tag */
	7040	+ esc_html(__( '%1$sNote:%2$s Selected node custom CSS class must be set for the options below to take effect.', 'chart-builder' )),
	7041	+ '<strong>',
	7042	+ '</strong>'
	7043	+ ); ?>
6591	7044	</blockquote>
6592	7045	<br>
6593	7046	</div>
6594	7047	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-org_chart-opt display_none">
		@@ -6746,15 +7199,15 @@
6746	7199	if ( !isset( $source[0] ) ) {
6747	7200	if (count($source[1]) > 2) {
6748	7201	$titles = array();
6749	7202	for ($i = 0; $i < count($source[1]); $i++) {
6750		- array_push($titles, __("Title", $this->plugin_name).$i);
	7203	+ array_push($titles, __("Title", 'chart-builder').$i);
6751	7204	}
6752	7205	$source[0] = $titles;
6753	7206	} else {
6754	7207	$source[0] = array(
6755		- __("Country", $this->plugin_name),
6756		- __("Population", $this->plugin_name),
	7208	+ __("Country", 'chart-builder'),
	7209	+ __("Population", 'chart-builder'),
6757	7210	);
6758	7211	}
6759	7212
6760	7213	ksort($source);
		@@ -6787,9 +7240,9 @@
6787	7240	<g>
6788	7241	<path xmlns:default="http://www.w3.org/2000/svg" d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" style="fill: #c4c4c4;" vector-effect="non-scaling-stroke" />
6789	7242	</g>
6790	7243	</svg>
6791		- <span><?php echo $val[0]; ?></span>
	7244	+ <span><?php echo esc_html($val[0]); ?></span>
6792	7245	</legend>
6793	7246	<div class="ays-slices-accordion-options-content ays-slices-accordion-options-content">
6794	7247	<div class="ays-slices-accordion-data-main-wrap">
6795	7248	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
		@@ -6796,9 +7249,9 @@
6796	7249	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
6797	7250	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6798	7251	<label for="ays-chart-option-slice-color">
6799	7252	<?php echo esc_html(__( "Color", "chart-builder" )); ?>
6800		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color to use for this slice.","chart-builder") ); ?>">
	7253	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color to use for this slice.","chart-builder") ); ?>">
6801	7254	<i class="ays_fa ays_fa_info_circle"></i>
6802	7255	</a>
6803	7256	</label>
6804	7257	</div>
		@@ -6803,13 +7256,13 @@
6803	7256	</label>
6804	7257	</div>
6805	7258	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
6806	7259	<input type="color"
6807		- id="ays-chart-option-slice-color-<?php echo $key; ?>"
	7260	+ id="ays-chart-option-slice-color-<?php echo esc_attr($key); ?>"
6808	7261	class="ays-chart-option-slice-color form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker"
6809		- name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_color][<?php echo $key; ?>]"
6810		- value="<?php echo isset($slice_color[$key]) ? esc_attr($slice_color[$key]) : $slice_colors_default[$key]; ?>"
6811		- data-slice-id="<?php echo $key; ?>">
	7262	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_color][<?php echo esc_attr($key); ?>]"
	7263	+ value="<?php echo isset($slice_color[$key]) ? esc_attr($slice_color[$key]) : esc_attr($slice_colors_default[$key]); ?>"
	7264	+ data-slice-id="<?php echo esc_attr($key); ?>">
6812	7265	</div>
6813	7266	</div> <!-- Slice color -->
6814	7267	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
6815	7268	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -6821,13 +7274,13 @@
6821	7274	</label>
6822	7275	</div>
6823	7276	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>option-input <?php echo esc_attr($html_class_prefix) ?>input-align-right">
6824	7277	<input type="number"
6825		- id="ays-chart-option-slice-offset-<?php echo $key; ?>"
	7278	+ id="ays-chart-option-slice-offset-<?php echo esc_attr($key); ?>"
6826	7279	class="ays-chart-option-slice-offset ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input"
6827		- name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_offset][<?php echo $key; ?>]"
	7280	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_offset][<?php echo esc_attr($key); ?>]"
6828	7281	value="<?php echo isset($slice_offset[$key]) ? esc_attr($slice_offset[$key]) : 0 ; ?>"
6829		- data-slice-id="<?php echo $key; ?>"
	7282	+ data-slice-id="<?php echo esc_attr($key); ?>"
6830	7283	step=".01" min="0.0" max="1.0">
6831	7284	</div>
6832	7285	</div> <!-- Slice offset -->
6833	7286	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
		@@ -6833,9 +7286,9 @@
6833	7286	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
6834	7287	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
6835	7288	<label for="ays-chart-option-slice-text-color">
6836	7289	<?php echo esc_html(__( "Text color", "chart-builder" )); ?>
6837		- <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo htmlspecialchars( __("The color to use for the text of this slice.","chart-builder") ); ?>">
	7290	+ <a class="ays_help" data-bs-toggle="tooltip" title="<?php echo esc_attr( __("The color to use for the text of this slice.","chart-builder") ); ?>">
6838	7291	<i class="ays_fa ays_fa_info_circle"></i>
6839	7292	</a>
6840	7293	</label>
6841	7294	</div>
		@@ -6840,13 +7293,13 @@
6840	7293	</label>
6841	7294	</div>
6842	7295	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
6843	7296	<input type="color"
6844		- id="ays-chart-option-slice-text-color-<?php echo $key; ?>"
	7297	+ id="ays-chart-option-slice-text-color-<?php echo esc_attr($key); ?>"
6845	7298	class="ays-chart-option-slice-text-color form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker"
6846		- name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_text_color][<?php echo $key; ?>]"
	7299	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[slice_text_color][<?php echo esc_attr($key); ?>]"
6847	7300	value="<?php echo isset($slice_text_color[$key]) ? esc_attr($slice_text_color[$key]) : '#ffffff'; ?>"
6848		- data-slice-id="<?php echo $key; ?>">
	7301	+ data-slice-id="<?php echo esc_attr($key); ?>">
6849	7302	</div>
6850	7303	</div> <!-- Slice color -->
6851	7304	</div>
6852	7305	</div>
		@@ -6858,9 +7311,9 @@
6858	7311	</div>
6859	7312	</div>
6860	7313	<br>
6861	7314	<blockquote>
6862		- <?php echo __( "Save the chart to update the data.", $this->plugin_name ); ?>
	7315	+ <?php echo esc_html(__( "Save the chart to update the data.", "chart-builder" )); ?>
6863	7316	</blockquote>
6864	7317	</div>
6865	7318	<?php
6866	7319
		@@ -6871,9 +7324,9 @@
6871	7324	}
6872	7325
6873	7326	$content = ob_get_clean();
6874	7327
6875		- $title = __( 'Slices settings', "chart-builder" );
	7328	+ $title = esc_html(__( 'Slices settings', 'chart-builder' ));
6876	7329
6877	7330	$sources['slices_settings'] = array(
6878	7331	'content' => $content,
6879	7332	'title' => $title
		@@ -6899,15 +7352,15 @@
6899	7352	if ( !isset( $source[0] ) ) {
6900	7353	if (count($source[1]) > 2) {
6901	7354	$titles = array();
6902	7355	for ($i = 0; $i < count($source[1]); $i++) {
6903		- array_push($titles, __("Title", $this->plugin_name).$i);
	7356	+ array_push($titles, __("Title", "chart-builder").$i);
6904	7357	}
6905	7358	$source[0] = $titles;
6906	7359	} else {
6907	7360	$source[0] = array(
6908		- __("Country", $this->plugin_name),
6909		- __("Population", $this->plugin_name),
	7361	+ __("Country", "chart-builder"),
	7362	+ __("Population", "chart-builder"),
6910	7363	);
6911	7364	}
6912	7365
6913	7366	ksort($source);
		@@ -6944,9 +7397,9 @@
6944	7397	<g>
6945	7398	<path xmlns:default="http://www.w3.org/2000/svg" d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" style="fill: #c4c4c4;" vector-effect="non-scaling-stroke" />
6946	7399	</g>
6947	7400	</svg>
6948		- <span><?php echo $val; ?></span>
	7401	+ <span><?php echo esc_attr($val); ?></span>
6949	7402	</legend>
6950	7403	<div class="ays-series-accordion-options-content ays-series-accordion-options-content">
6951	7404	<div class="ays-series-accordion-data-main-wrap">
6952	7405	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
		@@ -6957,13 +7410,13 @@
6957	7410	</label>
6958	7411	</div>
6959	7412	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
6960	7413	<input type="color"
6961		- id="ays-chart-option-series-color-<?php echo $key; ?>"
	7414	+ id="ays-chart-option-series-color-<?php echo esc_attr($key); ?>"
6962	7415	class="ays-chart-option-series-color form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker"
6963		- name="<?php echo esc_attr($html_name_prefix); ?>settings[series_color][<?php echo $key; ?>]"
6964		- value="<?php echo isset($series_color[$key]) ? esc_attr($series_color[$key]) : $series_colors_default[$key]; ?>"
6965		- data-series-id="<?php echo $key; ?>">
	7416	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[series_color][<?php echo esc_attr($key); ?>]"
	7417	+ value="<?php echo isset($series_color[$key]) ? esc_attr($series_color[$key]) : esc_attr($series_colors_default[$key]); ?>"
	7418	+ data-series-id="<?php echo esc_attr($key); ?>">
6966	7419	</div>
6967	7420	</div> <!-- series color -->
6968	7421	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
6969	7422	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -6976,13 +7429,13 @@
6976	7429	</div>
6977	7430	<div class="col-sm-7 py-1 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
6978	7431	<label class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-switch">
6979	7432	<input type="checkbox"
6980		- id="ays-chart-option-series-visible-in-legend-<?php echo $key; ?>"
	7433	+ id="ays-chart-option-series-visible-in-legend-<?php echo esc_attr($key); ?>"
6981	7434	class="ays-chart-option-series-visible-in-legend <?php echo esc_attr($html_class_prefix) ?>toggle-switch"
6982		- name="<?php echo esc_attr($html_name_prefix); ?>settings[series_visible_in_legend][<?php echo $key; ?>]"
	7435	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[series_visible_in_legend][<?php echo esc_attr($key); ?>]"
6983	7436	value="on"
6984		- data-series-id="<?php echo $key; ?>"
	7437	+ data-series-id="<?php echo esc_attr($key); ?>"
6985	7438	<?php echo isset($series_visible_in_legend[$key]) && $series_visible_in_legend[$key] == 'on' ? 'checked' : (!isset($series_color[$key]) ? 'checked' : ''); ?> >
6986	7439	<span class="<?php echo esc_attr($html_class_prefix) ?>toggle-switch-slider <?php echo esc_attr($html_class_prefix) ?>toggle-switch-round"></span>
6987	7440	</label>
6988	7441	</div>
		@@ -6997,13 +7450,13 @@
6997	7450	</label>
6998	7451	</div>
6999	7452	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
7000	7453	<input type="number"
7001		- id="ays-chart-option-series-line-width-<?php echo $key; ?>"
	7454	+ id="ays-chart-option-series-line-width-<?php echo esc_attr($key); ?>"
7002	7455	class="ays-chart-option-series-line-width ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input"
7003		- name="<?php echo esc_attr($html_name_prefix); ?>settings[series_line_width][<?php echo $key; ?>]"
7004		- value="<?php echo isset($series_line_width[$key]) ? esc_attr($series_line_width[$key]) : $line_width; ?>"
7005		- data-series-id="<?php echo $key; ?>">
	7456	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[series_line_width][<?php echo esc_attr($key); ?>]"
	7457	+ value="<?php echo isset($series_line_width[$key]) ? esc_attr($series_line_width[$key]) : esc_attr($line_width); ?>"
	7458	+ data-series-id="<?php echo esc_attr($key); ?>">
7006	7459	</div>
7007	7460	</div> <!-- Line width -->
7008	7461	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-line_chart-opt display_none">
7009	7462	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -7015,13 +7468,13 @@
7015	7468	</label>
7016	7469	</div>
7017	7470	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
7018	7471	<input type="number"
7019		- id="ays-chart-option-series-point-size-<?php echo $key; ?>"
	7472	+ id="ays-chart-option-series-point-size-<?php echo esc_attr($key); ?>"
7020	7473	class="ays-chart-option-series-point-size ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input"
7021		- name="<?php echo esc_attr($html_name_prefix); ?>settings[series_point_size][<?php echo $key; ?>]"
7022		- value="<?php echo isset($series_point_size[$key]) ? esc_attr($series_point_size[$key]) : $point_size; ?>"
7023		- data-series-id="<?php echo $key; ?>">
	7474	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[series_point_size][<?php echo esc_attr($key); ?>]"
	7475	+ value="<?php echo isset($series_point_size[$key]) ? esc_attr($series_point_size[$key]) : esc_attr($point_size); ?>"
	7476	+ data-series-id="<?php echo esc_attr($key); ?>">
7024	7477	</div>
7025	7478	</div> <!-- Point size -->
7026	7479	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section cb-changable-opt cb-line_chart-opt display_none">
7027	7480	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -7033,12 +7486,12 @@
7033	7486	</label>
7034	7487	</div>
7035	7488	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
7036	7489	<select
7037		- id="ays-chart-option-series-point-shape-<?php echo $key; ?>"
	7490	+ id="ays-chart-option-series-point-shape-<?php echo esc_attr($key); ?>"
7038	7491	class="ays-chart-option-series-point-shape <?php echo esc_attr($html_class_prefix) ?>option-select-input form-select"
7039		- name="<?php echo esc_attr($html_name_prefix); ?>settings[series_point_shape][<?php echo $key; ?>]"
7040		- data-series-id="<?php echo $key; ?>">
	7492	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[series_point_shape][<?php echo esc_attr($key); ?>]"
	7493	+ data-series-id="<?php echo esc_attr($key); ?>">
7041	7494	>
7042	7495	<?php
7043	7496	$value = isset($series_point_shape[$key]) ? esc_attr($series_point_shape[$key]) : $point_shape;
7044	7497	foreach ( $point_shape_options as $option_slug => $option ):
		@@ -7061,11 +7514,16 @@
7061	7514	</div>
7062	7515	</div>
7063	7516	<br>
7064	7517	<blockquote>
7065		- <?php echo __( "Save the chart to update the data.", $this->plugin_name ); ?>
	7518	+ <?php echo esc_html(__( "Save the chart to update the data.", 'chart-builder' )); ?>
7066	7519	<br>
7067		- <?php echo sprintf(__( "%sNote:%s If you are not able to set the options, disable the row settings feature.", $this->plugin_name ), '<strong>', '</strong>'); ?>
	7520	+ <?php echo sprintf(
	7521	+ /* translators: %1$s: Opening <strong> tag, %2$s: Closing </strong> tag */
	7522	+ esc_html(__( '%1$sNote:%2$s If you are not able to set the options, disable the row settings feature.', 'chart-builder' )),
	7523	+ '<strong>',
	7524	+ '</strong>'
	7525	+ ); ?>
7068	7526	</blockquote>
7069	7527	</div>
7070	7528	<?php
7071	7529
		@@ -7099,15 +7557,15 @@
7099	7557	if ( !isset( $source[0] ) ) {
7100	7558	if (count($source[1]) > 2) {
7101	7559	$titles = array();
7102	7560	for ($i = 0; $i < count($source[1]); $i++) {
7103		- array_push($titles, __("Title", $this->plugin_name).$i);
	7561	+ array_push($titles, __("Title", 'chart-builder').$i);
7104	7562	}
7105	7563	$source[0] = $titles;
7106	7564	} else {
7107	7565	$source[0] = array(
7108		- __("Country", $this->plugin_name),
7109		- __("Population", $this->plugin_name),
	7566	+ __("Country", 'chart-builder'),
	7567	+ __("Population", 'chart-builder'),
7110	7568	);
7111	7569	}
7112	7570
7113	7571	ksort($source);
		@@ -7153,9 +7611,9 @@
7153	7611	<g>
7154	7612	<path xmlns:default="http://www.w3.org/2000/svg" d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z" style="fill: #c4c4c4;" vector-effect="non-scaling-stroke" />
7155	7613	</g>
7156	7614	</svg>
7157		- <span><?php echo $val; ?></span>
	7615	+ <span><?php echo esc_html($val); ?></span>
7158	7616	</legend>
7159	7617	<div class="ays-rows-accordion-options-content ays-rows-accordion-options-content">
7160	7618	<div class="ays-rows-accordion-data-main-wrap">
7161	7619	<div class="<?php echo esc_attr($html_class_prefix) ?>settings-data-main-wrap">
		@@ -7166,13 +7624,13 @@
7166	7624	</label>
7167	7625	</div>
7168	7626	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
7169	7627	<input type="color"
7170		- id="ays-chart-option-rows-color-<?php echo $key; ?>"
	7628	+ id="ays-chart-option-rows-color-<?php echo esc_attr($key); ?>"
7171	7629	class="ays-chart-option-rows-color form-control-color <?php echo esc_attr($html_class_prefix) ?>option-color-picker"
7172		- name="<?php echo esc_attr($html_name_prefix); ?>settings[rows_color][<?php echo $key; ?>]"
7173		- value="<?php echo isset($rows_color[$key]) && '' !== $rows_color[$key] ? esc_attr($rows_color[$key]) : $series_color; ?>"
7174		- data-rows-id="<?php echo $key; ?>">
	7630	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[rows_color][<?php echo esc_attr($key); ?>]"
	7631	+ value="<?php echo isset($rows_color[$key]) && '' !== $rows_color[$key] ? esc_attr($rows_color[$key]) : esc_attr($series_color); ?>"
	7632	+ data-rows-id="<?php echo esc_attr($key); ?>">
7175	7633	</div>
7176	7634	</div> <!-- color -->
7177	7635	<div class="form-group row mb-2 <?php echo esc_attr($html_class_prefix) ?>options-section">
7178	7636	<div class="col-sm-5 d-flex align-items-center <?php echo esc_attr($html_class_prefix) ?>option-title">
		@@ -7181,13 +7639,13 @@
7181	7639	</label>
7182	7640	</div>
7183	7641	<div class="col-sm-7 <?php echo esc_attr($html_class_prefix) ?>input-align-right">
7184	7642	<input type="number"
7185		- id="ays-chart-option-rows-opacity-<?php echo $key; ?>"
	7643	+ id="ays-chart-option-rows-opacity-<?php echo esc_attr($key); ?>"
7186	7644	class="ays-chart-option-rows-opacity ays-text-input form-control <?php echo esc_attr($html_class_prefix) ?>option-text-input"
7187		- name="<?php echo esc_attr($html_name_prefix); ?>settings[rows_opacity][<?php echo $key; ?>]"
	7645	+ name="<?php echo esc_attr($html_name_prefix); ?>settings[rows_opacity][<?php echo esc_attr($key); ?>]"
7188	7646	value="<?php echo isset($rows_opacity[$key]) && '' !== $rows_opacity[$key] ? esc_attr($rows_opacity[$key]) : 1.0; ?>"
7189		- data-rows-id="<?php echo $key; ?>"
	7647	+ data-rows-id="<?php echo esc_attr($key); ?>"
7190	7648	step=".1" min="0" max="1">
7191	7649	</div>
7192	7650	</div> <!-- opacity -->
7193	7651	</div>
		@@ -7198,17 +7656,27 @@
7198	7656	endforeach;
7199	7657	?>
7200	7658	<br>
7201	7659	<blockquote>
7202		- <?php echo __( "Save the chart to update the data.", $this->plugin_name ); ?>
	7660	+ <?php echo esc_html(__( "Save the chart to update the data.", 'chart-builder' )); ?>
7203	7661	<br>
7204		- <?php echo sprintf(__( "%sNote:%s The applied styles will work only if the chart has one column.", $this->plugin_name ), '<strong>', '</strong>'); ?>
	7662	+ <?php echo sprintf(
	7663	+ /* translators: %1$s: Opening <strong> tag, %2$s: Closing </strong> tag */
	7664	+ esc_html(__( '%1$sNote:%2$s The applied styles will work only if the chart has one column.', 'chart-builder' )),
	7665	+ '<strong>',
	7666	+ '</strong>'
	7667	+ ); ?>
7205	7668	</blockquote>
7206	7669	</div>
7207	7670	<div class="<?php echo esc_attr($html_class_prefix) ?>not-hidden-options-section <?php echo $enable_row_settings === 'checked' ? 'display_none' : ''; ?>">
7208	7671	<br>
7209	7672	<blockquote>
7210		- <?php echo sprintf(__( "%sNote:%s If this option is disabled, the general options will be set from the series settings.", $this->plugin_name ), '<strong>', '</strong>'); ?>
	7673	+ <?php echo sprintf(
	7674	+ /* translators: %1$s: Opening <strong> tag, %2$s: Closing </strong> tag */
	7675	+ esc_html(__( '%1$sNote:%2$s If this option is disabled, the general options will be set from the series settings.', 'chart-builder' )),
	7676	+ '<strong>',
	7677	+ '</strong>'
	7678	+ ); ?>
7211	7679	</blockquote>
7212	7680	</div>
7213	7681	</div>
7214	7682	</div>