| @@ -91,21 +91,21 @@ | ||
| 91 | 91 | */ |
| 92 | 92 | private static function get_default_background_types() { |
| 93 | 93 | return [ |
| 94 | 94 | 'classic' => [ |
| 95 | - 'title' => esc_html__( 'Classic', 'elementor' ), | |
| 95 | + 'title' => _x( 'Classic', 'Background Control', 'elementor' ), | |
| 96 | 96 | 'icon' => 'eicon-paint-brush', |
| 97 | 97 | ], |
| 98 | 98 | 'gradient' => [ |
| 99 | - 'title' => esc_html__( 'Gradient', 'elementor' ), | |
| 99 | + 'title' => _x( 'Gradient', 'Background Control', 'elementor' ), | |
| 100 | 100 | 'icon' => 'eicon-barcode', |
| 101 | 101 | ], |
| 102 | 102 | 'video' => [ |
| 103 | - 'title' => esc_html__( 'Video', 'elementor' ), | |
| 103 | + 'title' => _x( 'Video', 'Background Control', 'elementor' ), | |
| 104 | 104 | 'icon' => 'eicon-video-camera', |
| 105 | 105 | ], |
| 106 | 106 | 'slideshow' => [ |
| 107 | - 'title' => esc_html__( 'Slideshow', 'elementor' ), | |
| 107 | + 'title' => _x( 'Slideshow', 'Background Control', 'elementor' ), | |
| 108 | 108 | 'icon' => 'eicon-slideshow', |
| 109 | 109 | ], |
| 110 | 110 | ]; |
| 111 | 111 | } |
| @@ -120,77 +120,37 @@ | ||
| 120 | 120 | * |
| 121 | 121 | * @return array Control fields. |
| 122 | 122 | */ |
| 123 | 123 | public function init_fields() { |
| 124 | - $active_breakpoints = Plugin::$instance->breakpoints->get_active_breakpoints(); | |
| 125 | - | |
| 126 | - $location_device_args = []; | |
| 127 | - $location_device_defaults = [ | |
| 128 | - 'default' => [ | |
| 129 | - 'unit' => '%', | |
| 130 | - ], | |
| 131 | - ]; | |
| 132 | - | |
| 133 | - $angel_device_args = []; | |
| 134 | - $angel_device_defaults = [ | |
| 135 | - 'default' => [ | |
| 136 | - 'unit' => 'deg', | |
| 137 | - ], | |
| 138 | - ]; | |
| 139 | - | |
| 140 | - $position_device_args = []; | |
| 141 | - $position_device_defaults = [ | |
| 142 | - 'default' => 'center center', | |
| 143 | - ]; | |
| 144 | - | |
| 145 | - foreach ( $active_breakpoints as $breakpoint_name => $breakpoint ) { | |
| 146 | - $location_device_args[ $breakpoint_name ] = $location_device_defaults; | |
| 147 | - $angel_device_args[ $breakpoint_name ] = $angel_device_defaults; | |
| 148 | - $position_device_args[ $breakpoint_name ] = $position_device_defaults; | |
| 149 | - } | |
| 150 | - | |
| 151 | 124 | $fields = []; |
| 152 | 125 | |
| 153 | 126 | $fields['background'] = [ |
| 154 | - 'label' => esc_html__( 'Background Type', 'elementor' ), | |
| 127 | + 'label' => _x( 'Background Type', 'Background Control', 'elementor' ), | |
| 155 | 128 | 'type' => Controls_Manager::CHOOSE, |
| 156 | 129 | 'render_type' => 'ui', |
| 157 | 130 | ]; |
| 158 | 131 | |
| 159 | - $fields['gradient_notice'] = [ | |
| 160 | - 'type' => Controls_Manager::ALERT, | |
| 161 | - 'alert_type' => 'warning', | |
| 162 | - 'content' => esc_html__( 'Set locations and angle for each breakpoint to ensure the gradient adapts to different screen sizes.', 'elementor' ), | |
| 163 | - 'render_type' => 'ui', | |
| 164 | - 'condition' => [ | |
| 165 | - 'background' => [ 'gradient' ], | |
| 166 | - ], | |
| 167 | - ]; | |
| 168 | - | |
| 169 | 132 | $fields['color'] = [ |
| 170 | - 'label' => esc_html__( 'Color', 'elementor' ), | |
| 133 | + 'label' => _x( 'Color', 'Background Control', 'elementor' ), | |
| 171 | 134 | 'type' => Controls_Manager::COLOR, |
| 172 | 135 | 'default' => '', |
| 173 | - 'control_type' => 'content', | |
| 174 | - 'title' => esc_html__( 'Background Color', 'elementor' ), | |
| 136 | + 'title' => _x( 'Background Color', 'Background Control', 'elementor' ), | |
| 175 | 137 | 'selectors' => [ |
| 176 | 138 | '{{SELECTOR}}' => 'background-color: {{VALUE}};', |
| 177 | 139 | ], |
| 178 | 140 | 'condition' => [ |
| 179 | - 'background' => [ 'classic', 'gradient', 'video' ], | |
| 141 | + 'background' => [ 'classic', 'gradient' ], | |
| 180 | 142 | ], |
| 181 | 143 | ]; |
| 182 | 144 | |
| 183 | 145 | $fields['color_stop'] = [ |
| 184 | - 'label' => esc_html_x( 'Location', 'Background Control', 'elementor' ), | |
| 146 | + 'label' => _x( 'Location', 'Background Control', 'elementor' ), | |
| 185 | 147 | 'type' => Controls_Manager::SLIDER, |
| 186 | - 'size_units' => [ '%', 'custom' ], | |
| 148 | + 'size_units' => [ '%' ], | |
| 187 | 149 | 'default' => [ |
| 188 | 150 | 'unit' => '%', |
| 189 | 151 | 'size' => 0, |
| 190 | 152 | ], |
| 191 | - 'device_args' => $location_device_args, | |
| 192 | - 'responsive' => true, | |
| 193 | 153 | 'render_type' => 'ui', |
| 194 | 154 | 'condition' => [ |
| 195 | 155 | 'background' => [ 'gradient' ], |
| 196 | 156 | ], |
| @@ -197,13 +157,12 @@ | ||
| 197 | 157 | 'of_type' => 'gradient', |
| 198 | 158 | ]; |
| 199 | 159 | |
| 200 | 160 | $fields['color_b'] = [ |
| 201 | - 'label' => esc_html__( 'Second Color', 'elementor' ), | |
| 161 | + 'label' => _x( 'Second Color', 'Background Control', 'elementor' ), | |
| 202 | 162 | 'type' => Controls_Manager::COLOR, |
| 203 | 163 | 'default' => '#f2295b', |
| 204 | 164 | 'render_type' => 'ui', |
| 205 | - 'control_type' => 'content', | |
| 206 | 165 | 'condition' => [ |
| 207 | 166 | 'background' => [ 'gradient' ], |
| 208 | 167 | ], |
| 209 | 168 | 'of_type' => 'gradient', |
| @@ -209,17 +168,15 @@ | ||
| 209 | 168 | 'of_type' => 'gradient', |
| 210 | 169 | ]; |
| 211 | 170 | |
| 212 | 171 | $fields['color_b_stop'] = [ |
| 213 | - 'label' => esc_html_x( 'Location', 'Background Control', 'elementor' ), | |
| 172 | + 'label' => _x( 'Location', 'Background Control', 'elementor' ), | |
| 214 | 173 | 'type' => Controls_Manager::SLIDER, |
| 215 | - 'size_units' => [ '%', 'custom' ], | |
| 174 | + 'size_units' => [ '%' ], | |
| 216 | 175 | 'default' => [ |
| 217 | 176 | 'unit' => '%', |
| 218 | 177 | 'size' => 100, |
| 219 | 178 | ], |
| 220 | - 'device_args' => $location_device_args, | |
| 221 | - 'responsive' => true, | |
| 222 | 179 | 'render_type' => 'ui', |
| 223 | 180 | 'condition' => [ |
| 224 | 181 | 'background' => [ 'gradient' ], |
| 225 | 182 | ], |
| @@ -226,13 +183,13 @@ | ||
| 226 | 183 | 'of_type' => 'gradient', |
| 227 | 184 | ]; |
| 228 | 185 | |
| 229 | 186 | $fields['gradient_type'] = [ |
| 230 | - 'label' => esc_html_x( 'Type', 'Background Control', 'elementor' ), | |
| 187 | + 'label' => _x( 'Type', 'Background Control', 'elementor' ), | |
| 231 | 188 | 'type' => Controls_Manager::SELECT, |
| 232 | 189 | 'options' => [ |
| 233 | - 'linear' => esc_html__( 'Linear', 'elementor' ), | |
| 234 | - 'radial' => esc_html__( 'Radial', 'elementor' ), | |
| 190 | + 'linear' => _x( 'Linear', 'Background Control', 'elementor' ), | |
| 191 | + 'radial' => _x( 'Radial', 'Background Control', 'elementor' ), | |
| 235 | 192 | ], |
| 236 | 193 | 'default' => 'linear', |
| 237 | 194 | 'render_type' => 'ui', |
| 238 | 195 | 'condition' => [ |
| @@ -241,17 +198,20 @@ | ||
| 241 | 198 | 'of_type' => 'gradient', |
| 242 | 199 | ]; |
| 243 | 200 | |
| 244 | 201 | $fields['gradient_angle'] = [ |
| 245 | - 'label' => esc_html__( 'Angle', 'elementor' ), | |
| 202 | + 'label' => _x( 'Angle', 'Background Control', 'elementor' ), | |
| 246 | 203 | 'type' => Controls_Manager::SLIDER, |
| 247 | - 'size_units' => [ 'deg', 'grad', 'rad', 'turn', 'custom' ], | |
| 204 | + 'size_units' => [ 'deg' ], | |
| 248 | 205 | 'default' => [ |
| 249 | 206 | 'unit' => 'deg', |
| 250 | 207 | 'size' => 180, |
| 251 | 208 | ], |
| 252 | - 'device_args' => $angel_device_args, | |
| 253 | - 'responsive' => true, | |
| 209 | + 'range' => [ | |
| 210 | + 'deg' => [ | |
| 211 | + 'step' => 10, | |
| 212 | + ], | |
| 213 | + ], | |
| 254 | 214 | 'selectors' => [ |
| 255 | 215 | '{{SELECTOR}}' => 'background-color: transparent; background-image: linear-gradient({{SIZE}}{{UNIT}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})', |
| 256 | 216 | ], |
| 257 | 217 | 'condition' => [ |
| @@ -261,24 +221,22 @@ | ||
| 261 | 221 | 'of_type' => 'gradient', |
| 262 | 222 | ]; |
| 263 | 223 | |
| 264 | 224 | $fields['gradient_position'] = [ |
| 265 | - 'label' => esc_html__( 'Position', 'elementor' ), | |
| 225 | + 'label' => _x( 'Position', 'Background Control', 'elementor' ), | |
| 266 | 226 | 'type' => Controls_Manager::SELECT, |
| 267 | 227 | 'options' => [ |
| 268 | - 'center center' => esc_html__( 'Center Center', 'elementor' ), | |
| 269 | - 'center left' => esc_html__( 'Center Left', 'elementor' ), | |
| 270 | - 'center right' => esc_html__( 'Center Right', 'elementor' ), | |
| 271 | - 'top center' => esc_html__( 'Top Center', 'elementor' ), | |
| 272 | - 'top left' => esc_html__( 'Top Left', 'elementor' ), | |
| 273 | - 'top right' => esc_html__( 'Top Right', 'elementor' ), | |
| 274 | - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ), | |
| 275 | - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ), | |
| 276 | - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ), | |
| 228 | + 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ), | |
| 229 | + 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ), | |
| 230 | + 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ), | |
| 231 | + 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ), | |
| 232 | + 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ), | |
| 233 | + 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ), | |
| 234 | + 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ), | |
| 235 | + 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ), | |
| 236 | + 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ), | |
| 277 | 237 | ], |
| 278 | 238 | 'default' => 'center center', |
| 279 | - 'device_args' => $position_device_args, | |
| 280 | - 'responsive' => true, | |
| 281 | 239 | 'selectors' => [ |
| 282 | 240 | '{{SELECTOR}}' => 'background-color: transparent; background-image: radial-gradient(at {{VALUE}}, {{color.VALUE}} {{color_stop.SIZE}}{{color_stop.UNIT}}, {{color_b.VALUE}} {{color_b_stop.SIZE}}{{color_b_stop.UNIT}})', |
| 283 | 241 | ], |
| 284 | 242 | 'condition' => [ |
| @@ -288,22 +246,18 @@ | ||
| 288 | 246 | 'of_type' => 'gradient', |
| 289 | 247 | ]; |
| 290 | 248 | |
| 291 | 249 | $fields['image'] = [ |
| 292 | - 'label' => esc_html__( 'Image', 'elementor' ), | |
| 250 | + 'label' => _x( 'Image', 'Background Control', 'elementor' ), | |
| 293 | 251 | 'type' => Controls_Manager::MEDIA, |
| 294 | - 'ai' => [ | |
| 295 | - 'category' => 'background', | |
| 296 | - ], | |
| 297 | 252 | 'dynamic' => [ |
| 298 | 253 | 'active' => true, |
| 299 | 254 | ], |
| 300 | 255 | 'responsive' => true, |
| 301 | - 'title' => esc_html__( 'Background Image', 'elementor' ), | |
| 256 | + 'title' => _x( 'Background Image', 'Background Control', 'elementor' ), | |
| 302 | 257 | 'selectors' => [ |
| 303 | 258 | '{{SELECTOR}}' => 'background-image: url("{{URL}}");', |
| 304 | 259 | ], |
| 305 | - 'has_sizes' => true, | |
| 306 | 260 | 'render_type' => 'template', |
| 307 | 261 | 'condition' => [ |
| 308 | 262 | 'background' => [ 'classic' ], |
| 309 | 263 | ], |
| @@ -309,25 +263,24 @@ | ||
| 309 | 263 | ], |
| 310 | 264 | ]; |
| 311 | 265 | |
| 312 | 266 | $fields['position'] = [ |
| 313 | - 'label' => esc_html__( 'Position', 'elementor' ), | |
| 267 | + 'label' => _x( 'Position', 'Background Control', 'elementor' ), | |
| 314 | 268 | 'type' => Controls_Manager::SELECT, |
| 315 | 269 | 'default' => '', |
| 316 | - 'separator' => 'before', | |
| 317 | 270 | 'responsive' => true, |
| 318 | 271 | 'options' => [ |
| 319 | - '' => esc_html__( 'Default', 'elementor' ), | |
| 320 | - 'center center' => esc_html__( 'Center Center', 'elementor' ), | |
| 321 | - 'center left' => esc_html__( 'Center Left', 'elementor' ), | |
| 322 | - 'center right' => esc_html__( 'Center Right', 'elementor' ), | |
| 323 | - 'top center' => esc_html__( 'Top Center', 'elementor' ), | |
| 324 | - 'top left' => esc_html__( 'Top Left', 'elementor' ), | |
| 325 | - 'top right' => esc_html__( 'Top Right', 'elementor' ), | |
| 326 | - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ), | |
| 327 | - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ), | |
| 328 | - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ), | |
| 329 | - 'initial' => esc_html__( 'Custom', 'elementor' ), | |
| 272 | + '' => _x( 'Default', 'Background Control', 'elementor' ), | |
| 273 | + 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ), | |
| 274 | + 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ), | |
| 275 | + 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ), | |
| 276 | + 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ), | |
| 277 | + 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ), | |
| 278 | + 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ), | |
| 279 | + 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ), | |
| 280 | + 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ), | |
| 281 | + 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ), | |
| 282 | + 'initial' => _x( 'Custom', 'Background Control', 'elementor' ), | |
| 330 | 283 | |
| 331 | 284 | ], |
| 332 | 285 | 'selectors' => [ |
| 333 | 286 | '{{SELECTOR}}' => 'background-position: {{VALUE}};', |
| @@ -338,19 +291,22 @@ | ||
| 338 | 291 | ], |
| 339 | 292 | ]; |
| 340 | 293 | |
| 341 | 294 | $fields['xpos'] = [ |
| 342 | - 'label' => esc_html__( 'X Position', 'elementor' ), | |
| 295 | + 'label' => _x( 'X Position', 'Background Control', 'elementor' ), | |
| 343 | 296 | 'type' => Controls_Manager::SLIDER, |
| 344 | 297 | 'responsive' => true, |
| 345 | - 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], | |
| 298 | + 'size_units' => [ 'px', 'em', '%', 'vw' ], | |
| 346 | 299 | 'default' => [ |
| 300 | + 'unit' => 'px', | |
| 347 | 301 | 'size' => 0, |
| 348 | 302 | ], |
| 349 | 303 | 'tablet_default' => [ |
| 304 | + 'unit' => 'px', | |
| 350 | 305 | 'size' => 0, |
| 351 | 306 | ], |
| 352 | 307 | 'mobile_default' => [ |
| 308 | + 'unit' => 'px', | |
| 353 | 309 | 'size' => 0, |
| 354 | 310 | ], |
| 355 | 311 | 'range' => [ |
| 356 | 312 | 'px' => [ |
| @@ -381,19 +337,22 @@ | ||
| 381 | 337 | 'required' => true, |
| 382 | 338 | ]; |
| 383 | 339 | |
| 384 | 340 | $fields['ypos'] = [ |
| 385 | - 'label' => esc_html__( 'Y Position', 'elementor' ), | |
| 341 | + 'label' => _x( 'Y Position', 'Background Control', 'elementor' ), | |
| 386 | 342 | 'type' => Controls_Manager::SLIDER, |
| 387 | 343 | 'responsive' => true, |
| 388 | - 'size_units' => [ 'px', '%', 'em', 'rem', 'vh', 'custom' ], | |
| 344 | + 'size_units' => [ 'px', 'em', '%', 'vh' ], | |
| 389 | 345 | 'default' => [ |
| 346 | + 'unit' => 'px', | |
| 390 | 347 | 'size' => 0, |
| 391 | 348 | ], |
| 392 | 349 | 'tablet_default' => [ |
| 350 | + 'unit' => 'px', | |
| 393 | 351 | 'size' => 0, |
| 394 | 352 | ], |
| 395 | 353 | 'mobile_default' => [ |
| 354 | + 'unit' => 'px', | |
| 396 | 355 | 'size' => 0, |
| 397 | 356 | ], |
| 398 | 357 | 'range' => [ |
| 399 | 358 | 'px' => [ |
| @@ -424,15 +383,15 @@ | ||
| 424 | 383 | 'required' => true, |
| 425 | 384 | ]; |
| 426 | 385 | |
| 427 | 386 | $fields['attachment'] = [ |
| 428 | - 'label' => esc_html_x( 'Attachment', 'Background Control', 'elementor' ), | |
| 387 | + 'label' => _x( 'Attachment', 'Background Control', 'elementor' ), | |
| 429 | 388 | 'type' => Controls_Manager::SELECT, |
| 430 | 389 | 'default' => '', |
| 431 | 390 | 'options' => [ |
| 432 | - '' => esc_html__( 'Default', 'elementor' ), | |
| 433 | - 'scroll' => esc_html_x( 'Scroll', 'Background Control', 'elementor' ), | |
| 434 | - 'fixed' => esc_html_x( 'Fixed', 'Background Control', 'elementor' ), | |
| 391 | + '' => _x( 'Default', 'Background Control', 'elementor' ), | |
| 392 | + 'scroll' => _x( 'Scroll', 'Background Control', 'elementor' ), | |
| 393 | + 'fixed' => _x( 'Fixed', 'Background Control', 'elementor' ), | |
| 435 | 394 | ], |
| 436 | 395 | 'selectors' => [ |
| 437 | 396 | '(desktop+){{SELECTOR}}' => 'background-attachment: {{VALUE}};', |
| 438 | 397 | ], |
| @@ -445,8 +404,9 @@ | ||
| 445 | 404 | $fields['attachment_alert'] = [ |
| 446 | 405 | 'type' => Controls_Manager::RAW_HTML, |
| 447 | 406 | 'content_classes' => 'elementor-control-field-description', |
| 448 | 407 | 'raw' => esc_html__( 'Note: Attachment Fixed works only on desktop.', 'elementor' ), |
| 408 | + 'separator' => 'none', | |
| 449 | 409 | 'condition' => [ |
| 450 | 410 | 'background' => [ 'classic' ], |
| 451 | 411 | 'image[url]!' => '', |
| 452 | 412 | 'attachment' => 'fixed', |
| @@ -453,18 +413,18 @@ | ||
| 453 | 413 | ], |
| 454 | 414 | ]; |
| 455 | 415 | |
| 456 | 416 | $fields['repeat'] = [ |
| 457 | - 'label' => esc_html_x( 'Repeat', 'Background Control', 'elementor' ), | |
| 417 | + 'label' => _x( 'Repeat', 'Background Control', 'elementor' ), | |
| 458 | 418 | 'type' => Controls_Manager::SELECT, |
| 459 | 419 | 'default' => '', |
| 460 | 420 | 'responsive' => true, |
| 461 | 421 | 'options' => [ |
| 462 | - '' => esc_html__( 'Default', 'elementor' ), | |
| 463 | - 'no-repeat' => esc_html__( 'No-repeat', 'elementor' ), | |
| 464 | - 'repeat' => esc_html__( 'Repeat', 'elementor' ), | |
| 465 | - 'repeat-x' => esc_html__( 'Repeat-x', 'elementor' ), | |
| 466 | - 'repeat-y' => esc_html__( 'Repeat-y', 'elementor' ), | |
| 422 | + '' => _x( 'Default', 'Background Control', 'elementor' ), | |
| 423 | + 'no-repeat' => _x( 'No-repeat', 'Background Control', 'elementor' ), | |
| 424 | + 'repeat' => _x( 'Repeat', 'Background Control', 'elementor' ), | |
| 425 | + 'repeat-x' => _x( 'Repeat-x', 'Background Control', 'elementor' ), | |
| 426 | + 'repeat-y' => _x( 'Repeat-y', 'Background Control', 'elementor' ), | |
| 467 | 427 | ], |
| 468 | 428 | 'selectors' => [ |
| 469 | 429 | '{{SELECTOR}}' => 'background-repeat: {{VALUE}};', |
| 470 | 430 | ], |
| @@ -474,18 +434,18 @@ | ||
| 474 | 434 | ], |
| 475 | 435 | ]; |
| 476 | 436 | |
| 477 | 437 | $fields['size'] = [ |
| 478 | - 'label' => esc_html__( 'Display Size', 'elementor' ), | |
| 438 | + 'label' => _x( 'Size', 'Background Control', 'elementor' ), | |
| 479 | 439 | 'type' => Controls_Manager::SELECT, |
| 480 | 440 | 'responsive' => true, |
| 481 | 441 | 'default' => '', |
| 482 | 442 | 'options' => [ |
| 483 | - '' => esc_html__( 'Default', 'elementor' ), | |
| 484 | - 'auto' => esc_html__( 'Auto', 'elementor' ), | |
| 485 | - 'cover' => esc_html__( 'Cover', 'elementor' ), | |
| 486 | - 'contain' => esc_html__( 'Contain', 'elementor' ), | |
| 487 | - 'initial' => esc_html__( 'Custom', 'elementor' ), | |
| 443 | + '' => _x( 'Default', 'Background Control', 'elementor' ), | |
| 444 | + 'auto' => _x( 'Auto', 'Background Control', 'elementor' ), | |
| 445 | + 'cover' => _x( 'Cover', 'Background Control', 'elementor' ), | |
| 446 | + 'contain' => _x( 'Contain', 'Background Control', 'elementor' ), | |
| 447 | + 'initial' => _x( 'Custom', 'Background Control', 'elementor' ), | |
| 488 | 448 | ], |
| 489 | 449 | 'selectors' => [ |
| 490 | 450 | '{{SELECTOR}}' => 'background-size: {{VALUE}};', |
| 491 | 451 | ], |
| @@ -495,16 +455,25 @@ | ||
| 495 | 455 | ], |
| 496 | 456 | ]; |
| 497 | 457 | |
| 498 | 458 | $fields['bg_width'] = [ |
| 499 | - 'label' => esc_html__( 'Width', 'elementor' ), | |
| 459 | + 'label' => _x( 'Width', 'Background Control', 'elementor' ), | |
| 500 | 460 | 'type' => Controls_Manager::SLIDER, |
| 501 | 461 | 'responsive' => true, |
| 502 | - 'size_units' => [ 'px', '%', 'em', 'rem', 'vw', 'custom' ], | |
| 462 | + 'size_units' => [ 'px', 'em', '%', 'vw' ], | |
| 503 | 463 | 'range' => [ |
| 504 | 464 | 'px' => [ |
| 465 | + 'min' => 0, | |
| 505 | 466 | 'max' => 1000, |
| 506 | 467 | ], |
| 468 | + '%' => [ | |
| 469 | + 'min' => 0, | |
| 470 | + 'max' => 100, | |
| 471 | + ], | |
| 472 | + 'vw' => [ | |
| 473 | + 'min' => 0, | |
| 474 | + 'max' => 100, | |
| 475 | + ], | |
| 507 | 476 | ], |
| 508 | 477 | 'default' => [ |
| 509 | 478 | 'size' => 100, |
| 510 | 479 | 'unit' => '%', |
| @@ -521,9 +490,9 @@ | ||
| 521 | 490 | ], |
| 522 | 491 | ]; |
| 523 | 492 | |
| 524 | 493 | $fields['video_link'] = [ |
| 525 | - 'label' => esc_html__( 'Video Link', 'elementor' ), | |
| 494 | + 'label' => _x( 'Video Link', 'Background Control', 'elementor' ), | |
| 526 | 495 | 'type' => Controls_Manager::TEXT, |
| 527 | 496 | 'placeholder' => 'https://www.youtube.com/watch?v=XHOmBV4js_E', |
| 528 | 497 | 'description' => esc_html__( 'YouTube/Vimeo link, or link to video file (mp4 is recommended).', 'elementor' ), |
| 529 | 498 | 'label_block' => true, |
| @@ -534,11 +503,8 @@ | ||
| 534 | 503 | TagsModule::POST_META_CATEGORY, |
| 535 | 504 | TagsModule::URL_CATEGORY, |
| 536 | 505 | ], |
| 537 | 506 | ], |
| 538 | - 'ai' => [ | |
| 539 | - 'active' => false, | |
| 540 | - ], | |
| 541 | 507 | 'condition' => [ |
| 542 | 508 | 'background' => [ 'video' ], |
| 543 | 509 | ], |
| 544 | 510 | 'of_type' => 'video', |
| @@ -595,8 +561,9 @@ | ||
| 595 | 561 | // youtube.com or youtube-nocookie.com, depending on whether the user wants privacy mode on or not). |
| 596 | 562 | $fields['privacy_mode'] = [ |
| 597 | 563 | 'label' => esc_html__( 'Privacy Mode', 'elementor' ), |
| 598 | 564 | 'type' => Controls_Manager::SWITCHER, |
| 565 | + 'description' => esc_html__( 'Only works for YouTube videos.', 'elementor' ), | |
| 599 | 566 | 'condition' => [ |
| 600 | 567 | 'background' => [ 'video' ], |
| 601 | 568 | ], |
| 602 | 569 | 'of_type' => 'video', |
| @@ -603,9 +570,9 @@ | ||
| 603 | 570 | 'frontend_available' => true, |
| 604 | 571 | ]; |
| 605 | 572 | |
| 606 | 573 | $fields['video_fallback'] = [ |
| 607 | - 'label' => esc_html__( 'Background Fallback', 'elementor' ), | |
| 574 | + 'label' => _x( 'Background Fallback', 'Background Control', 'elementor' ), | |
| 608 | 575 | 'description' => esc_html__( 'This cover image will replace the background video in case that the video could not be loaded.', 'elementor' ), |
| 609 | 576 | 'type' => Controls_Manager::MEDIA, |
| 610 | 577 | 'dynamic' => [ |
| 611 | 578 | 'active' => true, |
| @@ -619,9 +586,9 @@ | ||
| 619 | 586 | 'of_type' => 'video', |
| 620 | 587 | ]; |
| 621 | 588 | |
| 622 | 589 | $fields['slideshow_gallery'] = [ |
| 623 | - 'label' => esc_html__( 'Images', 'elementor' ), | |
| 590 | + 'label' => _x( 'Images', 'Background Control', 'elementor' ), | |
| 624 | 591 | 'type' => Controls_Manager::GALLERY, |
| 625 | 592 | 'condition' => [ |
| 626 | 593 | 'background' => [ 'slideshow' ], |
| 627 | 594 | ], |
| @@ -704,17 +671,17 @@ | ||
| 704 | 671 | 'default' => '', |
| 705 | 672 | 'responsive' => true, |
| 706 | 673 | 'options' => [ |
| 707 | 674 | '' => esc_html__( 'Default', 'elementor' ), |
| 708 | - 'center center' => esc_html__( 'Center Center', 'elementor' ), | |
| 709 | - 'center left' => esc_html__( 'Center Left', 'elementor' ), | |
| 710 | - 'center right' => esc_html__( 'Center Right', 'elementor' ), | |
| 711 | - 'top center' => esc_html__( 'Top Center', 'elementor' ), | |
| 712 | - 'top left' => esc_html__( 'Top Left', 'elementor' ), | |
| 713 | - 'top right' => esc_html__( 'Top Right', 'elementor' ), | |
| 714 | - 'bottom center' => esc_html__( 'Bottom Center', 'elementor' ), | |
| 715 | - 'bottom left' => esc_html__( 'Bottom Left', 'elementor' ), | |
| 716 | - 'bottom right' => esc_html__( 'Bottom Right', 'elementor' ), | |
| 675 | + 'center center' => _x( 'Center Center', 'Background Control', 'elementor' ), | |
| 676 | + 'center left' => _x( 'Center Left', 'Background Control', 'elementor' ), | |
| 677 | + 'center right' => _x( 'Center Right', 'Background Control', 'elementor' ), | |
| 678 | + 'top center' => _x( 'Top Center', 'Background Control', 'elementor' ), | |
| 679 | + 'top left' => _x( 'Top Left', 'Background Control', 'elementor' ), | |
| 680 | + 'top right' => _x( 'Top Right', 'Background Control', 'elementor' ), | |
| 681 | + 'bottom center' => _x( 'Bottom Center', 'Background Control', 'elementor' ), | |
| 682 | + 'bottom left' => _x( 'Bottom Left', 'Background Control', 'elementor' ), | |
| 683 | + 'bottom right' => _x( 'Bottom Right', 'Background Control', 'elementor' ), | |
| 717 | 684 | ], |
| 718 | 685 | 'selectors' => [ |
| 719 | 686 | '{{WRAPPER}} .elementor-background-slideshow__slide__image' => 'background-position: {{VALUE}};', |
| 720 | 687 | ], |
