<?php

defined( 'ABSPATH' ) || exit; // Exit if accessed directly.

class Safelayout_iconbox_elementor_control extends \Elementor\Base_Data_Control {

	public function get_type(): string {
		return 'Safelayout_iconbox_control';
	}

	public function get_default_value(): string {
		return '<div class="safelayout-ei-icon-box-block" style="--sl-ei-box-background-color: linear-gradient(#eff 0%, #10ffff 100%); --sl-ei-box-back-shadow-color: 0px 2px 5px #000; --sl-ei-box-pattern-opacity: 0.3; --sl-ei-box-anim-color: #fff;"><div class="sl-ei-icon-box-block-top sl-ei-icon-box-block-animation-stretch-horizontal" style="border-radius: 15px;"><div class="sl-ei-container-block sl-ei-container-block-no-effect sl-ei-container-block-main"><div class="sl-ei-icon-box-back-pattern-anim sl-ei-icon-box-back-pattern sl-ei-icon-box-back-pattern-pattern002 sl-ei-icon-box-back-anim sl-ei-icon-box-back-animation-stretch-horizontal"></div><div>safe1359icon1359safe</div><div class="sl-ei-container-block sl-ei-container-block-no-effect-content"><div>safe1359head1359safe</div><div>safe1359text1359safe</div></div></div></div><style type="text/css" data-no-optimize="1" data-no-minify="1">.sl-ei-icon-box-back-pattern-pattern002:after {background:-webkit-repeating-linear-gradient(left, #fff0 0%, #fff0 6%, #ffffff4a 7.5%), -webkit-repeating-linear-gradient(left, #0000 0%, #0000 4%, #00000020 4.5%), -webkit-repeating-linear-gradient(left, #fff0 0%, #fff0 1.2%, #ffffff46 2.2%), -webkit-linear-gradient(-90deg, #a7a7a7d9 0%, #f2f2f2 100%)}.sl-ei-icon-box-back-animation-stretch-horizontal:before{background:var(--sl-ei-box-anim-color);border-radius:initial;transform:scaleX(0)}.sl-ei-icon-box-block-animation-stretch-horizontal:hover .sl-ei-icon-box-back-animation-stretch-horizontal:before{transform:scaleX(1)}</style></div>attsafelayoutattHeadingattsafelayoutattLorem ipsum dolor sit amet, consectetur adipiscing elit.attsafelayoutatt%7B%22elementStyle%22%3A%22%22%2C%22iconPos%22%3A%22top%22%2C%22iconVerticalPos%22%3A%22flex-start%22%2C%22hasBg%22%3Atrue%2C%22hasBtn%22%3Afalse%2C%22hasRibbon%22%3Afalse%2C%22bgColor%22%3A%22linear-gradient(%23eff%200%25%2C%20%2310ffff%20100%25)%22%2C%22hasBgShadow%22%3Atrue%2C%22bgShadow%22%3A%220px%202px%205px%20%23000%22%2C%22blockMargin%22%3A%7B%7D%2C%22blockPadding%22%3A%7B%7D%2C%22border%22%3A%7B%7D%2C%22borderRadius%22%3A%7B%22top%22%3A%2215px%22%2C%22right%22%3A%2215px%22%2C%22bottom%22%3A%2215px%22%2C%22left%22%3A%2215px%22%7D%2C%22label%22%3A%22%22%2C%22title%22%3A%22%22%2C%22bgPattern%22%3A%22pattern002%22%2C%22patternOpacity%22%3A0.3%2C%22effect%22%3A%22No%20Effect%22%2C%22effectValue0%22%3A%22%22%2C%22effectValue1%22%3A%22%22%2C%22effectValue2%22%3A%22%22%2C%22effectValue3%22%3A%22%22%2C%22slbbAnim%22%3A%22stretch-horizontal%22%2C%22animColor%22%3A%22%23fff%22%2C%22classes%22%3A%22%22%2C%22boxTitle%22%3A%22Heading%22%2C%22boxDescription%22%3A%22Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit.%22%7D';
	}

	public function enqueue(): void {
		wp_register_script(
			'safelayout-iconbox-elementor-control',
			SAFELAYOUT_ICONS_URL . 'elementor/safelayout_iconbox.js',
			array(),
			SAFELAYOUT_ICONS_VERSION,
			array(
				'in_footer' => false,
			)
		);
		wp_enqueue_script( 'safelayout-iconbox-elementor-control' );
	}

	public function content_template(): void {
		?>
			<div id="sl-ei-iconbox-elementor-body"></div>
			<input type="hidden" id="sl-ei-iconbox-elementor-value" data-setting="{{ data.name }}" />
		<?php
	}

}