=== Dc24 Extend Navigation Block ===
Contributors:      unprinted
Tags:              block extend, navigation, Gutenberg, animation, offcanvas
Tested up to:      6.6
Stable tag:        0.1.0
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html

Extend the core navigation block with dynamic offcanvas functionality, customizable animations, and dynamic width/height.

== Description ==

The Dc24 Extend Navigation Block plugin enhances the default WordPress core navigation block by adding dynamic offcanvas menu functionality. It allows the navigation to smoothly slide in from any direction (left, right, up, or down), with fully customizable transition speeds and easing.

In addition, this plugin introduces dynamic width and height settings for horizontal and vertical transitions, making the menu's dimensions adjustable depending on your design needs. You can manage these settings via CSS variables or adjust them dynamically with JavaScript, allowing you to build flexible, responsive navigation systems.

### Features:
- Offcanvas navigation that slides from any direction (left, right, up, or down)
- Customizable transition speeds and easing
- Accessible, with focus management and proper aria attributes

== Installation ==

To install the plugin:

1. Upload the plugin files to the `/wp-content/plugins/dc24-extend-navigation-block` directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the 'Plugins' screen in WordPress.
3. In the block editor, add the core navigation block, and customize it with dynamic offcanvas settings through the new settings panel in the block inspector.

== Frequently Asked Questions ==

= How do I customize the animation speed and direction? =

You can customize the animation speed and direction through the block settings in the block inspector. Simply choose the direction (left, right, up, down) and set the speed or easing effect you prefer.

= Can I change the width and height of the menu dynamically? =

Yes, the plugin supports dynamic width and height settings using CSS variables. You can either adjust these manually in the block settings or use custom JavaScript to update the dimensions dynamically based on user interactions or screen size.

== Screenshots ==

1. Navigation sliding in from the left.
2. Example of customizing the transition speed and direction in the block settings panel.

== Changelog ==

= 0.1.0 =
* Initial release: Added dynamic offcanvas functionality, customizable animations, and responsive width/height adjustments for the core navigation block.

== Arbitrary section ==

This plugin is ideal for developers and designers looking to create highly flexible, animated navigation menus without relying on additional JavaScript-heavy libraries. The use of CSS transitions ensures smooth performance across devices, and the dynamic width and height options make it easy to fit the menu into any design.