Automagically load popups when needed

[fpcorso]

Description

Automatically load when we detect that a popup is needed.

Enqueue popups when found in the_content

Used the following content to test regex:

<button class="popmake-1244">Test</button><a href="#" class='popmake-1222'>TEst</a>
<input type="reset" class="button-primary popmake-1234 butoon-lg">
<p>Example text within elements that shouldn't match: Use popmake-1224</p>
<div class="wp-block-buttons">
<div class="wp-block-button popmake-2230"><a class="wp-block-button__link">Example button added in block editor with popup controls set to open popup</a></div>
</div>

Enqueue popups when found in the menu

Automatically loads a popup when we detect the menu item has a popup ID in the menu setting.

Enqueue popups when popup_trigger is used

If popup_trigger shortcode is used, go ahead and ensure the popup gets loaded.

Related Issue

Issue: #543

Types of changes

Filters the_content and search for popmake-### class. If found, load the popup. When processing menu items, if a popup ID is set, go ahead and load the popup.

This has been tested in the following browsers

• Chrome
• Firefox
• Edge
• Safari

Checklist:

• This PR passes all automated checks (will appear once pull request is submitted)
• My code has been tested in the latest version of WordPress.
• My code does not have any warnings from ESLint.
• My code does not have any warnings from StyleLint.
• My code does not have any warnings from PHPCS.
• My code follows the WordPress coding standards.
• My code follows the accessibility standards.
• All new functions and classes have code documentation.