(function() {
    var cx = FAMILYLIFE_GOOGLE_SEARCH_KEY;
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
})();;
    // Function to scroll to the div element with the query ID
    function scrollToQueryId( queryId ) {
        const targetElement = document.getElementById( `uagb-block-queryid-${queryId}` );
        
        if ( targetElement ) {
            const rect = targetElement.getBoundingClientRect();
            const adminBar = document.querySelector( '#wpadminbar' );
            const adminBarOffSetHeight = adminBar?.offsetHeight || 0;
            const scrollTop = window?.pageYOffset || document?.documentElement?.scrollTop;
            const targetOffset = ( rect?.top + scrollTop ) - adminBarOffSetHeight;

            window.scrollTo( {
                top: targetOffset,
                behavior: 'smooth'
            } );
        }
    }

    /**
     * Function to find the ancestor with the given class name.
     *
     * @param {Element} element   The element.
     * @param {string}  className The class name.
     * @return {Element} The element.
     * @since 1.2.0
     */
    function findAncestorWithClass( element, className ) {
        while ( element && ! element.classList.contains( className ) ) {
            element = element.parentNode;
        }
        return element;
    }

    document.addEventListener( 'DOMContentLoaded', function () {
        // Debounce function to limit the rate of execution
        function debounce( func, wait ) {
            let timeout;

            return function executedFunction( ...args ) {
                const context = this;
                const later = () => {
                    timeout = null;
                    func.apply( context, args );
                };

                clearTimeout( timeout );
                timeout = setTimeout( later, wait );
            };
        };

        // Add functions to store and get active filters
        function storeActiveFilter( loopBuilder, filterData, filterType ) {
            if ( loopBuilder && filterData ) {
                loopBuilder.setAttribute( `data-active-filter-${filterType}`, filterData );
            }
        }

        function getActiveFilter( loopBuilder, filterType ) {
            return loopBuilder?.getAttribute( `data-active-filter-${filterType}` ) || null;
        }

        /**
         * Function to update the loop wrapper content
         * as per data in filters.
         *
         * @param {Event}  event               The event.
         * @param {string} paged               The paged parameter for displaying a particular page on click of pagination links.
         * @param {string} buttonFilter        The array of selected button value.
         * @param {string} loopParentContainer The loop parent container.
         * @return {Promise} The Promise.
         * @throws {Error} The error.
         * @since 1.2.0
         */
        async function updateContent( event, paged = null, buttonFilter = null, loopParentContainer ) {
            try {
                const loopBuilder = loopParentContainer;
                const formData = new FormData();

                // Get all form data
                const search = loopBuilder?.querySelector( '.uagb-loop-search' )?.value || '';
                const sorting = loopBuilder?.querySelector( '.uagb-loop-sort' )?.value || '';
                
                // Get category select value
                const categorySelect = loopBuilder?.querySelector( '.uagb-loop-category' );
                if ( categorySelect?.value ) {
                    formData.append( 'category', categorySelect.value );
                    storeActiveFilter( loopBuilder, categorySelect.value, 'select' );
                } else {
                    // Try to get stored select filter
                    const storedSelectFilter = getActiveFilter( loopBuilder, 'select' );
                    if ( storedSelectFilter ) {
                        formData.append( 'category', storedSelectFilter );
                    }
                }

                // Handle checkboxes
                const checkBoxValues = loopBuilder?.querySelectorAll( '.uagb-cat-checkbox' );
                const checkedValues = [];
                checkBoxValues?.forEach( checkBox => {
                    if ( checkBox.checked && checkBox.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ) {
                        checkedValues.push( checkBox.value );
                    }
                } );
                
                // Handle button filter
                let activeButtonData = getActiveFilter( loopBuilder, 'button' );
                if ( ! activeButtonData && buttonFilter?.type ) {
                    activeButtonData = buttonFilter.type;
                    storeActiveFilter( loopBuilder, activeButtonData, 'button' );
                }

                // Clear all filters first
                formData.delete( 'buttonFilter' );
                formData.delete( 'checkbox' );
                formData.delete( 'category' );
                loopBuilder.removeAttribute( 'data-active-filter-checkbox' );
                loopBuilder.removeAttribute( 'data-active-filter-select' );
                loopBuilder.removeAttribute( 'data-active-filter-button' );

                // Handle filters based on the event target
                if ( event.target.classList.contains( 'uagb-cat-checkbox' ) ) {
                    // Checkbox was clicked - clear select and apply checkbox
                    if ( categorySelect ) categorySelect.value = '';
                    formData.append( 'checkbox', checkedValues );
                    storeActiveFilter( loopBuilder, JSON.stringify( checkedValues ), 'checkbox' );
                } else if ( event.target.classList.contains( 'uagb-loop-category' ) ) {
                    // Select was changed - clear checkboxes and apply select
                    checkBoxValues?.forEach( checkBox => {
                        if ( checkBox.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ) {
                            checkBox.checked = false;
                        }
                    } );
                    formData.append( 'category', categorySelect.value );
                    storeActiveFilter( loopBuilder, categorySelect.value, 'select' );
                } else if ( buttonFilter?.type ) {
                    // Button was clicked - clear select and checkboxes
                    if ( categorySelect ) categorySelect.value = '';
                    checkBoxValues?.forEach( checkBox => {
                        if ( checkBox.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ) {
                            checkBox.checked = false;
                        }
                    } );
                    formData.append( 'buttonFilter', buttonFilter.type );
                    storeActiveFilter( loopBuilder, buttonFilter.type, 'button' );
                }

                // Add other form data
                if ( search ) {
                    formData.append( 'search', search );
                }
                if ( sorting ) {
                    formData.append( 'sorting', sorting );
                }
                if ( paged ) {
                    formData.append( 'paged', paged );
                }

                let queryId = null;
                if ( buttonFilter?.type === 'all' ) {
                    const el = document.querySelector( '[data-query-id]' );
                    if ( el ) {
                        queryId = el.getAttribute( 'data-query-id' );
                      } else {
                        queryId = 0; // fallback to default
                      }                    
                    
                } else {
                    // Get query ID
                    queryId = event.target?.dataset?.uagbBlockQueryId || 
                               event.target?.parentElement?.dataset?.uagbBlockQueryId || 
                               event?.dataset?.uagbBlockQueryId || 
                               event.target.closest( 'a' )?.getAttribute( 'data-uagb-block-query-id' ) || 0;
                }

                // Scroll to the query ID
                scrollToQueryId( queryId );

                formData.append( 'queryId', queryId );
                formData.append( 'block_id', loopBuilder?.getAttribute( 'data-block_id' ) );
                formData.append( 'action', 'uagb_update_loop_builder_content' );
                formData.append( 'postId', uagb_loop_builder.post_id );
                formData.append( 'postType', uagb_loop_builder.post_type );
                formData.append( 'security', uagb_loop_builder.nonce );

                // Log the complete form data
                const formDataObj = {};
                formData.forEach( ( value, key ) => {
                    formDataObj[key] = value;
                } );
                
                const output = await getUpdatedLoopWrapperContent( formData );
                
                // Update content
                if ( output?.content?.wrapper ) {
                    const loopElement = loopBuilder?.querySelector( '#uagb-block-queryid-' + queryId );
                    if ( loopElement ) {
                        loopElement.innerHTML = output.content.wrapper;
                    }
                }
                
                // Update pagination
                if ( output?.content?.pagination ) {
                    const paginationElements = loopBuilder?.querySelectorAll( '#uagb-block-pagination-queryid-' + queryId );
                    paginationElements?.forEach( element => {
                        element.innerHTML = output.content.pagination;
                    } );
                }

            } catch ( error ) {
                throw error;
            }
        }

        /**
         * Handles the input event for the search functionality within the UAGB Loop Builder block.
         * Synchronizes input values across all search inputs within the same loop builder container
         * and triggers a content update.
         *
         * @param {Event} event - The input event triggered by the user.
         * @since 1.2.0
         */
        function handleInput( event ) {
            const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
            const searchInputs = loopParentContainer.querySelectorAll( '.uagb-loop-search' );
            searchInputs.forEach( searchInput => {
                if( searchInput.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ){
                    searchInput.value = event.target.value;
                }
            } );
            updateContent( event, null, null, loopParentContainer );
        }

        /**
         * Handles the checkbox selection within the UAGB Loop Builder block.
         * Collects the values of all checked checkboxes that match the block query ID 
         * and triggers a content update.
         *
         * @param {Event} event - The change event triggered by the user when interacting with a checkbox.
         * @since 1.2.0
         */
        function handleCheckBoxVal( event ) {
            const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
            const checkBoxValues = loopParentContainer.querySelectorAll( '.uagb-cat-checkbox' );
            // Initialize an array to store checked checkbox values.
            const checkedValues = [];
            checkBoxValues.forEach( checkBoxVal => {
                // Check if the checkbox is checked.
                const isChecked = checkBoxVal.checked;
                if ( isChecked && checkBoxVal.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ) {
                    // Add the value to the array.
                    checkedValues.push( checkBoxVal.value );
                }
            } );
            
            // Always update content when checkbox state changes, even if no checkboxes are checked
            updateContent( event, null, null, loopParentContainer );
        }

        /**
         * Handles the selection event on the search filter.
         * Updates the value of all relevant search filter elements with the same query ID and triggers content update.
         *
         * @param {Event} event - The select event triggered by the user interaction.
         * @since 1.2.0
         */
        function handleSelect( event ) {
            const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
            const sortSelects = loopParentContainer.querySelectorAll( '.uagb-loop-sort' );
            sortSelects.forEach( sortSelect => {
                if( sortSelect.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ){
                    sortSelect.value = event.target.value;
                }
            } );
            updateContent( event, null, null, loopParentContainer );
        }

        /**
         * Handles the category selection event on a dropdown filter.
         * Updates the value of all relevant category select elements with the same query ID and triggers content update.
         *
         * @param {Event} event - The select event triggered by the user interaction.
         * @since 1.2.0
         */
        function handleCatSelect( event ) {
            const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
            const categorySelects = loopParentContainer.querySelectorAll( '.uagb-loop-category' );
            categorySelects.forEach( categorySelect => {
                if ( categorySelect.getAttribute( 'data-uagb-block-query-id' ) === event.target.dataset.uagbBlockQueryId ) {
                    categorySelect.value = event.target.value;
                }
            } );
            
            // If "all" or empty value is selected, clear the stored filter
            if ( !event.target.value || event.target.value === '' || event.target.value === 'all' ) {
                loopParentContainer.removeAttribute( 'data-active-filter-select' );
            }
            
            updateContent( event, null, null, loopParentContainer );
        }

        /**
         * Resets the values of elements within a container based on their query ID.
         *
         * @param {HTMLElement} container     - The container element to search within.
         * @param {string}      selector      - The CSS selector for the elements to reset.
         * @param {string}      queryId       - The query ID to match.
         * @param {Function}    resetCallback - A callback function to apply the reset logic to each element.
         * @since 1.2.0
         */
        function resetValues( container, selector, queryId, resetCallback ) {
            const elements = container.querySelectorAll( selector );
            elements.forEach( element => {
                const elementQueryId = element.dataset.uagbBlockQueryId;
                if ( elementQueryId === queryId ) {
                    resetCallback( element );
                }
            } );
        }

        /**
         * Handles the reset event for all filters within the loop builder block.
         * Resets the values of search inputs, sort selects, category selects, and checkboxes to their default state.
         *
         * @param {Event} event - The reset event triggered by the user interaction.
         * @since 1.2.0
         */
        function handleReset( event ) {
            const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
                // Get the query ID from the event target
                let queryId = event.target.parentElement.dataset.uagbBlockQueryId;
                if ( event.target.tagName.toLowerCase() === 'a' ) {
                    queryId = event.target.dataset.uagbBlockQueryId;
                } else if ( event.target.tagName.toLowerCase() === 'svg' || event.target.tagName.toLowerCase() === 'path' ) {
                    queryId = event.target.closest( 'a' )?.getAttribute( 'data-uagb-block-query-id' );
                }

                // Reset the value of the filter inputs
                const loopBuilder = findAncestorWithClass( event.target.parentNode, 'wp-block-uagb-loop-builder' );

                resetValues( loopBuilder, '.uagb-loop-search', queryId, element => {
                    element.value = ''; // Reset search input value
                } );

                resetValues( loopBuilder, '.uagb-loop-sort', queryId, element => {
                    element.value = ''; // Reset sort select value
                } );

                resetValues( loopBuilder, '.uagb-loop-category', queryId, element => {
                    element.value = ''; // Reset category select value
                } );

                resetValues( loopBuilder, '.uagb-cat-checkbox', queryId, element => {
                    element.checked = false; // Uncheck category checkbox
                } );

                // Clear all stored filter data attributes
                if ( loopBuilder ) {
                    loopBuilder.removeAttribute( 'data-active-filter-select' );
                    loopBuilder.removeAttribute( 'data-active-filter-checkbox' );
                    loopBuilder.removeAttribute( 'data-active-filter-button' );
                }

                // Trigger the updateContent function to reflect the changes
                updateContent( event, null, null, loopParentContainer );
        }

        const resetButtons = document.querySelectorAll( '.uagb-loop-reset' );

        const searchInputs = document.querySelectorAll( '.uagb-loop-search' );

        searchInputs.forEach( searchInput => {
            const debouncedHandleInput = debounce( handleInput, 250 );
            searchInput.addEventListener( 'input', debouncedHandleInput );
        } );

        const sortSelects = document.querySelectorAll( '.uagb-loop-sort' );

        sortSelects.forEach( sortSelect => {
            const debouncedHandleInput = debounce( handleSelect, 250 );
            sortSelect.addEventListener( 'change', debouncedHandleInput );
        } );

        const categorySelects = document.querySelectorAll( '.uagb-loop-category' );

        categorySelects.forEach( categorySelect => {
            const debouncedHandleInput = debounce( handleCatSelect, 250 );
            categorySelect.addEventListener( 'change', debouncedHandleInput );
        } );

        // Get a reference to the checkbox element.
        const checkBoxValues = document.querySelectorAll( '.uagb-cat-checkbox' );
        checkBoxValues.forEach( checkBoxVal => {
            const debouncedHandleInput = debounce( handleCheckBoxVal, 250 );
            checkBoxVal.addEventListener( 'click', debouncedHandleInput );
        } );

        resetButtons.forEach( resetButton => {
            const debouncedHandleReset = debounce( handleReset, 250 );
            resetButton.addEventListener( 'click', debouncedHandleReset );
        } );
        
        const oldPaginations = document.querySelectorAll( '.wp-block-uagb-loop-builder > :not(.uagb-loop-pagination).wp-block-uagb-buttons' );

        oldPaginations?.forEach( function( container ) {
            // Create a new div with class "parent-container"
            const parentContainer = document.createElement( 'div' );
            parentContainer.classList.add( 'uagb-loop-pagination' );
            const queryIdPAginationLink = container.querySelector( 'a' ).getAttribute( 'data-uagb-block-query-id' );
            parentContainer.id = 'uagb-block-pagination-queryid-'+queryIdPAginationLink;

             // Append the container content to the new div
             parentContainer.innerHTML = container.outerHTML;

             // Append the new div after the original container
             container.parentNode.insertBefore( parentContainer, container.nextSibling );

             // Remove the original container
             container.parentNode.removeChild( container );
        } );

        const paginationContainer = document.querySelectorAll( '.uagb-loop-pagination' );

        paginationContainer.forEach( pagination => {
            pagination.addEventListener( 'click', function( event ) {
                event.preventDefault();
                const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
                
                const paged = event.target.dataset.uagbBlockQueryPaged || 
                             event.target.parentElement.dataset.uagbBlockQueryPaged ||
                             event?.target?.closest( 'a' )?.getAttribute( 'data-uagb-block-query-paged' );

                // Get all active filter data
                const activeButtonData = getActiveFilter( loopParentContainer, 'button' );
                const activeSelectData = getActiveFilter( loopParentContainer, 'select' );
                const activeCheckboxData = getActiveFilter( loopParentContainer, 'checkbox' );

                // Create form data based on active filter
                const formData = new FormData();
                
                // Add pagination
                if ( paged ) {
                    formData.append( 'paged', paged );
                }

                // Add active filter based on type
                if ( activeButtonData ) {
                    formData.append( 'buttonFilter', activeButtonData );
                } else if ( activeSelectData ) {
                    formData.append( 'category', activeSelectData );
                } else if ( activeCheckboxData ) {
                    formData.append( 'checkbox', activeCheckboxData );
                }

                // Add other required data
                formData.append( 'queryId', event.target.dataset.uagbBlockQueryId || 
                    event.target.parentElement.dataset.uagbBlockQueryId || 
                    event?.target?.closest( 'a' )?.getAttribute( 'data-uagb-block-query-id' ) || 0 );
                formData.append( 'block_id', loopParentContainer?.getAttribute( 'data-block_id' ) );
                formData.append( 'action', 'uagb_update_loop_builder_content' );
                formData.append( 'postId', uagb_loop_builder.post_id );
                formData.append( 'postType', uagb_loop_builder.post_type );
                formData.append( 'security', uagb_loop_builder.nonce );

                // Get search and sorting values if they exist
                const search = loopParentContainer?.querySelector( '.uagb-loop-search' )?.value || '';
                const sorting = loopParentContainer?.querySelector( '.uagb-loop-sort' )?.value || '';

                if ( search ) {
                    formData.append( 'search', search );
                }
                if ( sorting ) {
                    formData.append( 'sorting', sorting );
                }

                // Make the AJAX request
                getUpdatedLoopWrapperContent( formData )
                    .then( output => {
                        if ( output?.content?.wrapper ) {
                            const loopElement = loopParentContainer?.querySelector( '#uagb-block-queryid-' + formData.get( 'queryId' ) );
                            if ( loopElement ) {
                                loopElement.innerHTML = output.content.wrapper;
                            }
                        }
                        if ( output?.content?.pagination ) {
                            const paginationElements = loopParentContainer?.querySelectorAll( '#uagb-block-pagination-queryid-' + formData.get( 'queryId' ) );
                            paginationElements?.forEach( element => {
                                element.innerHTML = output.content.pagination;
                            } );
                        }
                    } )
                    .catch( error => {
                        throw error; // Propagate the error
                    } );
            } );
        } );

        const categoryButtonFilterContainer = document.querySelectorAll( '.uagb-loop-category-inner a' );

        categoryButtonFilterContainer.forEach( ( buttons ) => {
            buttons.addEventListener( 'click', function ( event ) {
                event.preventDefault();
                const loopParentContainer = this.closest( '.wp-block-uagb-loop-builder' );
                let buttonData = null;
                
                if ( event.target.tagName.toLowerCase() === 'a' ) {
                    buttonData = event.target.children[0].dataset.type;
                } else if ( event.target.tagName.toLowerCase() === 'div' && event.target.parentElement.tagName.toLowerCase() === 'a' ) {
                    buttonData = event.target.dataset.type;
                }
                
                // Uncheck all checkboxes when a button is clicked
                checkBoxValues?.forEach( checkBox => {
                    checkBox.checked = false;
                } );
                
                // Check if "all" button was clicked.
                if ( buttonData === 'all' || buttonData === undefined ) {
                    // Clear stored button filter.
                    loopParentContainer.removeAttribute( 'data-active-filter-button' );
                    // Update content with all type.
                    updateContent( event, null, { type: 'all' }, loopParentContainer );
                } else if ( buttonData ) {
                    storeActiveFilter( loopParentContainer, buttonData, 'button' );
                    updateContent( event, null, { type: buttonData }, loopParentContainer );
                }
            } );
        } );
    } );

    /**
     * Function to get the updated loop wrapper content.
     * as per data in filters.
     *
     * @param {FormData} data The form data.
     * @since 1.2.0
     * @return {Promise} The Promise.
     */
    function getUpdatedLoopWrapperContent( data ) {
        // Create a new FormData object
        data.append( 'action', 'uagb_update_loop_builder_content' );
        data.append( 'postId', uagb_loop_builder?.post_id );
        data.append( 'postType', uagb_loop_builder?.what_post_type );
        data.append( 'security', uagb_loop_builder?.nonce )

        // The function now returns a Promise
        return fetch( uagb_loop_builder?.ajax_url, {
            method: 'POST',
            credentials: 'same-origin',
            body: data,
        } )
        .then( response => {
            if ( ! response.ok ) {
                throw new Error( 'Network response was not ok' );
            }
            return response.json();
        } )
        .then( output => {
            if ( output.success ) {
                // Return the actual output.
                return output.data;
            }
                throw new Error( output.data.message );

        } )
        .catch( error => {
            throw error; // Propagate the error
        } );
    };
const UAGBBlockPositioning={init(t,e){const s=document.querySelector(e);s?.classList.contains("uagb-position__sticky")&&UAGBBlockPositioning.handleSticky(s,t)},handleSticky(t,e){var s=()=>{return document.querySelector("#wpadminbar")?.offsetHeight||0},p=()=>{"undefined"!=typeof AOS&&e?.UAGAnimationType&&(t.dataset.aos=e?.UAGAnimationType,t.dataset.aosDuration=e?.UAGAnimationTime,t.dataset.aosDelay=e?.UAGAnimationDelay,t.dataset.aosEasing=e?.UAGAnimationEasing,t.dataset.aosOnce=!0,setTimeout(()=>{AOS.refreshHard()},100))};const o=t.getBoundingClientRect(),y=e?.isBlockRootParent?null:t.parentElement,i=((t,e,s)=>{const o=document.createElement("div"),i=(o.style.height=e.height+"px",o.style.boxSizing="border-box",window.getComputedStyle(t));return s?(o.style.width="100%",o.style.maxWidth=i.getPropertyValue("max-width")||e.width+"px",o.style.padding=i.getPropertyValue("padding")||0,o.style.margin=i.getPropertyValue("margin")||0,o.style.border=i.getPropertyValue("border")||0,o.style.borderColor="transparent"):(o.style.width=e.width+"px",o.style.margin=i.getPropertyValue("margin")||0),o})(t,o,y);let n,a,l,r;const c={top:0,bottom:0},d={top:0,right:0,bottom:0,left:0};if(e?.UAGStickyRestricted){r=y.getBoundingClientRect();const g=window.getComputedStyle(y);d.top=parseInt(g.getPropertyValue("padding-top")||0,10),d.bottom=parseInt(g.getPropertyValue("padding-bottom")||0,10),c.top=r.top+(window.pageYOffset||0)+d.top,c.bottom=r.bottom+(window.pageYOffset||0)-d.bottom-o.height-s()-(e?.UAGStickyOffset||0)}"bottom"===e?.UAGStickyLocation?(n=o.top+(window.pageYOffset||0)-window.innerHeight+o.height+(e?.UAGStickyOffset||0),a=`${e?.UAGStickyOffset||0}px`,(l=void 0!==window.pageYOffset?window.pageYOffset:document.body.scrollTop)<=n&&!t.classList.contains("uagb-position__sticky--stuck")&&(t.parentNode.insertBefore(i,t),t.classList.add("uagb-position__sticky--stuck"),t.style.bottom=`calc(${a} - ${window.innerHeight}px)`,t.style.left=o.left+"px",t.style.width=o.width+"px",t.style.zIndex="999",setTimeout(()=>{t.style.bottom=a},50)),p(),window.addEventListener("scroll",()=>{(l=void 0!==window.pageYOffset?window.pageYOffset:document.body.scrollTop)<=n?t.classList.contains("uagb-position__sticky--stuck")||(t.parentNode.insertBefore(i,t),t.classList.add("uagb-position__sticky--stuck"),t.style.bottom=a,t.style.left=o.left+"px",t.style.width=o.width+"px",t.style.zIndex="999"):l>n&&t.classList.contains("uagb-position__sticky--stuck")&&(t.parentNode.removeChild(i),t.classList.remove("uagb-position__sticky--stuck"),t.style.bottom="",t.style.left="",t.style.width="",t.style.zIndex="")})):(n=o.top+(window.pageYOffset||0)-s()-(e?.UAGStickyOffset||0),a=s()+(e?.UAGStickyOffset||0)+"px",(l=void 0!==window.pageYOffset?window.pageYOffset:document.body.scrollTop)>=n&&!t.classList.contains("uagb-position__sticky--stuck")&&(t.parentNode.insertBefore(i,t),t.classList.add("uagb-position__sticky--stuck"),e?.UAGStickyRestricted&&l>=c.bottom?(t.classList.remove("uagb-position__sticky--stuck"),t.classList.add("uagb-position__sticky--restricted"),t.style.top="",t.style.bottom=d.bottom+"px",t.style.left=`${i?.offsetLeft||0}px`):(t.style.top=`calc(${a} - ${window.innerHeight}px)`,t.style.left=o.left+"px",t.style.top=a),t.style.width=o.width+"px",t.style.zIndex="999"),p(),window.addEventListener("scroll",()=>{(l=void 0!==window.pageYOffset?window.pageYOffset:document.body.scrollTop)>=n?t.classList.contains("uagb-position__sticky--stuck")||t.classList.contains("uagb-position__sticky--restricted")?e?.UAGStickyRestricted&&!t.classList.contains("uagb-position__sticky--restricted")&&l>=c.bottom?(t.classList.remove("uagb-position__sticky--stuck"),t.classList.add("uagb-position__sticky--restricted"),t.style.top="",t.style.bottom=d.bottom+"px",t.style.left=`${i?.offsetLeft||0}px`):t.classList.contains("uagb-position__sticky--restricted")&&l<c.bottom&&(t.classList.remove("uagb-position__sticky--restricted"),t.classList.add("uagb-position__sticky--stuck"),t.style.top=a,t.style.bottom="",t.style.left=o.left+"px",t.style.width=o.width+"px",t.style.zIndex="999"):(t.parentNode.insertBefore(i,t),t.classList.add("uagb-position__sticky--stuck"),t.style.top=a,t.style.left=o.left+"px",t.style.width=o.width+"px",t.style.zIndex="999"):l<n&&t.classList.contains("uagb-position__sticky--stuck")&&(t.parentNode.removeChild(i),t.classList.remove("uagb-position__sticky--stuck"),t.style.top="",t.style.left="",t.style.width="",t.style.zIndex="")}))}};;
UAGBButtonChild={init(e){const t=document.querySelector(e);t&&(t.addEventListener("focusin",()=>{document.addEventListener("keydown",this.handleKeyDown)}),t.addEventListener("focusout",()=>{document.removeEventListener("keydown",this.handleKeyDown)}))},handleKeyDown(e){" "!==e.key&&"Spacebar"!==e.key||"A"===e.target.tagName&&e.target.classList.contains("uagb-buttons-repeater")&&(e.preventDefault(),e.target.click())}};;
document.addEventListener("UAGModalEditor",function(e){UAGBModal.init(".uagb-block-"+e.detail.block_id,!0,{...e.detail})}),document.addEventListener("AstraQuickViewForModal",function(e){UAGBModal.init(e.detail.class_name,!1,{...e.detail})}),window.UAGBModal={_getVariables(e){var o=UAGBModal._getDocumentElement();return{document_element:o,modalWrapper:o.querySelector(e),modalPopup:o.querySelector(e+".uagb-modal-popup"),closeModal:o.querySelector(e+" .uagb-modal-popup-close"),bodyWrap:o.querySelector("body"),pageTemplate:o.getElementsByClassName("block-editor-iframe__body")}},_addTriggers(t,a={},l){var e=UAGBModal._getVariables(t)["document_element"],e=e.querySelectorAll(t);if(e&&0!==e.length)for(const c of e){const i=c?.querySelector(".uagb-modal-popup");i&&(document.addEventListener("keyup",function(e){var o;i.classList.contains("active")&&(o=c.dataset.escpress,27===e.keyCode)&&"enable"===o&&(UAGBModal._hide(t,i),"button"===a?.modalTrigger)&&l?.focus()}),i.querySelector(t+" .uagb-modal-popup-close").addEventListener("click",function(){"automatic"===a?.modalTrigger&&a?.enableCookies&&"close-action"===a?.setCookiesOn&&UAGBModal._setPopupCookie(t,a.hideForDays),UAGBModal._hide(t,i),"button"===a?.modalTrigger&&l?.focus()}))}},_exitIntent(o,t,a,l){document.addEventListener("mouseleave",function(e){20<e.clientY||UAGBModal._canShow(o,l)&&a&&UAGBModal._show(o,t)})},_canShow(e,o={}){var t=UAGBModal._getCookie("uagb-block-popup-"+e);if(o?.enableCookies){if(void 0!==t&&"automatic"===o?.modalTrigger)return!1}else document.cookie=`uagb-block-popup-${e};max-age=-1`;t=UAGBModal._getVariables(e).modalPopup;return!t||!t.classList.contains("active")},_show(o,t){var e,{bodyWrap:a,pageTemplate:l,modalWrapper:c}=UAGBModal._getVariables(o),i=document.getElementsByClassName("edit-site");t&&!t.classList.contains("active")&&(t.classList.add("active"),(e=document.createElement("button")).style.position="absolute",e.style.opacity="0",(e=t.insertBefore(e,t.firstChild)).focus(),e.remove(),!a||a.classList.contains("hide-scroll")||i?.length||l?.length||a.classList.contains("wp-admin")||a.classList.add("hide-scroll"),"enable"===c.dataset.overlayclick)&&t.addEventListener("click",function(e){t.classList.contains("active")&&!t.querySelector(".uagb-modal-popup-wrap").contains(e.target)&&UAGBModal._hide(o,t)})},_hide(e,o){var{modalPopup:e,bodyWrap:t}=UAGBModal._getVariables(e);o&&o.classList.contains("active")&&o.classList.remove("active"),e&&e.classList.contains("active")&&e.classList.remove("active"),t&&t.classList.contains("hide-scroll")&&UAGBModal.closeModalScrollCheck(t)},_getDocumentElement(){let e=document;var o=document.querySelectorAll('iframe[name="editor-canvas"]');return e=o?.length&&(o=o?.[0]?.contentWindow?.document||o?.[0]?.contentDocument)?o:e},_afterOpen(e,o){o?.enableCookies&&"page-refresh"===o?.setCookiesOn&&UAGBModal._setPopupCookie(e,o?.hideForDays)},_getCookie(e){e=("; "+document.cookie).split("; "+e+"=");if(2===e.length)return e.pop().split(";").shift()},_setPopupCookie(e,o){void 0===UAGBModal._getCookie("uagb-block-popup-"+e)&&void 0!==o&&(document.cookie=`uagb-block-popup-${e}=true; expires=`+new Date(Date.now()+24*o*60*60*1e3).toUTCString())},triggerAction(t,a,l,c=!1){const{document_element:i,bodyWrap:s}=UAGBModal._getVariables(t);var e=i.querySelectorAll(t);if(e?.length)for(const n of e)if(a=a&&c?a:n.querySelector(".uagb-modal-trigger")){let o=n?.querySelector(".uagb-modal-popup");const r=n.dataset.overlayclick;a.style.pointerEvents="auto";let e=!0;!o&&c&&(o=i.querySelector(".uagb-modal-popup"+t),e=!1),o&&(!l&&e&&document.body?.appendChild(o),a.addEventListener("click",function(e){e.preventDefault(),UAGBModal._show(t,o)}),"disable"!==r)&&o.addEventListener("click",function(e){"enable"===r&&o.classList.contains("active")&&!o.querySelector(".uagb-modal-popup-wrap").contains(e.target)&&UAGBModal._hide(t,o),s&&s.classList.contains("hide-scroll")&&UAGBModal.closeModalScrollCheck(s)})}},init(o,t,e){const{document_element:a,modalWrapper:l}=UAGBModal._getVariables(o);var{modalTrigger:c,cssClass:i,cssID:s,exitIntent:n,showAfterSeconds:r,noOfSecondsToShow:d}=e="string"==typeof e?JSON.parse(e):e;if(l){var u=l.querySelector(".uagb-modal-trigger");UAGBModal._addTriggers(o,e,u);const g=l.querySelector(".uagb-modal-popup");switch(c){case"custom-class":i&&0<(p=a.querySelectorAll("."+i)).length&&p.forEach(function(e){UAGBModal.triggerAction(o,e,t,!0)});break;case"custom-id":t&&UAGBModal._show(o,g),s&&(p=a.querySelector("#"+s))&&UAGBModal.triggerAction(o,p,t,!0);break;case"automatic":var p=r?1e3*parseInt(d):1;UAGBModal._canShow(o,e)&&!n&&setTimeout(function(){UAGBModal._show(o,g),UAGBModal._afterOpen(o,e),"enable"===l.dataset.overlayclick&&g.addEventListener("click",function(e){g.classList.contains("active")&&!g.querySelector(".uagb-modal-popup-wrap").contains(e.target)&&UAGBModal._hide(o,g)})},p),UAGBModal._exitIntent(o,g,n,e);break;default:UAGBModal.triggerAction(o,u,t,!1)}}},closeModalScrollCheck(e){0===document.querySelectorAll(".uagb-modal-popup.active").length&&e.classList.remove("hide-scroll")}};;