Project releases
Added enqueue_block_assets support to inject responsive breakpoint CSS variables into the block editor iframe
enqueue_block_assets support to inject responsive breakpoint CSS variables and hide classes into the block editor iframeFixes a bug where responsive features fail when specific breakpoints are selected without a default breakpoint.
Only display on these breakpoints is selected, while Default breakpoint is not selected/empty - no responsive feature was effective on components.Upgrades PHP requirement to 8.2 and adds the Airfleet Framework plugin as a dependency.
Requires Plugins metadata field)@airfleet/wordpress-dev to ^4.0.0airfleet/wordpress-dev to ^4.0.0@import to @use in SCSSJS utilities are now available through a global variable _af
_af (e.g. _af.onBreakpointMatch) under the same names, with the exceptions below. Old interface remains at window._airfleet.elements.breakpoints_af.breakpoints (same as window._airfleet.elements.breakpoints.data)_af.breakpointDirections (same as window._airfleet.elements.breakpoints.directions)_af.isAboveBreakpoint (same as window._airfleet.elements.breakpoints.isMin)_af.isBelowBreakpoint (same as window._airfleet.elements.breakpoints.isMax)_af.isBetweenBreakpoints (same as window._airfleet.elements.breakpoints.isBetween)_af.isOnlyBreakpoint (same as window._airfleet.elements.breakpoints.isOnly)_af.onBreakpointChange (same as window._airfleet.elements.breakpoints.onChange)Added a new filter to customize data attributes for the js-utilities script
airfleet/elements/responsive/js-utilities/data-attributes to customize data attributes for js-utilities script from theme-support pluginJS utilities are now rendered earlier in the HTML head to fix priority issues
Updated components to support airfleet/elements/empty/$slug filter
airfleet/elements/empty/$slug filterUpdated media query syntax for improved readability and maintainability.
window._airfleet.elements.breakpoints: Updated media query syntax to use the new CSS Media Query Range Syntax for improved readability and maintainability - replaced min-width and max-width with range syntax (e.g. (width >= X) and (width < Y)). Learn moreAdded CSS variables for breakpoint checks and changed default breakpoints to common device sizes
--is-$breakpoint, --is-$breakpoint-up, and --is-$breakpoint-down CSS variableselements-components-breakpoint: updated Admin UI design (layout improvements and added more icons)Fixed an incorrect alert about a hidden block when using the 'Line breaks' option in a Title-Advanced component.
afu-hide-br--max-none to Title-Advanced).Added option to change the placement of responsive fields in Airfleet Responsive Component ACF field type.
airfleet/elements/responsive/flexible/children/exclude (exclude flexible component children from having responsive settings)airfleet/elements/responsive/components/exclude (exclude components from having responsive settings)falseelements-components-title-advanced to show under Style tab!importantelements-partials-responsive-component: updated to support "Only display on these breakpoints" optionelements-components-breakpoint: added custom Admin UI design$defaults) breakpoints valuesRenamed onChange function and added fallback/proxy for existing functionality
onChange to onBreakpointMatchonChange as a fallback/proxy to avoid breaking of the existing functionalityonBreakpointMatch function to support a callback for when the breakpoint does not matchAdded onChange JavaScript utility for triggering callbacks on breakpoint changes
onChange JS util. Triggers a callback whenever a matched breakpoint changesBlocks now display in editor with alert at all breakpoints
Renamed are_consecutive_breakpoint to are_consecutive_breakpoints and fixed PHP errors with responsive settings.
are_consecutive_breakpoint to are_consecutive_breakpointsSet composer autoloader suffix based on plugin name
Added various features for responsive design, including breakpoints, CSS classes, and utility functions.
airfleet_responsive_breakpoints() (returns breakpoints API instance)airfleet/elements/breakpoints (customize breakpoints)airfleet_responsive_render() (renders a view with responsive CSS classes)elements-components-breakpoint (component to render a view for the selected breakpoint)elements-partials-responsive-component (render a responsive component)$_responsive / Blade directive @responsive (shortcut to responsive component partial)elements-component-breakpoint-flexible (responsive options to add to other components and render them)elements-component-breakpoint-flexible to flexible componentsairfleet/elements/responsive/flexible/exclude (exclude views from having responsive settings auto-added in flexible components).afu-hide--{modifier}-{breakpoint} CSS classes (hide elements based on a modifier and a breakpoint).afu-hide-br--max-{breakpoint} CSS classes (hide line breaks based on a breakpoint)window._airfleet.elements.breakpoints JS utilities (responsive data and functions)elements-components-title-advanced