| @@ -232,9 +232,9 @@ | ||
| 232 | 232 | 'tab' => Controls_Manager::TAB_LAYOUT, |
| 233 | 233 | ] |
| 234 | 234 | ); |
| 235 | 235 | |
| 236 | - // Element Name for the Navigator. | |
| 236 | + // Element Name for the Navigator | |
| 237 | 237 | $this->add_control( |
| 238 | 238 | '_title', |
| 239 | 239 | [ |
| 240 | 240 | 'label' => esc_html__( 'Title', 'elementor' ), |
| @@ -436,9 +436,9 @@ | ||
| 436 | 436 | ], |
| 437 | 437 | 'selectors' => [ |
| 438 | 438 | '{{WRAPPER}} > .elementor-container > .elementor-column > .elementor-widget-wrap' => 'align-content: {{VALUE}}; align-items: {{VALUE}};', |
| 439 | 439 | ], |
| 440 | - // TODO: The following line is for BC since 2.7.0. | |
| 440 | + // TODO: The following line is for BC since 2.7.0 | |
| 441 | 441 | 'prefix_class' => 'elementor-section-content-', |
| 442 | 442 | ] |
| 443 | 443 | ); |
| 444 | 444 | |
| @@ -503,9 +503,9 @@ | ||
| 503 | 503 | ); |
| 504 | 504 | |
| 505 | 505 | $this->end_controls_section(); |
| 506 | 506 | |
| 507 | - // Section Structure. | |
| 507 | + // Section Structure | |
| 508 | 508 | $this->start_controls_section( |
| 509 | 509 | 'section_structure', |
| 510 | 510 | [ |
| 511 | 511 | 'label' => esc_html__( 'Structure', 'elementor' ), |
| @@ -525,9 +525,9 @@ | ||
| 525 | 525 | ); |
| 526 | 526 | |
| 527 | 527 | $this->end_controls_section(); |
| 528 | 528 | |
| 529 | - // Section background. | |
| 529 | + // Section background | |
| 530 | 530 | $this->start_controls_section( |
| 531 | 531 | 'section_background', |
| 532 | 532 | [ |
| 533 | 533 | 'label' => esc_html__( 'Background', 'elementor' ), |
| @@ -556,45 +556,8 @@ | ||
| 556 | 556 | ], |
| 557 | 557 | ] |
| 558 | 558 | ); |
| 559 | 559 | |
| 560 | - $this->add_control( | |
| 561 | - 'handle_slideshow_asset_loading', | |
| 562 | - [ | |
| 563 | - 'type' => Controls_Manager::HIDDEN, | |
| 564 | - 'assets' => [ | |
| 565 | - 'styles' => [ | |
| 566 | - [ | |
| 567 | - 'name' => 'e-swiper', | |
| 568 | - 'conditions' => [ | |
| 569 | - 'terms' => [ | |
| 570 | - [ | |
| 571 | - 'name' => 'background_background', | |
| 572 | - 'operator' => '===', | |
| 573 | - 'value' => 'slideshow', | |
| 574 | - ], | |
| 575 | - ], | |
| 576 | - ], | |
| 577 | - ], | |
| 578 | - ], | |
| 579 | - 'scripts' => [ | |
| 580 | - [ | |
| 581 | - 'name' => 'swiper', | |
| 582 | - 'conditions' => [ | |
| 583 | - 'terms' => [ | |
| 584 | - [ | |
| 585 | - 'name' => 'background_background', | |
| 586 | - 'operator' => '===', | |
| 587 | - 'value' => 'slideshow', | |
| 588 | - ], | |
| 589 | - ], | |
| 590 | - ], | |
| 591 | - ], | |
| 592 | - ], | |
| 593 | - ], | |
| 594 | - ] | |
| 595 | - ); | |
| 596 | - | |
| 597 | 560 | $this->end_controls_tab(); |
| 598 | 561 | |
| 599 | 562 | $this->start_controls_tab( |
| 600 | 563 | 'tab_background_hover', |
| @@ -636,9 +599,9 @@ | ||
| 636 | 599 | $this->end_controls_tabs(); |
| 637 | 600 | |
| 638 | 601 | $this->end_controls_section(); |
| 639 | 602 | |
| 640 | - // Background Overlay. | |
| 603 | + // Background Overlay | |
| 641 | 604 | $this->start_controls_section( |
| 642 | 605 | 'section_background_overlay', |
| 643 | 606 | [ |
| 644 | 607 | 'label' => esc_html__( 'Background Overlay', 'elementor' ), |
| @@ -823,9 +786,9 @@ | ||
| 823 | 786 | $this->end_controls_tabs(); |
| 824 | 787 | |
| 825 | 788 | $this->end_controls_section(); |
| 826 | 789 | |
| 827 | - // Section border. | |
| 790 | + // Section border | |
| 828 | 791 | $this->start_controls_section( |
| 829 | 792 | 'section_border', |
| 830 | 793 | [ |
| 831 | 794 | 'label' => esc_html__( 'Border', 'elementor' ), |
| @@ -929,9 +892,9 @@ | ||
| 929 | 892 | 'operator' => '!==', |
| 930 | 893 | 'value' => '', |
| 931 | 894 | ], |
| 932 | 895 | [ |
| 933 | - 'name' => 'border_hover_border', | |
| 896 | + 'name' => 'border_border', | |
| 934 | 897 | 'operator' => '!==', |
| 935 | 898 | 'value' => '', |
| 936 | 899 | ], |
| 937 | 900 | ], |
| @@ -948,9 +911,9 @@ | ||
| 948 | 911 | $this->end_controls_tabs(); |
| 949 | 912 | |
| 950 | 913 | $this->end_controls_section(); |
| 951 | 914 | |
| 952 | - // Section Shape Divider. | |
| 915 | + // Section Shape Divider | |
| 953 | 916 | $this->start_controls_section( |
| 954 | 917 | 'section_shape_divider', |
| 955 | 918 | [ |
| 956 | 919 | 'label' => esc_html__( 'Shape Divider', 'elementor' ), |
| @@ -959,8 +922,16 @@ | ||
| 959 | 922 | ); |
| 960 | 923 | |
| 961 | 924 | $this->start_controls_tabs( 'tabs_shape_dividers' ); |
| 962 | 925 | |
| 926 | + $shapes_options = [ | |
| 927 | + '' => esc_html__( 'None', 'elementor' ), | |
| 928 | + ]; | |
| 929 | + | |
| 930 | + foreach ( Shapes::get_shapes() as $shape_name => $shape_props ) { | |
| 931 | + $shapes_options[ $shape_name ] = $shape_props['title']; | |
| 932 | + } | |
| 933 | + | |
| 963 | 934 | foreach ( [ |
| 964 | 935 | 'top' => esc_html__( 'Top', 'elementor' ), |
| 965 | 936 | 'bottom' => esc_html__( 'Bottom', 'elementor' ), |
| 966 | 937 | ] as $side => $side_label ) { |
| @@ -976,30 +947,12 @@ | ||
| 976 | 947 | $this->add_control( |
| 977 | 948 | $base_control_key, |
| 978 | 949 | [ |
| 979 | 950 | 'label' => esc_html__( 'Type', 'elementor' ), |
| 980 | - 'type' => Controls_Manager::VISUAL_CHOICE, | |
| 981 | - 'label_block' => true, | |
| 982 | - 'columns' => 2, | |
| 983 | - 'options' => Shapes::get_shapes(), | |
| 951 | + 'type' => Controls_Manager::SELECT, | |
| 952 | + 'options' => $shapes_options, | |
| 984 | 953 | 'render_type' => 'none', |
| 985 | 954 | 'frontend_available' => true, |
| 986 | - 'assets' => [ | |
| 987 | - 'styles' => [ | |
| 988 | - [ | |
| 989 | - 'name' => 'e-shapes', | |
| 990 | - 'conditions' => [ | |
| 991 | - 'terms' => [ | |
| 992 | - [ | |
| 993 | - 'name' => $base_control_key, | |
| 994 | - 'operator' => '!==', | |
| 995 | - 'value' => '', | |
| 996 | - ], | |
| 997 | - ], | |
| 998 | - ], | |
| 999 | - ], | |
| 1000 | - ], | |
| 1001 | - ], | |
| 1002 | 955 | ] |
| 1003 | 956 | ); |
| 1004 | 957 | |
| 1005 | 958 | $this->add_control( |
| @@ -1123,9 +1076,9 @@ | ||
| 1123 | 1076 | $this->end_controls_tabs(); |
| 1124 | 1077 | |
| 1125 | 1078 | $this->end_controls_section(); |
| 1126 | 1079 | |
| 1127 | - // Section Typography. | |
| 1080 | + // Section Typography | |
| 1128 | 1081 | $this->start_controls_section( |
| 1129 | 1082 | 'section_typo', |
| 1130 | 1083 | [ |
| 1131 | 1084 | 'label' => esc_html__( 'Typography', 'elementor' ), |
| @@ -1186,10 +1139,10 @@ | ||
| 1186 | 1139 | [ |
| 1187 | 1140 | 'label' => esc_html__( 'Text Align', 'elementor' ), |
| 1188 | 1141 | 'type' => Controls_Manager::CHOOSE, |
| 1189 | 1142 | 'options' => [ |
| 1190 | - 'start' => [ | |
| 1191 | - 'title' => esc_html__( 'Start', 'elementor' ), | |
| 1143 | + 'left' => [ | |
| 1144 | + 'title' => esc_html__( 'Left', 'elementor' ), | |
| 1192 | 1145 | 'icon' => 'eicon-text-align-left', |
| 1193 | 1146 | ], |
| 1194 | 1147 | 'center' => [ |
| 1195 | 1148 | 'title' => esc_html__( 'Center', 'elementor' ), |
| @@ -1194,10 +1147,10 @@ | ||
| 1194 | 1147 | 'center' => [ |
| 1195 | 1148 | 'title' => esc_html__( 'Center', 'elementor' ), |
| 1196 | 1149 | 'icon' => 'eicon-text-align-center', |
| 1197 | 1150 | ], |
| 1198 | - 'end' => [ | |
| 1199 | - 'title' => esc_html__( 'End', 'elementor' ), | |
| 1151 | + 'right' => [ | |
| 1152 | + 'title' => esc_html__( 'Right', 'elementor' ), | |
| 1200 | 1153 | 'icon' => 'eicon-text-align-right', |
| 1201 | 1154 | ], |
| 1202 | 1155 | 'justify' => [ |
| 1203 | 1156 | 'title' => esc_html__( 'Justified', 'elementor' ), |
| @@ -1203,13 +1156,8 @@ | ||
| 1203 | 1156 | 'title' => esc_html__( 'Justified', 'elementor' ), |
| 1204 | 1157 | 'icon' => 'eicon-text-align-justify', |
| 1205 | 1158 | ], |
| 1206 | 1159 | ], |
| 1207 | - 'classes' => 'elementor-control-start-end', | |
| 1208 | - 'selectors_dictionary' => [ | |
| 1209 | - 'left' => is_rtl() ? 'end' : 'start', | |
| 1210 | - 'right' => is_rtl() ? 'start' : 'end', | |
| 1211 | - ], | |
| 1212 | 1160 | 'selectors' => [ |
| 1213 | 1161 | '{{WRAPPER}} > .elementor-container' => 'text-align: {{VALUE}};', |
| 1214 | 1162 | ], |
| 1215 | 1163 | ] |
| @@ -1216,9 +1164,9 @@ | ||
| 1216 | 1164 | ); |
| 1217 | 1165 | |
| 1218 | 1166 | $this->end_controls_section(); |
| 1219 | 1167 | |
| 1220 | - // Section Advanced. | |
| 1168 | + // Section Advanced | |
| 1221 | 1169 | $this->start_controls_section( |
| 1222 | 1170 | 'section_advanced', |
| 1223 | 1171 | [ |
| 1224 | 1172 | 'label' => esc_html__( 'Advanced', 'elementor' ), |
| @@ -1363,9 +1311,9 @@ | ||
| 1363 | 1311 | ); |
| 1364 | 1312 | |
| 1365 | 1313 | $this->end_controls_section(); |
| 1366 | 1314 | |
| 1367 | - // Section Responsive. | |
| 1315 | + // Section Responsive | |
| 1368 | 1316 | $this->start_controls_section( |
| 1369 | 1317 | '_section_responsive', |
| 1370 | 1318 | [ |
| 1371 | 1319 | 'label' => esc_html__( 'Responsive', 'elementor' ), |
| @@ -1438,14 +1386,9 @@ | ||
| 1438 | 1386 | if ( ! settings.background_play_once ) { |
| 1439 | 1387 | videoAttributes += ' loop'; |
| 1440 | 1388 | } |
| 1441 | 1389 | |
| 1442 | - view.addRenderAttribute( | |
| 1443 | - 'background-video-container', | |
| 1444 | - { | |
| 1445 | - 'class': 'elementor-background-video-container', | |
| 1446 | - } | |
| 1447 | - ); | |
| 1390 | + view.addRenderAttribute( 'background-video-container', 'class', 'elementor-background-video-container' ); | |
| 1448 | 1391 | |
| 1449 | 1392 | if ( ! settings.background_play_on_mobile ) { |
| 1450 | 1393 | view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' ); |
| 1451 | 1394 | } |
| @@ -1450,15 +1393,15 @@ | ||
| 1450 | 1393 | view.addRenderAttribute( 'background-video-container', 'class', 'elementor-hidden-mobile' ); |
| 1451 | 1394 | } |
| 1452 | 1395 | #> |
| 1453 | 1396 | <div {{{ view.getRenderAttributeString( 'background-video-container' ) }}}> |
| 1454 | - <div class="elementor-background-video-embed" role="presentation"></div> | |
| 1455 | - <video class="elementor-background-video-hosted" role="presentation" {{ videoAttributes }}></video> | |
| 1397 | + <div class="elementor-background-video-embed"></div> | |
| 1398 | + <video class="elementor-background-video-hosted elementor-html5-video" {{ videoAttributes }}></video> | |
| 1456 | 1399 | </div> |
| 1457 | 1400 | <# } #> |
| 1458 | 1401 | <div class="elementor-background-overlay"></div> |
| 1459 | - <div class="elementor-shape elementor-shape-top" aria-hidden="true"></div> | |
| 1460 | - <div class="elementor-shape elementor-shape-bottom" aria-hidden="true"></div> | |
| 1402 | + <div class="elementor-shape elementor-shape-top"></div> | |
| 1403 | + <div class="elementor-shape elementor-shape-bottom"></div> | |
| 1461 | 1404 | <div class="elementor-container elementor-column-gap-{{ settings.gap }}"></div> |
| 1462 | 1405 | <?php |
| 1463 | 1406 | } |
| 1464 | 1407 | |
| @@ -1479,24 +1422,19 @@ | ||
| 1479 | 1422 | ?> <?php $this->print_render_attribute_string( '_wrapper' ); ?>> |
| 1480 | 1423 | <?php |
| 1481 | 1424 | if ( 'video' === $settings['background_background'] ) : |
| 1482 | 1425 | if ( $settings['background_video_link'] ) : |
| 1483 | - $is_embed_video = Embed::is_embed_video( $settings['background_video_link'] ); | |
| 1426 | + $video_properties = Embed::get_video_properties( $settings['background_video_link'] ); | |
| 1484 | 1427 | |
| 1485 | - $this->add_render_attribute( | |
| 1486 | - 'background-video-container', | |
| 1487 | - [ | |
| 1488 | - 'class' => 'elementor-background-video-container', | |
| 1489 | - ] | |
| 1490 | - ); | |
| 1428 | + $this->add_render_attribute( 'background-video-container', 'class', 'elementor-background-video-container' ); | |
| 1491 | 1429 | |
| 1492 | 1430 | if ( ! $settings['background_play_on_mobile'] ) { |
| 1493 | - $this->add_render_attribute( 'background-video-container', 'class', 'elementor-hidden-mobile' ); | |
| 1431 | + $this->add_render_attribute( 'background-video-container', 'class', 'elementor-hidden-phone' ); | |
| 1494 | 1432 | } |
| 1495 | 1433 | ?> |
| 1496 | 1434 | <div <?php $this->print_render_attribute_string( 'background-video-container' ); ?>> |
| 1497 | - <?php if ( $is_embed_video ) : ?> | |
| 1498 | - <div class="elementor-background-video-embed" role="presentation"></div> | |
| 1435 | + <?php if ( $video_properties ) : ?> | |
| 1436 | + <div class="elementor-background-video-embed"></div> | |
| 1499 | 1437 | <?php |
| 1500 | 1438 | else : |
| 1501 | 1439 | $video_tag_attributes = 'autoplay muted playsinline'; |
| 1502 | 1440 | if ( 'yes' !== $settings['background_play_once'] ) : |
| @@ -1502,9 +1440,9 @@ | ||
| 1502 | 1440 | if ( 'yes' !== $settings['background_play_once'] ) : |
| 1503 | 1441 | $video_tag_attributes .= ' loop'; |
| 1504 | 1442 | endif; |
| 1505 | 1443 | ?> |
| 1506 | - <video class="elementor-background-video-hosted" role="presentation" <?php | |
| 1444 | + <video class="elementor-background-video-hosted elementor-html5-video" <?php | |
| 1507 | 1445 | // PHPCS - the variable $video_tag_attributes is a plain string. |
| 1508 | 1446 | echo $video_tag_attributes; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped |
| 1509 | 1447 | ?>></video> |
| 1510 | 1448 | <?php endif; ?> |
| @@ -1632,9 +1570,9 @@ | ||
| 1632 | 1570 | return; |
| 1633 | 1571 | } |
| 1634 | 1572 | |
| 1635 | 1573 | ?> |
| 1636 | - <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" aria-hidden="true" data-negative="<?php | |
| 1574 | + <div class="elementor-shape elementor-shape-<?php echo esc_attr( $side ); ?>" data-negative="<?php | |
| 1637 | 1575 | Utils::print_unescaped_internal_string( $negative ? 'true' : 'false' ); |
| 1638 | 1576 | ?>"> |
| 1639 | 1577 | <?php |
| 1640 | 1578 | // PHPCS - The file content is being read from a strict file path structure. |