'relative', 'width' => '100%', 'min-width' => '0', ]; const SHELL_CSS = '.e-con{position:relative;width:100%;min-width:0;}'; const DOCUMENT_ROOT_SHELL_CSS = '.e-con{position:relative;width:100%;min-width:0;margin-inline-start:auto;margin-inline-end:auto;max-width:100%;}'; public static function applies_to( array $element_config ): bool { $is_atomic = ! empty( $element_config['atomic'] ); $is_element = self::WIDGET_EL_TYPE !== ( $element_config['elType'] ?? self::WIDGET_EL_TYPE ); return $is_atomic && $is_element; } public static function to_css_string( bool $is_document_root ): string { return $is_document_root ? self::DOCUMENT_ROOT_SHELL_CSS : self::SHELL_CSS; } }