jQuery(window).on('elementor:init', function() {
	var buttons = elementor.modules.controls.BaseData.extend({
		onReady: function() {
			var self = this;
			var $set = self.$el.find('.xts-btns-set');
			$set.on('click', '.xts-set-item', function() {
				var $btn = jQuery(this);
				if ($btn.hasClass('xts-btns-set-active')) {
					return;
				}
				var val = $btn.data('value');

				$set.find('.xts-btns-set-active').
					removeClass('xts-btns-set-active');

				$btn.addClass('xts-btns-set-active');

				self.ui.input.val(val);
				self.saveValue();
			});

		},

		saveValue: function() {
			this.setValue(this.ui.input.val());
		},

		onBeforeDestroy: function() {
			this.saveValue();
		},
	});
	elementor.addControlView('xts_buttons', buttons);
});