£Á°èZ¨Ä…–K§‚«“ô4“ÒÙ´dîfUÙÃÅ WKbyʦ•êŽ…È®FÒ¿ÊÎóCozá¬S@6{Í:›œêZÌ:Š•_%:¢¾¾~;‘Ã~芩ÊÇí`ÔÑ©ú뙵'5I¿fš×WO%ø9¾«¾DK|€ùÍD”Ýs]nHÕ¶ê×Ӽ㞪éUWŸÈË%DÒÕ¬ï‘]/Åcx ‰ï2ß]ä6G[]S£Ôϯrs{úëóµmÒï#UQxo·õÞCe]"±/aÙ&Eã4ú9Jé_ÞåëdãöKë)AÞ ¯¹ægƒÛowÐø^d™ý½ßB7áyMä9ÜÖUã
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
import { useState } from '@wordpress/element';
import { LabelControl } from './label';
export const SelectControl = (props) =>{
const { prop, label, value, setAttributes, attributes } = props;
const { name } = prop['c'];
const handleSelectChange = (e) => {
var val = e.target.value;
setAttributes({ [name]: val });
if( name == 'animation' ){
var jEle = jQuery(`.p-${attributes['pagelayer-id']}`);
var sel = jQuery(e.target);
pagelayer_trigger_anim(jEle, sel, val);
}
};
const renderOptions = () => {
return Object.keys(prop.list).map((groupOrValue, index) => {
if (typeof prop.list[groupOrValue] === 'string') {
return (
);
}else{
return (
);
}
});
};
return (
);
}
const pagelayer_trigger_anim = (elem, sel, anim) => {
var classList = elem.attr('class');
classList = classList.split(/\s+/);
jQuery(sel).find('option').each(function(){
var found = jQuery.inArray( jQuery(this).val(), classList );
if( found != -1){
elem.removeClass(jQuery(this).val());
}
});
elem.css('animation-name', '');
elem.removeClass('pagelayer-wow').addClass(anim + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
jQuery(this).removeClass(anim+ ' animated');
});
}