<# if ( settings.image.url != '' ) { const image = { id: settings.image.id, url: settings.image.url, size: settings.image_size, model: view.getEditModel() }; const image_url = elementor.imagesManager.getImageUrl( image ); #>

<# } else { #>

<# } #>

$item ) { $icon_class = $item[ 'hotspot_icon' ]; $merge = array_merge( $dot_classes, [ 'elementor-repeater-item-'.esc_attr( $item[ '_id' ] ) ] ); $this->add_render_attribute( 'dot'.$index, [ 'class' => $merge ] ); $dot_class = $this->get_render_attribute_string( 'dot'.$index ); $wrapper = [ 'class' => $class.'__dot-wrapper' ]; if ( !empty( $item[ 'tooltip' ] ) ) { $options = [ 'open' => !empty( $item[ 'open_by_default' ] ) ? true : false, 'tooltipArrow' => !empty( $item[ 'tooltip_arrow' ] ) ? true : false, 'placement' => $item[ 'placement' ], 'tooltipTheme' => $item[ 'tooltip_theme' ], 'tooltipAnimation' => $item[ 'tooltip_animation' ], 'tooltipTrigger' => $item[ 'tooltip_interactivity' ], 'tooltipContent' => $item[ 'tooltip_content' ], 'tooltipTitle' => $item[ 'tooltip_title' ] ]; $wrapper[ 'data-options' ] = json_encode( $options ); } $this->add_render_attribute( 'wrapper'.$index, $wrapper ); $wrapper_class = $this->get_render_attribute_string( 'wrapper'.$index ); echo $this->get_dot_template( $class, $dot_class, $wrapper_class, $icon_class, $type, $item ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped } } elseif ( $type == 'js' ) { ?> <# let index = 0; #> <# _.each( settings.hot_spots, item => { #> <# const { tooltip, open_by_default, placement, tooltip_arrow, tooltip_theme } = settings.hot_spots[ index ]; const { tooltip_animation, tooltip_interactivity } = settings.hot_spots[ index ]; let options; if ( tooltip != '' ) { options = { open : open_by_default != '' ? true : false, tooltipArrow: tooltip_arrow != '' ? true : false, tooltipAnimation: tooltip_animation, tooltipTrigger: tooltip_interactivity, tooltipContent: item.tooltip_content, tooltipTheme: tooltip_theme, tooltipTitle: item.tooltip_title, placement : placement } } view.addRenderAttribute( 'dot' + index, { 'class': [ 'stratum-image-hotspot__dot', settings.hotspot_dot_animation != '' ? 'has-animation-pulse' : '', 'elementor-repeater-item-' + item._id ] } ); view.addRenderAttribute( 'wrapper' + index, { 'class': [ 'stratum-image-hotspot__dot-wrapper' ], ...tooltip && { 'data-options': JSON.stringify( options ) } } ); #> get_dot_template( $class, $dot_class, $wrapper_class, $icon_class, $type ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <# index++; } ); #>