(function($){
if($('.claps-toggle-text').length > 0){
$('.claps-toggle-text').each(function(){
var $block=$(this);
var expand_title=$block.data('title') ?? "Expand To Read More";
var collapse_title=$block.data('swaptitle') ?? "Collapse To Read Less";
var expand_icon=$block.data('icon') ?? "▼";
var collapse_icon=$block.data('swapicon') ?? "▲";
var toggle_above=$block.data('above') ?? 1;
var toggle_html=`<div class="claps-text-expand-button">
<span class="claps-text-collapse-button">
<span class="claps-text-toggle-icon">${expand_icon}</span> ${expand_title}
</span>
</div>`;
if(toggle_above===1){
$block.prepend(toggle_html);
}else{
$block.append(toggle_html);
}
$block.find(".claps-text-collapse-button").on("click", function (e){
e.preventDefault();
e.stopPropagation();
var $btn=$(this);
var $block=$btn.closest('.claps-toggle-text');
var $inner=$block.children('.claps-text-inner').first();
$inner.toggleClass("claps-text-toggle-expanded claps-text-toggle-collapsed");
if($inner.hasClass("claps-text-toggle-expanded")){
$btn.html(`<span class='claps-text-toggle-icon'>${collapse_icon}</span> ${collapse_title}`);
}else{
$btn.html(`<span class='claps-text-toggle-icon'>${expand_icon}</span> ${expand_title}`);
if(toggle_above!==1){
$('html, body').animate({
scrollTop: $block.offset().top - 150
}, 800);
}}
});
});
}})(jQuery);