?>
		<#
		var offcanvas_html = '<div class="elementor-widget-cmsmasters-offcanvas__wrapper">';
			view.addRenderAttribute( 'cmsmasters-offcanvas-trigger-container', 'class', 'elementor-widget-cmsmasters-offcanvas__trigger-container' );
			view.addRenderAttribute( 'cmsmasters-offcanvas-trigger-button', 'class', 'elementor-widget-cmsmasters-offcanvas__trigger-inner' );

			if ( undefined !== settings.trigger_content && 'icon-text' === settings.trigger_content ) {
				view.addRenderAttribute( 'cmsmasters-offcanvas-trigger-button', 'class', [
					'cmsmasters-icon-text',
					'cmsmasters-icon-' + settings.icon_trigger_position,
				] );
			}

			if ( undefined !== settings.trigger_view ) {
				view.addRenderAttribute( 'cmsmasters-offcanvas-trigger-button', 'class', 'cmsmasters-' + settings.trigger_view );
			}

			if ( undefined !== settings.trigger_shape ) {
				view.addRenderAttribute( 'cmsmasters-offcanvas-trigger-button', 'class', 'cmsmasters-' + settings.trigger_shape );
			}

			offcanvas_html += '<div ' + view.getRenderAttributeString( 'cmsmasters-offcanvas-trigger-container' ) + '>' +
				'<div ' + view.getRenderAttributeString( 'cmsmasters-offcanvas-trigger-button' ) + '>';

				if ( 'text' !== settings.trigger_content ) {
					offcanvas_html += '<i class="elementor-widget-cmsmasters-offcanvas__trigger-inner-icon ' + settings.trigger_icon.value + '"></i>';
				}

				if ( 'icon' !== settings.trigger_content ) {
					offcanvas_html += '<span class="elementor-widget-cmsmasters-offcanvas__trigger-inner-label">' + settings.trigger_label + '</span>';
				}

				offcanvas_html += '</div>' +
			'</div>';

			view.addRenderAttribute( 'cmsmasters-offcanvas-content', 'class', [
				'elementor-widget-cmsmasters-offcanvas__content',
				'cmsmasters-offcanvas-content-' + '<?php echo $this->get_id() ?>',
				'cmsmasters-offcanvas-content-' + settings.offcanvas_type,
				'cmsmasters-offcanvas-content-position-' + settings.box_position,
			] );

			offcanvas_html += '<div ' + view.getRenderAttributeString( 'cmsmasters-offcanvas-content' ) + '>';

				view.addRenderAttribute( 'cmsmasters-offcanvas-сlose', 'class', [
					'elementor-widget-cmsmasters-offcanvas__close',
					'cmsmasters-align-' + settings.close_alignment,
					'cmsmasters-position-' + settings.close_position,
				] );

				if ( undefined !== settings.close_content && 'icon-text' === settings.close_content ) {
					view.addRenderAttribute( 'cmsmasters-offcanvas-сlose', 'class', [
						'cmsmasters-icon-text',
						'cmsmasters-icon-' + settings.icon_close_position,
					] );
				}

				if ( undefined !== settings.close_view ) {
					view.addRenderAttribute( 'cmsmasters-offcanvas-сlose', 'class', 'cmsmasters-' + settings.close_view );
				}

				if ( undefined !== settings.close_shape ) {
					view.addRenderAttribute( 'cmsmasters-offcanvas-сlose', 'class', 'cmsmasters-' + settings.close_shape );
				}

				offcanvas_html += '<div ' + view.getRenderAttributeString( 'cmsmasters-offcanvas-сlose' ) + '>';

					if ( 'text' !== settings.close_content ) {
						offcanvas_html += '<i class="elementor-widget-cmsmasters-offcanvas__close-icon ' + settings.close_icon.value + '"></i>';
					}

					if ( 'icon' !== settings.close_content ) {
						offcanvas_html += '<span class="elementor-widget-cmsmasters-offcanvas__close-label">' + settings.close_label + '</span>';
					}

				offcanvas_html += '</div>';

				offcanvas_html += '<div class="elementor-widget-cmsmasters-offcanvas__body">' +
					'<div class="elementor-widget-cmsmasters-offcanvas__body-container">';
						print(offcanvas_html);
						#>
						<?php echo $this->get_content_block(); ?>
						<#
						offcanvas_html = '';
					offcanvas_html += '</div>' +
				'</div>' +
			'</div>' +
		'</div>';

		print(offcanvas_html);
		#><?php