// source --> https://abatec.com.mx/wp-content/plugins/woo-product-filter/modules/woofilters/js/frontend.woofilters.js?ver=3.1.7
/**
* Product Filter by WBW - Frontend Woofilters JS
*
* @version 3.1.7
*
* @author woobewoo
*/
/**
* Main function.
*
* @version 3.1.7
*/
(function ($, app) {
"use strict";
/**
* wpfIsAjaxPaginationEnabled.
*
* @version 3.1.7
*/
function wpfIsAjaxPaginationEnabled() {
var wrapper = jQuery('.wpfMainWrapper').first();
if (!wrapper.length) return false;
var raw = wrapper.attr('data-filter-settings');
try {
var settings = JSON.parse(raw);
} catch (e) {
return false;
}
return !!(settings.settings &&
(parseInt(settings.settings.ajax_pagination, 10) === 1 ||
parseInt(settings.settings.slug_format, 10) === 1));
}
function WpfFrontendPage() {
this.$obj = this;
this.noWoo = this.$obj.checkNoWooPage();
var slugFormatEnable;
if (!window.wpfAdminPage){
var $fgeneralSettings = this.getFilterMainSettings(jQuery('.wpfMainWrapper'));
if (typeof $fgeneralSettings.settings.slug_format !== 'undefined') {
slugFormatEnable = $fgeneralSettings.settings.slug_format;
} else {
// Set default value if not found
slugFormatEnable = ''; // Set your default value here
}
}
this.slugFormat = slugFormatEnable;
this.readyFuncs = ['.berocket_load_more_preload', 'woocommerce-product-bundle-hide', 'show_variation', 'woo_variation_swatches_pro_init', '.variations_form', 'yith_infs_start', 'flatsome_infinite_scroll','.dipl_woo_products_pagination_wrapper', 'divi_filter_loadmore_ajax_handler'];
this.isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 && ((navigator.userAgent && navigator.userAgent.indexOf('CriOS') == -1 && navigator.userAgent.indexOf('FxiOS') == -1) || (navigator.platform && /iPhone|iPad|iPod/.test(navigator.platform)));
this.disableScrollJs = true;
this.lastFids = [];
return this.$obj;
}
WpfFrontendPage.prototype.init = (function () {
var _thisObj = this.$obj;
app.wpfNewUrl = '';
window.wpfDoNotLoadMore = false;
_thisObj.filterClick = true;
_thisObj.filteringId = 0;
_thisObj.setCurrentLocation();
_thisObj.filterLoadTypes = [];
_thisObj.defaultProductSelector = 'ul.products';
_thisObj.isAdminPreview = jQuery('#wpfFiltersEditForm').length > 0 || (typeof isElementorPreview != 'undefined' && isElementorPreview == 1);
_thisObj.moveFloatingElements();
_thisObj.checkForceFilters();
_thisObj.eventsPriceFilter();
_thisObj.disableLeerOptions();
_thisObj.eventsFrontend();
_thisObj.changeSlugByUrl();
_thisObj.runCustomJs();
_thisObj.addCustomCss();
_thisObj.chageRangeFieldWidth();
_thisObj.addSpecificPluginActions();
_thisObj.resizeWindow();
_thisObj.changeOrderBy();
_thisObj.copySelectsForSafari();
jQuery('.wpfMainWrapper').each(function() {
_thisObj.markCheckboxSelected(jQuery(this), true);
});
if (_thisObj.isAdminPreview) {
_thisObj.hideFiltersLoader();
} else {
setTimeout(function () {
_thisObj.hideFiltersLoader();
}, 100);
}
var slugFormat=_thisObj.slugFormat;
if(slugFormat !== "" && slugFormat !== 0 && slugFormat && slugFormat !== "0") {
if($('.wpfFilterButton').length >0 && !window.wpfAdminPage){
applyFilter(_thisObj,$('.wpfFilterButton'));
}
}
});
WpfFrontendPage.prototype.moveFloatingElements = (function () {
var _thisObj = this.$obj;
if (!_thisObj.isAdminPreview && jQuery('.wpfFloatingBlock').length == 0 && jQuery('.wpfFloatingWrapper').length == 1) {
jQuery('body').append('');
if (jQuery('.wpfFloatingSwitcher').length == 1) {
var button = $('.wpfFloatingSwitcher');
if (button.hasClass('wpfSwitcherRealFloat')) {
button.detach();
$('.wpfFloatingBlock').append(button);
}
}
if (jQuery('.wpfFloatingOverlay').length == 1) {
var overlay = $('.wpfFloatingOverlay').detach();
$('.wpfFloatingBlock').append(overlay);
}
if ($('.wpfFloatingWrapper').closest('.wpfFilterForWtbp').length) $('.wpfFloatingBlock').addClass('wpfFilterForWtbpFloating');
var block = $('.wpfFloatingWrapper').detach();
$('.wpfFloatingBlock').append(block);
}
});
WpfFrontendPage.prototype.changeOrderBy = (function () {
jQuery('.woocommerce-ordering select').on('change', function (e) {
e.preventDefault();
var orderBy = jQuery(this).val(),
curUrl = window.location.href;
if ((curUrl.indexOf('?') === -1)) {
curUrl += '?orderby=' + orderBy;
jQuery('.wpfMainWrapper').each(function () {
var filter = $(this).data('filter-settings');
if (typeof filter.settings.filters.defaults !== 'undefined') {
curUrl += '&' + filter.settings.filters.defaults.replace(';', '&').replace('|', '%7C');
}
});
} else {
if (curUrl.indexOf('orderby') === -1) {
curUrl += ((curUrl.indexOf('?') === -1) ? '?' : '&') + 'orderby=' + orderBy;
} else {
curUrl = curUrl.replace(/(orderby=)[^&]*/, '$1' + orderBy);
}
}
jQuery(location).attr('href', curUrl);
return false;
});
});
WpfFrontendPage.prototype.resizeWindow = (function() {
var _thisObj = this.$obj;
_thisObj.filterOptionsForDevices();
jQuery( window ).on('resize', function() {
_thisObj.filterOptionsForDevices();
});
});
WpfFrontendPage.prototype.copySelectsForSafari = (function() {
var _thisObj = this.$obj;
if (!_thisObj.isSafari) return;
jQuery('.wpfMainWrapper').each(function () {
var $wrapper = jQuery(this),
$selectsWrapper = $wrapper.find('.wpfSelectCopies');
if ($selectsWrapper.length == 0) {
jQuery('').addClass('wpfSelectCopies').appendTo($wrapper);
$selectsWrapper = $wrapper.find('.wpfSelectCopies');
}
if ($selectsWrapper.length == 0) return;
$wrapper.find('.wpfFilterWrapper[data-display-type="dropdown"] select').each(function() {
var $select = jQuery(this),
$filter = $select.closest('.wpfFilterWrapper'),
blockId = $filter.attr('id');
if ($selectsWrapper.find('select[data-block="' + blockId + '"]').length == 0) {
$select.clone().attr('data-block', blockId).appendTo($selectsWrapper);
}
});
_thisObj.removeHiddenOptionsForSafari($wrapper);
});
});
WpfFrontendPage.prototype.restoreSelectsForSafari = (function() {
var _thisObj = this.$obj;
if (!_thisObj.isSafari) return;
jQuery('.wpfMainWrapper').each(function () {
var $wrapper = jQuery(this),
$selectsWrapper = $wrapper.find('.wpfSelectCopies');
if ($selectsWrapper.length == 1) {
$selectsWrapper.find('select').each(function() {
var $select = jQuery(this),
blockId = $select.attr('data-block'),
$filterSelect = $wrapper.find('#' + blockId + ' select');
if ($filterSelect.length == 1) {
var value = $filterSelect.val();
$filterSelect.html($select.html());
$filterSelect.val(value);
}
});
}
});
});
/**
* removeHiddenOptionsForSafari.
*
* @version 2.8.6
*/
WpfFrontendPage.prototype.removeHiddenOptionsForSafari = (function() {
var _thisObj = this.$obj;
if (!_thisObj.isSafari) return;
var $found = jQuery('.wpfFilterWrapper[data-display-type="dropdown"] select:visible option[style*="none"]');
if ($found.length) $found.remove();
else {
jQuery('.wpfFilterWrapper[data-display-type="dropdown"] select:visible option').each(function() {
if (jQuery(this).css('display') == 'none') jQuery(this).remove();
});
}
});
WpfFrontendPage.prototype.checkForceFilters = (function() {
var forceShowFilter = jQuery('.wpfMainWrapper[data-force="1"]');
if (!forceShowFilter.length) return;
jQuery('.wpfMainWrapper').each(function () {
var wrapper = jQuery(this),
forceShowCurrent = wrapper.attr('data-force');
if (!forceShowCurrent){
wrapper.remove();
if (wrapper.closest('.WpfWoofiltersWidget').length) {
wrapper.closest('.WpfWoofiltersWidget').remove();
}
}
});
});
WpfFrontendPage.prototype.showFiltersLoader = (function() {
jQuery('.wpfMainWrapper').each(function () {
var wrapper = jQuery(this);
wrapper.css('position','relative');
if (!wrapper.find('.wpfLoaderLayout').length){
jQuery('').addClass('wpfLoaderLayout').appendTo(wrapper);
wrapper.find('.wpfLoaderLayout').append('');
}
wrapper.find('.wpfLoaderLayout').show();
});
});
WpfFrontendPage.prototype.hideFiltersLoader = (function() {
jQuery('.wpfMainWrapper').each(function () {
var wrapper = jQuery(this);
hideFilterLoader(wrapper);
});
});
WpfFrontendPage.prototype.runCustomJs = (function () {
var _thisObj = this.$obj;
jQuery('.wpfMainWrapper').each(function () {
var wrapper = jQuery(this),
jsCodeStr = '',
settings = _thisObj.getFilterMainSettings(wrapper);
if(settings){
settings = settings.settings;
jsCodeStr = settings.js_editor;
}
if(jsCodeStr.length > 0){
try {
eval(jsCodeStr);
}catch(e) {
console.log(e);
}
}
});
});
WpfFrontendPage.prototype.addCustomCss = (function () {
if (jQuery('style#wpfCustomCss').length === 0) {
var cssCodeStr = '';
jQuery('.wpfMainWrapper').each(function () {
var wrapper = jQuery(this),
customCss = jQuery('style#wpfCustomCss-' + wrapper.attr('data-viewid'));
if (customCss.length) {
cssCodeStr += customCss.html();
customCss.remove();
}
});
if (cssCodeStr.length > 0) {
jQuery('').appendTo('head');
}
}
});
WpfFrontendPage.prototype.chageRangeFieldWidth = (function () {
var _thisObj = this.$obj;
jQuery('.wpfFilterWrapper[data-filter-type="wpfPrice"]').each(function () {
var filter = jQuery(this),
input1 = filter.find('#wpfMinPrice'),
input2 = filter.find('#wpfMaxPrice'),
fontSize1 = input1.css('font-size'),
fontSize2 = input2.css('font-size'),
visbleBuffer1 = filter.find('.wpfVisibleBufferMin'),
visbleBuffer2 = filter.find('.wpfVisibleBufferMax');
if(fontSize1) visbleBuffer1.css('font-size', fontSize1);
if(fontSize2) visbleBuffer2.css('font-size', fontSize2);
jQuery(visbleBuffer1).text(input1.val());
jQuery(visbleBuffer2).text(input2.val());
if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
jQuery(input1).width(visbleBuffer1.width()+20);
jQuery(input2).width(visbleBuffer2.width()+20);
} else {
jQuery(input1).width(visbleBuffer1.width()+10);
jQuery(input2).width(visbleBuffer2.width()+10);
}
});
});
WpfFrontendPage.prototype.eventsPriceFilter = (function () {
var _thisObj = this.$obj;
jQuery('.wpfFilterWrapper[data-filter-type="wpfPrice"]').each(function () {
_thisObj.initDefaultSlider(jQuery(this));
});
//change price filters
jQuery('.wpfFilterWrapper[data-filter-type="wpfPrice"]').on('wpfPriceChange', function(event){
var filter = jQuery(this),
mainWrapper = filter.closest('.wpfMainWrapper');
mainWrapper.find('.wpfFilterWrapper[data-filter-type="wpfPriceRange"] input').prop('checked', false);
mainWrapper.find('.wpfFilterWrapper[data-filter-type="wpfPriceRange"] select')
.val(mainWrapper.find('.wpfFilterWrapper[data-filter-type="wpfPriceRange"] select option:first').val());
filter.removeClass('wpfNotActive');
mainWrapper.find('.wpfFilterWrapper[data-filter-type="wpfPriceRange"]').addClass('wpfNotActive');
});
//change price range
jQuery('.wpfFilterWrapper[data-filter-type="wpfPriceRange"] input, .wpfFilterWrapper[data-filter-type="wpfPriceRange"] select').on('change', function(e){
e.preventDefault();
jQuery('.wpfFilterWrapper[data-filter-type="wpfPrice"]').addClass('wpfNotActive');
});
});
WpfFrontendPage.prototype.initDefaultSlider = (function (filter, type) {
var _thisObj = this.$obj,
wrapper = filter.closest('.wpfMainWrapper'),
filterType = typeof type !== 'undefined' ? type : 'price',
getAttr = filter.data('get-attribute'),
minInputId = '#wpfMinPrice',
maxInputId = '#wpfMaxPrice',
triggerName = 'wpfPriceChange';
if (filterType === 'attr') {
minInputId = '#wpfMinAttrNum';
maxInputId = '#wpfMaxAttrNum';
triggerName = 'wpfAttrSliderChange';
}
var minSelector = wrapper.find(minInputId),
maxSelector = wrapper.find(maxInputId),
wpfDataStep = wrapper.find('#wpfDataStep').val()
if (wpfDataStep == '0.001') {
wpfDataStep = '0.00000001';
}
wpfDataStep = Number(wpfDataStep);
var valMin = parseFloat(minSelector.attr('min')),
valMax = parseFloat(maxSelector.attr('max')),
curUrl = window.location.href,
urlParams = _thisObj.findGetParameter(curUrl),
rate = filter.data('rate');
urlParams = _thisObj.getConvertedPrices(urlParams, rate);
var minPriceGetParams = urlParams.wpf_min_price ? parseFloat(urlParams.wpf_min_price) : valMin,
maxPriceGetParams = urlParams.wpf_max_price ? parseFloat(urlParams.wpf_max_price) : valMax;
if (filterType === 'attr') {
if (urlParams[getAttr]) {
var idsAnd = urlParams[getAttr].split(','),
idsOr = urlParams[getAttr].split('|'),
isAnd = idsAnd.length > idsOr.length;
var filterTypeValues = isAnd ? idsAnd : idsOr;
}
minPriceGetParams = urlParams[getAttr] ? parseFloat(filterTypeValues[0]) : valMin;
maxPriceGetParams = urlParams[getAttr] ? parseFloat(filterTypeValues.pop()) : valMax;
}
var sliderWrapper = filter.find("#wpfSliderRange"),
autoFilteringEnable = (wrapper.find('.wpfFilterButton').length == 0),
skin = filter.attr('data-price-skin');
if(skin === 'default'){
sliderWrapper.slider({
range: true,
orientation: "horizontal",
min: valMin,
max: valMax,
step: wpfDataStep,
values: [minPriceGetParams, maxPriceGetParams],
slide: function (event, ui) {
minSelector.val(ui.values[0]);
maxSelector.val(ui.values[1]);
filter.trigger(triggerName);
},
start: function () {
filter.trigger(triggerName);
},
stop: function () {
if(autoFilteringEnable){
_thisObj.setCurrentLocation();
_thisObj.filtering(wrapper);
}
},
});
minSelector.val(sliderWrapper.slider("values", 0));
maxSelector.val(sliderWrapper.slider("values", 1));
}
});
// add/remove get query param
WpfFrontendPage.prototype.QStringWork = (function ($attr, $value, $noWooPage, $filterWrapper, $type) {
$noWooPage = false;
if (window.wpfAdminPage) {
$noWooPage = true;
}
if($type === 'change'){
var curUrl = changeUrl($attr, $value, $noWooPage, $filterWrapper );
$filterWrapper.attr('data-hide-url', decodeURI(curUrl));
}else if($type === 'remove'){
var curUrl = removeQString($attr, $noWooPage, $filterWrapper);
$filterWrapper.attr('data-hide-url', decodeURI(curUrl));
}
});
// slug generation
// New: Convert original param string to slug segments (use slugs for values)
WpfFrontendPage.prototype.convertParamsToSegments = function(paramString) {
var segments = [];
var exclude = ['wpf_count', 'wpf_fbv'];
if (!paramString) return segments;
// helper to safely use values in CSS attribute selectors
function escAttr(v) {
v = String(v);
if (window.CSS && CSS.escape) return CSS.escape(v);
// fallback escape (good enough for attr selectors)
return v.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
}
paramString = paramString.replace(/^[?&]/, '');
var pairs = paramString.split('&');
pairs.forEach(function(pair) {
var parts = pair.split('=');
var key = parts[0];
var val = parts.slice(1).join('='); // keep '=' inside values safe
if (!key || !val || exclude.indexOf(key) !== -1) return;
var decodedKey = decodeURIComponent(key);
var delim = getDelimiterForFilter(decodedKey);
var pathDelim = ('|' === delim) ? '~' : delim;
// decode full value first (important!)
var decodedVal = decodeURIComponent(val.replace(/\+/g, ' '));
var slugs = decodedVal.split(delim)
.map(s => s.trim())
.filter(Boolean)
.map(function(idRaw) {
var id = idRaw; // already decoded
var $wrap = jQuery('.wpfFilterWrapper[data-get-attribute="' + escAttr(decodedKey) + '"]');
// Try LI mapping (checkbox/radio)
var $li = $wrap.find('li[data-term-id="' + escAttr(id) + '"]');
if ($li.length) return ($li.attr('data-term-slug') || id);
// Fallback: try option mapping (dropdown)
var $opt = $wrap.find('option[value="' + escAttr(id) + '"]');
if ($opt.length) return ($opt.attr('data-term-slug') || $opt.data('term-slug') || id);
return id;
});
if (slugs.length) {
segments.push(decodedKey);
segments.push(slugs.join(pathDelim));
}
});
return segments;
};
// New: Convert slug segments back to param string (slugs → IDs)
function getDelimiterForFilter(key) {
var $filter = jQuery('.wpfFilterWrapper[data-get-attribute="' + key + '"]');
if (!$filter.length) return ','; // safe fallback
var logic = $filter.attr('data-query-logic') || 'or'; // default most filters to OR
return (logic === 'and') ? ',' : '|';
}
WpfFrontendPage.prototype.eventChangeFilter = (function (e) {
var _thisObj = this.$obj,
_this = jQuery(e.target),
mainWrapper = _this.closest('.wpfMainWrapper'),
settings = _thisObj.getFilterMainSettings(mainWrapper);
_thisObj.setCurrentLocation();
_this.closest('.wpfFilterWrapper').removeClass('wpfNotActive');
if(typeof(_thisObj.eventChangeFilterPro) == 'function') {
_thisObj.eventChangeFilterPro(_this, settings);
}
var redirectOnlyClick = Number(settings.settings.redirect_only_click),
autoUpdateFilter = Number(settings.settings.auto_update_filter),
loaderEnable = Number(settings.settings.filter_loader_icon_onload_enable),
isButton = ( mainWrapper.find('.wpfFilterButton').length > 0 ),
isCheckbox = _this.attr('type') == 'checkbox',
redirectLink = isCheckbox ? _this.closest('li' ).attr('data-link') : _this.find('option:selected').attr('data-link');
if (typeof redirectLink !== 'undefined' && isCheckbox) {
var filter = _this.closest('.wpfFilterWrapper');
if (filter.attr('data-display-type') != 'list' && _this.is(':checked')){
filter.find('input').prop('checked', false);
_this.prop('checked', true);
}
}
if (isButton) {
// if there is a button and autoUpdateFilter is selected, then we only change the filter.
// If redirectOnlyClick is selected, then we change the filter and products, but do not redirect until the button is clicked
if (autoUpdateFilter || redirectOnlyClick) {
if (loaderEnable) {
mainWrapper.find('.wpfLoaderLayout').show();
}
_thisObj.filterClick = false;
_thisObj.filtering(mainWrapper, false, redirectLink);
}
} else {
_thisObj.filterClick = true;
_thisObj.filtering(mainWrapper, false, redirectLink);
}
});
WpfFrontendPage.prototype.eventsFrontend = (function () {
var _thisObj = this.$obj,
searchParams = jQuery.toQueryParams(window.location.search);
//for Impreza LoadMore Pagination
if (searchParams['all_products_filtering'] && searchParams['all_products_filtering'] == '1') {
jQuery( document ).ajaxSend(function( event, jqxhr, settings ) {
if (settings.data) {
var response = _thisObj.unserializeStr(settings.data);
if (response['action'] && response['action'] == 'us_ajax_grid') {
if (response['template_vars'] && response['template_vars'].length) {
try {
var query = JSON.parse(response['template_vars']);
}catch(e){
var query = false;
}
if (query && query['query_args']) {
var args = query['query_args'];
if (args['product_cat']) delete args.product_cat;
if (args['product_tag']) delete args.product_tag;
response['template_vars'] = JSON.stringify(query);
var result = [];
jQuery.each(response, function(key, val) {
result.push(encodeURIComponent(key) + "=" + encodeURIComponent(val));
});
settings.data = result.join("&").replace(/%20/g, "+");
}
}
}
}
});
}
//for Divi Filter LoadMore / eael-pagination / premium-woo-products
if (jQuery('.divi-filter-archive-loop, .eael-woo-pagination, .premium-woo-products-pagination, .uael-woocommerce-pagination').length) {
var actions = ['divi_filter_loadmore_ajax_handler', 'woo_product_pagination_product', 'get_woo_products', 'uael_get_products'];
jQuery( document ).ajaxSend(function( event, jqxhr, settings ) {
if (settings.data) {
var response = _thisObj.unserializeStr(settings.data);
if (response['action'] && actions.indexOf(response['action']) != -1) {
var s = window.location.search;
if (s && s.length > 1) {
response['with_wpf_filter'] = s.replace('?','');
var result = [];
jQuery.each(response, function(key, val) {
result.push(encodeURIComponent(key) + "=" + encodeURIComponent(val));
});
settings.data = result.join("&").replace(/%20/g, "+");
}
}
}
});
}
//for woocommerce-blocks (All products and others)
if (typeof window.wpfFetchHookCreated == 'undefined' || window.wpfFetchHookCreated != 1) {
window.fetch = new Proxy(window.fetch, {
apply(fetch, that, args) {
var url = args.length ? args[0] : '';
if (typeof url === 'string' && url.length) {
if (url.indexOf('wp-json/wc/store/') != -1 && url.indexOf('/products?') != -1 && url.indexOf('per_page=') != -1) {
var s = window.location.search;
if (s.length) args[0] += s.replace('?','&');
else {
var urlPreselects = '';
jQuery('.wpfMainWrapper').each(function() {
var settings = _thisObj.getFilterMainSettings(jQuery(this)),
preselects = typeof settings.settings.filters.preselect !== 'undefined' ? settings.settings.filters.preselect : '';
if (preselects.length) {
urlPreselects += '&'+preselects.replace(/;/g,'&');
if (settings.settings.filtering_by_variations=='1') urlPreselects += '&wpf_fbv=1';
if (settings.settings.exclude_backorder_variations=='1') urlPreselects += '&wpf_ebv=1';
if (settings.settings.display_product_variations=='1') urlPreselects += '&wpf_dpv=1';
}
});
if (urlPreselects.length) {
args[0] += urlPreselects + '&wpf_preselects=1';
}
}
} else {
//Elementor Loop Load More
if ((jQuery('.e-load-more-anchor').length == 1) && jQuery('.e-load-more-spinner').length && url.indexOf('?') == -1) {
var $elementorLoadMoreAnchor = jQuery('.e-load-more-anchor'),
s = window.location.search;
if (s.length) {
var nextPage = $elementorLoadMoreAnchor.attr('data-next-page');
if (nextPage == url) args[0]+= s;
}
}
}
}
const result = fetch.apply(that, args);
return result;
}
});
window.wpfFetchHookCreated = 1;
}
//for themes with ajax-paginations, ajax-ordering
jQuery(document).ajaxComplete(function(event, xhr, options) {
setTimeout(function() {
if (jQuery('.wpfLoaderLayout:visible').length) {
window.wpfFrontendPage.init();
if (typeof(window.wpfFrontendPage.eventsFrontendPro) == 'function') {
window.wpfFrontendPage.eventsFrontendPro();
}
}
}, 500);
//if (jQuery('.wpfLoaderLayout:visible').length) window.wpfFrontendPage.init();
});
jQuery('.wpfMainWrapper').find('select[multiple]').each(function(){
var select = jQuery(this),
selectAll = select.attr('data-placeholder'),
search = JSON.parse(select.attr('data-search')),
singleSelect = select.data('single-select'),
showCheckbox = (typeof select.data('hide-checkboxes') === 'undefined');
setTimeout(function () {
select.multiselect({
search: search.show,
columns: 1,
placeholder: selectAll ? selectAll : 'Select options',
optionAttributes: ['style', 'data-term-id'],
searchOptions: {'default': search.placeholder},
showCheckbox: showCheckbox,
onOptionClick: function (element, option) {
if (typeof singleSelect !== 'undefined') {
var value = jQuery(option).val();
jQuery(option).closest('ul').find('input[type="checkbox"][value!=' + value + ']').prop('checked', false);
jQuery(element).val(value);
jQuery(element).siblings('.ms-options-wrap').find('.ms-options:visible').hide();
}
},
});
}, 100);
if (search.show) {
jQuery('.ms-options-wrap').on('click', 'button', function () {
$(this).next('.ms-options').find('.ms-search input').focus();
});
}
});
if(jQuery('.wpfFilterWrapper[data-filter-type="wpfSortBy"]').length == 0) {
jQuery('.woocommerce-ordering').css('display', 'block');
}
jQuery('.wpfFilterWrapper[data-hide-single="1"]').each(function(){
var filter = jQuery(this),
selector = filter.find('.wpfColorsFilter').length ? 'li[data-term-slug]' : '[data-term-id]',
visible = 0;
if (filter.attr('data-display-type') == 'slider') {
var idsDef = filter.attr('data-ids-without-filtering').replaceAll(', ',',').split(',');
if (idsDef.length <= 1) filter.hide();
} else {
filter.find(selector).each(function(){
if (jQuery(this).css('display') != 'none') visible++;
});
if (visible <= 1) {
filter.hide();
}
}
});
//if no enabled filters hide all html
if(jQuery('.wpfFilterWrapper').length < 1){
jQuery('.wpfMainWrapper').addClass('wpfHidden');
}
//Start filtering
jQuery('body').on('mousedown', '.wpfFilterButton, .js-wpfFilterButtonSearch', function (e) {
e.preventDefault();
var $this = jQuery(this),
mainWrapper = $this.closest('.wpfMainWrapper'),
inputSearch = mainWrapper.find('.js-passiveFilterSearch');
if (inputSearch.length) {
inputSearch.each(function() {
var $sElem = jQuery(this);
if ($sElem.val() !== '') {
$sElem.closest('.wpfFilterWrapper').removeClass('wpfNotActive');
}
$sElem.trigger('blur');
});
}
applyFilter(_thisObj, $this);
});
jQuery('input.js-passiveFilterSearch').on('keydown', function (e) {
var char_code = e.which;
if (parseInt(char_code) == 13) {
e.preventDefault();
var $this = jQuery(this);
$this.closest('.wpfFilterWrapper').removeClass('wpfNotActive');
$this.trigger('blur');
applyFilter(_thisObj, $this);
}
});
//Clear filters
jQuery('body').on('click', '.wpfClearButton', function (e) {
e.preventDefault();
var $filterWrapper = jQuery(this).closest('.wpfMainWrapper'),
settings = _thisObj.getFilterMainSettings($filterWrapper),
resetAllFilters = typeof settings.settings.reset_all_filters !== 'undefined' ? settings.settings.reset_all_filters : 0;
_thisObj.setCurrentLocation();
if (resetAllFilters !== '0') {
jQuery('.wpfMainWrapper').each(function(){
_thisObj.clearFilters(jQuery(this).find('.wpfFilterWrapper'), true);
});
} else {
_thisObj.clearFilters($filterWrapper.find('.wpfFilterWrapper'), true);
}
if (Number(settings.settings.redirect_after_select) || Number(settings.settings.redirect_only_click)) {
_thisObj.filterClick = false;
}
_thisObj.filtering($filterWrapper, true);
if (typeof (_thisObj.initOneByOne) == 'function') {
_thisObj.initOneByOne($filterWrapper);
}
});
//price range choose only one checkbox
jQuery('.wpfFilterWrapper[data-filter-type="wpfPriceRange"] .wpfFilterContent input').on('change', function (e) {
e.preventDefault();
var input = jQuery(this),
inputs = input.closest('.wpfFilterWrapper').find('input');
if(input.is(":checked")){
inputs.prop('checked', false);
input.prop('checked', true);
}
});
//category/brand list choose only one checkbox
jQuery('.wpfFilterWrapper[data-filter-type="wpfCategory"], .wpfFilterWrapper[data-filter-type="wpfPerfectBrand"], .wpfFilterWrapper[data-filter-type="wpfAttribute"]').each(function() {
var categoryFilter = jQuery(this),
displayType = categoryFilter.data('display-type'),
categoryMulti = displayType == 'multi';
if (categoryFilter.data('filter-type') == 'wpfAttribute') {
if (displayType == 'list' || displayType == 'switch') categoryMulti = true;
}
categoryFilter.find('.wpfFilterContent input').on('change', function (e) {
e.preventDefault();
var input = jQuery(this);
if(categoryMulti) {
var mainWrapper = input.closest('.wpfMainWrapper'),
filterWrapper = input.closest('.wpfFilterWrapper'),
expandSelectedToChild = _thisObj.getFilterParam('f_multi_extend_parent_select', mainWrapper, filterWrapper);
if(expandSelectedToChild && input.is(':checked')) {
input.closest('li').find('ul input').prop('checked', true);
}
if (expandSelectedToChild && ! input.is(':checked') ) {
input.closest('li').find('ul input').prop('checked', false);
}
}
});
});
//rating choose only one checkbox
jQuery('.wpfFilterWrapper[data-filter-type="wpfRating"] .wpfFilterContent input').on('change', function (e) {
e.preventDefault();
var input = jQuery(this),
inputs = input.closest('.wpfFilterWrapper').find('input');
if(input.is(":checked")){
inputs.prop('checked', false);
input.prop('checked', true);
}
});
//after change input or dropdown make this filter active
//check if ajax mode enable and filtering on filter elements change
jQuery('body').off('change', '.wpfFilterWrapper select, .wpfFilterWrapper input:not(.passiveFilter)').on('change', '.wpfFilterWrapper select, .wpfFilterWrapper input:not(.passiveFilter)', function (e) {
e.preventDefault();
var isExeptionCase = _thisObj.checkExeptionCasesBeforeFiltering(this);
// exeption checkbox in multidropdown
if (!isExeptionCase) {
var $this = jQuery(this);
if ($this.is('input') && $this.closest('.wpfFilterWrapper').data('display-type') == 'mul_dropdown') {
isExeptionCase = true;
}
}
if (!isExeptionCase) {
setTimeout(function() {
_thisObj.eventChangeFilter(e);
}, 100);
}
});
//after change input or dropdown make this filter active
jQuery('.wpfFilterWrapper input:not(.passiveFilter)').on('change', function (e) {
e.preventDefault();
// check if input change move to top
_thisObj.moveCheckedToTop(jQuery(this));
// check multy or single input (radio or checkbox)
_thisObj.detectSingleCheckbox(jQuery(this))
// Mark selected
_thisObj.markCheckboxSelected(jQuery(this).closest('.wpfFilterWrapper'));
});
jQuery('.wpfMainWrapper').each(function() {
var mainWrapper = jQuery(this),
settings = _thisObj.getFilterMainSettings(mainWrapper);
if (settings && settings.settings && settings.settings.checked_items_top === '1') {
mainWrapper.find('.wpfFilterWrapper input').attr('autocomplete', 'off');
mainWrapper.find('.wpfFilterWrapper input:checked').each(function() {
_thisObj.moveCheckedToTop(jQuery(this), false);
});
}
});
/*jQuery('.wpfFilterWrapper input:checked').each(function() {
_thisObj.moveCheckedToTop(jQuery(this), false);
});*/
//search field work
jQuery('.wpfFilterWrapper .wpfSearchFieldsFilter').on('keyup', function (e) {
var _this = jQuery(this),
wrapper = _this.closest('.wpfFilterWrapper'),
searchVal = _this.val().toLowerCase(),
isIconFunc = typeof (_thisObj.getIcons) == 'function',
unfolding = (searchVal.length && _this.attr('data-unfolding') == '1' && isIconFunc),
collapse = (searchVal.length == 0 && _this.attr('data-collapse-search') == '1' && isIconFunc);
wrapper.find('.wpfFilterContent li:not(.wpfShowFewerWrapper)').filter(function() {
var $li = jQuery(this);
if ($li.find('.wpfValue').text().toLowerCase().indexOf(searchVal) > -1) {
$li.removeClass('wpfSearchHidden');
if (unfolding || collapse) {
var $parentLi = $li.closest('li');
while ($parentLi.length && $parentLi.closest('.wpfFilterWrapper')) {
var $label = $parentLi.children('label'),
$icon = $label.length ? $label.find('i.fa, svg') : '';
if ($icon.length) {
var $icons = _thisObj.getIcons($icon.eq(0));
if ($icons.collapsed && unfolding || !$icons.collapsed && collapse) {
_thisObj.collapsibleToggle($icon.eq(0), $icons, $parentLi);
}
}
$parentLi = $parentLi.closest('ul').closest('li');
}
}
} else {
$li.addClass('wpfSearchHidden');
}
});
if(typeof(_thisObj.initShowMore) == 'function') {
_thisObj.initShowMore(wrapper.find('.wpfFilterVerScroll'));
}
});
/*jQuery('.wpfFilterWrapper .wpfSearchFieldsFilter').on('change', function (e) {
jQuery(this).closest('.wpfFilterWrapper').find('.wpfFilterContent li.wpfSearchHidden .wpfCheckbox input').prop('checked', false);
});*/
//uncheck one slug
jQuery('body').off('click', '.wpfSlugDelete').on('click', '.wpfSlugDelete', function(){
var _this = jQuery(this),
wrapper = _this.closest('.wpfSlug'),
filterType = wrapper.attr('data-filter-type'),
filterAttr = wrapper.attr('data-get-attribute'),
filterWrapper = false;
_thisObj.setCurrentLocation();
jQuery('.wpfFilterWrapper[data-filter-type="'+filterType+'"][data-get-attribute="'+filterAttr+'"]').each(function(){
var $this = jQuery(this),
filterType = $this.attr("data-filter-type");
if (filterType == 'wpfPrice' || filterType == 'wpfPriceRange') {
_thisObj.clearFilters($("[data-filter-type='wpfPrice']:not(.wpfSelectedParameter)"));
_thisObj.clearFilters($("[data-filter-type='wpfPriceRange']:not(.wpfSelectedParameter)"));
} else {
_thisObj.clearFilters($this);
}
if(filterWrapper == false) {
filterWrapper = $this.closest('.wpfMainWrapper');
}
});
if(filterWrapper != false) {
_thisObj.filtering(filterWrapper);
}
});
jQuery('body').off('click', '.wpfFilterWrapper .wpfFilterTitle').on('click', '.wpfFilterWrapper .wpfFilterTitle', function (e) {
e.preventDefault();
var _this = jQuery(this),
wrapper = _this.closest('.wpfMainWrapper'),
settings = _thisObj.getFilterMainSettings(wrapper),
content = _this.closest('.wpfFilterWrapper').find('.wpfFilterContent');
setTimeout(function () {
var toggle = _this.find('i.wpfTitleToggle, svg'),
icons = {};
if (toggle.length) {
if (typeof (_thisObj.getIcons) == 'function') {
icons = _thisObj.getIcons(toggle);
} else {
icons = {collapsed: toggle.hasClass('fa-plus'), plusIcon: 'fa-plus', minusIcon: 'fa-minus'};
}
if (settings.settings.hide_filter_icon !== '0') {
if (icons.collapsed) {
_thisObj.openFilterToggle(toggle, content, true, icons);
} else {
_thisObj.closeFilterToggle(toggle, content, true, icons);
}
}
}
}, 100);
});
jQuery('body').off('click', '.wpfFilterWrapper .wpfBlockClear').on('click', '.wpfFilterWrapper .wpfBlockClear', function(){
var parent = jQuery(this).closest(".wpfFilterWrapper"),
parentAttr = parent.attr("data-filter-type");
_thisObj.setCurrentLocation();
if (parentAttr == 'wpfPrice' || parentAttr == 'wpfPriceRange') {
_thisObj.clearFilters($("[data-filter-type='wpfPrice']:not(.wpfSelectedParameter)"));
_thisObj.clearFilters($("[data-filter-type='wpfPriceRange']:not(.wpfSelectedParameter)"));
} else {
_thisObj.clearFilters(parent);
}
_thisObj.filtering(parent.closest('.wpfMainWrapper'));
return false;
});
//ajax pagination
jQuery('body').off('click', '.woocommerce-pagination a.page-numbers').on('click', '.woocommerce-pagination a.page-numbers', function (e) {
var wrapper = jQuery('.wpfMainWrapper').first();
// 1️⃣ If NoWooPage exists → let its handler handle it
if (wrapper.hasClass('wpfNoWooPage')) {
return;
}
// 2️⃣ If ajax pagination disabled → allow normal Woo pagination
if (!wpfIsAjaxPaginationEnabled()) {
return;
}
// 3️⃣ Otherwise → AJAX pagination
e.preventDefault();
var _this = jQuery(this),
paginationWrapper = _this.closest('.woocommerce-pagination'),
currentNumber = paginationWrapper.find('.current').text();
if(!_this.hasClass('next') && !_this.hasClass('prev') ){
var number = parseInt(_this.text(), 10) || 1;
}else if(_this.hasClass('next')){
var current = parseInt(currentNumber, 10) || 1;
var number = current + 1;
}else if(_this.hasClass('prev')){
var current = parseInt(currentNumber, 10) || 1;
var number = Math.max(current - 1, 1);
}
var wrapper = jQuery('.wpfMainWrapper').first(),
$queryVars = wrapper.attr('data-settings');
try{
var settings = JSON.parse($queryVars);
}catch(e){
var settings = false;
}
if(settings){
settings.paged = number;
settings.pagination = 1;
wrapper.attr('data-settings', JSON.stringify(settings) );
}
_thisObj.setCurrentLocation();
// todo: testing for two+ filters on page
_thisObj.filtering( jQuery('.wpfMainWrapper') );
_thisObj.setPagination(0);
});
//ajax pagination
jQuery('body').off('wpffiltering').on('wpffiltering', function () {
_thisObj.setPagination(1);
_thisObj.setCurrentLocation();
_thisObj.filtering();
_thisObj.setPagination(0);
});
//click on new pagination link with page number
jQuery('body').off('click', '.wpfNoWooPage .woocommerce-pagination a.page-numbers').on('click', '.wpfNoWooPage .woocommerce-pagination a.page-numbers', function (e) {
e.preventDefault();
var _this = jQuery(this),
paginationWrapper = _this.closest('.woocommerce-pagination'),
currentNumber = paginationWrapper.find('.current').text();
if(!_this.hasClass('next') && !_this.hasClass('prev') ){
var number = parseInt(_this.text(), 10) || 1;
}else if(_this.hasClass('next')){
var current = parseInt(currentNumber, 10) || 1;
var number = current + 1;
}else if(_this.hasClass('prev')){
var current = parseInt(currentNumber, 10) || 1;
var number = Math.max(current - 1, 1);
}
var wrapper = jQuery('.wpfMainWrapper').first(),
$queryVars = wrapper.attr('data-settings');
try{
var settings = JSON.parse($queryVars);
}catch(e){
var settings = false;
}
if(settings){
settings.paged = number;
settings.pagination = 1;
wrapper.attr('data-settings', JSON.stringify(settings) );
}
_thisObj.setCurrentLocation();
// todo: testing for two+ filters on page
_thisObj.filtering( jQuery('.wpfMainWrapper') );
_thisObj.setPagination(0);
});
var prevLocation = location.href.split('#').shift();
jQuery(window).on('popstate', function (e) {
var currentLocation = location.href.split('#').shift();
if (location.href.split('#').length > 1 && prevLocation === currentLocation) {
return;
}
if (typeof window.wpfAdminPage === 'undefined' && !_thisObj.isSafari) {
location.reload();
}
});
jQuery('.wpfPreselected:not([data-filter-type="wpfPriceRange"]) .wpfCheckbox input').prop('checked', true);
jQuery('#wpfOverlay:not([data-filter]').each(function() {
var $overlay = jQuery(this),
$wrapper = $overlay.closest('.wpfMainWrapper');
$overlay.attr('data-filter-for', $wrapper.attr('id')).attr('data-filter',$wrapper.attr('data-filter'));
$overlay.appendTo('body');
});
});
function applyFilter(_thisObj, $this) {
var mainWrapper = $this.closest('.wpfMainWrapper');
_thisObj.setCurrentLocation();
_thisObj.filterClick = true;
_thisObj.filtering(mainWrapper);
}
WpfFrontendPage.prototype.filterOptionsForDevices = (function () {
var _thisObj = this.$obj;
jQuery('.wpfMainWrapper .wpfFilterWrapper').each(function () {
var _this = jQuery(this),
wrapper = _this.closest('.wpfMainWrapper'),
settings = _thisObj.getFilterMainSettings(wrapper),
isMobile = false,
screenSize = jQuery(window).width();
if (settings.settings !== undefined) {
var isMobileBreakpoint = settings.settings.desctop_mobile_breakpoint_switcher,
mobileBreakpoinWidth = isMobileBreakpoint && isMobileBreakpoint == '1' ? settings.settings.desctop_mobile_breakpoint_width : '0',
displayFor = settings.settings.display_for,
filterWidthDesktop = settings.settings.filter_width,
filterWidthDesktopUnit = settings.settings.filter_width_in,
filterWidthMobile = settings.settings.filter_width_mobile,
filterWidthMobileUnit = settings.settings.filter_width_in_mobile,
filterBlockWidthDesktop = settings.settings.filter_block_width,
filterBlockWidthDesktopUnit = settings.settings.filter_block_width_in,
filterBlockWidthMobile = settings.settings.filter_block_width_mobile,
filterBlockWidthMobileUnit = settings.settings.filter_block_width_in_mobile;
if (mobileBreakpoinWidth && '0' !== mobileBreakpoinWidth) {
if (screenSize <= mobileBreakpoinWidth) {
isMobile = true;
}
// "Filter Width" and "Filter Block Width" options
if (isMobile && filterBlockWidthMobile != '0') {
wrapper.css('width', filterWidthMobile+filterWidthMobileUnit);
_this.css('width', filterBlockWidthMobile+filterBlockWidthMobileUnit);
if (filterBlockWidthMobile+filterBlockWidthMobileUnit != '100%') {
_this.css('float', 'left');
}
} else if (!isMobile && filterBlockWidthDesktop != '0') {
wrapper.css('width', filterWidthDesktop+filterWidthDesktopUnit);
_this.css('width', filterBlockWidthDesktop+filterBlockWidthDesktopUnit);
if (filterBlockWidthDesktop+filterBlockWidthDesktopUnit != '100%') {
_this.css('float', 'left');
}
}
// "Display filter on" option
if (isMobile && displayFor == 'desktop') {
wrapper.hide();
} else if (!isMobile && displayFor == 'mobile') {
wrapper.hide();
}
// filters title
_this.find('.wpfFilterTitle[data-show-on-mobile]').each(function() {
jQuery(this).closest('.wpfFilterMainWrapper').find('wpfLoaderLayout').show();
var showDesctop = jQuery(this).data('show-on-desctop'),
showMobile = jQuery(this).data('show-on-mobile'),
content = jQuery(this).closest('.wpfFilterWrapper').find('.wpfFilterContent'),
title = jQuery(this).find('.wfpTitle'),
icons = {};
title.show();
var toggle = jQuery(this).closest('.wpfFilterWrapper').find('i.wpfTitleToggle, svg');
setTimeout(function () {
if (toggle.length) {
toggle.show();
if (typeof (_thisObj.getIcons) == 'function') {
icons = _thisObj.getIcons(toggle);
} else {
icons = {collapsed: toggle.hasClass('fa-plus'), plusIcon: 'fa-plus', minusIcon: 'fa-minus'};
}
if (isMobile) {
if (showMobile == 'yes_open') {
_thisObj.openFilterToggle(toggle, content, false, icons);
} else if (showMobile == 'yes_close') {
_thisObj.closeFilterToggle(toggle, content, false, icons);
} else if (showMobile == 'no') {
_thisObj.openFilterToggle(toggle, content, false, icons);
toggle.hide();
title.hide();
}
} else {
if (showDesctop == 'yes_open') {
_thisObj.openFilterToggle(toggle, content, false, icons);
} else if (showDesctop == 'yes_close') {
_thisObj.closeFilterToggle(toggle, content, false, icons);
} else if (showDesctop == 'no') {
_thisObj.openFilterToggle(toggle, content, false, icons);
toggle.hide();
title.hide();
}
}
}
}, 100);
});
}
}
});
});
WpfFrontendPage.prototype.checkExeptionCasesBeforeFiltering = (function (filterInput) {
var isExeption = false;
// exeption when custom price do not set but input activated
if ( jQuery(filterInput).parent().hasClass('wpfPriceCheckboxCustom')) {
var customPriceWrapper = jQuery(filterInput).closest('li'),
customMin = customPriceWrapper.find('input[name=wpf_custom_min]').val(),
customMax = customPriceWrapper.find('input[name=wpf_custom_max]').val();
if (!customMin && !customMax) {
isExeption = true;
}
}
return isExeption;
});
WpfFrontendPage.prototype.detectSingleCheckbox = (function (checkedInput) {
var filterWrapper = checkedInput.closest('.wpfFilterWrapper'),
displayType = filterWrapper.data('display-type'),
filterType = filterWrapper.data('filter-type');
if (filterType == 'wpfCategory' || filterType == 'wpfPerfectBrand'|| filterType == 'wpfBrand') {
var isOne = displayType == 'list';
} else {
var isOne = displayType == 'radio';
}
if (isOne) {
var inputs = filterWrapper.find('input');
if (checkedInput.is(':checked')) {
inputs.prop('checked', false);
checkedInput.prop('checked', true);
}
}
});
WpfFrontendPage.prototype.moveCheckedToTop = (function (checkedInput, setPause) {
var _thisObj = this.$obj,
sPause = setPause === false ? 0 : 200;
setTimeout(function() {
var checkboxWrapper = checkedInput.closest('li'),
mainWrapper = checkedInput.closest('.wpfMainWrapper'),
filterWrapper = checkedInput.closest('.wpfFilterWrapper'),
isHierarchical = filterWrapper.data('show-hierarchical'),
settings = _thisObj.getFilterMainSettings(mainWrapper),
checkboxesWrapper = checkedInput.closest(isHierarchical ? 'ul' : '.wpfFilterVerScroll');
//if(settings && !isHierarchical) {
if(settings && checkboxesWrapper.length) {
settings = settings.settings;
var checkedItemsTop = settings.checked_items_top === '1',
isExeptionCase = _thisObj.checkExeptionCasesBeforeFiltering(checkedInput);
if(checkedItemsTop && !isExeptionCase){
if (checkedInput.is(":checked")) {
checkboxesWrapper.prepend(checkboxWrapper);
} else {
checkboxesWrapper.append(checkboxWrapper);
checkboxesWrapper.append(checkboxesWrapper.find('.wpfShowFewerWrapper,.wpfShowMoreWrapper'));
}
checkboxesWrapper.scrollTop(0);
}
}
}, sPause);
});
WpfFrontendPage.prototype.closeFilterToggle = (function (toggle, content, isTimeout, icons) {
if (toggle.hasClass(icons.minusIcon)) {
toggle.removeClass(icons.minusIcon);
toggle.addClass(icons.plusIcon);
content.addClass('wpfBlockAnimated');
if (typeof isTimeout !== 'undefined' && isTimeout) {
setTimeout(function () {
if (content.hasClass('wpfBlockAnimated')) content.addClass('wpfHide');
}, 10);
} else {
if (content.hasClass('wpfBlockAnimated')) content.addClass('wpfHide');
}
}
});
WpfFrontendPage.prototype.openFilterToggle = (function (toggle, content, isTimeout, icons) {
if (toggle.hasClass(icons.plusIcon)) {
toggle.removeClass(icons.plusIcon);
toggle.addClass(icons.minusIcon);
content.removeClass('wpfHide');
if (typeof isTimeout !== 'undefined' && isTimeout) {
setTimeout(function () {
if (!content.hasClass('wpfHide')) content.removeClass('wpfBlockAnimated');
}, 400);
} else {
if (!content.hasClass('wpfHide')) content.removeClass('wpfBlockAnimated');
}
}
});
WpfFrontendPage.prototype.setPagination = (function (pagination) {
var wrapper = jQuery('.wpfMainWrapper').first(),
$queryVars = wrapper.attr('data-settings');
try{
var settings = JSON.parse($queryVars);
}catch(e){
var settings = false;
}
if(settings){
settings.pagination = pagination;
wrapper.attr('data-settings', JSON.stringify(settings) );
}
});
WpfFrontendPage.prototype.setCurrentLocation = (function() {
app.wpfOldUrl = window.location.href;
app.wpfNewUrl = app.wpfOldUrl;
});
//prepare url param
WpfFrontendPage.prototype.prepareUrlParams = function(currentUrl) {
// Step 1: Create a URL object to easily parse the current URL
var finalUrl = new URL(currentUrl);
// Step 2: Extract the path segments (e.g., /wbw/wpf_filter_cat_0/hoodies)
var pathSegments = finalUrl.pathname.split('/').filter(Boolean); // Remove empty segments
// Step 3: Initialize URLSearchParams to handle query parameters
var urlParams = new URLSearchParams(finalUrl.search);
// Step 4: Process the path segments and convert them into query parameters
for (var i = 0; i < pathSegments.length; i++) {
var segment = pathSegments[i];
// Check if the segment is a filter key (e.g., wpf_filter_cat_0, pr_stock, etc.)
if (segment.indexOf('wpf_filter_') === 0) {
var filterKey = segment; // e.g., 'wpf_filter_cat_0'
var filterValue = pathSegments[i + 1]; // e.g., 'hoodies'
// You may need to resolve the term ID here based on the slug (e.g., 'hoodies' -> 34)
// For now, we'll use the value directly, but you can integrate a lookup if needed
// Add the filter to the query parameters
urlParams.set(filterKey, filterValue); // Map the filterKey to filterValue
}
}
// Step 5: Rebuild the URL with the updated parameters
finalUrl.search = urlParams.toString(); // Set the new query string
// Step 6: Return the final URL with updated query parameters
return finalUrl.toString(); // Return the full URL with updated parameters
};
//prepare url param
/**
* filtering.
*
* @version 3.1.3
*/
WpfFrontendPage.prototype.filtering = (function ($filterWrapper, clearAll, redirectLink, onlyRecalcFilter) {
var _thisObj = this.$obj;
_thisObj.chageRangeFieldWidth();
if(_thisObj.isAdminPreview) return;
if(typeof $filterWrapper == 'undefined' || $filterWrapper.length == 0) {
$filterWrapper = jQuery('.wpfMainWrapper').first();
}
if (_thisObj.filterClick && $filterWrapper.length) {
_thisObj.createOverlay($filterWrapper.attr('id'));
}
if (typeof (_thisObj.beforeFilteringPro) === 'function') {
_thisObj.beforeFilteringPro($filterWrapper);
}
_thisObj.isSynchro = false;
_thisObj.isStatistics = false;
if ($filterWrapper.length !== 0) {
_thisObj.filteringId++;
_thisObj.lastFids[$filterWrapper.data('viewid')] = _thisObj.filteringId;
var $filtersDataBackend = [],
$filtersDataFrontend = [],
noWooPage = _thisObj.noWoo,
$generalSettings = _thisObj.getFilterMainSettings($filterWrapper);
_thisObj.isSynchro = $generalSettings['settings']['use_filter_synchro'] && ($generalSettings['settings']['use_filter_synchro'] == '1') ? true : false;
_thisObj.isStatistics = $filterWrapper.attr('data-is-stats') == 1;
if(_thisObj.isSynchro) {
_thisObj.syncronizeFilters($filterWrapper);
}
(_thisObj.isSynchro ? jQuery('.wpfMainWrapper') : $filterWrapper).find('.wpfFilterWrapper:not(.wpfNotActive), .wpfFilterWrapper.wpfPreselected').each(function () {
var $filter = jQuery(this),
filterType = $filter.attr('data-filter-type'),
filterName = $filter.attr('data-get-attribute'),
wrapper = $filter.closest('.wpfMainWrapper'),
idFilter = wrapper.data('filter'),
uniqId = $filter.attr('data-uniq-id'),
allSettings = _thisObj.getFilterOptionsByType($filter, filterType),
valueToPushBackend = {},
valueToPushFrontend = {},
logic = $filter.attr('data-query-logic'),
isGroup = false,
cgIndex = null;
if(_thisObj.isStatistics && typeof (_thisObj.prepareStatisticsData) == 'function') {
_thisObj.prepareStatisticsData($filter, allSettings);
}
try {
var order = JSON.parse(_thisObj.getFilterMainSettings(wrapper).settings.filters.order);
jQuery.each(order, function (i, v) {
if (v.uniqId === uniqId) {
jQuery.each(v.settings, function (i, v) {
cgIndex = i.match(/^f_cglist\[(\d+)\]/);
if (cgIndex !== null && typeof cgIndex[1] !== 'undefined' && v !== '') {
isGroup = true;
}
});
}
});
} catch (e) {
}
if (typeof logic === 'undefined') {
logic = 'or';
} else if (logic == 'not') {
var notIds = $filter.attr('data-not-ids');
if (notIds && notIds.length > 0) {
allSettings = {backend: notIds.split(',')};
}
}
var withChildren = $filter.attr('data-query-children');
if (typeof withChildren === 'undefined') {
withChildren = '1';
}
if (allSettings['backend'].length && typeof allSettings['backend'] !== 'undefined' || filterType === 'wpfSearchText' || filterType === 'wpfSearchNumber') {
valueToPushBackend['id'] = filterType;
valueToPushBackend['uniqId'] = uniqId;
valueToPushBackend['logic'] = logic;
valueToPushBackend['children'] = withChildren;
valueToPushBackend['settings'] = allSettings['backend'];
valueToPushBackend['name'] = filterName;
$filtersDataBackend.push(valueToPushBackend);
}
if ('frontend' in allSettings) {
valueToPushFrontend['id'] = filterType;
var logicDelimetrList = {
or: '|',
and: ',',
not_in: ';'
}
valueToPushFrontend['delim'] = logicDelimetrList[logic];
valueToPushFrontend['children'] = withChildren;
valueToPushFrontend['settings'] = allSettings['frontend'];
valueToPushFrontend['name'] = filterName;
if (isGroup) {
valueToPushFrontend['idFilter'] = idFilter;
valueToPushFrontend['idBlock'] = uniqId.replace(/^wpf/, '');
}
$filtersDataFrontend.push(valueToPushFrontend);
}
});
var redirectTerm = typeof redirectLink !== 'undefined';
if (redirectTerm || (typeof $filterWrapper.data('redirect-page-url') !== 'undefined' && _thisObj.filterClick)) {
history.pushState({state: 1, rand: Math.random(), wpf: true}, '', location.protocol + '//' + location.host + location.pathname);
}
var filterId = $filterWrapper.data('filter');
if (typeof filterId !== 'undefined') {
jQuery('span.wpfHidden').each(function () {
var $span = jQuery(this),
attribute = $span.data('shortcode-attribute'),
fclass = 'wpf-filter-' + filterId;
if ((attribute.class !== '' && fclass === attribute.class) || $span.closest('.'+fclass).length) {
_thisObj.QStringWork('wpf_id', filterId, noWooPage, $filterWrapper, 'change');
}
});
}
_thisObj.changeUrlByFilterParams($filtersDataFrontend);
_thisObj.QStringWork('wpf_reload', '', noWooPage, $filterWrapper, 'remove');
//get paged params from html
var $queryVars = $filterWrapper.attr('data-settings'),
$defQuery = $filterWrapper.attr('data-default-query'),
$queryVarsSettings = JSON.parse($queryVars);
var $filterSettings = $generalSettings === false ? {} : {
'wpf_fid': _thisObj.filteringId,
'filter_recount': $generalSettings['settings']['filter_recount'] && ($generalSettings['settings']['filter_recount'] == '1') ? true : false,
'filter_recount_price': $generalSettings['settings']['filter_recount_price'] && ($generalSettings['settings']['filter_recount_price'] == '1') ? true : false,
'text_no_products': $generalSettings['settings']['text_no_products'] ? $generalSettings['settings']['text_no_products'] : '',
'count_product_shop': $generalSettings['settings']['count_product_shop'] ? parseInt($generalSettings['settings']['count_product_shop']) : 0,
'f_multi_logic': $generalSettings['settings']['f_multi_logic'] ? $generalSettings['settings']['f_multi_logic'] : 'and',
'remove_actions': $generalSettings['settings']['remove_actions'] && ($generalSettings['settings']['remove_actions'] == '1') ? true : false,
'filtering_by_variations': $generalSettings['settings']['filtering_by_variations'] && ($generalSettings['settings']['filtering_by_variations'] == '1') ? true : false,
'form_filter_by_variations': $generalSettings['settings']['form_filter_by_variations'] && ($generalSettings['settings']['form_filter_by_variations'] == '1') ? true : false,
'exclude_backorder_variations': $generalSettings['settings']['exclude_backorder_variations'] && ($generalSettings['settings']['exclude_backorder_variations'] == '1') ? true : false,
'display_product_variations': $generalSettings['settings']['display_product_variations'] && ($generalSettings['settings']['display_product_variations'] == '1') ? true : false,
'all_products_filtering': $generalSettings['settings']['all_products_filtering'] && ($generalSettings['settings']['all_products_filtering'] == '1') ? true : false,
'do_not_use_shortcut': $generalSettings['settings']['do_not_use_shortcut'] && ($generalSettings['settings']['do_not_use_shortcut'] == '1') ? true : false,
'use_category_filtration': $generalSettings['settings']['use_category_filtration'] ? $generalSettings['settings']['use_category_filtration'] : 1,
'product_list_selector': $generalSettings['settings']['product_list_selector'] ? $generalSettings['settings']['product_list_selector'] : '',
'product_container_selector': $generalSettings['settings']['product_container_selector'] ? $generalSettings['settings']['product_container_selector'] : '',
'auto_update_filter' : Number($generalSettings['settings']['auto_update_filter']),
'redirect_only_click' : Number($generalSettings['settings']['redirect_only_click']),
'display_status_private' : $generalSettings['settings']['display_status_private'] && ($generalSettings['settings']['display_status_private'] == '1') ? true : false,
'open_one_by_one': $generalSettings['settings']['open_one_by_one'] ? $generalSettings['settings']['open_one_by_one'] : '',
'obo_only_children': $generalSettings['settings']['obo_only_children'] ? $generalSettings['settings']['obo_only_children'] : '',
'display_only_children_category': $generalSettings['settings']['display_only_children_category'] ? $generalSettings['settings']['display_only_children_category'] : '',
};
var $withPerPage = $filterWrapper.find('select.wpfPerPageDD'),
perPageCount = $withPerPage.length ? $withPerPage.find('option:selected') : '';
if (perPageCount.length) {
$filterSettings['count_product_shop'] = perPageCount.val();
}
$filterSettings['sort_by_title'] = ($generalSettings['settings']['sort_by_title'] != undefined && $generalSettings['settings']['sort_by_title'] == '1' ? true : false);
if (typeof $defQuery !== 'undefined' && $defQuery.length) $filterSettings['default_query'] = JSON.parse($defQuery);
// find woocommerce product loop type ( shorcode, loop )
var productContainerSelector = _thisObj.fixSelector($filterSettings['product_container_selector'], ''),
productContainerElem = (productContainerSelector !== '')
? jQuery(productContainerSelector)
: jQuery(document);
$queryVars = JSON.parse($queryVars);
var shortcode = jQuery('span[data-shortcode-attribute]', productContainerElem),
$shortcodeAttr = {};
if (shortcode.length) {
$shortcodeAttr = shortcode.data('shortcode-attribute');
if ($shortcodeAttr['limit'] > 0) {
$queryVars['posts_per_page'] = $shortcodeAttr['limit'];
}
$queryVars['wc_loop_type'] = 'shortcode';
$queryVars['paginate_type'] = 'shortcode';
$queryVars['paginate_base'] = 'product-page';
} else {
$queryVars['wc_loop_type'] = 'loop';
}
// for plugin WooCommerce Products Per Page
var $wppp = jQuery('.wppp-select').first();
if ($wppp.length) {
$queryVars['posts_per_page'] = $wppp.val();
}
$queryVars = JSON.stringify($queryVars);
$shortcodeAttr = JSON.stringify($shortcodeAttr);
if (clearAll) {
var newUrl = getCurrentUrlPartsWpf();
if (newUrl.search.length && newUrl.search.indexOf('wpf_')) clearAll = false;
}
if ($filterSettings['count_product_shop'] > 0 && !clearAll) {
_thisObj.QStringWork('wpf_count', $filterSettings['count_product_shop'], noWooPage, $filterWrapper, 'change');
}
if ($filterSettings['sort_by_title']) {
_thisObj.QStringWork('wpf_order', 'title', noWooPage, $filterWrapper, 'change');
}
if ($filterSettings['filtering_by_variations'] && !clearAll) {
_thisObj.QStringWork('wpf_fbv', 1, noWooPage, $filterWrapper, 'change');
}
if ($filterSettings['exclude_backorder_variations'] && !clearAll) {
_thisObj.QStringWork('wpf_ebv', 1, noWooPage, $filterWrapper, 'change');
}
if ($filterSettings['display_product_variations'] && !clearAll) {
_thisObj.QStringWork('wpf_dpv', 1, noWooPage, $filterWrapper, 'change');
}
if ($filterSettings['all_products_filtering'] && !clearAll) {
_thisObj.QStringWork('all_products_filtering', '1', noWooPage, $filterWrapper, 'change');
}
if ($filtersDataBackend.length === 0) {
_thisObj.QStringWork('all_products_filtering', '', noWooPage, $filterWrapper, 'remove');
}
if ($filterSettings['f_multi_logic'] !== 'and' && !clearAll) {
_thisObj.QStringWork('wpf_filter_tax_block_logic', $filterSettings['f_multi_logic'], noWooPage, $filterWrapper, 'change');
}
if ($filtersDataBackend.length === 0) {
_thisObj.QStringWork('wpf_filter_tax_block_logic', '', noWooPage, $filterWrapper, 'remove');
}
// we always start from first page after filtering
//if ($queryVarsSettings['paginate_type'] == 'query' || $queryVarsSettings['paginate_type'] == 'shortcode') {
_thisObj.QStringWork($queryVarsSettings['paginate_base'], '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('product-page', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('shopPage', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('avia-element-paging', '', noWooPage, $filterWrapper, 'remove');
var curUrl = getCurrentUrlPartsWpf();
if (curUrl.search.length) {
// Remove any URL parameters that start with 'e-page-'
var ePageMatch = curUrl.search.match(/[?&](e-page-[^=&]+)=/);
if (ePageMatch && ePageMatch[1]) {
_thisObj.QStringWork(ePageMatch[1], '', noWooPage, $filterWrapper, 'remove');
}
var $pages = curUrl.search.match(/query-\d+-page/i);
if ($pages != null && $pages.length) _thisObj.QStringWork($pages[0], '', noWooPage, $filterWrapper, 'remove');
}
var $woocommerceSettings = {};
if (jQuery('.wpfFilterWrapper[data-filter-type="wpfSortBy"]').length == 0) {
var $wooCommerceSort = jQuery('.woocommerce-ordering select');
if ($wooCommerceSort.length > 0) {
$woocommerceSettings['woocommercefSortBy'] = $wooCommerceSort.eq(0).val();
}
}
if (onlyRecalcFilter) {
// this block for forced filter refresh without product filtering
// you can call this with custom js: window.wpfFrontendPage.filtering(jQuery('.wpfMainWrapper[data-filter="1"]'),false,false,true);
var requestData =_thisObj.getAjaxRequestData($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings);
_thisObj.ajaxOnlyRecount(requestData, $filterWrapper.attr('id'));
return;
}
var redirect = (typeof $filterWrapper.data('redirect-page-url') !== 'undefined'),
$needUrl = $filterSettings['open_one_by_one'] == '1' && $filterSettings['obo_only_children'] == '1';
//slug generation
if (history.pushState && app.wpfNewUrl != window.wpfOldUrl && ((!redirect && !redirectTerm) || $needUrl)) {
var slugFormat=_thisObj.slugFormat;
var newUrl = app.wpfNewUrl.indexOf('pr_search_') > 0 ? app.wpfNewUrl.replace('+', '%2b') : app.wpfNewUrl;
var finalUrl = newUrl;
if (slugFormat !== "" && slugFormat !== 0 && slugFormat && slugFormat !== "0") {
var search = newUrl ? new URL(newUrl).search : window.location.search;
var segments = _thisObj.convertParamsToSegments(search);
finalUrl = $generalSettings.settings.shop_base_url + 'wbw/' + segments.join('/');
if (segments.length === 0) finalUrl = $generalSettings.settings.shop_base_url;
}
history.pushState({state: 1, rand: Math.random(), wpf: true}, '', finalUrl);
app.wpfOldUrl = app.wpfNewUrl;
_thisObj.changeSlugByUrl();
}
//slug generation
if (redirectTerm || (redirect && _thisObj.filterClick)) {
let queryString = app.wpfNewUrl.split('?')[1] || '';
if (queryString !== '') {
if (_thisObj.isStatistics) {
var requestData =_thisObj.getAjaxRequestData($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings);
wpfDoActionsAfterLoad(_thisObj.filteringId, -1, requestData);
}
var redLink = (redirectTerm ? redirectLink : $filterWrapper.data('redirect-page-url'));
jQuery(location).attr('href', redLink + (redLink.indexOf('?') == -1 ? '?' : '&') + queryString + '&redirect');
}
} else {
if ($generalSettings && $generalSettings.settings.enable_ajax !== '1') {
if (_thisObj.isStatistics) {
var requestData =_thisObj.getAjaxRequestData($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings);
wpfDoActionsAfterLoad(_thisObj.filteringId, -1, requestData);
}
if (_thisObj.isSafari || navigator.userAgent.match(/firefox|fxios/i)) location.reload(true);
else location.reload();
return;
}
_thisObj.currentFilterBackend = $filtersDataBackend;
// event for custom javascript hook
var customEvent = document.createEvent('Event');
customEvent.initEvent('wpfAjaxStart', false, true);
document.dispatchEvent(customEvent);
//ajax call to server
_thisObj.currentLoadId = $filterWrapper.attr('id');
var $wtbpFilterWrapper = $filterWrapper.closest('.wpfFilterForWtbp');
if ($wtbpFilterWrapper.length == 0) {
if ($filterWrapper.closest('.wpfFilterForWtbpFloating').length) {
$wtbpFilterWrapper = $('.wpfFilterForWtbp[data-wpf-id="'+$filterWrapper.attr('data-filter')+'"]');
}
}
if ($wtbpFilterWrapper.length == 1) {
var wtbpTableId = $wtbpFilterWrapper.closest('.wtbpTableWrapper').attr('data-table-id'),
wtbpTable = wtbpTableId ? window.woobewoo.WooTablepress.getTableInstanceById(wtbpTableId) : false;
if (wtbpTable && wtbpTable.isSSP) {
wtbpTable.ajax.reload();
return;
}
}
_thisObj.sendFiltersOptionsByAjax(_thisObj.currentFilterBackend, $queryVars, $filterSettings, $generalSettings, $woocommerceSettings, $shortcodeAttr);
if (_thisObj.isSynchro) {
jQuery('.wpfMainWrapper:not(#'+_thisObj.currentLoadId+')').each(function(){
var $synchroWrapper = jQuery(this);
$generalSettings = _thisObj.getFilterMainSettings($synchroWrapper);
var requestData =_thisObj.getAjaxRequestData($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings);
_thisObj.ajaxOnlyRecount(requestData, $synchroWrapper.attr('id'));
});
}
}
}
});
WpfFrontendPage.prototype.getAjaxRequestData = (function ($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings) {
$generalSettings = $generalSettings ? $generalSettings['settings']['filters']['order'] : [];
var typeSettings = typeof $generalSettings;
if (typeSettings == 'undefined') $generalSettings = '[]';
else if (typeSettings != 'string') $generalSettings = JSON.stringify($generalSettings);
return {
mod: 'woofilters',
action: 'filtersFrontend',
filtersDataBackend: JSON.stringify($filtersDataBackend),
queryvars: $queryVars,
filterSettings: JSON.stringify($filterSettings),
generalSettings: $generalSettings,
shortcodeAttr: $shortcodeAttr,
woocommerceSettings: JSON.stringify($woocommerceSettings),
currenturl: window.location.href,
};
});
WpfFrontendPage.prototype.createOverlay = (function (filterId) {
var selector = '#wpfOverlay';
if (typeof filterId != 'undefined') selector += '[data-filter-for="'+filterId+'"]';
jQuery(selector).css({'display':'block'});
});
WpfFrontendPage.prototype.removeOverlay = (function () {
jQuery('#wpfOverlay').css({'display':'none'});
jQuery('#wpfOverlay[data-filter-for]').css({'display':'none'});
});
WpfFrontendPage.prototype.syncronizeFilters = (function ($filterWrapper) {
var _thisObj = this.$obj,
filterId = $filterWrapper.attr('id');
$filterWrapper.find('.wpfFilterWrapper').each(function () {
var $filter = jQuery(this),
filterType = $filter.attr('data-filter-type'),
filterDisplay = $filter.attr('data-display-type'),
filterSlug = $filter.attr('data-slug'),
filterTaxonomy = $filter.attr('data-taxonomy'),
selector = '.wpfMainWrapper:not(#'+filterId+') .wpfFilterWrapper[data-filter-type="'+filterType+'"]';
if (filterDisplay) selector += '[data-display-type="'+filterDisplay+'"]';
if (filterSlug) selector += '[data-slug="'+filterSlug+'"]';
if (filterTaxonomy) selector += '[data-taxonomy="'+filterTaxonomy+'"]';
var $synchroFilters = jQuery(selector);
if ($synchroFilters.length) {
$synchroFilters.find('input').prop('checked', false).trigger('wpf-synchro');
$filter.find('input:checked').each(function(){
var $li = jQuery(this).closest('[data-term-id]');
if ($li) {
var $synchroInput = $synchroFilters.find('[data-term-id="'+$li.attr('data-term-id')+'"] input');
if ($synchroInput.length == 0 && filterDisplay == 'colors') $synchroInput = $synchroFilters.find('input[data-term-id="'+$li.attr('data-term-id')+'"]');
if ($synchroInput.length) $synchroInput.prop('checked', true).trigger('wpf-synchro');
}
});
if (filterType === 'wpfPrice'){
var min = $filter.find('#wpfMinPrice').val(),
max = $filter.find('#wpfMaxPrice').val();
$synchroFilters.each(function() {
var $slider = jQuery(this);
$slider.find('#wpfMinPrice').val(min);
$slider.find('#wpfMaxPrice').val(max);
//$slider.find('#wpfSliderRange').slider("option", "values", [ min, max ]);
});
} else if (filterDisplay == 'mul_dropdown') {
$synchroFilters.find('select').val($filter.find('select').val());
$synchroFilters.find('select.jqmsLoaded').multiselect('reload');
} else if(filterDisplay == 'text') {
$synchroFilters.find('input').val($filter.find('input').val());
} else {
var value = $filter.find('select').val();
$synchroFilters.find('select').each(function() {
if (jQuery(this).find('option[value="'+value+'"]').length) jQuery(this).val(value);
});
}
if(typeof(_thisObj.syncronizeFiltersPro) == 'function') {
_thisObj.syncronizeFiltersPro($filter, $synchroFilters);
}
if ($filter.hasClass('wpfNotActive')) $synchroFilters.addClass('wpfNotActive');
else $synchroFilters.removeClass('wpfNotActive');
}
});
//_thisObj.markCheckboxSelected(filter);
});
WpfFrontendPage.prototype.clearFilters = (function (filter, clearAll) {
var _thisObj = this.$obj,
noWooPage = _thisObj.noWoo,
clearAll = typeof clearAll == 'undefined' ? false : true;
(filter ? filter : jQuery('.wpfFilterWrapper')).each(function () {
var $filter = jQuery(this),
$filterWrapper = $filter.closest('.wpfMainWrapper'),
filterAttribute = $filter.attr('data-get-attribute'),
filterType = $filter.attr('data-display-type'),
defValue = $filter.attr('data-filter-default');
if (typeof defValue === 'undefined') {
defValue = '';
}
filterAttribute = filterAttribute.split(",");
var count = filterAttribute.length;
for(var i = 0; i < count; i++){
_thisObj.QStringWork(filterAttribute[i], '', noWooPage, $filterWrapper, 'remove');
}
if($filter.hasClass('wpfHidden')){
$filter.removeClass('wpfNotActive');
} else {
$filter.find('input').prop('checked', false);
if(filterType == 'mul_dropdown') {
$filter.find('select').val('');
$filter.find('select.jqmsLoaded').multiselect('reload');
} else if(filterType == 'text') {
$filter.find('input').val('');
} else {
$filter.find("select").val($filter.find("select option:first").val());
}
if (defValue.length && clearAll) {
if(filterType == 'dropdown') {
$filter.find('select').val($filter.find('select option[data-term-slug="'+defValue+'"]').val());
} else {
$filter.find('li[data-term-slug="'+defValue+'"] input').prop('checked', true);
}
$filter.removeClass('wpfNotActive');
} else {
$filter.addClass('wpfNotActive');
}
}
if($filter.attr('data-filter-type') === 'wpfPrice'){
var min = $filter.find('#wpfMinPrice').attr('min'),
max = $filter.find('#wpfMaxPrice').attr('max');
$filter.find('#wpfMinPrice').val(min);
$filter.find('#wpfMaxPrice').val(max);
jQuery( "#wpfSliderRange" ).slider( "option", "values", [ min, max ] );
}
if(typeof(_thisObj.clearFiltersPro) == 'function') {
_thisObj.clearFiltersPro($filter);
}
if(typeof(_thisObj.eventChangeFilterPro) == 'function') {
_thisObj.eventChangeFilterPro($filter);
}
if(clearAll) {
_thisObj.QStringWork('wpf_order', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('wpf_count', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('all_products_filtering', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('wpf_oistock', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('wpf_fbv', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('wpf_dpv', '', noWooPage, $filterWrapper, 'remove');
_thisObj.QStringWork('wpf_ebv', '', noWooPage, $filterWrapper, 'remove');
}
});
_thisObj.markCheckboxSelected(filter);
});
WpfFrontendPage.prototype.getFilterMainSettings = (function ($selector) {
var settingsStr = $selector.attr('data-filter-settings');
try{
var settings = JSON.parse(settingsStr);
}catch(e){
var settings = false;
}
if (settings === false) {
settingsStr = settingsStr.replace('}]"', '}]').replace('"[{', '[{');
try{
settings = JSON.parse(settingsStr);
}catch(e){
settings = false;
}
}
return settings;
});
WpfFrontendPage.prototype.getFilterParam = (function (paramSlug, mainWrapper, filterWrapper) {
var paramValue = null,
_thisObj = this.$obj,
mainSettings = _thisObj.getFilterMainSettings(mainWrapper),
orderKey = filterWrapper.attr('data-order-key');
if (mainSettings.settings.filters.order && typeof orderKey !== undefined) {
var filtersOderList = JSON.parse(mainSettings.settings.filters.order);
if ( typeof filtersOderList[orderKey] !== undefined ) {
var filterParamList = filtersOderList[orderKey].settings;
if ( typeof filterParamList[paramSlug] !== undefined ) {
paramValue = filterParamList[paramSlug];
}
}
}
return paramValue;
});
WpfFrontendPage.prototype.checkNoWooPage = (function () {
var noWooPage = false;
if(jQuery('.wpfMainWrapper').first().attr('data-nowoo')){
noWooPage = true;
}
return noWooPage;
});
WpfFrontendPage.prototype.changeLmpButton = (function () {
var lmpBtn = jQuery('.br_lmp_button_settings .lmp_button');
if (lmpBtn.length) {
var parentStyle = lmpBtn.parent().attr('style').replace(' ', '');
if (parentStyle.indexOf('display:none') > -1) {
return;
}
var url = lmpBtn.attr('href').split('?')[0];
url += window.location.search;
url = url.indexOf('/page/2') > -1 ? url : url.replace(/\/page\/[0-9]{1,}/ig, '/page/2');
lmpBtn.attr('href', url);
setTimeout(function(){
jQuery('.woocommerce-pagination').addClass('wpfHidden');
}, 1000);
}
});
WpfFrontendPage.prototype.changeUrlByFilterParams = (function ($filtersDataFrontend) {
var _thisObj = this.$obj,
noWooPage = _thisObj.noWoo;
if (typeof $filtersDataFrontend !== 'undefined' && $filtersDataFrontend.length > 0) {
// the array is defined and has at least one element
var count = $filtersDataFrontend.length,
filterWrapper = jQuery('.wpfMainWrapper'),
priceFlag = true;
for(var i = 0; i < count; i++){
switch ($filtersDataFrontend[i]['id']){
case 'wpfPrice':
case 'wpfPriceRange':
if (priceFlag) {
var minPrice = $filtersDataFrontend[i]['settings']['wpf_min_price'],
maxPrice = $filtersDataFrontend[i]['settings']['wpf_max_price'],
tax = $filtersDataFrontend[i]['settings']['tax'];
if (typeof minPrice !== 'undefined' && minPrice.length > 0) {
_thisObj.QStringWork('wpf_min_price', minPrice, noWooPage, filterWrapper, 'change');
} else {
_thisObj.QStringWork('wpf_min_price', '', noWooPage, filterWrapper, 'remove');
}
if (typeof maxPrice !== 'undefined' && maxPrice.length > 0) {
_thisObj.QStringWork('wpf_max_price', maxPrice, noWooPage, filterWrapper, 'change');
} else {
_thisObj.QStringWork('wpf_max_price', '', noWooPage, filterWrapper, 'remove');
}
if (typeof tax !== 'undefined') {
_thisObj.QStringWork('tax', tax, noWooPage, filterWrapper, 'change');
} else {
_thisObj.QStringWork('tax', '', noWooPage, filterWrapper, 'remove');
}
priceFlag = false;
}
break;
case 'wpfSortBy':
var orderby = $filtersDataFrontend[i]['settings']['orderby'],
oistock = $filtersDataFrontend[i]['settings']['oistock'];
if (typeof orderby !== 'undefined' && orderby.length > 0 ) {
_thisObj.QStringWork('orderby', orderby, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('orderby', '', noWooPage, filterWrapper, 'remove');
}
if (typeof oistock !== 'undefined' && oistock == 1 ) {
_thisObj.QStringWork('wpf_oistock', 1, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('wpf_oistock', '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfCategory':
case 'wpfPerfectBrand':
var product_cat = $filtersDataFrontend[i]['settings']['settings'],
name = $filtersDataFrontend[i]['name'],
delim = $filtersDataFrontend[i]['delim'];
product_cat = product_cat.join(delim ? delim : '|');
if (typeof product_cat !== 'undefined' && product_cat.length > 0) {
_thisObj.QStringWork(name, product_cat, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork(name, '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfTags':
var product_tag = $filtersDataFrontend[i]['settings']['settings'],
name = $filtersDataFrontend[i]['name'],
delim = $filtersDataFrontend[i]['delim'];
product_tag = product_tag.join(delim ? delim : '|');
if (typeof product_tag !== 'undefined' && product_tag.length > 0) {
_thisObj.QStringWork(name, product_tag, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork(name, '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfCustomField':
var name = $filtersDataFrontend[i]['name'];
var delim = $filtersDataFrontend[i]['delim'] || '|';
// Your custom field stores frontend settings as: settings[name] = "A|B"
// (not as settings.settings = ["A","B"])
var settingsObj = $filtersDataFrontend[i]['settings'] || {};
var cfValues = (typeof settingsObj.settings !== 'undefined')
? settingsObj.settings
: settingsObj[name];
if (Array.isArray(cfValues)) {
cfValues = cfValues.join(delim);
}
if (typeof cfValues === 'string' && cfValues.length > 0) {
_thisObj.QStringWork(name, cfValues, noWooPage, filterWrapper, 'change');
} else {
_thisObj.QStringWork(name, '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfAttribute':
var product_taxonomy = $filtersDataFrontend[i]['settings']['taxonomy'],
product_attr = $filtersDataFrontend[i]['settings']['settings'],
delim = $filtersDataFrontend[i]['delim'];
product_attr = product_attr.join(delim ? delim : '|');
if (typeof product_attr !== 'undefined' && product_attr.length > 0) {
_thisObj.QStringWork(product_taxonomy, product_attr, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork(product_taxonomy, '', noWooPage, filterWrapper, 'remove');
}
if (typeof $filtersDataFrontend[i]['idBlock']!== 'undefined' && typeof $filtersDataFrontend[i]['idFilter']!== 'undefined' ) {
_thisObj.QStringWork('group' + product_taxonomy.replace('filter', '') + $filtersDataFrontend[i]['idBlock'], $filtersDataFrontend[i]['idFilter'], noWooPage, filterWrapper, 'change');
}
break;
case 'wpfAuthor':
var authorVal = $filtersDataFrontend[i]['settings']['settings'],
name = $filtersDataFrontend[i]['name'],
delim = $filtersDataFrontend[i]['delim'];
authorVal = authorVal.join(delim ? delim : '|');
if (typeof authorVal !== 'undefined' && authorVal.length > 0) {
_thisObj.QStringWork('pr_author', authorVal, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('pr_author', '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfFeatured':
var featureVal = $filtersDataFrontend[i]['settings']['settings'];
if (typeof featureVal !== 'undefined' && featureVal.length > 0) {
_thisObj.QStringWork('pr_featured', featureVal, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('pr_featured', '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfOnSale':
var onSaleVal = $filtersDataFrontend[i]['settings']['settings'];
if (typeof onSaleVal !== 'undefined' && onSaleVal.length > 0) {
_thisObj.QStringWork('pr_onsale', onSaleVal, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('pr_onsale', '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfInStock':
var pr_stock = $filtersDataFrontend[i]['settings']['settings'];
pr_stock = pr_stock.join(delim ? delim : '|');
if (typeof pr_stock !== 'undefined' && pr_stock.length > 0 ) {
_thisObj.QStringWork('pr_stock', pr_stock, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('pr_stock', '', noWooPage, filterWrapper, 'remove');
}
break;
case 'wpfRating':
var ratingVal = $filtersDataFrontend[i]['settings']['settings'];
if (typeof ratingVal !== 'undefined' && checkArray(ratingVal) && ratingVal.length > 0 ) {
_thisObj.QStringWork('pr_rating', ratingVal, noWooPage, filterWrapper, 'change');
}else{
_thisObj.QStringWork('pr_rating', '', noWooPage, filterWrapper, 'remove');
}
break;
default:
if(typeof(_thisObj.changeUrlByFilterParamsPro) == 'function') {
_thisObj.changeUrlByFilterParamsPro($filtersDataFrontend[i], noWooPage, filterWrapper);
}
break;
}
}
}else{
return false;
}
});
/**
* changeSlugByUrl.
*
* @version 2.8.6
*/
WpfFrontendPage.prototype.changeSlugByUrl = (function () {
jQuery('.wpfSlugWrapper .wpfSlug').remove();
var _thisObj = this.$obj,
noWooPage = _thisObj.noWoo,
searchParams = jQuery.toQueryParams(window.location.search);
if (noWooPage) {
if( jQuery('.wpfMainWrapper').first().attr('data-hide-url')) {
searchParams = jQuery.toQueryParams(jQuery('.wpfMainWrapper').first().attr('data-hide-url'));
}
}
var isRedirect = 'redirect' in searchParams && searchParams['redirect'] == 1;
for (var key in searchParams) {
if(key === 'wpf_min_price'){
key = 'wpf_min_price,wpf_max_price,tax';
}
var $elem = jQuery('.wpfFilterWrapper[data-get-attribute="'+key+'"]');
if (!$elem.length && isRedirect) {
var parts = key.split('_'),
cnt = parts.length;
if (cnt > 2 && isNumber(parts[cnt-1])) {
parts.pop();
$elem = jQuery('.wpfFilterWrapper[data-get-attribute^="'+parts.join('_')+'"]');
_thisObj.QStringWork(key, '', false, $elem.closest('.wpfMainWrapper'), 'remove');
}
}
if($elem.length > 0) {
var elem = $elem.first(),
$slug = elem.attr('data-slug'),
$label = elem.attr('data-label'),
$title = elem.attr('data-title'),
$getAttr = elem.attr('data-get-attribute'),
$filterType = elem.attr('data-filter-type');
if(typeof $title != 'undefined') $label = $title;
else if(typeof $label == 'undefined') $label = $slug;
var html = '';
if(jQuery('.wpfSlugWrapper').length > 0){
if( !jQuery('.wpfSlugWrapper .wpfSlug[data-slug="'+$slug+'"]').length > 0 ) {
html += '';
jQuery('.wpfSlugWrapper').append(html);
}
}else{
if( !jQuery('.wpfSlugWrapper .wpfSlug[data-slug="'+$slug+'"]').length > 0 ) {
html += '';
jQuery('.storefront-sorting').append(html);
}
}
}
if (isRedirect && history.pushState && app.wpfNewUrl != window.wpfOldUrl) {
history.pushState({state: 1, rand: Math.random(), wpf: true}, '', app.wpfNewUrl);
app.wpfOldUrl = app.wpfNewUrl;
}
}
});
WpfFrontendPage.prototype.sendFiltersOptionsByAjax = (function ($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $woocommerceSettings, $shortcodeAttr) {
var _thisObj = this.$obj,
$wrapperSettings = [];
if ( window.wpfAdminPage ) {
return false;
}
_thisObj.currentAjaxJSLoaded = false;
_thisObj.currentProductBlock = false;
if (_thisObj.filterLoadTypes[_thisObj.currentLoadId] && _thisObj.filterLoadTypes[_thisObj.currentLoadId] == 'reload') {
location.reload();
return;
}
var ajax_leave_products = $generalSettings && $generalSettings['settings'] && $generalSettings['settings']['ajax_leave_products'] == '1'
if (typeof $generalSettings !== 'undefined') {
$wrapperSettings = $generalSettings['settings'];
}
var customListSelector = $filterSettings['product_list_selector'],
productListSelector = _thisObj.fixSelector(customListSelector, _thisObj.defaultProductSelector),
productContainerSelector = _thisObj.fixSelector($filterSettings['product_container_selector'], ''),
forceThemeTemplates = ($wrapperSettings['force_theme_templates'] == 1);
var productContainerElem = (productContainerSelector !== '')
? jQuery(productContainerSelector)
: jQuery(document);
if (productContainerElem.length === 0) {
location.reload();
return;
}
var productListElem = jQuery(productListSelector, productContainerElem);
if (productListElem.hasClass('wpfNoWooPage') || productListElem.closest('.wpfNoWooPage').length) {
forceThemeTemplates = false;
}
if (productListElem.length && (_thisObj.filterClick)) {
if (_thisObj.enableFiltersLoaderPro && ajax_leave_products) {
_thisObj.enableFiltersLoaderPro(_thisObj.currentLoadId, productListElem);
} else {
_thisObj.enableFiltersLoader(_thisObj.currentLoadId, productListElem);
}
}
var onlyRecount = false;
if ($filterSettings === undefined) {
$filterSettings = [];
} else {
if (!_thisObj.filterClick && $filterSettings.auto_update_filter && !$filterSettings.redirect_only_click) {
onlyRecount = true;
}
}
var requestData =_thisObj.getAjaxRequestData($filtersDataBackend, $queryVars, $filterSettings, $generalSettings, $shortcodeAttr, $woocommerceSettings);
if (onlyRecount) {
_thisObj.ajaxOnlyRecount(requestData, _thisObj.currentLoadId, $wrapperSettings);
return;
} else if (forceThemeTemplates || _thisObj.filterLoadTypes[_thisObj.currentLoadId] == 'force') {
_thisObj.ajaxForceThemeTemplates(productContainerSelector, productListSelector, requestData, $wrapperSettings);
return;
}
/**
* There are some cases when we do not provide ajax functionlity
*/
if ( window.InfiniteScroll && window.InfiniteScroll.prototype ) {
/**
* Flatsome theme compability
* We do not privide ajax functionlity with infinite scroll
*
* @link https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319
*/
if (_thisObj.filterClick && jQuery('body').hasClass('theme-flatsome')) {
location.reload();
return;
}
}
_thisObj.filterLoadTypes[_thisObj.currentLoadId] = 'ajax';
jQuery.sendFormWpf({
data: requestData,
onSuccess: function(res) {
if (!res.error) {
if ('fid' in res.data && toeInArray(res.data['fid'], _thisObj.lastFids) == -1) {
return false;
}
if ('optionsHtml' in res.data) {
var optionsHtml = res.data['optionsHtml'];
jQuery('.wpfMainWrapper .wpfFilterWrapper[data-order-key]').each(function() {
var $filter = jQuery(this),
orderKey = $filter.attr('data-order-key'),
$select = $filter.find('select');
if (typeof optionsHtml[orderKey] !== 'undefined' && $select.length){
var selectedValues = [];
$select.find('option:selected').each(function() {
selectedValues.push(jQuery(this).val());
});
$select.html(optionsHtml[orderKey]);
if (selectedValues.length) {
$select.val(selectedValues);
}
}
});
}
if ('jscript' in res.data) {
_thisObj.setAjaxJScript(res.data['jscript']);
}
if (_thisObj.filterClick) {
if (customListSelector !== '' && productListElem.length) {
var loopContainer = productListElem;
loopContainer.html(res.data['productHtml']);
} else {
var catSelector = wpfGetSelector(res.data['categoryHtml'], true, _thisObj.defaultProductSelector, 1, false, productContainerElem),
loopSelector = wpfGetSelector(res.data['loopStartHtml'], true, _thisObj.defaultProductSelector, 3, false, productContainerElem),
loopContainer = jQuery(loopSelector, productContainerElem);
if (!loopContainer.length) {
// trying to obtain loop container without dynamically change classes with numbers in it names
loopSelector = wpfGetSelector(res.data['loopStartHtml'], true, _thisObj.defaultProductSelector, 3, true, productContainerElem);
loopContainer = jQuery(loopSelector, productContainerElem);
}
loopContainer.prev('.brand-description').remove();
if (typeof res.data['beforeProductHtml'] !== 'undefined') {
loopContainer.before('' + res.data['beforeProductHtml'] + '
');
}
if (typeof jQuery('.product-categories-wrapper', productContainerElem) !== 'undefined' && jQuery('.product-categories-wrapper > ul.products', productContainerElem).length > 0) {
//replace cats html
if (res.data['categoryHtml'].length) {
jQuery('.product-categories-wrapper > ul.products', productContainerElem).html(res.data['categoryHtml']);
}
//replace products html
jQuery(_thisObj.defaultProductSelector, productContainerElem).eq(1).html(res.data['productHtml']);
} else if (jQuery('.elementor-widget-container ul.products', productContainerElem).length > 0) {
jQuery('.elementor-widget-container ul.products', productContainerElem).each(function () {
if (!jQuery(this).find('.product-category').length) {
jQuery(this).html(res.data['categoryHtml'] + res.data['productHtml']);
}
});
} else if (jQuery('.woocommerce > .products[data-filterargs][data-innerargs]', productContainerElem).length > 0) {
jQuery('.woocommerce > .products[data-filterargs][data-innerargs]', productContainerElem).html(res.data['categoryHtml'] + res.data['productHtml']);
} else {
if (!loopContainer.length) {
if (!jQuery('.wpfMainWrapper', productContainerElem).attr('data-nowoo') !== typeof undefined
&& !jQuery('.wpfMainWrapper', productContainerElem).attr('data-nowoo') !== false)
_thisObj.ajaxForceThemeTemplates(productContainerSelector, productListSelector, requestData, $wrapperSettings);
else {
location.reload(true);
}
_thisObj.afterAjaxFiltering($wrapperSettings);
return false;
}
loopContainer.each(function () {
//replace cats html
jQuery(this).html(res.data['categoryHtml']);
//replace products html
jQuery(this).append(res.data['productHtml']);
});
}
}
var countSelector = wpfGetSelector(res.data['resultCountHtml'], true, '.woocommerce-result-count', 1, false, productContainerElem),
wooCount = jQuery(countSelector, productContainerElem);
if (wooCount.length > 0) {
wooCount.replaceWith(res.data['resultCountHtml']);
}
var isLeerPagination = res.data['paginationHtml'] == '',
paginationSelector = wpfGetSelector(res.data[isLeerPagination ? 'paginationLeerHtml' : 'paginationHtml'], false, '.woocommerce-pagination', 1, false, productContainerElem),
wooPagination = jQuery(paginationSelector, productContainerElem),
newPagination = res.data['paginationHtml'];
if (wooPagination.length > 0) {
if (typeof _thisObj.paginationClasses == 'undefined') {
_thisObj.paginationClasses = wooPagination.attr('class');
}
if (isLeerPagination) {
wooPagination.css({'display': 'none'});
wooPagination.empty();
} else {
wooPagination.replaceWith(newPagination);
}
} else if (!isLeerPagination) {
var afterLoop = jQuery('.after-shop-loop', productContainerElem);
if (afterLoop.length > 0) {
afterLoop.prepend(newPagination);
} else {
wooCount = jQuery('.storefront-sorting ' + countSelector, productContainerElem);
if (wooCount.length > 0) {
wooCount.after(newPagination);
} else {
let shortcodeData = productContainerElem.find('span[data-shortcode-attribute]'),
isPaginate = shortcodeData.length ? shortcodeData.data('shortcode-attribute').paginate : true;
if (typeof isPaginate === 'undefined' || isPaginate) {
loopContainer.eq(0).after(newPagination);
}
}
}
}
if (typeof _thisObj.paginationClasses != 'undefined') {
jQuery(paginationSelector, productContainerElem).attr('class', _thisObj.paginationClasses);
}
_thisObj.currentProductBlock = loopContainer.selector;
if (!_thisObj.currentProductBlock) {
loopContainer.addClass('wpfCurrentProductBlock');
_thisObj.currentProductBlock = '.wpfCurrentProductBlock';
}
}
_thisObj.afterAjaxFiltering($wrapperSettings);
jQuery('.wpfLoaderLayout').hide();
}
}
});
});
WpfFrontendPage.prototype.ajaxForceThemeTemplates = (function (productContainerSelector, productListSelector, requestData, $wrapperSettings) {
var _thisObj = this.$obj,
curUrl = window.location.href,
isContainer = (productContainerSelector != '');
_thisObj.filterLoadTypes[_thisObj.currentLoadId] = 'force';
jQuery.ajax({
type: "GET",
url: curUrl + (curUrl.indexOf('?') == -1 ? '?' : '&') + 'wpf_skip=1&wpf_fid=' + _thisObj.filteringId,
cache: false,
dataType: 'html',
success: function(data){
var block = '',
foundContainer = false,
noProducts = false,
$loadedData = jQuery(data),
$loadedJS = $loadedData.find('.wpfExistsTermsJS');
if ($loadedJS.length) {
if (toeInArray($loadedJS.eq(0).attr('data-fid'), _thisObj.lastFids) == -1) {
return false;
}
}
if (isContainer) {
block = jQuery(data).find(productContainerSelector);
}
if (block.length) {
foundContainer = true;
} else {
block = jQuery(data).find(productListSelector);
}
var pageBlock = jQuery(isContainer && (foundContainer || block.length == 0) ? productContainerSelector : productListSelector);
if (block.length == 0 || pageBlock.length == 0) {
if ($wrapperSettings.recalculate_filters === '1') {
var existsTermsJS = jQuery(data).find('.wpfExistsTermsJS').html();
_thisObj.setAjaxJScript(existsTermsJS);
}
if ($wrapperSettings.no_redirect_by_no_products === '1' && pageBlock.length > 0) {
block = jQuery('' + $wrapperSettings.text_no_products + '
"+t+"
"),o&&s.append(""+o+"
"),n===undefined&&(n=3e3);var l=function(t){t=t||{},e.blockUI({message:s,fadeIn:"undefined"!=typeof t.fadeIn?t.fadeIn:700,fadeOut:"undefined"!=typeof t.fadeOut?t.fadeOut:1e3,timeout:"undefined"!=typeof t.timeout?t.timeout:n,centerY:!1,showOverlay:!1,onUnblock:i,css:e.blockUI.defaults.growlCSS})};l();s.css("opacity");s.on("mouseover",function(){l({fadeIn:0,timeout:3e4});var t=e(".blockMsg");t.stop(),t.fadeTo(300,1)}).on("mouseout",function(){e(".blockMsg").fadeOut(1e3)})},e.fn.block=function(t){if(this[0]===window)return e.blockUI(t),this;var o=e.extend({},e.blockUI.defaults,t||{});return this.each(function(){var t=e(this);o.ignoreIfBlocked&&t.data("blockUI.isBlocked")||t.unblock({fadeOut:0})}),this.each(function(){"static"==e.css(this,"position")&&(this.style.position="relative",e(this).data("blockUI.static",!0)),this.style.zoom=1,d(this,t)})},e.fn.unblock=function(t){return this[0]===window?(e.unblockUI(t),this):this.each(function(){a(this,t)})},e.blockUI.version=2.7,e.blockUI.defaults={message:"Please wait...
",title:null,draggable:!0,theme:!1,css:{padding:0,margin:0,width:"30%",top:"40%",left:"35%",textAlign:"center",color:"#000",border:"3px solid #aaa",backgroundColor:"#fff",cursor:"wait"},themedCSS:{width:"30%",top:"40%",left:"35%"},overlayCSS:{backgroundColor:"#000",opacity:.6,cursor:"wait"},cursorReset:"default",growlCSS:{width:"350px",top:"10px",left:"",right:"10px",border:"none",padding:"5px",opacity:.6,cursor:"default",color:"#fff",backgroundColor:"#000","-webkit-border-radius":"10px","-moz-border-radius":"10px","border-radius":"10px"},iframeSrc:/^https/i.test(window.location.href||"")?"javascript:false":"about:blank",forceIframe:!1,baseZ:1e3,centerX:!0,centerY:!0,allowBodyStretch:!0,bindEvents:!0,constrainTabKey:!0,fadeIn:200,fadeOut:400,timeout:0,showOverlay:!0,focusInput:!0,focusableElements:":input:enabled:visible",onBlock:null,onUnblock:null,onOverlayClick:null,quirksmodeOffsetHack:4,blockMsgClass:"blockMsg",ignoreIfBlocked:!1};var s=null,l=[];function d(d,c){var u,b,h=d==window,k=c&&c.message!==undefined?c.message:undefined;if(!(c=e.extend({},e.blockUI.defaults,c||{})).ignoreIfBlocked||!e(d).data("blockUI.isBlocked")){if(c.overlayCSS=e.extend({},e.blockUI.defaults.overlayCSS,c.overlayCSS||{}),u=e.extend({},e.blockUI.defaults.css,c.css||{}),c.onOverlayClick&&(c.overlayCSS.cursor="pointer"),b=e.extend({},e.blockUI.defaults.themedCSS,c.themedCSS||{}),k=k===undefined?c.message:k,h&&s&&a(window,{fadeOut:0}),k&&"string"!=typeof k&&(k.parentNode||k.jquery)){var y=k.jquery?k[0]:k,m={};e(d).data("blockUI.history",m),m.el=y,m.parent=y.parentNode,m.display=y.style.display,m.position=y.style.position,m.parent&&m.parent.removeChild(y)}e(d).data("blockUI.onUnblock",c.onUnblock);var g,v,I,w,U=c.baseZ;g=o||c.forceIframe?e(''):e(''),v=c.theme?e(''):e(''),c.theme&&h?(w='',c.title&&(w+='"),w+='
',w+="
/
'
},
download: {
tpl: ''
},
prev: {
tpl: ''
},
next: {
tpl: ''
},
slideshow: {
tpl: ''
},
fullscreen: {
tpl: ''
},
thumbs: {
tpl: ''
},
close: {
tpl: ''
}
},
parentEl: null
},
Kt = {
tabindex: "-1",
width: "24",
height: "24",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
},
Jt = "has-toolbar",
Qt = "fancybox__toolbar";
class te extends $ {
constructor() {
super(...arguments), Object.defineProperty(this, "state", {
enumerable: !0,
configurable: !0,
writable: !0,
value: Ut.Init
}), Object.defineProperty(this, "container", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
})
}
onReady(t) {
var e;
if (!t.carousel) return;
let i = this.option("display"),
n = this.option("absolute"),
s = this.option("enabled");
if ("auto" === s) {
const t = this.instance.carousel;
let e = 0;
if (t)
for (const i of t.slides)(i.panzoom || "image" === i.type) && e++;
e || (s = !1)
}
s || (i = void 0);
let o = 0;
const a = {
left: [],
middle: [],
right: []
};
if (i)
for (const t of ["left", "middle", "right"])
for (const n of i[t]) {
const i = this.createEl(n);
i && (null === (e = a[t]) || void 0 === e || e.push(i), o++)
}
let r = null;
if (o && (r = this.createContainer()), r) {
for (const [t, e] of Object.entries(a)) {
const i = document.createElement("div");
C(i, Qt + "__column is-" + t);
for (const t of e) i.appendChild(t);
"auto" !== n || "middle" !== t || e.length || (n = !0), r.appendChild(i)
}!0 === n && C(r, "is-absolute"), this.state = Ut.Ready, this.onRefresh()
} else this.state = Ut.Disabled
}
onClick(t) {
var e, i;
const n = this.instance,
s = n.getSlide(),
o = null == s ? void 0 : s.panzoom,
a = t.target,
r = a && S(a) ? a.dataset : null;
if (!r) return;
if (void 0 !== r.fancyboxToggleThumbs) return t.preventDefault(), t.stopPropagation(), void(null === (e = n.plugins.Thumbs) || void 0 === e || e.toggle());
if (void 0 !== r.fancyboxToggleFullscreen) return t.preventDefault(), t.stopPropagation(), void this.instance.toggleFullscreen();
if (void 0 !== r.fancyboxToggleSlideshow) {
t.preventDefault(), t.stopPropagation();
const e = null === (i = n.carousel) || void 0 === i ? void 0 : i.plugins.Autoplay;
let s = e.isActive;
return o && "mousemove" === o.panMode && !s && o.reset(), void(s ? e.stop() : e.start())
}
const l = r.panzoomAction,
c = r.panzoomChange;
if ((c || l) && (t.preventDefault(), t.stopPropagation()), c) {
let t = {};
try {
t = JSON.parse(c)
} catch (t) {}
o && o.applyChange(t)
} else l && o && o[l] && o[l]()
}
onChange() {
this.onRefresh()
}
onRefresh() {
if (this.instance.isClosing()) return;
const t = this.container;
if (!t) return;
const e = this.instance.getSlide();
if (!e || e.state !== ct.Ready) return;
const i = e && !e.error && e.panzoom;
for (const e of t.querySelectorAll("[data-panzoom-action]")) i ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1"));
let n = i && i.canZoomIn(),
s = i && i.canZoomOut();
for (const e of t.querySelectorAll('[data-panzoom-action="zoomIn"]')) n ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1"));
for (const e of t.querySelectorAll('[data-panzoom-action="zoomOut"]')) s ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1"));
for (const e of t.querySelectorAll('[data-panzoom-action="toggleZoom"],[data-panzoom-action="iterateZoom"]')) {
s || n ? (e.removeAttribute("disabled"), e.removeAttribute("tabindex")) : (e.setAttribute("disabled", ""), e.setAttribute("tabindex", "-1"));
const t = e.querySelector("g");
t && (t.style.display = n ? "" : "none")
}
}
onDone(t, e) {
var i;
null === (i = e.panzoom) || void 0 === i || i.on("afterTransform", (() => {
this.instance.isCurrentSlide(e) && this.onRefresh()
})), this.instance.isCurrentSlide(e) && this.onRefresh()
}
createContainer() {
const t = this.instance.container;
if (!t) return null;
const e = this.option("parentEl") || t;
let i = e.querySelector("." + Qt);
return i || (i = document.createElement("div"), C(i, Qt), e.prepend(i)), i.addEventListener("click", this.onClick, {
passive: !1,
capture: !0
}), t && C(t, Jt), this.container = i, i
}
createEl(t) {
const e = this.instance,
i = e.carousel;
if (!i) return null;
if ("toggleFS" === t) return null;
if ("fullscreen" === t && !at()) return null;
let n = null;
const o = i.slides.length || 0;
let a = 0,
r = 0;
for (const t of i.slides)(t.panzoom || "image" === t.type) && a++, ("image" === t.type || t.downloadSrc) && r++;
if (o < 2 && ["infobar", "prev", "next"].includes(t)) return n;
if (void 0 !== Zt[t] && !a) return null;
if ("download" === t && !r) return null;
if ("thumbs" === t) {
const t = e.plugins.Thumbs;
if (!t || !t.isEnabled) return null
}
if ("slideshow" === t) {
if (!i.plugins.Autoplay || o < 2) return null
}
if (void 0 !== Zt[t]) {
const e = Zt[t];
n = document.createElement("button"), n.setAttribute("title", this.instance.localize(`{{${t.toUpperCase()}}}`)), C(n, "f-button"), e.action && (n.dataset.panzoomAction = e.action), e.change && (n.dataset.panzoomChange = JSON.stringify(e.change)), n.appendChild(s(this.instance.localize(e.icon)))
} else {
const e = (this.option("items") || [])[t];
e && (n = s(this.instance.localize(e.tpl)), "function" == typeof e.click && n.addEventListener("click", (t => {
t.preventDefault(), t.stopPropagation(), "function" == typeof e.click && e.click.call(this, this, t)
})))
}
const l = null == n ? void 0 : n.querySelector("svg");
if (l)
for (const [t, e] of Object.entries(Kt)) l.getAttribute(t) || l.setAttribute(t, String(e));
return n
}
removeContainer() {
const t = this.container;
t && t.remove(), this.container = null, this.state = Ut.Disabled;
const e = this.instance.container;
e && P(e, Jt)
}
attach() {
const t = this,
e = t.instance;
e.on("Carousel.initSlides", t.onReady), e.on("done", t.onDone), e.on(["reveal", "Carousel.change"], t.onChange), t.onReady(t.instance)
}
detach() {
const t = this,
e = t.instance;
e.off("Carousel.initSlides", t.onReady), e.off("done", t.onDone), e.off(["reveal", "Carousel.change"], t.onChange), t.removeContainer()
}
}
Object.defineProperty(te, "defaults", {
enumerable: !0,
configurable: !0,
writable: !0,
value: Gt
});
const ee = {
Hash: class extends $ {
onReady() {
dt = !1
}
onChange(t) {
pt && clearTimeout(pt);
const {
hash: e
} = ft(), {
hash: i
} = gt(), n = t.isOpeningSlide(t.getSlide());
n && (ht = i === e ? "" : i), e && e !== i && (pt = setTimeout((() => {
try {
if (t.state === lt.Ready) {
let t = "replaceState";
n && !ut && (t = "pushState", ut = !0), window.history[t]({}, document.title, window.location.pathname + window.location.search + e)
}
} catch (t) {}
}), 300))
}
onClose(t) {
if (pt && clearTimeout(pt), !dt && ut) return ut = !1, dt = !1, void window.history.back();
if (!dt) try {
window.history.replaceState({}, document.title, window.location.pathname + window.location.search + (ht || ""))
} catch (t) {}
}
attach() {
const t = this.instance;
t.on("ready", this.onReady), t.on(["Carousel.ready", "Carousel.change"], this.onChange), t.on("close", this.onClose)
}
detach() {
const t = this.instance;
t.off("ready", this.onReady), t.off(["Carousel.ready", "Carousel.change"], this.onChange), t.off("close", this.onClose)
}
static parseURL() {
return gt()
}
static startFromUrl() {
mt()
}
static destroy() {
window.removeEventListener("hashchange", bt, !1)
}
},
Html: zt,
Images: xt,
Slideshow: Ft,
Thumbs: Vt,
Toolbar: te
},
ie = "with-fancybox",
ne = "hide-scrollbar",
se = "--fancybox-scrollbar-compensate",
oe = "--fancybox-body-margin",
ae = "aria-hidden",
re = "is-using-tab",
le = "is-animated",
ce = "is-compact",
he = "is-loading",
de = "is-opening",
ue = "has-caption",
pe = "disabled",
fe = "tabindex",
ge = "download",
me = "href",
ve = "src",
be = t => "string" == typeof t,
ye = function() {
var t = window.getSelection();
return !!t && "Range" === t.type
};
let we, xe = null,
Ee = null,
Se = 0,
Pe = 0,
Ce = 0,
Te = 0;
const Me = new Map;
let Oe = 0;
class Ae extends m {
get isIdle() {
return this.idle
}
get isCompact() {
return this.option("compact")
}
constructor(t = [], e = {}, i = {}) {
super(e), Object.defineProperty(this, "userSlides", {
enumerable: !0,
configurable: !0,
writable: !0,
value: []
}), Object.defineProperty(this, "userPlugins", {
enumerable: !0,
configurable: !0,
writable: !0,
value: {}
}), Object.defineProperty(this, "idle", {
enumerable: !0,
configurable: !0,
writable: !0,
value: !1
}), Object.defineProperty(this, "idleTimer", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "clickTimer", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "pwt", {
enumerable: !0,
configurable: !0,
writable: !0,
value: 0
}), Object.defineProperty(this, "ignoreFocusChange", {
enumerable: !0,
configurable: !0,
writable: !0,
value: !1
}), Object.defineProperty(this, "startedFs", {
enumerable: !0,
configurable: !0,
writable: !0,
value: !1
}), Object.defineProperty(this, "state", {
enumerable: !0,
configurable: !0,
writable: !0,
value: lt.Init
}), Object.defineProperty(this, "id", {
enumerable: !0,
configurable: !0,
writable: !0,
value: 0
}), Object.defineProperty(this, "container", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "caption", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "footer", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "carousel", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "lastFocus", {
enumerable: !0,
configurable: !0,
writable: !0,
value: null
}), Object.defineProperty(this, "prevMouseMoveEvent", {
enumerable: !0,
configurable: !0,
writable: !0,
value: void 0
}), we || (we = at()), this.id = e.id || ++Oe, Me.set(this.id, this), this.userSlides = t, this.userPlugins = i, queueMicrotask((() => {
this.init()
}))
}
init() {
if (this.state === lt.Destroy) return;
this.state = lt.Init, this.attachPlugins(Object.assign(Object.assign({}, Ae.Plugins), this.userPlugins)), this.emit("init"), this.emit("attachPlugins"), !0 === this.option("hideScrollbar") && (() => {
if (!it) return;
const t = document,
e = t.body,
i = t.documentElement;
if (e.classList.contains(ne)) return;
let n = window.innerWidth - i.getBoundingClientRect().width;
const s = parseFloat(window.getComputedStyle(e).marginRight);
n < 0 && (n = 0), i.style.setProperty(se, `${n}px`), s && e.style.setProperty(oe, `${s}px`), e.classList.add(ne)
})(), this.initLayout(), this.scale();
const t = () => {
this.initCarousel(this.userSlides), this.state = lt.Ready, this.attachEvents(), this.emit("ready"), setTimeout((() => {
this.container && this.container.setAttribute(ae, "false")
}), 16)
};
this.option("Fullscreen.autoStart") && we && !we.isFullscreen() ? we.request().then((() => {
this.startedFs = !0, t()
})).catch((() => t())) : t()
}
initLayout() {
var t, e;
const i = this.option("parentEl") || document.body,
n = s(this.localize(this.option("tpl.main") || ""));
if (n) {
if (n.setAttribute("id", `fancybox-${this.id}`), n.setAttribute("aria-label", this.localize("{{MODAL}}")), n.classList.toggle(ce, this.isCompact), C(n, this.option("mainClass") || ""), C(n, de), this.container = n, this.footer = n.querySelector(".fancybox__footer"), i.appendChild(n), C(document.documentElement, ie), xe && Ee || (xe = document.createElement("span"), C(xe, "fancybox-focus-guard"), xe.setAttribute(fe, "0"), xe.setAttribute(ae, "true"), xe.setAttribute("aria-label", "Focus guard"), Ee = xe.cloneNode(), null === (t = n.parentElement) || void 0 === t || t.insertBefore(xe, n), null === (e = n.parentElement) || void 0 === e || e.append(Ee)), n.addEventListener("mousedown", (t => {
Se = t.pageX, Pe = t.pageY, P(n, re)
})), this.option("closeExisting"))
for (const t of Me.values()) t.id !== this.id && t.close();
else this.option("animated") && (C(n, le), setTimeout((() => {
this.isClosing() || P(n, le)
}), 350));
this.emit("initLayout")
}
}
initCarousel(t) {
const e = this.container;
if (!e) return;
const n = e.querySelector(".fancybox__carousel");
if (!n) return;
const s = this.carousel = new tt(n, p({}, {
slides: t,
transition: "fade",
Panzoom: {
lockAxis: this.option("dragToClose") ? "xy" : "x",
infinite: !!this.option("dragToClose") && "y"
},
Dots: !1,
Navigation: {
classes: {
container: "fancybox__nav",
button: "f-button",
isNext: "is-next",
isPrev: "is-prev"
}
},
initialPage: this.option("startIndex"),
l10n: this.option("l10n")
}, this.option("Carousel") || {}));
s.on("*", ((t, e, ...i) => {
this.emit(`Carousel.${e}`, t, ...i)
})), s.on(["ready", "change"], (() => {
this.manageCaption()
})), this.on("Carousel.removeSlide", ((t, e, i) => {
this.clearContent(i), i.state = void 0
})), s.on("Panzoom.touchStart", (() => {
var t, e;
this.isCompact || this.endIdle(), (null === (t = document.activeElement) || void 0 === t ? void 0 : t.closest(".f-thumbs")) && (null === (e = this.container) || void 0 === e || e.focus())
})), s.on("settle", (() => {
this.idleTimer || this.isCompact || !this.option("idle") || this.setIdle(), this.option("autoFocus") && !this.isClosing && this.checkFocus()
})), this.option("dragToClose") && (s.on("Panzoom.afterTransform", ((t, e) => {
const n = this.getSlide();
if (n && i(n.el)) return;
const s = this.container;
if (s) {
const t = Math.abs(e.current.f),
i = t < 1 ? "" : Math.max(.5, Math.min(1, 1 - t / e.contentRect.fitHeight * 1.5));
s.style.setProperty("--fancybox-ts", i ? "0s" : ""), s.style.setProperty("--fancybox-opacity", i + "")
}
})), s.on("Panzoom.touchEnd", ((t, e, n) => {
var s;
const o = this.getSlide();
if (o && i(o.el)) return;
if (e.isMobile && document.activeElement && -1 !== ["TEXTAREA", "INPUT"].indexOf(null === (s = document.activeElement) || void 0 === s ? void 0 : s.nodeName)) return;
const a = Math.abs(e.dragOffset.y);
"y" === e.lockedAxis && (a >= 200 || a >= 50 && e.dragOffset.time < 300) && (n && n.cancelable && n.preventDefault(), this.close(n, "f-throwOut" + (e.current.f < 0 ? "Up" : "Down")))
}))), s.on("change", (t => {
var e;
let i = null === (e = this.getSlide()) || void 0 === e ? void 0 : e.triggerEl;
if (i) {
const e = new CustomEvent("slideTo", {
bubbles: !0,
cancelable: !0,
detail: t.page
});
i.dispatchEvent(e)
}
})), s.on(["refresh", "change"], (t => {
const e = this.container;
if (!e) return;
for (const i of e.querySelectorAll("[data-fancybox-current-index]")) i.innerHTML = t.page + 1;
for (const i of e.querySelectorAll("[data-fancybox-count]")) i.innerHTML = t.pages.length;
if (!t.isInfinite) {
for (const i of e.querySelectorAll("[data-fancybox-next]")) t.page < t.pages.length - 1 ? (i.removeAttribute(pe), i.removeAttribute(fe)) : (i.setAttribute(pe, ""), i.setAttribute(fe, "-1"));
for (const i of e.querySelectorAll("[data-fancybox-prev]")) t.page > 0 ? (i.removeAttribute(pe), i.removeAttribute(fe)) : (i.setAttribute(pe, ""), i.setAttribute(fe, "-1"))
}
const i = this.getSlide();
if (!i) return;
let n = i.downloadSrc || "";
n || "image" !== i.type || i.error || !be(i[ve]) || (n = i[ve]);
for (const t of e.querySelectorAll("[data-fancybox-download]")) {
const e = i.downloadFilename;
n ? (t.removeAttribute(pe), t.removeAttribute(fe), t.setAttribute(me, n), t.setAttribute(ge, e || n), t.setAttribute("target", "_blank")) : (t.setAttribute(pe, ""), t.setAttribute(fe, "-1"), t.removeAttribute(me), t.removeAttribute(ge))
}
})), this.emit("initCarousel")
}
attachEvents() {
const t = this,
e = t.container;
if (!e) return;
e.addEventListener("click", t.onClick, {
passive: !1,
capture: !1
}), e.addEventListener("wheel", t.onWheel, {
passive: !1,
capture: !1
}), document.addEventListener("keydown", t.onKeydown, {
passive: !1,
capture: !0
}), document.addEventListener("visibilitychange", t.onVisibilityChange, !1), document.addEventListener("mousemove", t.onMousemove), t.option("trapFocus") && document.addEventListener("focus", t.onFocus, !0), window.addEventListener("resize", t.onResize);
const i = window.visualViewport;
i && (i.addEventListener("scroll", t.onResize), i.addEventListener("resize", t.onResize))
}
detachEvents() {
const t = this,
e = t.container;
if (!e) return;
document.removeEventListener("keydown", t.onKeydown, {
passive: !1,
capture: !0
}), e.removeEventListener("wheel", t.onWheel, {
passive: !1,
capture: !1
}), e.removeEventListener("click", t.onClick, {
passive: !1,
capture: !1
}), document.removeEventListener("mousemove", t.onMousemove), window.removeEventListener("resize", t.onResize);
const i = window.visualViewport;
i && (i.removeEventListener("resize", t.onResize), i.removeEventListener("scroll", t.onResize)), document.removeEventListener("visibilitychange", t.onVisibilityChange, !1), document.removeEventListener("focus", t.onFocus, !0)
}
scale() {
const t = this.container;
if (!t) return;
const e = window.visualViewport,
i = Math.max(1, (null == e ? void 0 : e.scale) || 1);
let n = "",
s = "",
o = "";
if (e && i > 1) {
let t = `${e.offsetLeft}px`,
a = `${e.offsetTop}px`;
n = e.width * i + "px", s = e.height * i + "px", o = `translate3d(${t}, ${a}, 0) scale(${1/i})`
}
t.style.transform = o, t.style.width = n, t.style.height = s
}
onClick(t) {
var e;
const {
container: i,
isCompact: n
} = this;
if (!i || this.isClosing()) return;
!n && this.option("idle") && this.resetIdle();
const s = t.composedPath()[0];
if (s.closest(".fancybox-spinner") || s.closest("[data-fancybox-close]")) return t.preventDefault(), void this.close(t);
if (s.closest("[data-fancybox-prev]")) return t.preventDefault(), void this.prev();
if (s.closest("[data-fancybox-next]")) return t.preventDefault(), void this.next();
if ("click" === t.type && 0 === t.detail) return;
if (Math.abs(t.pageX - Se) > 30 || Math.abs(t.pageY - Pe) > 30) return;
const o = document.activeElement;
if (ye() && o && i.contains(o)) return;
if (n && "image" === (null === (e = this.getSlide()) || void 0 === e ? void 0 : e.type)) return void(this.clickTimer ? (clearTimeout(this.clickTimer), this.clickTimer = null) : this.clickTimer = setTimeout((() => {
this.toggleIdle(), this.clickTimer = null
}), 350));
if (this.emit("click", t), t.defaultPrevented) return;
let a = !1;
if (s.closest(".fancybox__content")) {
if (o) {
if (o.closest("[contenteditable]")) return;
s.matches(st) || o.blur()
}
if (ye()) return;
a = this.option("contentClick")
} else s.closest(".fancybox__carousel") && !s.matches(st) && (a = this.option("backdropClick"));
"close" === a ? (t.preventDefault(), this.close(t)) : "next" === a ? (t.preventDefault(), this.next()) : "prev" === a && (t.preventDefault(), this.prev())
}
onWheel(t) {
const e = t.target;
let i = this.option("wheel", t);
e.closest(".fancybox__thumbs") && (i = "slide");
const s = "slide" === i,
o = [-t.deltaX || 0, -t.deltaY || 0, -t.detail || 0].reduce((function(t, e) {
return Math.abs(e) > Math.abs(t) ? e : t
})),
a = Math.max(-1, Math.min(1, o)),
r = Date.now();
this.pwt && r - this.pwt < 300 ? s && t.preventDefault() : (this.pwt = r, this.emit("wheel", t, a), t.defaultPrevented || ("close" === i ? (t.preventDefault(), this.close(t)) : "slide" === i && (n(e) || (t.preventDefault(), this[a > 0 ? "prev" : "next"]()))))
}
onScroll() {
window.scrollTo(Ce, Te)
}
onKeydown(t) {
if (!this.isTopmost()) return;
this.isCompact || !this.option("idle") || this.isClosing() || this.resetIdle();
const e = t.key,
i = this.option("keyboard");
if (!i) return;
const n = t.composedPath()[0],
s = document.activeElement && document.activeElement.classList,
o = s && s.contains("f-button") || n.dataset.carouselPage || n.dataset.carouselIndex;
if ("Escape" !== e && !o && S(n)) {
if (n.isContentEditable || -1 !== ["TEXTAREA", "OPTION", "INPUT", "SELECT", "VIDEO"].indexOf(n.nodeName)) return
}
if ("Tab" === t.key ? C(this.container, re) : P(this.container, re), t.ctrlKey || t.altKey || t.shiftKey) return;
this.emit("keydown", e, t);
const a = i[e];
a && "function" == typeof this[a] && (t.preventDefault(), this[a]())
}
onResize() {
const t = this.container;
if (!t) return;
const e = this.isCompact;
t.classList.toggle(ce, e), this.manageCaption(this.getSlide()), this.isCompact ? this.clearIdle() : this.endIdle(), this.scale(), this.emit("resize")
}
onFocus(t) {
this.isTopmost() && this.checkFocus(t)
}
onMousemove(t) {
this.prevMouseMoveEvent = t, !this.isCompact && this.option("idle") && this.resetIdle()
}
onVisibilityChange() {
"visible" === document.visibilityState ? this.checkFocus() : this.endIdle()
}
manageCloseBtn(t) {
const e = this.optionFor(t, "closeButton") || !1;
if ("auto" === e) {
const t = this.plugins.Toolbar;
if (t && t.state === Ut.Ready) return
}
if (!e) return;
if (!t.contentEl || t.closeBtnEl) return;
const i = this.option("tpl.closeButton");
if (i) {
const e = s(this.localize(i));
t.closeBtnEl = t.contentEl.appendChild(e), t.el && C(t.el, "has-close-btn")
}
}
manageCaption(t = void 0) {
return;
var e, i;
const n = "fancybox__caption",
s = this.container;
if (!s) return;
P(s, ue);
const o = this.isCompact || this.option("commonCaption"),
a = !o;
if (this.caption && this.stop(this.caption), a && this.caption && (this.caption.remove(), this.caption = null), o && !this.caption)
for (const t of (null === (e = this.carousel) || void 0 === e ? void 0 : e.slides) || []) t.captionEl && (t.captionEl.remove(), t.captionEl = void 0, P(t.el, ue), null === (i = t.el) || void 0 === i || i.removeAttribute("aria-labelledby"));
if (t || (t = this.getSlide()), !t || o && !this.isCurrentSlide(t)) return;
const r = t.el;
let l = this.optionFor(t, "caption", "");
if (!l) return void(o && this.caption && this.animate(this.caption, "f-fadeOut", (() => {
this.caption && (this.caption.innerHTML = "")
})));
let c = null;
if (a) {
if (c = t.captionEl || null, r && !c) {
const e = n + `_${this.id}_${t.index}`;
c = document.createElement("div"), C(c, n), c.setAttribute("id", e), t.captionEl = r.appendChild(c), C(r, ue), r.setAttribute("aria-labelledby", e)
}
} else {
if (c = this.caption, c || (c = s.querySelector("." + n)), !c) {
c = document.createElement("div"), c.dataset.fancyboxCaption = "", C(c, n);
(this.footer || s).prepend(c)
}
C(s, ue), this.caption = c
}
c && (c.innerHTML = "", be(l) || "number" == typeof l ? c.innerHTML = l + "" : l instanceof HTMLElement && c.appendChild(l))
}
checkFocus(t) {
this.focus(t)
}
focus(t) {
var e;
if (this.ignoreFocusChange) return;
const i = document.activeElement || null,
n = (null == t ? void 0 : t.target) || null,
s = this.container,
o = null === (e = this.carousel) || void 0 === e ? void 0 : e.viewport;
if (!s || !o) return;
if (!t && i && s.contains(i)) return;
const a = this.getSlide(),
r = a && a.state === ct.Ready ? a.el : null;
if (!r || r.contains(i) || s === i) return;
t && t.cancelable && t.preventDefault(), this.ignoreFocusChange = !0;
const l = Array.from(s.querySelectorAll(st));
let c = [],
h = null;
for (let t of l) {
const e = !t.offsetParent || !!t.closest('[aria-hidden="true"]'),
i = r && r.contains(t),
n = !o.contains(t);
if (t === s || (i || n) && !e) {
c.push(t);
const e = t.dataset.origTabindex;
void 0 !== e && e && (t.tabIndex = parseFloat(e)), t.removeAttribute("data-orig-tabindex"), !t.hasAttribute("autoFocus") && h || (h = t)
} else {
const e = void 0 === t.dataset.origTabindex ? t.getAttribute("tabindex") || "" : t.dataset.origTabindex;
e && (t.dataset.origTabindex = e), t.tabIndex = -1
}
}
let d = null;
t ? (!n || c.indexOf(n) < 0) && (d = h || s, c.length && (i === Ee ? d = c[0] : this.lastFocus !== s && i !== xe || (d = c[c.length - 1]))) : d = a && "image" === a.type ? s : h || s, d && ot(d), this.lastFocus = document.activeElement, this.ignoreFocusChange = !1
}
next() {
const t = this.carousel;
t && t.pages.length > 1 && t.slideNext()
}
prev() {
const t = this.carousel;
t && t.pages.length > 1 && t.slidePrev()
}
jumpTo(...t) {
this.carousel && this.carousel.slideTo(...t)
}
isTopmost() {
var t;
return (null === (t = Ae.getInstance()) || void 0 === t ? void 0 : t.id) == this.id
}
animate(t = null, e = "", i) {
if (!t || !e) return void(i && i());
this.stop(t);
const n = s => {
s.target === t && t.dataset.animationName && (t.removeEventListener("animationend", n), delete t.dataset.animationName, i && i(), P(t, e))
};
t.dataset.animationName = e, t.addEventListener("animationend", n), C(t, e)
}
stop(t) {
t && t.dispatchEvent(new CustomEvent("animationend", {
bubbles: !1,
cancelable: !0,
currentTarget: t
}))
}
setContent(t, e = "", i = !0) {
if (this.isClosing()) return;
const n = t.el;
if (!n) return;
let o = null;
if (S(e) ? o = e : (o = s(e + ""), S(o) || (o = document.createElement("div"), o.innerHTML = e + "")), ["img", "picture", "iframe", "video", "audio"].includes(o.nodeName.toLowerCase())) {
const t = document.createElement("div");
t.appendChild(o), o = t
}
S(o) && t.filter && !t.error && (o = o.querySelector(t.filter)), o && S(o) ? (C(o, "fancybox__content"), t.id && o.setAttribute("id", t.id), n.classList.add(`has-${t.error?"error":t.type||"unknown"}`), n.prepend(o), "none" === o.style.display && (o.style.display = ""), "none" === getComputedStyle(o).getPropertyValue("display") && (o.style.display = t.display || this.option("defaultDisplay") || "flex"), t.contentEl = o, i && this.revealContent(t), this.manageCloseBtn(t), this.manageCaption(t)) : this.setError(t, "{{ELEMENT_NOT_FOUND}}")
}
revealContent(t, e) {
const i = t.el,
n = t.contentEl;
i && n && (this.emit("reveal", t), this.hideLoading(t), t.state = ct.Opening, (e = this.isOpeningSlide(t) ? void 0 === e ? this.optionFor(t, "showClass") : e : "f-fadeIn") ? this.animate(n, e, (() => {
this.done(t)
})) : this.done(t))
}
done(t) {
this.isClosing() || (t.state = ct.Ready, this.emit("done", t), C(t.el, "is-done"), this.isCurrentSlide(t) && this.option("autoFocus") && queueMicrotask((() => {
var e;
null === (e = t.panzoom) || void 0 === e || e.updateControls(), this.option("autoFocus") && this.focus()
})), this.isOpeningSlide(t) && (P(this.container, de), !this.isCompact && this.option("idle") && this.setIdle()))
}
isCurrentSlide(t) {
const e = this.getSlide();
return !(!t || !e) && e.index === t.index
}
isOpeningSlide(t) {
var e, i;
return null === (null === (e = this.carousel) || void 0 === e ? void 0 : e.prevPage) && t && t.index === (null === (i = this.getSlide()) || void 0 === i ? void 0 : i.index)
}
showLoading(t) {
t.state = ct.Loading;
const e = t.el;
if (!e) return;
C(e, he), this.emit("loading", t), t.spinnerEl || setTimeout((() => {
if (!this.isClosing() && !t.spinnerEl && t.state === ct.Loading) {
let i = s(E);
C(i, "fancybox-spinner"), t.spinnerEl = i, e.prepend(i), this.animate(i, "f-fadeIn")
}
}), 250)
}
hideLoading(t) {
const e = t.el;
if (!e) return;
const i = t.spinnerEl;
this.isClosing() ? null == i || i.remove() : (P(e, he), i && this.animate(i, "f-fadeOut", (() => {
i.remove()
})), t.state === ct.Loading && (this.emit("loaded", t), t.state = ct.Ready))
}
setError(t, e) {
if (this.isClosing()) return;
const i = new Event("error", {
bubbles: !0,
cancelable: !0
});
if (this.emit("error", i, t), i.defaultPrevented) return;
t.error = e, this.hideLoading(t), this.clearContent(t);
const n = document.createElement("div");
n.classList.add("fancybox-error"), n.innerHTML = this.localize(e || "{{ERROR}}
"), this.setContent(t, n)
}
clearContent(t) {
if (void 0 === t.state) return;
this.emit("clearContent", t), t.contentEl && (t.contentEl.remove(), t.contentEl = void 0);
const e = t.el;
e && (P(e, "has-error"), P(e, "has-unknown"), P(e, `has-${t.type||"unknown"}`)), t.closeBtnEl && t.closeBtnEl.remove(), t.closeBtnEl = void 0, t.captionEl && t.captionEl.remove(), t.captionEl = void 0, t.spinnerEl && t.spinnerEl.remove(), t.spinnerEl = void 0
}
getSlide() {
var t;
const e = this.carousel;
return (null === (t = null == e ? void 0 : e.pages[null == e ? void 0 : e.page]) || void 0 === t ? void 0 : t.slides[0]) || void 0
}
close(t, e) {
if (this.isClosing()) return;
const i = new Event("shouldClose", {
bubbles: !0,
cancelable: !0
});
if (this.emit("shouldClose", i, t), i.defaultPrevented) return;
t && t.cancelable && (t.preventDefault(), t.stopPropagation());
const n = () => {
this.proceedClose(t, e)
};
this.startedFs && we && we.isFullscreen() ? Promise.resolve(we.exit()).then((() => n())) : n()
}
clearIdle() {
this.idleTimer && clearTimeout(this.idleTimer), this.idleTimer = null
}
setIdle(t = !1) {
const e = () => {
this.clearIdle(), this.idle = !0, C(this.container, "is-idle"), this.emit("setIdle")
};
if (this.clearIdle(), !this.isClosing())
if (t) e();
else {
const t = this.option("idle");
t && (this.idleTimer = setTimeout(e, t))
}
}
endIdle() {
this.clearIdle(), this.idle && !this.isClosing() && (this.idle = !1, P(this.container, "is-idle"), this.emit("endIdle"))
}
resetIdle() {
this.endIdle(), this.setIdle()
}
toggleIdle() {
this.idle ? this.endIdle() : this.setIdle(!0)
}
toggleFullscreen() {
we && (we.isFullscreen() ? we.exit() : we.request().then((() => {
this.startedFs = !0
})))
}
isClosing() {
return [lt.Closing, lt.CustomClosing, lt.Destroy].includes(this.state)
}
proceedClose(t, e) {
var i, n;
this.state = lt.Closing, this.clearIdle(), this.detachEvents();
const s = this.container,
o = this.carousel,
a = this.getSlide(),
r = a && this.option("placeFocusBack") ? a.triggerEl || this.option("triggerEl") : null;
if (r && (et(r) ? ot(r) : r.focus()), s && (P(s, de), C(s, "is-closing"), s.setAttribute(ae, "true"), this.option("animated") && C(s, le), s.style.pointerEvents = "none"), o) {
o.clearTransitions(), null === (i = o.panzoom) || void 0 === i || i.destroy(), null === (n = o.plugins.Navigation) || void 0 === n || n.detach();
for (const t of o.slides) {
t.state = ct.Closing, this.hideLoading(t);
const e = t.contentEl;
e && this.stop(e);
const i = null == t ? void 0 : t.panzoom;
i && (i.stop(), i.detachEvents(), i.detachObserver()), this.isCurrentSlide(t) || o.emit("removeSlide", t)
}
}
Ce = window.scrollX, Te = window.scrollY, window.addEventListener("scroll", this.onScroll), this.emit("close", t), this.state !== lt.CustomClosing ? (void 0 === e && a && (e = this.optionFor(a, "hideClass")), e && a ? (this.animate(a.contentEl, e, (() => {
o && o.emit("removeSlide", a)
})), setTimeout((() => {
this.destroy()
}), 500)) : this.destroy()) : setTimeout((() => {
this.destroy()
}), 500)
}
destroy() {
var t;
if (this.state === lt.Destroy) return;
window.removeEventListener("scroll", this.onScroll), this.state = lt.Destroy, null === (t = this.carousel) || void 0 === t || t.destroy();
const e = this.container;
e && e.remove(), Me.delete(this.id);
const i = Ae.getInstance();
i ? i.focus() : (xe && (xe.remove(), xe = null), Ee && (Ee.remove(), Ee = null), P(document.documentElement, ie), (() => {
if (!it) return;
const t = document,
e = t.body;
e.classList.remove(ne), e.style.setProperty(oe, ""), t.documentElement.style.setProperty(se, "")
})(), this.emit("destroy"))
}
static bind(t, e, i) {
if (!it) return;
let n, s = "",
o = {};
if (void 0 === t ? n = document.body : be(t) ? (n = document.body, s = t, "object" == typeof e && (o = e || {})) : (n = t, be(e) && (s = e), "object" == typeof i && (o = i || {})), !n || !S(n)) return;
s = s || "[data-fancybox]";
const a = Ae.openers.get(n) || new Map;
a.set(s, o), Ae.openers.set(n, a), 1 === a.size && n.addEventListener("click", Ae.fromEvent)
}
static unbind(t, e) {
let i, n = "";
if (be(t) ? (i = document.body, n = t) : (i = t, be(e) && (n = e)), !i) return;
const s = Ae.openers.get(i);
s && n && s.delete(n), n && s || (Ae.openers.delete(i), i.removeEventListener("click", Ae.fromEvent))
}
static destroy() {
let t;
for (; t = Ae.getInstance();) t.destroy();
for (const t of Ae.openers.keys()) t.removeEventListener("click", Ae.fromEvent);
Ae.openers = new Map
}
static fromEvent(t) {
if (t.defaultPrevented) return;
if (t.button && 0 !== t.button) return;
if (t.ctrlKey || t.metaKey || t.shiftKey) return;
let e = t.composedPath()[0];
const i = e.closest("[data-fancybox-trigger]");
if (i) {
const t = i.dataset.fancyboxTrigger || "",
n = document.querySelectorAll(`[data-fancybox="${t}"]`),
s = parseInt(i.dataset.fancyboxIndex || "", 10) || 0;
e = n[s] || e
}
if (!(e && e instanceof Element)) return;
let n, s, o, a;
if ([...Ae.openers].reverse().find((([t, i]) => !(!t.contains(e) || ![...i].reverse().find((([i, r]) => {
let l = e.closest(i);
return !!l && (n = t, s = i, o = l, a = r, !0)
}))))), !n || !s || !o) return;
a = a || {}, t.preventDefault(), e = o;
let r = [],
l = p({}, rt, a);
l.event = t, l.triggerEl = e, l.delegate = i;
const c = l.groupAll,
h = l.groupAttr,
d = h && e ? e.getAttribute(`${h}`) : "";
if ((!e || d || c) && (r = [].slice.call(n.querySelectorAll(s))), e && !c && (r = d ? r.filter((t => t.getAttribute(`${h}`) === d)) : [e]), !r.length) return;
const u = Ae.getInstance();
return u && u.options.triggerEl && r.indexOf(u.options.triggerEl) > -1 ? void 0 : (e && (l.startIndex = r.indexOf(e)), Ae.fromNodes(r, l))
}
static fromSelector(t, e, i) {
let n = null,
s = "",
o = {};
if (be(t) ? (n = document.body, s = t, "object" == typeof e && (o = e || {})) : t instanceof HTMLElement && be(e) && (n = t, s = e, "object" == typeof i && (o = i || {})), !n || !s) return !1;
const a = Ae.openers.get(n);
return !!a && (o = p({}, a.get(s) || {}, o), !!o && Ae.fromNodes(Array.from(n.querySelectorAll(s)), o))
}
static fromNodes(t, e) {
e = p({}, rt, e || {});
const i = [];
for (const n of t) {
const t = n.dataset || {},
s = t[ve] || n.getAttribute(me) || n.getAttribute("currentSrc") || n.getAttribute(ve) || void 0;
let o;
const a = e.delegate;
let r;
a && i.length === e.startIndex && (o = a instanceof HTMLImageElement ? a : a.querySelector("img:not([aria-hidden])")), o || (o = n instanceof HTMLImageElement ? n : n.querySelector("img:not([aria-hidden])")), o && (r = o.currentSrc || o[ve] || void 0, !r && o.dataset && (r = o.dataset.lazySrc || o.dataset[ve] || void 0));
const l = {
src: s,
triggerEl: n,
thumbEl: o,
thumbElSrc: r,
thumbSrc: r
};
for (const e in t) {
let i = t[e] + "";
i = "false" !== i && ("true" === i || i), l[e] = i
}
i.push(l)
}
return new Ae(i, e)
}
static getInstance(t) {
if (t) return Me.get(t);
return Array.from(Me.values()).reverse().find((t => !t.isClosing() && t)) || null
}
static getSlide() {
var t;
return (null === (t = Ae.getInstance()) || void 0 === t ? void 0 : t.getSlide()) || null
}
static show(t = [], e = {}) {
return new Ae(t, e)
}
static next() {
const t = Ae.getInstance();
t && t.next()
}
static prev() {
const t = Ae.getInstance();
t && t.prev()
}
static close(t = !0, ...e) {
if (t)
for (const t of Me.values()) t.close(...e);
else {
const t = Ae.getInstance();
t && t.close(...e)
}
}
}
Object.defineProperty(Ae, "version", {
enumerable: !0,
configurable: !0,
writable: !0,
value: "5.0.36"
}), Object.defineProperty(Ae, "defaults", {
enumerable: !0,
configurable: !0,
writable: !0,
value: rt
}), Object.defineProperty(Ae, "Plugins", {
enumerable: !0,
configurable: !0,
writable: !0,
value: ee
}), Object.defineProperty(Ae, "openers", {
enumerable: !0,
configurable: !0,
writable: !0,
value: new Map
}), t.Carousel = tt, t.Fancybox = Ae, t.Panzoom = D
}));