diff --git a/CHANGELOG.md b/CHANGELOG.md index 18d149a..96170ba 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -22,10 +22,14 @@ Prefix the change with one of these keywords: - _Added_: Button border controls (color, width, style) with per-side support in new "Priority Plus Button Border" panel - _Added_: Button border radius control with per-corner support - _Changed_: All items can now move into the dropdown when space is insufficient, removing the forced minimum of one visible item +- _Changed_: Refactored constants into structured design tokens (`src/tokens.js`) and runtime config (`src/config.js`), replacing flat `DEFAULT_*` exports +- _Changed_: Refactored CSS custom properties to use readable `--ppn-dropdown-*` aliases defined in a single `@mixin dropdown-aliases` in `_variables.scss`, shared by both frontend and editor stylesheets - _Fixed_: Navigation items and More button no longer wrap to a second line - _Fixed_: Initial page load now correctly calculates overflow and shows the More button - _Fixed_: Items correctly restore from mobile collapse when resizing to desktop - _Fixed_: More button chevron icon spacing — offset SVG internal padding so the arrow sits flush with the button's right edge (frontend and editor) +- _Fixed_: Clicking the More button preview in the editor now selects the Priority Plus Navigation block instead of the parent block +- _Fixed_: Resolved all 36 CSS lint errors (`no-descending-specificity`, `no-duplicate-selectors`) by restructuring SCSS selector order and grouping submenu styles per selector ## [1.0.0] diff --git a/README.md b/README.md index edd8c3f..e14e5e9 100644 --- a/README.md +++ b/README.md @@ -13,8 +13,9 @@ Priority Plus Navigation is a responsive design pattern that keeps all navigatio - **Core Navigation Variation** - Extends the standard WordPress navigation block as a variation, no need to rebuild your menus - **Automatic Overflow Detection** - Intelligently calculates available space and moves items to dropdown - **Easy Conversion** - Transform any Navigation block to Priority Plus Navigation via block variations -- **Customizable Toggle Button** - Choose label text, colors, and padding for the "More" button -- **Customizable Dropdown Menu** - Full control over menu appearance with live preview: colors, borders, shadows, spacing +- **Customizable Toggle Button** - Choose label text, colors, padding, border, and border radius for the "More" button +- **Customizable Dropdown Menu** - Full control over menu appearance with live preview: colors, borders, shadows, spacing, separators +- **Mobile Collapse** - Optionally collapse all items into the toggle button at the mobile breakpoint - **Responsive by Design** - Uses ResizeObserver for smooth, performant resizing - **Core Navigation Integration** - Automatically detects and respects "Open submenus on click" setting - **Smart Mobile Detection** - Automatically disables on mobile/hamburger mode to avoid conflicts @@ -38,6 +39,7 @@ git clone [repository-url] priority-plus-navigation ```bash cd priority-plus-navigation npm install +composer install ``` 3. Build the plugin: @@ -45,7 +47,7 @@ npm install npm run build ``` -4. Activate the plugin in WordPress Admin → Plugins +4. Activate the plugin in WordPress Admin > Plugins ## Usage @@ -73,8 +75,6 @@ The Priority Plus Navigation is available as a variation of the core Navigation 2. In the block variations switcher, choose the standard **"Navigation"** variation 3. The Priority Plus behavior is disabled, returning to standard WordPress navigation -**Note:** Legacy wrapper blocks (from previous versions) will continue to work on the frontend, but are no longer available for insertion in the editor. If you have existing wrapper blocks, consider converting them to the variation approach. - ## Configuration ### Block Settings (Inspector Sidebar) @@ -83,22 +83,27 @@ When Priority Plus Navigation is active, you'll find these control panels in the #### Priority Plus Settings - **Toggle Button Label**: Customize the text displayed on the "More" button (default: "More") +- **Mobile Collapse**: Toggle to collapse all items into the button at the mobile breakpoint (default: enabled) +- **Customize Dropdown Menu**: Opens a modal with a live preview for full menu customization -#### Toggle Button Colors +#### Priority Plus Button Colors - **Text Color**: Color of the button text - **Text Hover Color**: Color when hovering over the button - **Background Color**: Background color of the button - **Background Hover Color**: Background when hovering -#### Toggle Button Spacing +#### Priority Plus Button Spacing - **Padding**: Control the internal padding of the toggle button -#### Menu Styles -- **Customize Menu**: Opens a modal with a live preview where you can customize: - - **Menu Colors**: Background, item hover background, item text color, item hover text color - - **Menu Styles**: Border (with per-side control), border radius, box shadow - - **Submenu Colors**: Background, item hover background, item text color, item hover text color - - **Menu Items**: Item padding, submenu indent, item separator +#### Priority Plus Button Border +- **Border**: Color, width, and style with per-side support +- **Border Radius**: Corner radius with per-corner support + +#### Dropdown Menu (via Customize Dropdown Menu modal) +- **Menu Colors**: Background, item hover background, item text color, item hover text color +- **Menu Styles**: Border (with per-side control), border radius, box shadow +- **Submenu Colors**: Background, item hover background, item text color, item hover text color +- **Menu Items**: Item padding, submenu indent, item separator (color, width, style) ### Core Navigation Settings @@ -123,7 +128,7 @@ The block supports all standard WordPress block features: #### Option 1: Block Inspector (Recommended) -Use the "Customize Menu" button in the block inspector to open a modal with a live preview. This is the easiest way to customize your dropdown menu and allows per-block customization. +Use the "Customize Dropdown Menu" button in the block inspector to open a modal with a live preview. This is the easiest way to customize your dropdown menu and allows per-block customization. #### Option 2: Theme.json (Global Defaults) @@ -144,7 +149,7 @@ For site-wide defaults, customize via your theme's `theme.json`. Block-level cus "itemSpacing": "1rem 1.5rem", "itemHoverBackgroundColor": "rgba(0, 0, 0, 0.08)", "itemHoverTextColor": "#007cba", - "multiLevelIndent": "3.5rem" + "multiLevelIndent": "1.5rem" } } } @@ -152,7 +157,7 @@ For site-wide defaults, customize via your theme's `theme.json`. Block-level cus } ``` -**📖 For complete styling documentation, examples, and troubleshooting, see [docs/styling.md](docs/styling.md)** +For complete styling documentation, examples, and troubleshooting, see [docs/styling.md](docs/styling.md). ## How It Works @@ -162,10 +167,10 @@ The plugin extends the core Navigation block as a **block variation**: ``` core/navigation (with Priority Plus variation enabled) - ├── core/navigation-link - ├── core/navigation-submenu - ├── core/page-list - └── etc. + +-- core/navigation-link + +-- core/navigation-submenu + +-- core/page-list + +-- etc. ``` The variation approach: @@ -179,14 +184,16 @@ The variation approach: 1. **On page load**: The script measures all navigation items 2. **Mobile detection**: Automatically detects if WordPress is in hamburger/responsive mode and disables Priority Nav to avoid conflicts 3. **Overflow detection**: Calculates how many items fit in available space -4. **Item distribution**: +4. **Item distribution**: - Visible items stay in the main navigation - Overflow items move to the "More" dropdown - - At least one item always remains visible + - All items can overflow when space is insufficient 5. **Submenu handling**: Items with submenus in the dropdown are converted to accessible accordions that respect the Core Navigation "Open on click" setting 6. **Responsive updates**: ResizeObserver automatically recalculates on viewport changes 7. **Smooth transitions**: Uses `requestAnimationFrame` for optimal performance +For detailed technical documentation, see [docs/how-it-works.md](docs/how-it-works.md) and [docs/architecture.md](docs/architecture.md). + ## Development ### Prerequisites @@ -200,6 +207,7 @@ The variation approach: ```bash # Install dependencies npm install +composer install # Start development mode with hot reload npm run start @@ -224,18 +232,28 @@ npm run plugin-zip ``` priority-plus-navigation/ -├── build/ # Compiled assets (generated) -├── src/ -│ ├── index.js # Editor extension entry point -│ ├── extend.js # Variation registration & block extension -│ ├── view.js # Frontend JavaScript -│ ├── style.scss # Frontend styles -│ └── block.json # Block configuration -├── priority-plus-navigation.php # Main plugin file -├── package.json # Node dependencies & scripts -└── README.md # Documentation ++-- classes/ # PHP backend (renderer, CSS converter, enqueues) ++-- src/ +| +-- config.js # Runtime config (labels, gaps, breakpoints) +| +-- tokens.js # Design tokens (default styling values) +| +-- priority-plus-navigation.js # Frontend entry point +| +-- priority-plus-nav-editor.js # Editor entry point +| +-- core/ # PriorityNav class (overflow detection, state) +| +-- dom/ # DOM builders and extractors +| +-- layout/ # Width calculation +| +-- events/ # Event handlers and accordion logic +| +-- utils/ # DOM and HTML utilities +| +-- styles/ # SCSS (variables, frontend, editor) +| +-- variation/ # Block variation, controls, and editor components ++-- build/ # Compiled assets (generated) ++-- docs/ # Documentation ++-- priority-plus-navigation.php # Main plugin file ++-- package.json # Node dependencies & scripts ++-- composer.json # PHP dependencies ``` +For the complete file map and architecture details, see [docs/architecture.md](docs/architecture.md). + ## Browser Support - Modern browsers (Chrome, Firefox, Safari, Edge) @@ -275,50 +293,10 @@ The plugin detects when WordPress's overlay/hamburger menu is active by checking - When using multiple Priority Plus Navigation blocks on the same page with "Open submenus on click" enabled, ensure each block has unique navigation content to avoid potential ID conflicts - Priority Plus Navigation is not compatible with the "Always" overlay menu setting - it will automatically prevent usage and switch to "Mobile" mode -- Legacy wrapper blocks (from previous plugin versions) are no longer insertable in the editor, but will continue to function on the frontend for backward compatibility ## Changelog -### 0.5.0 - Item Text Colors & Submenu Styling -- Added item text color controls for menu items (non-hover state) -- Added separate submenu color panel for nested accordion items -- Submenu colors include: background, item hover background, item text color, item hover text color -- Submenu background only applies to first-level submenus to prevent alpha transparency stacking -- Item separator controls for menu item dividers - -### 0.4.0 - Menu Customization & UI Improvements -- Added dropdown menu customizer modal with live preview -- Full control over menu colors: background, item hover background, item hover text -- Border customization with per-side control (top, right, bottom, left) -- Border radius and box shadow controls -- Menu item padding controls with theme spacing size support -- Submenu indent control for nested navigation -- Toggle button styling: text colors, background colors, hover states, padding -- Renamed attributes for clarity (`priorityPlus*` prefix) -- Improved reset functionality for all style controls - -### 0.3.0 - Overlay Menu Compatibility -- Added intelligent overlay menu detection and compatibility -- Priority Plus now properly disables when hamburger menu is active (overlayMenu: 'mobile') -- "Always" overlay option is automatically prevented and visually disabled in editor -- Improved hamburger mode detection using `is-menu-open` class -- Added overlay menu data attribute for frontend detection -- Enhanced documentation with overlay menu compatibility details - -### 0.2.0 - Variation-Only Approach -- Refactored to use block variation instead of wrapper block -- Namespaced variation name (`lumen-priority-plus-navigation`) for better compatibility -- Improved editor integration with `isActive` detection -- Legacy wrapper blocks still supported on frontend for backward compatibility - -### 0.1.0 - Initial Release -- Priority Plus Navigation as core/navigation variation -- Customizable "More" button label and icon -- Full block theme support -- Responsive overflow detection -- Core Navigation "Open on click" integration -- Automatic hamburger mode detection -- Accessible accordion submenus in dropdown +See [CHANGELOG.md](CHANGELOG.md) for the full version history. ## Credits @@ -331,4 +309,3 @@ GPL-2.0-or-later ## Support For issues, questions, or contributions, please visit the plugin repository. - diff --git a/build/priority-plus-nav-editor-rtl.css b/build/priority-plus-nav-editor-rtl.css index b9fe9a9..93997e0 100644 --- a/build/priority-plus-nav-editor-rtl.css +++ b/build/priority-plus-nav-editor-rtl.css @@ -1,2 +1,2 @@ .priority-plus-dropdown-customizer .components-modal__header{background-color:#fff;border-bottom:1px solid #ddd;padding:24px 32px 18px;position:sticky;z-index:2000}.priority-plus-dropdown-customizer .components-modal__content{margin-top:0;padding:0}.priority-plus-dropdown-customizer .dropdown-customizer-layout{display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.priority-plus-dropdown-customizer .dropdown-customizer-controls>.components-tools-panel{border:1px solid #ddd}.priority-plus-dropdown-customizer .dropdown-customizer-controls>.components-tools-panel+.components-tools-panel{margin-top:1.5rem}.priority-plus-dropdown-customizer .priority-plus-navigation-dropdown.is-open{margin:0 auto;max-width:280px;position:sticky;top:104px}.priority-plus-dropdown-customizer .dropdown-customizer-footer{align-items:center;background:#f9f9f9;border-top:1px solid #ddd;display:flex;justify-content:space-between;padding:1rem 2rem}@media(max-width:896px){.priority-plus-dropdown-customizer .dropdown-customizer-layout{grid-template-columns:1fr}} -:root{--wp--custom--priority-plus-navigation--dropdown--background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--border-color:#ddd;--wp--custom--priority-plus-navigation--dropdown--border-width:1px;--wp--custom--priority-plus-navigation--dropdown--border-radius:4px;--wp--custom--priority-plus-navigation--dropdown--box-shadow:0 4px 12px rgba(0,0,0,.15);--wp--custom--priority-plus-navigation--dropdown--item-spacing:0.75rem 1rem;--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color:#191919;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem;--wp--custom--priority-plus-navigation--dropdown--submenu-background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color:#191919}.is-style-priority-plus-navigation{--priority-plus-navigation--background:transparent;--priority-plus-navigation--background-hover:transparent;--priority-plus-navigation--color:inherit;--priority-plus-navigation--color-hover:inherit;--priority-plus-navigation--border-color:transparent;--priority-plus-navigation--border-style:solid;--priority-plus-navigation--border-width:0;--priority-plus-navigation--border-radius:0;--priority-plus-navigation--font-family:inherit;--priority-plus-navigation--font-size:inherit;--priority-plus-navigation--font-weight:inherit;--priority-plus-navigation--font-style:inherit;--priority-plus-navigation--padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown,.priority-plus-navigation-dropdown.is-open{background:var(--wp--custom--priority-plus-navigation--dropdown--background-color)!important;border-bottom:var(--wp--custom--priority-plus-navigation--dropdown--border-bottom,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-right:var(--wp--custom--priority-plus-navigation--dropdown--border-left,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-radius:var(--wp--custom--priority-plus-navigation--dropdown--border-radius);border-left:var(--wp--custom--priority-plus-navigation--dropdown--border-right,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-top:var(--wp--custom--priority-plus-navigation--dropdown--border-top,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));box-shadow:var(--wp--custom--priority-plus-navigation--dropdown--box-shadow);list-style:none;margin:0;min-width:200px;opacity:0;overflow:hidden;padding:0;position:absolute;left:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:1000}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown.is-open,.priority-plus-navigation-dropdown.is-open.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li,.priority-plus-navigation-dropdown.is-open>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li:not(:first-child),.priority-plus-navigation-dropdown.is-open>li:not(:first-child){border-top:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-width,0) var(--wp--custom--priority-plus-navigation--dropdown--item-separator-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--item-separator-color,transparent)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li,.priority-plus-navigation-dropdown.is-open li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open li a{color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);display:block;font-style:inherit;font-weight:inherit;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);text-decoration:none;transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a:hover,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open li a:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-wrapper,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full{align-items:center;background:transparent;border:none;color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;justify-content:space-between;outline:none;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);text-align:right;transition:background .2s ease,color .2s ease;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow{margin-right:.5rem;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content{display:none;list-style:none;margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li>.priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open>li>.priority-plus-navigation-accordion-content{background:var(--wp--custom--priority-plus-navigation--dropdown--submenu-background-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content[aria-hidden=true],.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content.is-open,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content.is-open{display:block!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color,#191919)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*2)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*3)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*4)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link{color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);flex:1;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow{background:transparent;border:none;color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;outline:none;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(-90deg)}.priority-plus-navigation-editor-wrapper{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.priority-plus-navigation-editor-wrapper>.block-editor-block-list__block,.priority-plus-navigation-editor-wrapper>[data-block]{flex:1;min-width:0;overflow:hidden}.priority-plus-navigation-editor-wrapper .wp-block-navigation__container{flex-wrap:nowrap!important;justify-content:flex-start!important}.priority-plus-navigation-editor-wrapper .wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.priority-plus-navigation-editor-wrapper .priority-plus-navigation-editor-more-button{flex-shrink:0;margin-right:.75em}.priority-plus-navigation-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through} +:root{--wp--custom--priority-plus-navigation--dropdown--background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--border-color:#ddd;--wp--custom--priority-plus-navigation--dropdown--border-width:1px;--wp--custom--priority-plus-navigation--dropdown--border-radius:4px;--wp--custom--priority-plus-navigation--dropdown--box-shadow:0 4px 12px rgba(0,0,0,.15);--wp--custom--priority-plus-navigation--dropdown--item-spacing:0.75rem 1rem;--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color:#191919;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem;--wp--custom--priority-plus-navigation--dropdown--submenu-background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color:#191919}.is-style-priority-plus-navigation{--priority-plus-navigation--background:transparent;--priority-plus-navigation--background-hover:transparent;--priority-plus-navigation--color:inherit;--priority-plus-navigation--color-hover:inherit;--priority-plus-navigation--border-color:transparent;--priority-plus-navigation--border-style:solid;--priority-plus-navigation--border-width:0;--priority-plus-navigation--border-radius:0;--priority-plus-navigation--font-family:inherit;--priority-plus-navigation--font-size:inherit;--priority-plus-navigation--font-weight:inherit;--priority-plus-navigation--font-style:inherit;--priority-plus-navigation--padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown,.priority-plus-navigation-dropdown.is-open{--ppn-dropdown-bg:var(--wp--custom--priority-plus-navigation--dropdown--background-color);--ppn-dropdown-radius:var(--wp--custom--priority-plus-navigation--dropdown--border-radius);--ppn-dropdown-shadow:var(--wp--custom--priority-plus-navigation--dropdown--box-shadow);--ppn-dropdown-border-color:var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd);--ppn-dropdown-border-width:var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px);--ppn-dropdown-border-style:var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid);--ppn-dropdown-item-spacing:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);--ppn-dropdown-item-color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);--ppn-dropdown-item-hover-bg:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);--ppn-dropdown-item-hover-color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color);--ppn-dropdown-sep-color:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-color,transparent);--ppn-dropdown-sep-width:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-width,0);--ppn-dropdown-sep-style:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-style,solid);--ppn-dropdown-sub-bg:var(--wp--custom--priority-plus-navigation--dropdown--submenu-background-color);--ppn-dropdown-sub-color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color,#191919);--ppn-dropdown-sub-hover-bg:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color);--ppn-dropdown-sub-hover-color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color);--ppn-dropdown-indent:var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent);background:var(--ppn-dropdown-bg)!important;border-bottom:var(--wp--custom--priority-plus-navigation--dropdown--border-bottom,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-right:var(--wp--custom--priority-plus-navigation--dropdown--border-left,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-radius:var(--ppn-dropdown-radius);border-left:var(--wp--custom--priority-plus-navigation--dropdown--border-right,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-top:var(--wp--custom--priority-plus-navigation--dropdown--border-top,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));box-shadow:var(--ppn-dropdown-shadow);list-style:none;margin:0;min-width:200px;opacity:0;overflow:hidden;padding:0;position:absolute;left:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:1000}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown.is-open,.priority-plus-navigation-dropdown.is-open.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li,.priority-plus-navigation-dropdown.is-open li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open li a{color:var(--ppn-dropdown-item-color);display:block;font-style:inherit;font-weight:inherit;padding:var(--ppn-dropdown-item-spacing);text-decoration:none;transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a:hover,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open li a:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li,.priority-plus-navigation-dropdown.is-open>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li:not(:first-child),.priority-plus-navigation-dropdown.is-open>li:not(:first-child){border-top:var(--ppn-dropdown-sep-width) var(--ppn-dropdown-sep-style) var(--ppn-dropdown-sep-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-wrapper,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link{color:var(--ppn-dropdown-item-color);flex:1;padding:var(--ppn-dropdown-item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow{background:transparent;border:none;color:var(--ppn-dropdown-item-color);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;outline:none;padding:var(--ppn-dropdown-item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full{align-items:center;background:transparent;border:none;color:var(--ppn-dropdown-item-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;justify-content:space-between;outline:none;padding:var(--ppn-dropdown-item-spacing);text-align:right;transition:background .2s ease,color .2s ease;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow{display:inline-block;margin-right:.5rem;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(-90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content{display:none;list-style:none;margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content:where(.priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content),.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content:where(.priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content){background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content[aria-hidden=true],.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content.is-open,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content.is-open{display:block!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{color:var(--ppn-dropdown-sub-color);padding-right:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link{color:var(--ppn-dropdown-sub-color);padding-right:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full{color:var(--ppn-dropdown-sub-color);padding-right:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a{padding-right:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link{color:var(--ppn-dropdown-sub-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow{color:var(--ppn-dropdown-sub-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--ppn-dropdown-indent)*2)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--ppn-dropdown-indent)*3)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-right:calc(1rem + var(--ppn-dropdown-indent)*4)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li>.priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open>li>.priority-plus-navigation-accordion-content{background:var(--ppn-dropdown-sub-bg)}.priority-plus-navigation-editor-wrapper{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.priority-plus-navigation-editor-wrapper>.block-editor-block-list__block,.priority-plus-navigation-editor-wrapper>[data-block]{flex:1;min-width:0;overflow:hidden}.priority-plus-navigation-editor-wrapper .wp-block-navigation__container{flex-wrap:nowrap!important;justify-content:flex-start!important}.priority-plus-navigation-editor-wrapper .wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.priority-plus-navigation-editor-wrapper .priority-plus-navigation-editor-more-button{flex-shrink:0;margin-right:.75em}.priority-plus-navigation-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through} diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index a6f1533..96e9535 100644 --- a/build/priority-plus-nav-editor.asset.php +++ b/build/priority-plus-nav-editor.asset.php @@ -1 +1 @@ - array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => '34a9021994af185b8fdb'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-data', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'b305fc15ec1f3200a37a'); diff --git a/build/priority-plus-nav-editor.css b/build/priority-plus-nav-editor.css index 94eb292..5ffa7cb 100644 --- a/build/priority-plus-nav-editor.css +++ b/build/priority-plus-nav-editor.css @@ -1,2 +1,2 @@ .priority-plus-dropdown-customizer .components-modal__header{background-color:#fff;border-bottom:1px solid #ddd;padding:24px 32px 18px;position:sticky;z-index:2000}.priority-plus-dropdown-customizer .components-modal__content{margin-top:0;padding:0}.priority-plus-dropdown-customizer .dropdown-customizer-layout{display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:2rem}.priority-plus-dropdown-customizer .dropdown-customizer-controls>.components-tools-panel{border:1px solid #ddd}.priority-plus-dropdown-customizer .dropdown-customizer-controls>.components-tools-panel+.components-tools-panel{margin-top:1.5rem}.priority-plus-dropdown-customizer .priority-plus-navigation-dropdown.is-open{margin:0 auto;max-width:280px;position:sticky;top:104px}.priority-plus-dropdown-customizer .dropdown-customizer-footer{align-items:center;background:#f9f9f9;border-top:1px solid #ddd;display:flex;justify-content:space-between;padding:1rem 2rem}@media(max-width:896px){.priority-plus-dropdown-customizer .dropdown-customizer-layout{grid-template-columns:1fr}} -:root{--wp--custom--priority-plus-navigation--dropdown--background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--border-color:#ddd;--wp--custom--priority-plus-navigation--dropdown--border-width:1px;--wp--custom--priority-plus-navigation--dropdown--border-radius:4px;--wp--custom--priority-plus-navigation--dropdown--box-shadow:0 4px 12px rgba(0,0,0,.15);--wp--custom--priority-plus-navigation--dropdown--item-spacing:0.75rem 1rem;--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color:#191919;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem;--wp--custom--priority-plus-navigation--dropdown--submenu-background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color:#191919}.is-style-priority-plus-navigation{--priority-plus-navigation--background:transparent;--priority-plus-navigation--background-hover:transparent;--priority-plus-navigation--color:inherit;--priority-plus-navigation--color-hover:inherit;--priority-plus-navigation--border-color:transparent;--priority-plus-navigation--border-style:solid;--priority-plus-navigation--border-width:0;--priority-plus-navigation--border-radius:0;--priority-plus-navigation--font-family:inherit;--priority-plus-navigation--font-size:inherit;--priority-plus-navigation--font-weight:inherit;--priority-plus-navigation--font-style:inherit;--priority-plus-navigation--padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown,.priority-plus-navigation-dropdown.is-open{background:var(--wp--custom--priority-plus-navigation--dropdown--background-color)!important;border-bottom:var(--wp--custom--priority-plus-navigation--dropdown--border-bottom,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-left:var(--wp--custom--priority-plus-navigation--dropdown--border-left,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-radius:var(--wp--custom--priority-plus-navigation--dropdown--border-radius);border-right:var(--wp--custom--priority-plus-navigation--dropdown--border-right,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));border-top:var(--wp--custom--priority-plus-navigation--dropdown--border-top,var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px) var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd));box-shadow:var(--wp--custom--priority-plus-navigation--dropdown--box-shadow);list-style:none;margin:0;min-width:200px;opacity:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:1000}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown.is-open,.priority-plus-navigation-dropdown.is-open.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li,.priority-plus-navigation-dropdown.is-open>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li:not(:first-child),.priority-plus-navigation-dropdown.is-open>li:not(:first-child){border-top:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-width,0) var(--wp--custom--priority-plus-navigation--dropdown--item-separator-style,solid) var(--wp--custom--priority-plus-navigation--dropdown--item-separator-color,transparent)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li,.priority-plus-navigation-dropdown.is-open li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open li a{color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);display:block;font-style:inherit;font-weight:inherit;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);text-decoration:none;transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a:hover,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open li a:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-wrapper,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full{align-items:center;background:transparent;border:none;color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;justify-content:space-between;outline:none;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);text-align:left;transition:background .2s ease,color .2s ease;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow{margin-left:.5rem;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content{display:none;list-style:none;margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li>.priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open>li>.priority-plus-navigation-accordion-content{background:var(--wp--custom--priority-plus-navigation--dropdown--submenu-background-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content[aria-hidden=true],.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content.is-open,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content.is-open{display:block!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color,#191919)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*2)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*3)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent)*4)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link{color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);flex:1;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow{background:transparent;border:none;color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;outline:none;padding:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(90deg)}.priority-plus-navigation-editor-wrapper{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.priority-plus-navigation-editor-wrapper>.block-editor-block-list__block,.priority-plus-navigation-editor-wrapper>[data-block]{flex:1;min-width:0;overflow:hidden}.priority-plus-navigation-editor-wrapper .wp-block-navigation__container{flex-wrap:nowrap!important;justify-content:flex-start!important}.priority-plus-navigation-editor-wrapper .wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.priority-plus-navigation-editor-wrapper .priority-plus-navigation-editor-more-button{flex-shrink:0;margin-left:.75em}.priority-plus-navigation-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through} +:root{--wp--custom--priority-plus-navigation--dropdown--background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--border-color:#ddd;--wp--custom--priority-plus-navigation--dropdown--border-width:1px;--wp--custom--priority-plus-navigation--dropdown--border-radius:4px;--wp--custom--priority-plus-navigation--dropdown--box-shadow:0 4px 12px rgba(0,0,0,.15);--wp--custom--priority-plus-navigation--dropdown--item-spacing:0.75rem 1rem;--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color:#191919;--wp--custom--priority-plus-navigation--dropdown--multi-level-indent:1.25rem;--wp--custom--priority-plus-navigation--dropdown--submenu-background-color:#fff;--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color:rgba(0,0,0,.05);--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color:#191919}.is-style-priority-plus-navigation{--priority-plus-navigation--background:transparent;--priority-plus-navigation--background-hover:transparent;--priority-plus-navigation--color:inherit;--priority-plus-navigation--color-hover:inherit;--priority-plus-navigation--border-color:transparent;--priority-plus-navigation--border-style:solid;--priority-plus-navigation--border-width:0;--priority-plus-navigation--border-radius:0;--priority-plus-navigation--font-family:inherit;--priority-plus-navigation--font-size:inherit;--priority-plus-navigation--font-weight:inherit;--priority-plus-navigation--font-style:inherit;--priority-plus-navigation--padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown,.priority-plus-navigation-dropdown.is-open{--ppn-dropdown-bg:var(--wp--custom--priority-plus-navigation--dropdown--background-color);--ppn-dropdown-radius:var(--wp--custom--priority-plus-navigation--dropdown--border-radius);--ppn-dropdown-shadow:var(--wp--custom--priority-plus-navigation--dropdown--box-shadow);--ppn-dropdown-border-color:var(--wp--custom--priority-plus-navigation--dropdown--border-color,#ddd);--ppn-dropdown-border-width:var(--wp--custom--priority-plus-navigation--dropdown--border-width,1px);--ppn-dropdown-border-style:var(--wp--custom--priority-plus-navigation--dropdown--border-style,solid);--ppn-dropdown-item-spacing:var(--wp--custom--priority-plus-navigation--dropdown--item-spacing);--ppn-dropdown-item-color:var(--wp--custom--priority-plus-navigation--dropdown--item-text-color,#191919);--ppn-dropdown-item-hover-bg:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color);--ppn-dropdown-item-hover-color:var(--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color);--ppn-dropdown-sep-color:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-color,transparent);--ppn-dropdown-sep-width:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-width,0);--ppn-dropdown-sep-style:var(--wp--custom--priority-plus-navigation--dropdown--item-separator-style,solid);--ppn-dropdown-sub-bg:var(--wp--custom--priority-plus-navigation--dropdown--submenu-background-color);--ppn-dropdown-sub-color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color,#191919);--ppn-dropdown-sub-hover-bg:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color);--ppn-dropdown-sub-hover-color:var(--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color);--ppn-dropdown-indent:var(--wp--custom--priority-plus-navigation--dropdown--multi-level-indent);background:var(--ppn-dropdown-bg)!important;border-bottom:var(--wp--custom--priority-plus-navigation--dropdown--border-bottom,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-left:var(--wp--custom--priority-plus-navigation--dropdown--border-left,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-radius:var(--ppn-dropdown-radius);border-right:var(--wp--custom--priority-plus-navigation--dropdown--border-right,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));border-top:var(--wp--custom--priority-plus-navigation--dropdown--border-top,var(--ppn-dropdown-border-width) var(--ppn-dropdown-border-style) var(--ppn-dropdown-border-color));box-shadow:var(--ppn-dropdown-shadow);list-style:none;margin:0;min-width:200px;opacity:0;overflow:hidden;padding:0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;z-index:1000}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown.is-open,.priority-plus-navigation-dropdown.is-open.is-open{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li,.priority-plus-navigation-dropdown.is-open li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open li a{color:var(--ppn-dropdown-item-color);display:block;font-style:inherit;font-weight:inherit;padding:var(--ppn-dropdown-item-spacing);text-decoration:none;transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li .priority-plus-navigation-preview-link:hover,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown li a:hover,.priority-plus-navigation-dropdown.is-open li .priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open li a:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li,.priority-plus-navigation-dropdown.is-open>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li:not(:first-child),.priority-plus-navigation-dropdown.is-open>li:not(:first-child){border-top:var(--ppn-dropdown-sep-width) var(--ppn-dropdown-sep-style) var(--ppn-dropdown-sep-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-wrapper,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link{color:var(--ppn-dropdown-item-color);flex:1;padding:var(--ppn-dropdown-item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-link:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow{background:transparent;border:none;color:var(--ppn-dropdown-item-color);cursor:pointer;flex-shrink:0;font-family:inherit;font-size:inherit;outline:none;padding:var(--ppn-dropdown-item-spacing);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow .priority-plus-navigation-accordion-arrow{display:inline-block;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-arrow[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full{align-items:center;background:transparent;border:none;color:var(--ppn-dropdown-item-color);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;justify-content:space-between;outline:none;padding:var(--ppn-dropdown-item-spacing);text-align:left;transition:background .2s ease,color .2s ease;width:100%}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-text{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full .priority-plus-navigation-accordion-arrow{display:inline-block;margin-left:.5rem;transition:transform .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:hover{background:var(--ppn-dropdown-item-hover-bg);color:var(--ppn-dropdown-item-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full:focus-visible,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-toggle-full[aria-expanded=true] .priority-plus-navigation-accordion-arrow{transform:rotate(90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content{display:none;list-style:none;margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content:where(.priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content),.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content:where(.priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content){background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content[aria-hidden=true],.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content[aria-hidden=true]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content.is-open,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content.is-open{display:block!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a{color:var(--ppn-dropdown-sub-color);padding-left:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>a:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>a:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link{color:var(--ppn-dropdown-sub-color);padding-left:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full{color:var(--ppn-dropdown-sub-color);padding-left:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a{padding-left:calc(1rem + var(--ppn-dropdown-indent))}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link{color:var(--ppn-dropdown-sub-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-link:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow{color:var(--ppn-dropdown-sub-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:focus,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>.priority-plus-navigation-accordion-toggle-arrow:hover{background:var(--ppn-dropdown-sub-hover-bg);color:var(--ppn-dropdown-sub-hover-color)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--ppn-dropdown-indent)*2)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--ppn-dropdown-indent)*3)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-toggle-full,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-accordion-wrapper>a,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>.priority-plus-navigation-preview-link,.priority-plus-navigation-dropdown.is-open .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content .priority-plus-navigation-accordion-content>li>a{padding-left:calc(1rem + var(--ppn-dropdown-indent)*4)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li>.priority-plus-navigation-accordion-content,.priority-plus-navigation-dropdown.is-open>li>.priority-plus-navigation-accordion-content{background:var(--ppn-dropdown-sub-bg)}.priority-plus-navigation-editor-wrapper{align-items:center;display:flex;flex-wrap:nowrap;width:100%}.priority-plus-navigation-editor-wrapper>.block-editor-block-list__block,.priority-plus-navigation-editor-wrapper>[data-block]{flex:1;min-width:0;overflow:hidden}.priority-plus-navigation-editor-wrapper .wp-block-navigation__container{flex-wrap:nowrap!important;justify-content:flex-start!important}.priority-plus-navigation-editor-wrapper .wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.priority-plus-navigation-editor-wrapper .priority-plus-navigation-editor-more-button{flex-shrink:0;margin-left:.75em}.priority-plus-navigation-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through} diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index a331e0c..480e1e5 100644 --- a/build/priority-plus-nav-editor.js +++ b/build/priority-plus-nav-editor.js @@ -1 +1 @@ -(()=>{"use strict";const o=window.wp.i18n,e=window.wp.blocks,t=window.wp.primitives,r=window.ReactJSXRuntime;var i=(0,r.jsx)(t.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,r.jsx)(t.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.404 16.596a6.5 6.5 0 1 0 9.192-9.192 6.5 6.5 0 0 0-9.192 9.192ZM6.344 6.343a8 8 0 1 0 11.313 11.314A8 8 0 0 0 6.343 6.343Zm4.906 9.407v-3h-3v-1.5h3v-3h1.5v3h3v1.5h-3v3h-1.5Z"})});const n=window.wp.hooks,l="#ffffff",s={color:"#dddddd",width:"1px",style:"solid"},a="4px",u="default",p={top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},y="rgba(0, 0, 0, 0.05)",d="#191919",g="#191919",c="1.25rem",m={color:"#f0f0f0",width:"1px",style:"solid"},h="#ffffff",v="rgba(0, 0, 0, 0.05)",b="#191919",P="#191919";(0,e.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,o.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-plus-navigation"),icon:i,scope:["inserter","transform"],attributes:{className:"is-style-priority-plus-navigation",overlayMenu:"never",priorityPlusEnabled:!0,priorityPlusToggleLabel:"More",priorityPlusToggleBackgroundColor:void 0,priorityPlusToggleBackgroundColorHover:void 0,priorityPlusToggleTextColor:void 0,priorityPlusToggleTextColorHover:void 0},isActive:(o,e)=>o.className?.includes(e.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(o,e)=>"core/navigation"!==e?o:{...o,attributes:{...o.attributes,priorityPlusEnabled:{type:"boolean",default:!1},priorityPlusToggleLabel:{type:"string",default:"More"},priorityPlusToggleIcon:{type:"string",default:"none"},priorityPlusToggleBackgroundColor:{type:"string"},priorityPlusToggleBackgroundColorHover:{type:"string"},priorityPlusToggleTextColor:{type:"string"},priorityPlusToggleTextColorHover:{type:"string"},priorityPlusTogglePadding:{type:"object",default:void 0},priorityPlusToggleBorder:{type:"object",default:void 0},priorityPlusToggleBorderRadius:{type:["string","object"],default:void 0},priorityPlusMenuBackgroundColor:{type:"string",default:l},priorityPlusMenuBorder:{type:"object",default:s},priorityPlusMenuBorderRadius:{type:["string","object"],default:a},priorityPlusMenuBoxShadow:{type:"string",default:u},priorityPlusMenuItemPadding:{type:"object",default:p},priorityPlusMenuItemHoverBackground:{type:"string",default:y},priorityPlusMenuItemTextColor:{type:"string",default:d},priorityPlusMenuItemHoverTextColor:{type:"string",default:g},priorityPlusMenuSubmenuIndent:{type:"string",default:c},priorityPlusMenuItemSeparator:{type:"object",default:m},priorityPlusSubmenuBackgroundColor:{type:"string",default:h},priorityPlusSubmenuItemHoverBackground:{type:"string",default:v},priorityPlusSubmenuItemTextColor:{type:"string",default:b},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:P},priorityPlusMobileCollapse:{type:"boolean",default:!0},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const f=window.wp.blockEditor,x=window.wp.components,_=window.wp.compose,w=window.wp.element;function S(o){if(!o||"string"!=typeof o)return o;if(o.startsWith("var:preset|")){const e=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(e)return`var(--wp--preset--${e[1]}--${e[2]})`}return o}const C=({attributes:e,wrapperRef:t})=>{const{priorityPlusToggleLabel:i,priorityPlusToggleBackgroundColor:n,priorityPlusToggleTextColor:l,priorityPlusTogglePadding:s,priorityPlusToggleBorder:a,priorityPlusToggleBorderRadius:u}=e,p=(0,w.useRef)(null),[y,d]=(0,w.useState)({});(0,w.useEffect)(()=>{if(!t?.current)return;const o=()=>{const o=t.current.querySelector(".wp-block-navigation-item__content");if(!o)return;const e=window.getComputedStyle(o);d({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,fontStyle:e.fontStyle,lineHeight:e.lineHeight})};o();const e=setTimeout(o,200);return()=>clearTimeout(e)},[t,e.fontSize,e.fontFamily,e.style?.typography?.fontSize,e.style?.typography?.fontWeight,e.style?.typography?.fontStyle]);const g={display:"flex",alignItems:"center",gap:"0.25em",whiteSpace:"nowrap",cursor:"default",...function(o){if(!o)return{border:"none"};if(o.color||o.width||o.style)return{borderColor:o.color||void 0,borderWidth:o.width||void 0,borderStyle:o.style||void 0};const e={},t={top:"Top",right:"Right",bottom:"Bottom",left:"Left"};for(const[r,i]of Object.entries(t)){const t=o[r];t&&(t.color&&(e[`border${i}Color`]=t.color),t.width&&(e[`border${i}Width`]=t.width),t.style&&(e[`border${i}Style`]=t.style))}return Object.keys(e).length>0?e:{border:"none"}}(a),borderRadius:function(o){if(o){if("string"==typeof o)return o;if("object"==typeof o)return`${o.topLeft||"0"} ${o.topRight||"0"} ${o.bottomRight||"0"} ${o.bottomLeft||"0"}`}}(u),background:n||"transparent",color:l||"inherit",paddingTop:S(s?.top)||void 0,paddingRight:S(s?.right)||void 0,paddingBottom:S(s?.bottom)||void 0,paddingLeft:S(s?.left)||void 0,fontSize:y.fontSize||"inherit",fontFamily:y.fontFamily||"inherit",fontWeight:y.fontWeight||"inherit",fontStyle:y.fontStyle||"inherit",lineHeight:y.lineHeight||"inherit"};return(0,r.jsxs)("span",{ref:p,className:"priority-plus-navigation-editor-more-button",style:g,"aria-hidden":"true",children:[(0,r.jsx)("span",{children:i||(0,o.__)("More","priority-plus-navigation")}),(0,r.jsx)("span",{style:{display:"inline-flex",alignItems:"center",marginRight:"-8px",lineHeight:1},children:(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1.25em",height:"1.25em",fill:"currentColor","aria-hidden":"true",focusable:"false",children:(0,r.jsx)("path",{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 13.5l4.5-3.1.9 1.2z"})})})]})};function T(o){if(!o||"string"!=typeof o)return o;if(o.startsWith("var:preset|")){const e=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(e)return`var(--wp--preset--${e[1]}--${e[2]})`}return o.startsWith("var("),o}function B(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:e,topRight:t,bottomRight:r,bottomLeft:i}=o;return e===t&&t===r&&r===i&&e?e:`${e||"0"} ${t||"0"} ${r||"0"} ${i||"0"}`}return a}function M(o){const e=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return e;if("string"==typeof o)return T(o);if("object"==typeof o){if(0===Object.keys(o).length)return e;const{top:t,right:r,bottom:i,left:n}=o;if(!(t&&""!==t&&"0"!==t||r&&""!==r&&"0"!==r||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return e;const l=T(t)||"0",s=T(r)||"0",a=T(i)||"0",u=T(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return e}function j({attributes:e,typographyStyles:t={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:f,priorityPlusMenuBoxShadow:x,priorityPlusMenuItemPadding:_,priorityPlusMenuItemHoverBackground:S,priorityPlusMenuItemTextColor:C,priorityPlusMenuItemHoverTextColor:j,priorityPlusMenuSubmenuIndent:I,priorityPlusMenuItemSeparator:k,priorityPlusSubmenuBackgroundColor:F,priorityPlusSubmenuItemHoverBackground:H,priorityPlusSubmenuItemTextColor:A,priorityPlusSubmenuItemHoverTextColor:z}=e,R=i||l,$=n||s,D=f||a,N=x||u,W=_||p,L=S||y,E=C||d,V=j||g,O=k||m,q=F||h,Z=H||v,G=A||b,J=z||P,[X,K]=(0,w.useState)(!0),Q=(0,w.useMemo)(()=>{const o=function(o){const e=s,t="--wp--custom--priority-plus-navigation--dropdown--";if(!o)return{[`${t}border-color`]:e.color,[`${t}border-width`]:e.width,[`${t}border-style`]:e.style};if(o.color||o.width||o.style)return{[`${t}border-color`]:o.color||e.color,[`${t}border-width`]:o.width||e.width,[`${t}border-style`]:o.style||e.style};const r=["top","right","bottom","left"];if(r.some(e=>o[e])){const i={};if(r.forEach(r=>{const n=o[r];if(n&&(n.color||n.width||n.style)){const o=n.width||e.width,l=n.style||e.style,s=n.color||e.color;i[`${t}border-${r}`]=`${o} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${t}border-color`]:e.color,[`${t}border-width`]:e.width,[`${t}border-style`]:e.style}}($),e={"--wp--custom--priority-plus-navigation--dropdown--background-color":R,"--wp--custom--priority-plus-navigation--dropdown--border-radius":B(D),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":N,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":M(W),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":L,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":E,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":V,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(r=I,r?"object"==typeof r&&r.left?T(r.left):"string"==typeof r?T(r):c:c),"--wp--custom--priority-plus-navigation--dropdown--item-separator-color":O?.color||"transparent","--wp--custom--priority-plus-navigation--dropdown--item-separator-width":O?.width||"0","--wp--custom--priority-plus-navigation--dropdown--item-separator-style":O?.style||"solid","--wp--custom--priority-plus-navigation--dropdown--submenu-background-color":q,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color":Z,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color":G,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color":J,...o};var r;return t.fontFamily&&(e.fontFamily=t.fontFamily),t.fontSize&&(e.fontSize=t.fontSize),t.fontWeight&&(e.fontWeight=t.fontWeight),t.fontStyle&&(e.fontStyle=t.fontStyle),e},[R,$,D,N,W,L,E,V,I,O,q,Z,G,J,t]);return(0,r.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:Q,children:[(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,r.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,r.jsxs)("li",{children:[(0,r.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>K(!X),"aria-expanded":X,children:[(0,r.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,r.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),X&&(0,r.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,r.jsxs)("li",{children:[(0,r.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>K(!X),"aria-expanded":X,children:[(0,r.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,r.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),X&&(0,r.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Don't forget to test nav item the hover effect!","priority-plus-navigation")})})]})}function I({attributes:e,setAttributes:t}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:s,priorityPlusMenuItemHoverTextColor:a}=e;return(0,r.jsx)(f.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:i||l,onChange:o=>t({priorityPlusMenuBackgroundColor:o||l}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:o=>t({priorityPlusMenuItemHoverBackground:o||y}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:s||d,onChange:o=>t({priorityPlusMenuItemTextColor:o||d}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:a||g,onChange:o=>t({priorityPlusMenuItemHoverTextColor:o||g}),enableAlpha:!0}]})}function k({attributes:e,setAttributes:t}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:l,priorityPlusSubmenuItemHoverTextColor:s}=e;return(0,r.jsx)(f.PanelColorSettings,{title:(0,o.__)("Priority Plus Submenu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:i||h,onChange:o=>t({priorityPlusSubmenuBackgroundColor:o||h}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||v,onChange:o=>t({priorityPlusSubmenuItemHoverBackground:o||v}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:l||b,onChange:o=>t({priorityPlusSubmenuItemTextColor:o||b}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:s||P,onChange:o=>t({priorityPlusSubmenuItemHoverTextColor:o||P}),enableAlpha:!0}]})}function F({value:e,onChange:t}){const i=(0,f.useSetting)("shadow.presets.theme"),n=(0,f.useSetting)("shadow.presets.default"),l=(0,w.useMemo)(()=>{const e=i||[],t=n||[],r=[{value:"none",label:(0,o.__)("None","priority-plus-navigation")},{value:u,label:(0,o.__)("Default","priority-plus-navigation")}];return e.length>0&&e.forEach(o=>{r.push({value:o.shadow,label:o.name})}),t.length>0&&t.forEach(o=>{r.push({value:o.shadow,label:o.name})}),r},[i,n]),[s,a]=(0,w.useState)(l);return(0,r.jsx)(x.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Shadow","priority-plus-navigation"),value:e,onChange:o=>{t(o)},options:s,onFilterValueChange:o=>{if(!o)return void a(l);const e=o.toLowerCase();a(l.filter(o=>o.label.toLowerCase().includes(e)))}})}function H({attributes:e,setAttributes:t}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=e,p=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{t({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=i)&&(!!(o.color||o.width||o.style)||["top","right","bottom","left"].some(e=>{const t=o[e];return t&&(t.color||t.width||t.style)}));var o},label:(0,o.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:o=>t({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("string"==typeof o?""!==o:"object"==typeof o&&Object.values(o).some(o=>o&&""!==o));var o},label:(0,o.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>t({priorityPlusMenuBorderRadius:o})})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,r.jsx)(F,{value:l||u,onChange:o=>t({priorityPlusMenuBoxShadow:o})})})]})}function A({attributes:e,setAttributes:t,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l,priorityPlusMenuItemSeparator:s}=e,a=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{t({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:c,priorityPlusMenuItemSeparator:m})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=s)&&!!(o.color||o.width||o.style);var o},label:(0,o.__)("Menu Item Divider","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuItemSeparator:m}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderControl,{__next40pxDefaultSize:!0,label:(0,o.__)("Menu Item Divider","priority-plus-navigation"),colors:a,value:s||m,onChange:o=>t({priorityPlusMenuItemSeparator:o}),enableAlpha:!0,enableStyle:!0,withSlider:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("object"==typeof o?Object.values(o).some(o=>o&&""!==o):!!o);var o},label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:i.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:n,onChange:o=>t({priorityPlusMenuItemPadding:o}),label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:o=>t({priorityPlusMenuItemPadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=l)&&("object"==typeof o?o.left&&""!==o.left:!!o);var o},label:(0,o.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>t({priorityPlusMenuSubmenuIndent:{left:c}}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(u=l,u?"object"==typeof u&&u.left?u:"string"==typeof u?{left:u}:{left:c}:{left:c}),onChange:o=>t({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var u}function z({attributes:e,setAttributes:t,onClose:i}){const n=(0,f.useSetting)("typography.fontSizes")||[],_=(0,f.useSetting)("typography.fontFamilies")||[],w={};if(e.priorityPlusTypographyFontFamily){let o=[];_&&"object"==typeof _&&!Array.isArray(_)?(_.theme&&Array.isArray(_.theme)&&(o=o.concat(_.theme)),_.custom&&Array.isArray(_.custom)&&(o=o.concat(_.custom))):Array.isArray(_)&&_.forEach(e=>{e.fontFamilies&&Array.isArray(e.fontFamilies)?o=o.concat(e.fontFamilies):e.slug&&e.fontFamily&&o.push(e)});const t=o.find(o=>o.slug===e.priorityPlusTypographyFontFamily);t&&(w.fontFamily=t.fontFamily)}if(e.priorityPlusTypographyFontSize){let o=[];Array.isArray(n)&&n.forEach(e=>{e.sizes&&Array.isArray(e.sizes)?o=o.concat(e.sizes):e.slug&&e.size&&o.push(e)});const t=o.find(o=>o.slug===e.priorityPlusTypographyFontSize);t&&(w.fontSize=t.size)}e.priorityPlusTypographyFontWeight&&(w.fontWeight=e.priorityPlusTypographyFontWeight),e.priorityPlusTypographyFontStyle&&(w.fontStyle=e.priorityPlusTypographyFontStyle);const S=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(x.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:i,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,r.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,r.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,r.jsx)(I,{attributes:e,setAttributes:t}),(0,r.jsx)(H,{attributes:e,setAttributes:t}),(0,r.jsx)(k,{attributes:e,setAttributes:t}),(0,r.jsx)(A,{attributes:e,setAttributes:t,spacingSizes:S})]}),(0,r.jsx)("div",{className:"dropdown-customizer-preview",children:(0,r.jsx)(j,{attributes:e,typographyStyles:w})})]}),(0,r.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,r.jsx)(x.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{t({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:d,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:b,priorityPlusSubmenuItemHoverTextColor:P})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,r.jsx)(x.Button,{variant:"primary",onClick:i,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const R=(0,_.createHigherOrderComponent)(o=>e=>{const{name:t,attributes:i}=e;if("core/navigation"!==t)return(0,r.jsx)(o,{...e});const n=(i.className||"").includes("is-style-priority-plus-navigation")||!0===i.priorityPlusEnabled;return(0,w.useEffect)(()=>{if(!n)return;const o=document.querySelector(".block-editor-block-inspector");if(!o)return;const e=o.querySelector('.components-toggle-group-control-option-base[data-value="always"]');e&&(e.style.opacity="0.4",e.style.pointerEvents="none",e.style.textDecoration="line-through",e.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,r.jsx)(o,{...e})},"addDisableAlwaysOption"),$=(0,_.createHigherOrderComponent)(e=>t=>{const{name:i,attributes:n,setAttributes:_}=t;if("core/navigation"!==i)return(0,r.jsx)(e,{...t});const S=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!S)return(0,r.jsx)(e,{...t});const{priorityPlusToggleLabel:T,priorityPlusToggleBackgroundColor:B,priorityPlusToggleBackgroundColorHover:M,priorityPlusToggleTextColor:j,priorityPlusToggleTextColorHover:I,priorityPlusTogglePadding:k,priorityPlusToggleBorder:F,priorityPlusToggleBorderRadius:H,priorityPlusMobileCollapse:A=!0,overlayMenu:R}=n,$=(0,w.useRef)(null),[D,N]=(0,w.useState)(!1);(0,w.useEffect)(()=>{S&&"always"===R&&_({overlayMenu:"mobile"})},[S,R,_]),(0,w.useEffect)(()=>{if(!S)return;const o=n.style?.typography?.fontWeight,e=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&o===n.priorityPlusTypographyFontWeight&&e===n.priorityPlusTypographyFontStyle||_({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:e})},[S,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,_]);const W=(0,f.useSetting)("spacing.spacingSizes")||[],L=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"priority-plus-navigation-editor-wrapper",ref:$,children:[(0,r.jsx)(e,{...t}),(0,r.jsx)(C,{attributes:n,wrapperRef:$})]}),(0,r.jsx)(f.InspectorControls,{group:"settings",children:(0,r.jsx)(x.Notice,{status:"info",isDismissible:!1,children:(0,o.__)('Priority Plus Navigation is not compatible with "Always" overlay menu. The overlay menu is set to "Mobile" to allow Priority+ to work on desktop.',"priority-plus-navigation")})}),(0,r.jsxs)(f.InspectorControls,{group:"styles",children:[(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>_({priorityPlusToggleLabel:"More",priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:d,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:b,priorityPlusSubmenuItemHoverTextColor:P}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!T,label:(0,o.__)("Button Label","priority-plus-navigation"),onDeselect:()=>_({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,r.jsx)(x.TextControl,{label:(0,o.__)("Button Label","priority-plus-navigation"),value:T,onChange:o=>_({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!0!==A,label:(0,o.__)("Mobile Collapse","priority-plus-navigation"),onDeselect:()=>_({priorityPlusMobileCollapse:!0}),isShownByDefault:!0,children:(0,r.jsx)(x.ToggleControl,{label:(0,o.__)("Collapse all items on mobile","priority-plus-navigation"),checked:A,onChange:o=>_({priorityPlusMobileCollapse:o}),help:(0,o.__)("When enabled, all navigation items collapse into the toggle button at the mobile breakpoint.","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:e,priorityPlusMenuBorderRadius:t,priorityPlusMenuBoxShadow:r,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||e||t||r||i||l||s||a)},label:(0,o.__)("Custom Dropdown","priority-plus-navigation"),onDeselect:()=>_({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:d,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:b,priorityPlusSubmenuItemHoverTextColor:P}),isShownByDefault:!0,children:(0,r.jsx)(x.Button,{variant:"primary",onClick:()=>N(!0),children:(0,o.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,r.jsx)(f.PanelColorSettings,{title:(0,o.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:j,onChange:o=>_({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:I,onChange:o=>_({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:B,onChange:o=>_({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:M,onChange:o=>_({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0,enableAlpha:!0}]}),(0,r.jsx)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button Spacing","priority-plus-navigation"),resetAll:()=>_({priorityPlusTogglePadding:void 0}),children:(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!k&&Object.keys(k).length>0,label:(0,o.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>_({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:W.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:k,onChange:o=>_({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:k,onChange:o=>_({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button Border","priority-plus-navigation"),resetAll:()=>_({priorityPlusToggleBorder:void 0,priorityPlusToggleBorderRadius:void 0}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!F&&(!!(F.color||F.width||F.style)||["top","right","bottom","left"].some(o=>{const e=F[o];return e&&(e.color||e.width||e.style)})),label:(0,o.__)("Border","priority-plus-navigation"),onDeselect:()=>_({priorityPlusToggleBorder:void 0}),isShownByDefault:!0,children:(0,r.jsx)(x.BorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:L,value:F,onChange:o=>_({priorityPlusToggleBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!H&&("string"==typeof H?""!==H:"object"==typeof H&&Object.values(H).some(o=>o&&""!==o)),label:(0,o.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>_({priorityPlusToggleBorderRadius:void 0}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:H,onChange:o=>_({priorityPlusToggleBorderRadius:o})})})]})]}),D&&(0,r.jsx)(z,{attributes:n,setAttributes:_,onClose:()=>N(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",R,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",$,10)})(); \ No newline at end of file +(()=>{"use strict";const o=window.wp.i18n,e=window.wp.blocks,r=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.404 16.596a6.5 6.5 0 1 0 9.192-9.192 6.5 6.5 0 0 0-9.192 9.192ZM6.344 6.343a8 8 0 1 0 11.313 11.314A8 8 0 0 0 6.343 6.343Zm4.906 9.407v-3h-3v-1.5h3v-3h1.5v3h3v1.5h-3v3h-1.5Z"})});const n=window.wp.hooks,l={toggle:{border:{color:void 0,width:void 0,style:void 0},borderRadius:void 0},dropdown:{backgroundColor:"#ffffff",border:{color:"#dddddd",width:"1px",style:"solid"},borderRadius:"4px",boxShadow:"default",item:{padding:{top:"0.75rem",right:"1rem",bottom:"0.75rem",left:"1rem"},hoverBackground:"rgba(0, 0, 0, 0.05)",textColor:"#191919",hoverTextColor:"#191919",separator:{color:"#f0f0f0",width:"1px",style:"solid"}},submenu:{indent:"1.25rem",backgroundColor:"#ffffff",itemHoverBackground:"rgba(0, 0, 0, 0.05)",itemTextColor:"#191919",itemHoverTextColor:"#191919"}}};(0,e.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,o.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-plus-navigation"),icon:i,scope:["inserter","transform"],attributes:{className:"is-style-priority-plus-navigation",overlayMenu:"never",priorityPlusEnabled:!0,priorityPlusToggleLabel:"More",priorityPlusToggleBackgroundColor:void 0,priorityPlusToggleBackgroundColorHover:void 0,priorityPlusToggleTextColor:void 0,priorityPlusToggleTextColorHover:void 0},isActive:(o,e)=>o.className?.includes(e.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(o,e)=>"core/navigation"!==e?o:{...o,attributes:{...o.attributes,priorityPlusEnabled:{type:"boolean",default:!1},priorityPlusToggleLabel:{type:"string",default:"More"},priorityPlusToggleIcon:{type:"string",default:"none"},priorityPlusToggleBackgroundColor:{type:"string"},priorityPlusToggleBackgroundColorHover:{type:"string"},priorityPlusToggleTextColor:{type:"string"},priorityPlusToggleTextColorHover:{type:"string"},priorityPlusTogglePadding:{type:"object",default:void 0},priorityPlusToggleBorder:{type:"object",default:void 0},priorityPlusToggleBorderRadius:{type:["string","object"],default:void 0},priorityPlusMenuBackgroundColor:{type:"string",default:l.dropdown.backgroundColor},priorityPlusMenuBorder:{type:"object",default:l.dropdown.border},priorityPlusMenuBorderRadius:{type:["string","object"],default:l.dropdown.borderRadius},priorityPlusMenuBoxShadow:{type:"string",default:l.dropdown.boxShadow},priorityPlusMenuItemPadding:{type:"object",default:l.dropdown.item.padding},priorityPlusMenuItemHoverBackground:{type:"string",default:l.dropdown.item.hoverBackground},priorityPlusMenuItemTextColor:{type:"string",default:l.dropdown.item.textColor},priorityPlusMenuItemHoverTextColor:{type:"string",default:l.dropdown.item.hoverTextColor},priorityPlusMenuSubmenuIndent:{type:"string",default:l.dropdown.submenu.indent},priorityPlusMenuItemSeparator:{type:"object",default:l.dropdown.item.separator},priorityPlusSubmenuBackgroundColor:{type:"string",default:l.dropdown.submenu.backgroundColor},priorityPlusSubmenuItemHoverBackground:{type:"string",default:l.dropdown.submenu.itemHoverBackground},priorityPlusSubmenuItemTextColor:{type:"string",default:l.dropdown.submenu.itemTextColor},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:l.dropdown.submenu.itemHoverTextColor},priorityPlusMobileCollapse:{type:"boolean",default:!0},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const s=window.wp.blockEditor,a=window.wp.components,u=window.wp.compose,p=window.wp.element,d=window.wp.data;function y(o){if(!o||"string"!=typeof o)return o;if(o.startsWith("var:preset|")){const e=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(e)return`var(--wp--preset--${e[1]}--${e[2]})`}return o}const g=({attributes:e,wrapperRef:r,clientId:i})=>{const{priorityPlusToggleLabel:n,priorityPlusToggleBackgroundColor:l,priorityPlusToggleTextColor:a,priorityPlusTogglePadding:u,priorityPlusToggleBorder:g,priorityPlusToggleBorderRadius:c}=e,m=(0,p.useRef)(null),[b,h]=(0,p.useState)({}),{selectBlock:v}=(0,d.useDispatch)(s.store);(0,p.useEffect)(()=>{if(!r?.current)return;const o=()=>{const o=r.current.querySelector(".wp-block-navigation-item__content");if(!o)return;const e=window.getComputedStyle(o);h({fontSize:e.fontSize,fontFamily:e.fontFamily,fontWeight:e.fontWeight,fontStyle:e.fontStyle,lineHeight:e.lineHeight})};o();const e=setTimeout(o,200);return()=>clearTimeout(e)},[r,e.fontSize,e.fontFamily,e.style?.typography?.fontSize,e.style?.typography?.fontWeight,e.style?.typography?.fontStyle]);const w={display:"flex",alignItems:"center",gap:"0.25em",whiteSpace:"nowrap",cursor:"pointer",...function(o){if(!o)return{border:"none"};if(o.color||o.width||o.style)return{borderColor:o.color||void 0,borderWidth:o.width||void 0,borderStyle:o.style||void 0};const e={},r={top:"Top",right:"Right",bottom:"Bottom",left:"Left"};for(const[t,i]of Object.entries(r)){const r=o[t];r&&(r.color&&(e[`border${i}Color`]=r.color),r.width&&(e[`border${i}Width`]=r.width),r.style&&(e[`border${i}Style`]=r.style))}return Object.keys(e).length>0?e:{border:"none"}}(g),borderRadius:function(o){if(o){if("string"==typeof o)return o;if("object"==typeof o)return`${o.topLeft||"0"} ${o.topRight||"0"} ${o.bottomRight||"0"} ${o.bottomLeft||"0"}`}}(c),background:l||"transparent",color:a||"inherit",paddingTop:y(u?.top)||void 0,paddingRight:y(u?.right)||void 0,paddingBottom:y(u?.bottom)||void 0,paddingLeft:y(u?.left)||void 0,fontSize:b.fontSize||"inherit",fontFamily:b.fontFamily||"inherit",fontWeight:b.fontWeight||"inherit",fontStyle:b.fontStyle||"inherit",lineHeight:b.lineHeight||"inherit"};return(0,t.jsxs)("span",{ref:m,className:"priority-plus-navigation-editor-more-button",style:w,"aria-hidden":"true",role:"button",tabIndex:-1,onClick:()=>v(i),onKeyDown:o=>{"Enter"!==o.key&&" "!==o.key||v(i)},children:[(0,t.jsx)("span",{children:n||(0,o.__)("More","priority-plus-navigation")}),(0,t.jsx)("span",{style:{display:"inline-flex",alignItems:"center",marginRight:"-8px",lineHeight:1},children:(0,t.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"1.25em",height:"1.25em",fill:"currentColor","aria-hidden":"true",focusable:"false",children:(0,t.jsx)("path",{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 13.5l4.5-3.1.9 1.2z"})})})]})};function c(o){if(!o||"string"!=typeof o)return o;if(o.startsWith("var:preset|")){const e=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(e)return`var(--wp--preset--${e[1]}--${e[2]})`}return o.startsWith("var("),o}function m(o){if(!o)return l.dropdown.borderRadius;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:e,topRight:r,bottomRight:t,bottomLeft:i}=o;return e===r&&r===t&&t===i&&e?e:`${e||"0"} ${r||"0"} ${t||"0"} ${i||"0"}`}return l.dropdown.borderRadius}function b(o){const e=`${l.dropdown.item.padding.top} ${l.dropdown.item.padding.right} ${l.dropdown.item.padding.bottom} ${l.dropdown.item.padding.left}`;if(!o)return e;if("string"==typeof o)return c(o);if("object"==typeof o){if(0===Object.keys(o).length)return e;const{top:r,right:t,bottom:i,left:n}=o;if(!(r&&""!==r&&"0"!==r||t&&""!==t&&"0"!==t||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return e;const l=c(r)||"0",s=c(t)||"0",a=c(i)||"0",u=c(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return e}function h({attributes:e,typographyStyles:r={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:s,priorityPlusMenuBoxShadow:a,priorityPlusMenuItemPadding:u,priorityPlusMenuItemHoverBackground:d,priorityPlusMenuItemTextColor:y,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:h,priorityPlusMenuItemSeparator:v,priorityPlusSubmenuBackgroundColor:w,priorityPlusSubmenuItemHoverBackground:P,priorityPlusSubmenuItemTextColor:x,priorityPlusSubmenuItemHoverTextColor:f}=e,C=i||l.dropdown.backgroundColor,_=n||l.dropdown.border,S=s||l.dropdown.borderRadius,T=a||l.dropdown.boxShadow,B=u||l.dropdown.item.padding,M=d||l.dropdown.item.hoverBackground,k=y||l.dropdown.item.textColor,j=g||l.dropdown.item.hoverTextColor,I=v||l.dropdown.item.separator,H=w||l.dropdown.submenu.backgroundColor,F=P||l.dropdown.submenu.itemHoverBackground,R=x||l.dropdown.submenu.itemTextColor,A=f||l.dropdown.submenu.itemHoverTextColor,[z,D]=(0,p.useState)(!0),$=(0,p.useMemo)(()=>{const o=function(o){const e=l.dropdown.border,r="--wp--custom--priority-plus-navigation--dropdown--";if(!o)return{[`${r}border-color`]:e.color,[`${r}border-width`]:e.width,[`${r}border-style`]:e.style};if(o.color||o.width||o.style)return{[`${r}border-color`]:o.color||e.color,[`${r}border-width`]:o.width||e.width,[`${r}border-style`]:o.style||e.style};const t=["top","right","bottom","left"];if(t.some(e=>o[e])){const i={};if(t.forEach(t=>{const n=o[t];if(n&&(n.color||n.width||n.style)){const o=n.width||e.width,l=n.style||e.style,s=n.color||e.color;i[`${r}border-${t}`]=`${o} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${r}border-color`]:e.color,[`${r}border-width`]:e.width,[`${r}border-style`]:e.style}}(_),e={"--wp--custom--priority-plus-navigation--dropdown--background-color":C,"--wp--custom--priority-plus-navigation--dropdown--border-radius":m(S),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":T,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":b(B),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":M,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":k,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":j,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(t=h,t?"object"==typeof t&&t.left?c(t.left):"string"==typeof t?c(t):l.dropdown.submenu.indent:l.dropdown.submenu.indent),"--wp--custom--priority-plus-navigation--dropdown--item-separator-color":I?.color||"transparent","--wp--custom--priority-plus-navigation--dropdown--item-separator-width":I?.width||"0","--wp--custom--priority-plus-navigation--dropdown--item-separator-style":I?.style||"solid","--wp--custom--priority-plus-navigation--dropdown--submenu-background-color":H,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-background-color":F,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-text-color":R,"--wp--custom--priority-plus-navigation--dropdown--submenu-item-hover-text-color":A,...o};var t;return r.fontFamily&&(e.fontFamily=r.fontFamily),r.fontSize&&(e.fontSize=r.fontSize),r.fontWeight&&(e.fontWeight=r.fontWeight),r.fontStyle&&(e.fontStyle=r.fontStyle),e},[C,_,S,T,B,M,k,j,h,I,H,F,R,A,r]);return(0,t.jsxs)("ul",{className:"priority-plus-navigation-dropdown is-open",style:$,children:[(0,t.jsx)("li",{children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Top level item","priority-plus-navigation")})}),(0,t.jsx)("li",{className:"dropdown-preview-hover-demo",children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Another top level item","priority-plus-navigation")})}),(0,t.jsxs)("li",{children:[(0,t.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>D(!z),"aria-expanded":z,children:[(0,t.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Top level with a submenu","priority-plus-navigation")}),(0,t.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),z&&(0,t.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,t.jsx)("li",{children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Submenu item","priority-plus-navigation")})}),(0,t.jsxs)("li",{children:[(0,t.jsxs)("button",{type:"button",className:"priority-plus-navigation-accordion-toggle priority-plus-navigation-accordion-toggle-full",onClick:()=>D(!z),"aria-expanded":z,children:[(0,t.jsx)("span",{className:"priority-plus-navigation-accordion-text",children:(0,o.__)("Submenu in a submenu","priority-plus-navigation")}),(0,t.jsx)("span",{className:"priority-plus-navigation-accordion-arrow","aria-hidden":"true",children:"›"})]}),z&&(0,t.jsxs)("ul",{className:"priority-plus-navigation-accordion-content is-open",children:[(0,t.jsx)("li",{children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Going deeper into the submenu","priority-plus-navigation")})}),(0,t.jsx)("li",{children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,t.jsx)("li",{children:(0,t.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,o.__)("Don't forget to test nav item the hover effect!","priority-plus-navigation")})})]})}function v({attributes:e,setAttributes:r}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:a,priorityPlusMenuItemHoverTextColor:u}=e;return(0,t.jsx)(s.PanelColorSettings,{title:(0,o.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:i||l.dropdown.backgroundColor,onChange:o=>r({priorityPlusMenuBackgroundColor:o||l.dropdown.backgroundColor}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||l.dropdown.item.hoverBackground,onChange:o=>r({priorityPlusMenuItemHoverBackground:o||l.dropdown.item.hoverBackground}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:a||l.dropdown.item.textColor,onChange:o=>r({priorityPlusMenuItemTextColor:o||l.dropdown.item.textColor}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:u||l.dropdown.item.hoverTextColor,onChange:o=>r({priorityPlusMenuItemHoverTextColor:o||l.dropdown.item.hoverTextColor}),enableAlpha:!0}]})}function w({attributes:e,setAttributes:r}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:a,priorityPlusSubmenuItemHoverTextColor:u}=e;return(0,t.jsx)(s.PanelColorSettings,{title:(0,o.__)("Priority Plus Submenu Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Background Color","priority-plus-navigation"),value:i||l.dropdown.submenu.backgroundColor,onChange:o=>r({priorityPlusSubmenuBackgroundColor:o||l.dropdown.submenu.backgroundColor}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||l.dropdown.submenu.itemHoverBackground,onChange:o=>r({priorityPlusSubmenuItemHoverBackground:o||l.dropdown.submenu.itemHoverBackground}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:a||l.dropdown.submenu.itemTextColor,onChange:o=>r({priorityPlusSubmenuItemTextColor:o||l.dropdown.submenu.itemTextColor}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:u||l.dropdown.submenu.itemHoverTextColor,onChange:o=>r({priorityPlusSubmenuItemHoverTextColor:o||l.dropdown.submenu.itemHoverTextColor}),enableAlpha:!0}]})}function P({value:e,onChange:r}){const i=(0,s.useSetting)("shadow.presets.theme"),n=(0,s.useSetting)("shadow.presets.default"),u=(0,p.useMemo)(()=>{const e=i||[],r=n||[],t=[{value:"none",label:(0,o.__)("None","priority-plus-navigation")},{value:l.dropdown.boxShadow,label:(0,o.__)("Default","priority-plus-navigation")}];return e.length>0&&e.forEach(o=>{t.push({value:o.shadow,label:o.name})}),r.length>0&&r.forEach(o=>{t.push({value:o.shadow,label:o.name})}),t},[i,n]),[d,y]=(0,p.useState)(u);return(0,t.jsx)(a.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,o.__)("Shadow","priority-plus-navigation"),value:e,onChange:o=>{r(o)},options:d,onFilterValueChange:o=>{if(!o)return void y(u);const e=o.toLowerCase();y(u.filter(o=>o.label.toLowerCase().includes(e)))}})}function x({attributes:e,setAttributes:r}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:u}=e,p=(0,s.useSetting)("color.palette")||[];return(0,t.jsxs)(a.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{r({priorityPlusMenuBorder:l.dropdown.border,priorityPlusMenuBorderRadius:l.dropdown.borderRadius,priorityPlusMenuBoxShadow:l.dropdown.boxShadow})},children:[(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=i)&&(!!(o.color||o.width||o.style)||["top","right","bottom","left"].some(e=>{const r=o[e];return r&&(r.color||r.width||r.style)}));var o},label:(0,o.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuBorder:l.dropdown.border}),isShownByDefault:!0,children:(0,t.jsx)(a.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:o=>r({priorityPlusMenuBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("string"==typeof o?""!==o:"object"==typeof o&&Object.values(o).some(o=>o&&""!==o));var o},label:(0,o.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuBorderRadius:l.dropdown.borderRadius}),isShownByDefault:!0,children:(0,t.jsx)(s.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>r({priorityPlusMenuBorderRadius:o})})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!!u,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuBoxShadow:l.dropdown.boxShadow}),isShownByDefault:!0,children:(0,t.jsx)(P,{value:u||l.dropdown.boxShadow,onChange:o=>r({priorityPlusMenuBoxShadow:o})})})]})}function f({attributes:e,setAttributes:r,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:u,priorityPlusMenuItemSeparator:p}=e,d=(0,s.useSetting)("color.palette")||[];return(0,t.jsxs)(a.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{r({priorityPlusMenuItemPadding:l.dropdown.item.padding,priorityPlusMenuSubmenuIndent:l.dropdown.submenu.indent,priorityPlusMenuItemSeparator:l.dropdown.item.separator})},children:[(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=p)&&!!(o.color||o.width||o.style);var o},label:(0,o.__)("Menu Item Divider","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuItemSeparator:l.dropdown.item.separator}),isShownByDefault:!0,children:(0,t.jsx)(a.__experimentalBorderControl,{__next40pxDefaultSize:!0,label:(0,o.__)("Menu Item Divider","priority-plus-navigation"),colors:d,value:p||l.dropdown.item.separator,onChange:o=>r({priorityPlusMenuItemSeparator:o}),enableAlpha:!0,enableStyle:!0,withSlider:!0})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=n)&&("object"==typeof o?Object.values(o).some(o=>o&&""!==o):!!o);var o},label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuItemPadding:l.dropdown.item.padding}),isShownByDefault:!0,children:i.length>0?(0,t.jsx)(s.__experimentalSpacingSizesControl,{values:n,onChange:o=>r({priorityPlusMenuItemPadding:o}),label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,t.jsx)(a.BoxControl,{label:(0,o.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:o=>r({priorityPlusMenuItemPadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{return!!(o=u)&&("object"==typeof o?o.left&&""!==o.left:!!o);var o},label:(0,o.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>r({priorityPlusMenuSubmenuIndent:{left:l.dropdown.submenu.indent}}),isShownByDefault:!0,children:(0,t.jsx)(s.__experimentalSpacingSizesControl,{label:(0,o.__)("Submenu Indent","priority-plus-navigation"),values:(y=u,y?"object"==typeof y&&y.left?y:"string"==typeof y?{left:y}:{left:l.dropdown.submenu.indent}:{left:l.dropdown.submenu.indent}),onChange:o=>r({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var y}function C({attributes:e,setAttributes:r,onClose:i}){const n=(0,s.useSetting)("typography.fontSizes")||[],u=(0,s.useSetting)("typography.fontFamilies")||[],p={};if(e.priorityPlusTypographyFontFamily){let o=[];u&&"object"==typeof u&&!Array.isArray(u)?(u.theme&&Array.isArray(u.theme)&&(o=o.concat(u.theme)),u.custom&&Array.isArray(u.custom)&&(o=o.concat(u.custom))):Array.isArray(u)&&u.forEach(e=>{e.fontFamilies&&Array.isArray(e.fontFamilies)?o=o.concat(e.fontFamilies):e.slug&&e.fontFamily&&o.push(e)});const r=o.find(o=>o.slug===e.priorityPlusTypographyFontFamily);r&&(p.fontFamily=r.fontFamily)}if(e.priorityPlusTypographyFontSize){let o=[];Array.isArray(n)&&n.forEach(e=>{e.sizes&&Array.isArray(e.sizes)?o=o.concat(e.sizes):e.slug&&e.size&&o.push(e)});const r=o.find(o=>o.slug===e.priorityPlusTypographyFontSize);r&&(p.fontSize=r.size)}e.priorityPlusTypographyFontWeight&&(p.fontWeight=e.priorityPlusTypographyFontWeight),e.priorityPlusTypographyFontStyle&&(p.fontStyle=e.priorityPlusTypographyFontStyle);const d=(0,s.useSetting)("spacing.spacingSizes")||[];return(0,t.jsxs)(a.Modal,{title:(0,o.__)("Customize Priority Plus Menu","priority-plus-navigation"),onRequestClose:i,className:"priority-plus-dropdown-customizer",size:"large",isDismissible:!0,children:[(0,t.jsxs)("div",{className:"dropdown-customizer-layout",children:[(0,t.jsxs)("div",{className:"dropdown-customizer-controls",children:[(0,t.jsx)(v,{attributes:e,setAttributes:r}),(0,t.jsx)(x,{attributes:e,setAttributes:r}),(0,t.jsx)(w,{attributes:e,setAttributes:r}),(0,t.jsx)(f,{attributes:e,setAttributes:r,spacingSizes:d})]}),(0,t.jsx)("div",{className:"dropdown-customizer-preview",children:(0,t.jsx)(h,{attributes:e,typographyStyles:p})})]}),(0,t.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,t.jsx)(a.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{r({priorityPlusMenuBackgroundColor:l.dropdown.backgroundColor,priorityPlusMenuBorder:l.dropdown.border,priorityPlusMenuBorderRadius:l.dropdown.borderRadius,priorityPlusMenuBoxShadow:l.dropdown.boxShadow,priorityPlusMenuItemPadding:l.dropdown.item.padding,priorityPlusMenuItemHoverBackground:l.dropdown.item.hoverBackground,priorityPlusMenuItemTextColor:l.dropdown.item.textColor,priorityPlusMenuItemHoverTextColor:l.dropdown.item.hoverTextColor,priorityPlusMenuSubmenuIndent:{left:l.dropdown.submenu.indent},priorityPlusMenuItemSeparator:l.dropdown.item.separator,priorityPlusSubmenuBackgroundColor:l.dropdown.submenu.backgroundColor,priorityPlusSubmenuItemHoverBackground:l.dropdown.submenu.itemHoverBackground,priorityPlusSubmenuItemTextColor:l.dropdown.submenu.itemTextColor,priorityPlusSubmenuItemHoverTextColor:l.dropdown.submenu.itemHoverTextColor})},children:(0,o.__)("Reset to Defaults","priority-plus-navigation")}),(0,t.jsx)(a.Button,{variant:"primary",onClick:i,children:(0,o.__)("Done","priority-plus-navigation")})]})]})}const _=(0,u.createHigherOrderComponent)(o=>e=>{const{name:r,attributes:i}=e;if("core/navigation"!==r)return(0,t.jsx)(o,{...e});const n=(i.className||"").includes("is-style-priority-plus-navigation")||!0===i.priorityPlusEnabled;return(0,p.useEffect)(()=>{if(!n)return;const o=document.querySelector(".block-editor-block-inspector");if(!o)return;const e=o.querySelector('.components-toggle-group-control-option-base[data-value="always"]');e&&(e.style.opacity="0.4",e.style.pointerEvents="none",e.style.textDecoration="line-through",e.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,t.jsx)(o,{...e})},"addDisableAlwaysOption"),S=(0,u.createHigherOrderComponent)(e=>r=>{const{name:i,attributes:n,setAttributes:u,clientId:d}=r;if("core/navigation"!==i)return(0,t.jsx)(e,{...r});const y=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!y)return(0,t.jsx)(e,{...r});const{priorityPlusToggleLabel:c,priorityPlusToggleBackgroundColor:m,priorityPlusToggleBackgroundColorHover:b,priorityPlusToggleTextColor:h,priorityPlusToggleTextColorHover:v,priorityPlusTogglePadding:w,priorityPlusToggleBorder:P,priorityPlusToggleBorderRadius:x,priorityPlusMobileCollapse:f=!0,overlayMenu:_}=n,S=(0,p.useRef)(null),[T,B]=(0,p.useState)(!1);(0,p.useEffect)(()=>{y&&"always"===_&&u({overlayMenu:"mobile"})},[y,_,u]),(0,p.useEffect)(()=>{if(!y)return;const o=n.style?.typography?.fontWeight,e=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&o===n.priorityPlusTypographyFontWeight&&e===n.priorityPlusTypographyFontStyle||u({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:e})},[y,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,u]);const M=(0,s.useSetting)("spacing.spacingSizes")||[],k=(0,s.useSetting)("color.palette")||[];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"priority-plus-navigation-editor-wrapper",ref:S,children:[(0,t.jsx)(e,{...r}),(0,t.jsx)(g,{attributes:n,wrapperRef:S,clientId:d})]}),(0,t.jsx)(s.InspectorControls,{group:"settings",children:(0,t.jsx)(a.Notice,{status:"info",isDismissible:!1,children:(0,o.__)('Priority Plus Navigation is not compatible with "Always" overlay menu. The overlay menu is set to "Mobile" to allow Priority+ to work on desktop.',"priority-plus-navigation")})}),(0,t.jsxs)(s.InspectorControls,{group:"styles",children:[(0,t.jsxs)(a.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>u({priorityPlusToggleLabel:"More",priorityPlusMenuBackgroundColor:l.dropdown.backgroundColor,priorityPlusMenuBorder:l.dropdown.border,priorityPlusMenuBorderRadius:l.dropdown.borderRadius,priorityPlusMenuBoxShadow:l.dropdown.boxShadow,priorityPlusMenuItemPadding:l.dropdown.item.padding,priorityPlusMenuItemHoverBackground:l.dropdown.item.hoverBackground,priorityPlusMenuItemTextColor:l.dropdown.item.textColor,priorityPlusMenuItemHoverTextColor:l.dropdown.item.hoverTextColor,priorityPlusMenuSubmenuIndent:{left:l.dropdown.submenu.indent},priorityPlusMenuItemSeparator:l.dropdown.item.separator,priorityPlusSubmenuBackgroundColor:l.dropdown.submenu.backgroundColor,priorityPlusSubmenuItemHoverBackground:l.dropdown.submenu.itemHoverBackground,priorityPlusSubmenuItemTextColor:l.dropdown.submenu.itemTextColor,priorityPlusSubmenuItemHoverTextColor:l.dropdown.submenu.itemHoverTextColor}),children:[(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!!c,label:(0,o.__)("Button Label","priority-plus-navigation"),onDeselect:()=>u({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,t.jsx)(a.TextControl,{label:(0,o.__)("Button Label","priority-plus-navigation"),value:c,onChange:o=>u({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!0!==f,label:(0,o.__)("Mobile Collapse","priority-plus-navigation"),onDeselect:()=>u({priorityPlusMobileCollapse:!0}),isShownByDefault:!0,children:(0,t.jsx)(a.ToggleControl,{label:(0,o.__)("Collapse all items on mobile","priority-plus-navigation"),checked:f,onChange:o=>u({priorityPlusMobileCollapse:o}),help:(0,o.__)("When enabled, all navigation items collapse into the toggle button at the mobile breakpoint.","priority-plus-navigation")})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:e,priorityPlusMenuBorderRadius:r,priorityPlusMenuBoxShadow:t,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||e||r||t||i||l||s||a)},label:(0,o.__)("Custom Dropdown","priority-plus-navigation"),onDeselect:()=>u({priorityPlusMenuBackgroundColor:l.dropdown.backgroundColor,priorityPlusMenuBorder:l.dropdown.border,priorityPlusMenuBorderRadius:l.dropdown.borderRadius,priorityPlusMenuBoxShadow:l.dropdown.boxShadow,priorityPlusMenuItemPadding:l.dropdown.item.padding,priorityPlusMenuItemHoverBackground:l.dropdown.item.hoverBackground,priorityPlusMenuItemTextColor:l.dropdown.item.textColor,priorityPlusMenuItemHoverTextColor:l.dropdown.item.hoverTextColor,priorityPlusMenuSubmenuIndent:{left:l.dropdown.submenu.indent},priorityPlusMenuItemSeparator:l.dropdown.item.separator,priorityPlusSubmenuBackgroundColor:l.dropdown.submenu.backgroundColor,priorityPlusSubmenuItemHoverBackground:l.dropdown.submenu.itemHoverBackground,priorityPlusSubmenuItemTextColor:l.dropdown.submenu.itemTextColor,priorityPlusSubmenuItemHoverTextColor:l.dropdown.submenu.itemHoverTextColor}),isShownByDefault:!0,children:(0,t.jsx)(a.Button,{variant:"primary",onClick:()=>B(!0),children:(0,o.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,t.jsx)(s.PanelColorSettings,{title:(0,o.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,o.__)("Text Color","priority-plus-navigation"),value:h,onChange:o=>u({priorityPlusToggleTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Text Hover Color","priority-plus-navigation"),value:v,onChange:o=>u({priorityPlusToggleTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Background Color","priority-plus-navigation"),value:m,onChange:o=>u({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:b,onChange:o=>u({priorityPlusToggleBackgroundColorHover:o||void 0}),clearable:!0,enableAlpha:!0}]}),(0,t.jsx)(a.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button Spacing","priority-plus-navigation"),resetAll:()=>u({priorityPlusTogglePadding:void 0}),children:(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!!w&&Object.keys(w).length>0,label:(0,o.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>u({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:M.length>0?(0,t.jsx)(s.__experimentalSpacingSizesControl,{values:w,onChange:o=>u({priorityPlusTogglePadding:o}),label:(0,o.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,t.jsx)(a.BoxControl,{label:(0,o.__)("Button Padding","priority-plus-navigation"),values:w,onChange:o=>u({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})}),(0,t.jsxs)(a.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button Border","priority-plus-navigation"),resetAll:()=>u({priorityPlusToggleBorder:void 0,priorityPlusToggleBorderRadius:void 0}),children:[(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!!P&&(!!(P.color||P.width||P.style)||["top","right","bottom","left"].some(o=>{const e=P[o];return e&&(e.color||e.width||e.style)})),label:(0,o.__)("Border","priority-plus-navigation"),onDeselect:()=>u({priorityPlusToggleBorder:void 0}),isShownByDefault:!0,children:(0,t.jsx)(a.BorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:k,value:P,onChange:o=>u({priorityPlusToggleBorder:o}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,t.jsx)(a.__experimentalToolsPanelItem,{hasValue:()=>!!x&&("string"==typeof x?""!==x:"object"==typeof x&&Object.values(x).some(o=>o&&""!==o)),label:(0,o.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>u({priorityPlusToggleBorderRadius:void 0}),isShownByDefault:!0,children:(0,t.jsx)(s.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:x,onChange:o=>u({priorityPlusToggleBorderRadius:o})})})]})]}),T&&(0,t.jsx)(C,{attributes:n,setAttributes:u,onClose:()=>B(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",_,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",S,10)})(); \ No newline at end of file diff --git a/build/priority-plus-navigation.asset.php b/build/priority-plus-navigation.asset.php index 5f13c8a..0520f86 100644 --- a/build/priority-plus-navigation.asset.php +++ b/build/priority-plus-navigation.asset.php @@ -1 +1 @@ - array(), 'version' => '276687636cd44ad78f29'); + array(), 'version' => '63a2edf6ac04223dca6b'); diff --git a/build/priority-plus-navigation.js b/build/priority-plus-navigation.js index 7656151..e7d3068 100644 --- a/build/priority-plus-navigation.js +++ b/build/priority-plus-navigation.js @@ -1 +1 @@ -(()=>{"use strict";var t,e={823(){const t="More";function e(t){if(!t)return!1;const e=window.getComputedStyle(t),i=t.getBoundingClientRect();return"none"!==e.display&&"hidden"!==e.visibility&&i.width>0&&i.height>0}function i(t){return e(t)?t.getBoundingClientRect().width:0}function n(t){return e(t)}function s(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}function o(t){const e={text:"",url:"#",hasSubmenu:!1,children:[]},i=t.querySelector(":scope > .wp-block-navigation__submenu-container");let n=t.querySelector(":scope > a");if(n||(n=t.querySelector(":scope > .wp-block-navigation-item__content a")),!n){if(i){const i=t.cloneNode(!0),n=i.querySelector(".wp-block-navigation__submenu-container");n&&n.remove(),e.text=i.textContent.trim()}else e.text=t.textContent.trim();return i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}return e.text=function(t){if(!t)return"";const e=t.querySelector(".wp-block-navigation-item__label");if(e)return e.textContent.trim();const i=t.cloneNode(!0);i.querySelectorAll("*").forEach(t=>t.remove());let n=i.textContent.trim();if(!n){const e=Array.from(t.childNodes).filter(t=>t.nodeType===Node.TEXT_NODE);e.length>0&&(n=e.map(t=>t.textContent.trim()).filter(t=>t).join(" "))}return n}(n),i&&e.text&&(e.text=function(t,e){if(!t||!e)return t;const i=[];if(e.querySelectorAll("li a").forEach(e=>{const n=e.textContent.trim();n&&t.includes(n)&&i.push(n)}),i.length>0){let e=t;return i.forEach(t=>{e=e.replace(t,"").trim()}),e}return t}(e.text,i)),e.url=n.getAttribute("href")||"#",i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}function r(t,e,i,n,o){const a=`${i}-submenu-${n.value++}`;let l="";return t.hasSubmenu?(l=o?`\n\t\t\t\t\n\t\t\t\t