← All changes | core/files/css/base.php +12 -79 4.3.0-beta3 → 3.13.3 View file →

		@@ -8,10 +8,8 @@
8	8	use Elementor\Core\Breakpoints\Manager as Breakpoints_Manager;
9	9	use Elementor\Core\Files\Base as Base_File;
10	10	use Elementor\Core\DynamicTags\Manager;
11	11	use Elementor\Core\DynamicTags\Tag;
12		-use Elementor\Core\Frontend\Performance;
13		-use Elementor\Core\Frontend\Widget_Content_Render_Mode;
14	12	use Elementor\Core\Kits\Documents\Tabs\Global_Typography;
15	13	use Elementor\Plugin;
16	14	use Elementor\Stylesheet;
17	15	use Elementor\Icons_Manager;
		@@ -65,10 +63,8 @@
65	63	private $icons_fonts = [];
66	64
67	65	private $dynamic_elements_ids = [];
68	66
69		- private $preserved_dynamic_style_values = [];
70		-
71	67	/**
72	68	* Stylesheet object.
73	69	*
74	70	* Holds the CSS file stylesheet instance.
		@@ -201,12 +197,8 @@
201	197	* @since 1.2.0
202	198	* @access public
203	199	*/
204	200	public function enqueue() {
205		- if ( $this->should_skip_enqueue() ) {
206		- return;
207		- }
208		-
209	201	$handle_id = $this->get_file_handle_id();
210	202
211	203	if ( isset( self::$printed[ $handle_id ] ) ) {
212	204	return;
		@@ -219,17 +211,8 @@
219	211	if ( self::CSS_STATUS_EMPTY === $meta['status'] ) {
220	212	return;
221	213	}
222	214
223		- /**
224		- * Enqueue CSS file.
225		- *
226		- * Fires before enqueuing a CSS file.
227		- *
228		- * @param Base $this The current CSS file.
229		- */
230		- do_action( 'elementor/css-file/before_enqueue', $this );
231		-
232	215	// First time after clear cache and etc.
233	216	if ( '' === $meta['status'] || $this->is_update_required() ) {
234	217	$this->update();
235	218
		@@ -237,17 +220,16 @@
237	220	}
238	221
239	222	if ( self::CSS_STATUS_INLINE === $meta['status'] ) {
240	223	$dep = $this->get_inline_dependency();
241		- $is_dependency_registered = (bool) wp_styles()->query( $dep, 'registered' );
242		-
243		- if ( ! $is_dependency_registered || wp_styles()->query( $dep, 'done' ) ) {
244		- printf( '<style id="%1$s">%2$s</style>', $this->get_file_handle_id(), $meta['css'] ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	224	+ // If the dependency has already been printed ( like a template in footer )
	225	+ if ( wp_styles()->query( $dep, 'done' ) ) {
	226	+ printf( '<style id="%1$s">%2$s</style>', $this->get_file_handle_id(), $meta['css'] ); // XSS ok.
245	227	} else {
246	228	wp_add_inline_style( $dep, $meta['css'] );
247	229	}
248	230	} elseif ( self::CSS_STATUS_FILE === $meta['status'] ) { // Re-check if it's not empty after CSS update.
249		- wp_enqueue_style( $this->get_file_handle_id(), $this->get_url(), $this->get_registered_enqueue_dependencies(), null );
	231	+ wp_enqueue_style( $this->get_file_handle_id(), $this->get_url(), $this->get_enqueue_dependencies(), null ); // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
250	232	}
251	233
252	234	// Handle fonts.
253	235	if ( ! empty( $meta['fonts'] ) ) {
		@@ -279,17 +261,8 @@
279	261	*
280	262	* @param Base $this The current CSS file.
281	263	*/
282	264	do_action( "elementor/css-file/{$name}/enqueue", $this );
283		-
284		- /**
285		- * Enqueue CSS file.
286		- *
287		- * Fires after enqueuing a CSS file.
288		- *
289		- * @param Base $this The current CSS file.
290		- */
291		- do_action( 'elementor/css-file/after_enqueue', $this );
292	265	}
293	266
294	267	/**
295	268	* Print CSS.
		@@ -300,9 +273,9 @@
300	273	* @since 1.9.4
301	274	* @access public
302	275	*/
303	276	public function print_css() {
304		- echo '<style>' . $this->get_content() . '</style>'; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
	277	+ echo '<style>' . $this->get_content() . '</style>'; // XSS ok.
305	278	Plugin::$instance->frontend->print_fonts_links();
306	279	}
307	280
308	281	/**
		@@ -496,9 +469,9 @@
496	469	$value = $this->get_control_global_default_value( $control );
497	470	}
498	471
499	472	if ( Controls_Manager::FONT === $control['type'] ) {
500		- $this->add_font( $value );
	473	+ $this->fonts[] = $value;
501	474	}
502	475
503	476	/** @var Base_Data_Control $control_obj */
504	477	$control_obj = Plugin::$instance->controls_manager->get_control( $control['type'] );
		@@ -554,9 +527,9 @@
554	527	* @param array $placeholders Placeholders.
555	528	* @param array $replacements Replacements.
556	529	* @param array $all_controls All controls.
557	530	*/
558		- public function add_controls_stack_style_rules( Controls_Stack $controls_stack, array $controls, array $values, array $placeholders, array $replacements, ?array $all_controls = null ) {
	531	+ public function add_controls_stack_style_rules( Controls_Stack $controls_stack, array $controls, array $values, array $placeholders, array $replacements, array $all_controls = null ) {
559	532	if ( ! $all_controls ) {
560	533	$all_controls = $controls_stack->get_controls();
561	534	}
562	535
		@@ -578,13 +551,8 @@
578	551	if ( ! empty( $parsed_dynamic_settings[ Manager::DYNAMIC_SETTING_KEY ][ $control['name'] ] ) ) {
579	552	// Dynamic CSS should not be added to the CSS files.
580	553	// Instead it's handled by \Elementor\Core\DynamicTags\Dynamic_CSS
581	554	// and printed in a style tag.
582		- $should_preserve_value = isset( $control['control_type'] ) && 'content' === $control['control_type'];
583		- if ( $should_preserve_value ) {
584		- $this->preserved_dynamic_style_values[ $control['name'] ] = $parsed_dynamic_settings[ $control['name'] ];
585		- }
586		-
587	555	unset( $parsed_dynamic_settings[ $control['name'] ] );
588	556
589	557	$this->dynamic_elements_ids[] = $controls_stack->get_id();
590	558
		@@ -611,31 +579,8 @@
611	579	* @return string CSS file handle ID.
612	580	*/
613	581	abstract protected function get_file_handle_id();
614	582
615		- protected function should_skip_enqueue(): bool {
616		- if ( Widget_Content_Render_Mode::is( Widget_Content_Render_Mode::MARKDOWN ) ) {
617		- return true;
618		- }
619		-
620		- if ( ! is_admin() ) {
621		- return false;
622		- }
623		-
624		- $editor = Plugin::$instance->editor;
625		-
626		- return $editor && $editor->is_editor_request();
627		- }
628		-
629		- protected function get_registered_enqueue_dependencies(): array {
630		- return array_values( array_filter(
631		- $this->get_enqueue_dependencies(),
632		- static function ( $handle ) {
633		- return (bool) wp_styles()->query( $handle, 'registered' );
634		- }
635		- ) );
636		- }
637		-
638	583	/**
639	584	* Render CSS.
640	585	*
641	586	* Parse the CSS.
		@@ -706,10 +651,8 @@
706	651	* @since 1.2.0
707	652	* @access protected
708	653	*/
709	654	protected function parse_content() {
710		- Performance::set_use_style_controls( true );
711		-
712	655	$initial_responsive_controls_duplication_mode = Plugin::$instance->breakpoints->get_responsive_control_duplication_mode();
713	656
714	657	Plugin::$instance->breakpoints->set_responsive_control_duplication_mode( $this->get_responsive_control_duplication_mode() );
715	658
		@@ -731,10 +674,8 @@
731	674	do_action( "elementor/css-file/{$name}/parse", $this );
732	675
733	676	Plugin::$instance->breakpoints->set_responsive_control_duplication_mode( $initial_responsive_controls_duplication_mode );
734	677
735		- Performance::set_use_style_controls( false );
736		-
737	678	return $this->get_stylesheet()->__toString();
738	679	}
739	680
740	681	/**
		@@ -815,11 +756,9 @@
815	756	// When the control itself has no global value, but it refers to another control global value
816	757	return $this->get_selector_global_value( $control, $values['__globals__'][ $control['name'] ] );
817	758	}
818	759
819		- $value = isset( $values[ $control['name'] ] )
820		- ? $values[ $control['name'] ]
821		- : $this->preserved_dynamic_style_values[ $control['name'] ] ?? null;
	760	+ $value = $values[ $control['name'] ];
822	761
823	762	if ( isset( $control['selectors_dictionary'][ $value ] ) ) {
824	763	$value = $control['selectors_dictionary'][ $value ];
825	764	}
		@@ -936,9 +875,9 @@
936	875	if ( $control['groupPrefix'] . 'font_family' === $control['name'] ) {
937	876	$default_generic_fonts = Plugin::$instance->kits_manager->get_current_settings( 'default_generic_fonts' );
938	877
939	878	if ( $default_generic_fonts ) {
940		- $value .= ", $default_generic_fonts";
	879	+ $value .= ", $default_generic_fonts";
941	880	}
942	881	}
943	882	} else {
944	883	$value = "var( --e-global-$control[type]-$id )";
		@@ -946,9 +885,9 @@
946	885
947	886	return $value;
948	887	}
949	888
950		- final protected function get_active_controls( Controls_Stack $controls_stack, ?array $controls = null, ?array $settings = null ) {
	889	+ final protected function get_active_controls( Controls_Stack $controls_stack, array $controls = null, array $settings = null ) {
951	890	if ( ! $controls ) {
952	891	$controls = $controls_stack->get_controls();
953	892	}
954	893
		@@ -963,9 +902,9 @@
963	902	$active_controls = array_reduce(
964	903	array_keys( $controls ), function( $active_controls, $control_key ) use ( $controls_stack, $controls, $settings ) {
965	904	$control = $controls[ $control_key ];
966	905
967		- if ( $controls_stack->is_control_visible( $control, $settings, $controls ) ) {
	906	+ if ( $controls_stack->is_control_visible( $control, $settings ) ) {
968	907	$active_controls[ $control_key ] = $control;
969	908	}
970	909
971	910	return $active_controls;
		@@ -974,9 +913,9 @@
974	913
975	914	return $active_controls;
976	915	}
977	916
978		- final public function get_style_controls( Controls_Stack $controls_stack, ?array $controls = null, ?array $settings = null ) {
	917	+ final public function get_style_controls( Controls_Stack $controls_stack, array $controls = null, array $settings = null ) {
979	918	$controls = $this->get_active_controls( $controls_stack, $controls, $settings );
980	919
981	920	$style_controls = [];
982	921
		@@ -1053,12 +992,6 @@
1053	992
1054	993	$globals = $controls_stack->get_settings( '__globals__' );
1055	994
1056	995	return ! empty( $globals[ $control_global_key ] );
1057		- }
1058		-
1059		- public function add_font( $font ) {
1060		- if ( ! in_array( $font, $this->fonts, true ) ) {
1061		- $this->fonts[] = $font;
1062		- }
1063	996	}
1064	997	}