From 7a075de60b95e69a521d6a71ca305a5cdccf14c1 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Sun, 15 Mar 2026 23:18:45 -0400 Subject: [PATCH 1/7] add no-wrap --- build/style-priority-plus-navigation-rtl.css | 2 +- build/style-priority-plus-navigation.css | 2 +- src/styles/style.scss | 28 ++++++++++++++++++++ 3 files changed, 30 insertions(+), 2 deletions(-) diff --git a/build/style-priority-plus-navigation-rtl.css b/build/style-priority-plus-navigation-rtl.css index 154b855..8ba5144 100644 --- a/build/style-priority-plus-navigation-rtl.css +++ b/build/style-priority-plus-navigation-rtl.css @@ -1 +1 @@ -: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;border:none!important;position:relative}.is-style-priority-plus-navigation .priority-plus-navigation-more-button{align-items:center;background:var(--priority-plus-navigation--background);border-color:var(--priority-plus-navigation--border-color);border-radius:var(--priority-plus-navigation--border-radius);border-style:var(--priority-plus-navigation--border-style);border-width:var(--priority-plus-navigation--border-width);color:var(--priority-plus-navigation--color);cursor:pointer;display:flex;font-family:var(--priority-plus-navigation--font-family);font-size:var(--priority-plus-navigation--font-size);font-style:var(--priority-plus-navigation--font-style);font-weight:var(--priority-plus-navigation--font-weight);outline:none;padding:var(--priority-plus-navigation--padding);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus,.is-style-priority-plus-navigation .priority-plus-navigation-more-button:hover{background:var(--priority-plus-navigation--background-hover);color:var(--priority-plus-navigation--color-hover)}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon{align-items:center;display:inline-flex;line-height:1}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon svg{fill:currentcolor;height:1.25em;width:1.25em}.is-style-priority-plus-navigation .priority-plus-navigation-more-button[aria-expanded=true] .priority-plus-navigation-icon{transform:rotate(-180deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown{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))!important;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))!important;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))!important;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))!important;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{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown 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 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-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{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{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{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{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{transform:rotate(-90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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>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>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>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>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>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>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-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{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{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{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{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{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{transform:rotate(-90deg)}.is-style-priority-plus-navigation[data-more-hidden=true] .priority-plus-navigation-more{display:none} +: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;border:none!important;max-width:100%;min-width:0;position:relative}.is-style-priority-plus-navigation.is-layout-flex{flex-wrap:nowrap!important}.is-style-priority-plus-navigation .wp-block-navigation__container{flex-shrink:1;flex-wrap:nowrap!important;min-width:0}.is-style-priority-plus-navigation .wp-block-navigation__container>.wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.is-style-priority-plus-navigation .priority-plus-navigation-more{flex-shrink:0}.is-style-priority-plus-navigation .priority-plus-navigation-more-button{align-items:center;background:var(--priority-plus-navigation--background);border-color:var(--priority-plus-navigation--border-color);border-radius:var(--priority-plus-navigation--border-radius);border-style:var(--priority-plus-navigation--border-style);border-width:var(--priority-plus-navigation--border-width);color:var(--priority-plus-navigation--color);cursor:pointer;display:flex;font-family:var(--priority-plus-navigation--font-family);font-size:var(--priority-plus-navigation--font-size);font-style:var(--priority-plus-navigation--font-style);font-weight:var(--priority-plus-navigation--font-weight);outline:none;padding:var(--priority-plus-navigation--padding);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus,.is-style-priority-plus-navigation .priority-plus-navigation-more-button:hover{background:var(--priority-plus-navigation--background-hover);color:var(--priority-plus-navigation--color-hover)}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon{align-items:center;display:inline-flex;line-height:1}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon svg{fill:currentcolor;height:1.25em;width:1.25em}.is-style-priority-plus-navigation .priority-plus-navigation-more-button[aria-expanded=true] .priority-plus-navigation-icon{transform:rotate(-180deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown{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))!important;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))!important;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))!important;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))!important;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{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown 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 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-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{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{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{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{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{transform:rotate(-90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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>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>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>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>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>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>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-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{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{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{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{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{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{transform:rotate(-90deg)}.is-style-priority-plus-navigation[data-more-hidden=true] .priority-plus-navigation-more{display:none} diff --git a/build/style-priority-plus-navigation.css b/build/style-priority-plus-navigation.css index 751a247..1108a91 100644 --- a/build/style-priority-plus-navigation.css +++ b/build/style-priority-plus-navigation.css @@ -1 +1 @@ -: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;border:none!important;position:relative}.is-style-priority-plus-navigation .priority-plus-navigation-more-button{align-items:center;background:var(--priority-plus-navigation--background);border-color:var(--priority-plus-navigation--border-color);border-radius:var(--priority-plus-navigation--border-radius);border-style:var(--priority-plus-navigation--border-style);border-width:var(--priority-plus-navigation--border-width);color:var(--priority-plus-navigation--color);cursor:pointer;display:flex;font-family:var(--priority-plus-navigation--font-family);font-size:var(--priority-plus-navigation--font-size);font-style:var(--priority-plus-navigation--font-style);font-weight:var(--priority-plus-navigation--font-weight);outline:none;padding:var(--priority-plus-navigation--padding);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus,.is-style-priority-plus-navigation .priority-plus-navigation-more-button:hover{background:var(--priority-plus-navigation--background-hover);color:var(--priority-plus-navigation--color-hover)}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon{align-items:center;display:inline-flex;line-height:1}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon svg{fill:currentcolor;height:1.25em;width:1.25em}.is-style-priority-plus-navigation .priority-plus-navigation-more-button[aria-expanded=true] .priority-plus-navigation-icon{transform:rotate(180deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown{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))!important;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))!important;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))!important;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))!important;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{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown 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 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-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{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{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{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{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{transform:rotate(90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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>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>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>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>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>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>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-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{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{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{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{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{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{transform:rotate(90deg)}.is-style-priority-plus-navigation[data-more-hidden=true] .priority-plus-navigation-more{display:none} +: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;border:none!important;max-width:100%;min-width:0;position:relative}.is-style-priority-plus-navigation.is-layout-flex{flex-wrap:nowrap!important}.is-style-priority-plus-navigation .wp-block-navigation__container{flex-shrink:1;flex-wrap:nowrap!important;min-width:0}.is-style-priority-plus-navigation .wp-block-navigation__container>.wp-block-navigation-item{flex-shrink:0;white-space:nowrap}.is-style-priority-plus-navigation .priority-plus-navigation-more{flex-shrink:0}.is-style-priority-plus-navigation .priority-plus-navigation-more-button{align-items:center;background:var(--priority-plus-navigation--background);border-color:var(--priority-plus-navigation--border-color);border-radius:var(--priority-plus-navigation--border-radius);border-style:var(--priority-plus-navigation--border-style);border-width:var(--priority-plus-navigation--border-width);color:var(--priority-plus-navigation--color);cursor:pointer;display:flex;font-family:var(--priority-plus-navigation--font-family);font-size:var(--priority-plus-navigation--font-size);font-style:var(--priority-plus-navigation--font-style);font-weight:var(--priority-plus-navigation--font-weight);outline:none;padding:var(--priority-plus-navigation--padding);transition:background .2s ease,color .2s ease}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus,.is-style-priority-plus-navigation .priority-plus-navigation-more-button:hover{background:var(--priority-plus-navigation--background-hover);color:var(--priority-plus-navigation--color-hover)}.is-style-priority-plus-navigation .priority-plus-navigation-more-button:focus-visible{outline:2px solid currentcolor;outline-offset:-2px}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon{align-items:center;display:inline-flex;line-height:1}.is-style-priority-plus-navigation .priority-plus-navigation-more-button .priority-plus-navigation-icon svg{fill:currentcolor;height:1.25em;width:1.25em}.is-style-priority-plus-navigation .priority-plus-navigation-more-button[aria-expanded=true] .priority-plus-navigation-icon{transform:rotate(180deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown{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))!important;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))!important;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))!important;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))!important;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{opacity:1;transform:translateY(0);visibility:visible}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>li{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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{margin:0;padding:0}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown 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 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-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{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{flex:1}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{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{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{transform:rotate(90deg)}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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{background:transparent}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown>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]{display:none!important}.is-style-priority-plus-navigation .priority-plus-navigation-dropdown .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>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>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>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>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>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>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-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{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{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{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{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{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{transform:rotate(90deg)}.is-style-priority-plus-navigation[data-more-hidden=true] .priority-plus-navigation-more{display:none} diff --git a/src/styles/style.scss b/src/styles/style.scss index e9349ba..a80cee2 100755 --- a/src/styles/style.scss +++ b/src/styles/style.scss @@ -6,6 +6,34 @@ // Reset any WordPress core border styles that might interfere border: none !important; + // Prevent the nav from expanding beyond its parent when it's a flex/grid + // child. Without this, min-width: auto causes the nav to grow to fit all + // items, inflating the JS width calculation on initial load. + min-width: 0; + max-width: 100%; + + // Prevent the More button from wrapping to a new line. + // WordPress is-layout-flex sets flex-wrap: wrap on the nav, which causes + // the More div (sibling to the UL) to drop below when space is tight. + &.is-layout-flex { + flex-wrap: nowrap !important; + } + + .wp-block-navigation__container { + flex-wrap: nowrap !important; + flex-shrink: 1; + min-width: 0; + + > .wp-block-navigation-item { + white-space: nowrap; + flex-shrink: 0; + } + } + + .priority-plus-navigation-more { + flex-shrink: 0; + } + .priority-plus-navigation-more-button { display: flex; align-items: center; From f936d13d268cb77be72fbb4a7b1f7736d9c80014 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Mon, 16 Mar 2026 00:16:12 -0400 Subject: [PATCH 2/7] update editor view --- build/priority-plus-nav-editor-rtl.css | 2 +- build/priority-plus-nav-editor.asset.php | 2 +- build/priority-plus-nav-editor.css | 2 +- build/priority-plus-nav-editor.js | 2 +- src/styles/editor.scss | 73 +++++----- .../components/more-button-preview.js | 130 ++++++++++++++++++ src/variation/controls.js | 17 ++- 7 files changed, 182 insertions(+), 46 deletions(-) create mode 100644 src/variation/components/more-button-preview.js diff --git a/build/priority-plus-nav-editor-rtl.css b/build/priority-plus-nav-editor-rtl.css index 717402a..b9fe9a9 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)}.editor-styles-wrapper .priority-plus-navigation-editor-wrapper nav{align-items:center;border:2px solid green!important;display:flex;flex-wrap:nowrap;width:100%}.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{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} diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index f7da64c..7a8f1e2 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' => '37d504951cbec98b7de6'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => '0236540fec4384eb895d'); diff --git a/build/priority-plus-nav-editor.css b/build/priority-plus-nav-editor.css index 3b866d5..94eb292 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)}.editor-styles-wrapper .priority-plus-navigation-editor-wrapper nav{align-items:center;border:2px solid green!important;display:flex;flex-wrap:nowrap;width:100%}.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{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} diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index 4282eff..6139d8c 100644 --- a/build/priority-plus-nav-editor.js +++ b/build/priority-plus-nav-editor.js @@ -1 +1 @@ -(()=>{"use strict";const o=window.wp.i18n,t=window.wp.blocks,e=window.wp.primitives,r=window.ReactJSXRuntime;var i=(0,r.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,r.jsx)(e.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"},v="#ffffff",h="rgba(0, 0, 0, 0.05)",P="#191919",b="#191919";(0,t.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,t)=>o.className?.includes(t.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(o,t)=>"core/navigation"!==t?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},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:v},priorityPlusSubmenuItemHoverBackground:{type:"string",default:h},priorityPlusSubmenuItemTextColor:{type:"string",default:P},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:b},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 t=o.match(/^var:preset\|([^|]+)\|(.+)$/);if(t)return`var(--wp--preset--${t[1]}--${t[2]})`}return o.startsWith("var("),o}function C(o){if(!o)return a;if("string"==typeof o)return o;if("object"==typeof o){const{topLeft:t,topRight:e,bottomRight:r,bottomLeft:i}=o;return t===e&&e===r&&r===i&&t?t:`${t||"0"} ${e||"0"} ${r||"0"} ${i||"0"}`}return a}function M(o){const t=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!o)return t;if("string"==typeof o)return S(o);if("object"==typeof o){if(0===Object.keys(o).length)return t;const{top:e,right:r,bottom:i,left:n}=o;if(!(e&&""!==e&&"0"!==e||r&&""!==r&&"0"!==r||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return t;const l=S(e)||"0",s=S(r)||"0",a=S(i)||"0",u=S(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return t}function T({attributes:t,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:f,priorityPlusMenuBoxShadow:x,priorityPlusMenuItemPadding:_,priorityPlusMenuItemHoverBackground:T,priorityPlusMenuItemTextColor:B,priorityPlusMenuItemHoverTextColor:I,priorityPlusMenuSubmenuIndent:j,priorityPlusMenuItemSeparator:k,priorityPlusSubmenuBackgroundColor:F,priorityPlusSubmenuItemHoverBackground:H,priorityPlusSubmenuItemTextColor:A,priorityPlusSubmenuItemHoverTextColor:z}=t,D=i||l,N=n||s,$=f||a,R=x||u,E=_||p,W=T||y,L=B||d,V=I||g,O=k||m,q=F||v,Z=H||h,G=A||P,J=z||b,[X,K]=(0,w.useState)(!0),Q=(0,w.useMemo)(()=>{const o=function(o){const t=s,e="--wp--custom--priority-plus-navigation--dropdown--";if(!o)return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style};if(o.color||o.width||o.style)return{[`${e}border-color`]:o.color||t.color,[`${e}border-width`]:o.width||t.width,[`${e}border-style`]:o.style||t.style};const r=["top","right","bottom","left"];if(r.some(t=>o[t])){const i={};if(r.forEach(r=>{const n=o[r];if(n&&(n.color||n.width||n.style)){const o=n.width||t.width,l=n.style||t.style,s=n.color||t.color;i[`${e}border-${r}`]=`${o} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${e}border-color`]:t.color,[`${e}border-width`]:t.width,[`${e}border-style`]:t.style}}(N),t={"--wp--custom--priority-plus-navigation--dropdown--background-color":D,"--wp--custom--priority-plus-navigation--dropdown--border-radius":C($),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":R,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":M(E),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":W,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":L,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":V,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(r=j,r?"object"==typeof r&&r.left?S(r.left):"string"==typeof r?S(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 e.fontFamily&&(t.fontFamily=e.fontFamily),e.fontSize&&(t.fontSize=e.fontSize),e.fontWeight&&(t.fontWeight=e.fontWeight),e.fontStyle&&(t.fontStyle=e.fontStyle),t},[D,N,$,R,E,W,L,V,j,O,q,Z,G,J,e]);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 B({attributes:t,setAttributes:e}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:s,priorityPlusMenuItemHoverTextColor:a}=t;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=>e({priorityPlusMenuBackgroundColor:o||l}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:o=>e({priorityPlusMenuItemHoverBackground:o||y}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:s||d,onChange:o=>e({priorityPlusMenuItemTextColor:o||d}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:a||g,onChange:o=>e({priorityPlusMenuItemHoverTextColor:o||g}),enableAlpha:!0}]})}function I({attributes:t,setAttributes:e}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:l,priorityPlusSubmenuItemHoverTextColor:s}=t;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||v,onChange:o=>e({priorityPlusSubmenuBackgroundColor:o||v}),enableAlpha:!0},{label:(0,o.__)("Item Hover Background","priority-plus-navigation"),value:n||h,onChange:o=>e({priorityPlusSubmenuItemHoverBackground:o||h}),enableAlpha:!0},{label:(0,o.__)("Item Text Color","priority-plus-navigation"),value:l||P,onChange:o=>e({priorityPlusSubmenuItemTextColor:o||P}),enableAlpha:!0},{label:(0,o.__)("Item Hover Text Color","priority-plus-navigation"),value:s||b,onChange:o=>e({priorityPlusSubmenuItemHoverTextColor:o||b}),enableAlpha:!0}]})}function j({value:t,onChange:e}){const i=(0,f.useSetting)("shadow.presets.theme"),n=(0,f.useSetting)("shadow.presets.default"),l=(0,w.useMemo)(()=>{const t=i||[],e=n||[],r=[{value:"none",label:(0,o.__)("None","priority-plus-navigation")},{value:u,label:(0,o.__)("Default","priority-plus-navigation")}];return t.length>0&&t.forEach(o=>{r.push({value:o.shadow,label:o.name})}),e.length>0&&e.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:t,onChange:o=>{e(o)},options:s,onFilterValueChange:o=>{if(!o)return void a(l);const t=o.toLowerCase();a(l.filter(o=>o.label.toLowerCase().includes(t)))}})}function k({attributes:t,setAttributes:e}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=t,p=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({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(t=>{const e=o[t];return e&&(e.color||e.width||e.style)}));var o},label:(0,o.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderBoxControl,{label:(0,o.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:o=>e({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:()=>e({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,o.__)("Border Radius","priority-plus-navigation"),values:n,onChange:o=>e({priorityPlusMenuBorderRadius:o})})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,o.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,r.jsx)(j,{value:l||u,onChange:o=>e({priorityPlusMenuBoxShadow:o})})})]})}function F({attributes:t,setAttributes:e,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l,priorityPlusMenuItemSeparator:s}=t,a=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,o.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{e({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:()=>e({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=>e({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:()=>e({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:i.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:n,onChange:o=>e({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=>e({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:()=>e({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=>e({priorityPlusMenuSubmenuIndent:o}),sides:["left"]})})]});var u}function H({attributes:t,setAttributes:e,onClose:i}){const n=(0,f.useSetting)("typography.fontSizes")||[],_=(0,f.useSetting)("typography.fontFamilies")||[],w={};if(t.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(t=>{t.fontFamilies&&Array.isArray(t.fontFamilies)?o=o.concat(t.fontFamilies):t.slug&&t.fontFamily&&o.push(t)});const e=o.find(o=>o.slug===t.priorityPlusTypographyFontFamily);e&&(w.fontFamily=e.fontFamily)}if(t.priorityPlusTypographyFontSize){let o=[];Array.isArray(n)&&n.forEach(t=>{t.sizes&&Array.isArray(t.sizes)?o=o.concat(t.sizes):t.slug&&t.size&&o.push(t)});const e=o.find(o=>o.slug===t.priorityPlusTypographyFontSize);e&&(w.fontSize=e.size)}t.priorityPlusTypographyFontWeight&&(w.fontWeight=t.priorityPlusTypographyFontWeight),t.priorityPlusTypographyFontStyle&&(w.fontStyle=t.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)(B,{attributes:t,setAttributes:e}),(0,r.jsx)(k,{attributes:t,setAttributes:e}),(0,r.jsx)(I,{attributes:t,setAttributes:e}),(0,r.jsx)(F,{attributes:t,setAttributes:e,spacingSizes:S})]}),(0,r.jsx)("div",{className:"dropdown-customizer-preview",children:(0,r.jsx)(T,{attributes:t,typographyStyles:w})})]}),(0,r.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,r.jsx)(x.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:d,priorityPlusMenuItemHoverTextColor:g,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:v,priorityPlusSubmenuItemHoverBackground:h,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b})},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 A=(0,_.createHigherOrderComponent)(o=>t=>{const{name:e,attributes:i}=t;if("core/navigation"!==e)return(0,r.jsx)(o,{...t});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 t=o.querySelector('.components-toggle-group-control-option-base[data-value="always"]');t&&(t.style.opacity="0.4",t.style.pointerEvents="none",t.style.textDecoration="line-through",t.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,r.jsx)(o,{...t})},"addDisableAlwaysOption"),z=(0,_.createHigherOrderComponent)(t=>e=>{const{name:i,attributes:n,setAttributes:_}=e;if("core/navigation"!==i)return(0,r.jsx)(t,{...e});const S=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!S)return(0,r.jsx)(t,{...e});const{priorityPlusToggleLabel:C,priorityPlusToggleBackgroundColor:M,priorityPlusToggleBackgroundColorHover:T,priorityPlusToggleTextColor:B,priorityPlusToggleTextColorHover:I,priorityPlusTogglePadding:j,overlayMenu:k}=n,[F,A]=(0,w.useState)(!1);(0,w.useEffect)(()=>{S&&"always"===k&&_({overlayMenu:"mobile"})},[S,k,_]),(0,w.useEffect)(()=>{if(!S)return;const o=n.style?.typography?.fontWeight,t=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&o===n.priorityPlusTypographyFontWeight&&t===n.priorityPlusTypographyFontStyle||_({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:o,priorityPlusTypographyFontStyle:t})},[S,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,_]);const z=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t,{...e}),(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:v,priorityPlusSubmenuItemHoverBackground:h,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!C,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:C,onChange:o=>_({priorityPlusToggleLabel:o}),help:(0,o.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:o,priorityPlusMenuBorder:t,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:r,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(o||t||e||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:v,priorityPlusSubmenuItemHoverBackground:h,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b}),isShownByDefault:!0,children:(0,r.jsx)(x.Button,{variant:"primary",onClick:()=>A(!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:B,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:M,onChange:o=>_({priorityPlusToggleBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Background Hover Color","priority-plus-navigation"),value:T,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:()=>!!j&&Object.keys(j).length>0,label:(0,o.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>_({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:z.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:j,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:j,onChange:o=>_({priorityPlusTogglePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]}),F&&(0,r.jsx)(H,{attributes:n,setAttributes:_,onClose:()=>A(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",A,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",z,10)})(); \ No newline at end of file +(()=>{"use strict";const t=window.wp.i18n,o=window.wp.blocks,e=window.wp.primitives,r=window.ReactJSXRuntime;var i=(0,r.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,r.jsx)(e.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)",P="#191919",b="#191919";(0,o.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,t.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,t.__)('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:(t,o)=>t.className?.includes(o.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(t,o)=>"core/navigation"!==o?t:{...t,attributes:{...t.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},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:P},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:b},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const f=window.wp.blockEditor,x=window.wp.components,w=window.wp.compose,_=window.wp.element;function S(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t}const C=({attributes:o,wrapperRef:e})=>{const{priorityPlusToggleLabel:i,priorityPlusToggleBackgroundColor:n,priorityPlusToggleTextColor:l,priorityPlusTogglePadding:s}=o,a=(0,_.useRef)(null),[u,p]=(0,_.useState)({});(0,_.useEffect)(()=>{if(!e?.current)return;const t=()=>{const t=e.current.querySelector(".wp-block-navigation-item__content");if(!t)return;const o=window.getComputedStyle(t);p({fontSize:o.fontSize,fontFamily:o.fontFamily,fontWeight:o.fontWeight,fontStyle:o.fontStyle,lineHeight:o.lineHeight})};t();const o=setTimeout(t,200);return()=>clearTimeout(o)},[e,o.fontSize,o.fontFamily,o.style?.typography?.fontSize,o.style?.typography?.fontWeight,o.style?.typography?.fontStyle]);const y={display:"flex",alignItems:"center",gap:"0.25em",whiteSpace:"nowrap",cursor:"default",border:"none",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:u.fontSize||"inherit",fontFamily:u.fontFamily||"inherit",fontWeight:u.fontWeight||"inherit",fontStyle:u.fontStyle||"inherit",lineHeight:u.lineHeight||"inherit"};return(0,r.jsxs)("span",{ref:a,className:"priority-plus-navigation-editor-more-button",style:y,"aria-hidden":"true",children:[(0,r.jsx)("span",{children:i||(0,t.__)("More","priority-plus-navigation")}),(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(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t.startsWith("var("),t}function M(t){if(!t)return a;if("string"==typeof t)return t;if("object"==typeof t){const{topLeft:o,topRight:e,bottomRight:r,bottomLeft:i}=t;return o===e&&e===r&&r===i&&o?o:`${o||"0"} ${e||"0"} ${r||"0"} ${i||"0"}`}return a}function B(t){const o=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!t)return o;if("string"==typeof t)return T(t);if("object"==typeof t){if(0===Object.keys(t).length)return o;const{top:e,right:r,bottom:i,left:n}=t;if(!(e&&""!==e&&"0"!==e||r&&""!==r&&"0"!==r||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return o;const l=T(e)||"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 o}function I({attributes:o,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:f,priorityPlusMenuBoxShadow:x,priorityPlusMenuItemPadding:w,priorityPlusMenuItemHoverBackground:S,priorityPlusMenuItemTextColor:C,priorityPlusMenuItemHoverTextColor:I,priorityPlusMenuSubmenuIndent:j,priorityPlusMenuItemSeparator:k,priorityPlusSubmenuBackgroundColor:F,priorityPlusSubmenuItemHoverBackground:H,priorityPlusSubmenuItemTextColor:A,priorityPlusSubmenuItemHoverTextColor:z}=o,$=i||l,D=n||s,N=f||a,R=x||u,W=w||p,E=S||y,L=C||d,V=I||g,O=k||m,q=F||h,Z=H||v,G=A||P,J=z||b,[X,K]=(0,_.useState)(!0),Q=(0,_.useMemo)(()=>{const t=function(t){const o=s,e="--wp--custom--priority-plus-navigation--dropdown--";if(!t)return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style};if(t.color||t.width||t.style)return{[`${e}border-color`]:t.color||o.color,[`${e}border-width`]:t.width||o.width,[`${e}border-style`]:t.style||o.style};const r=["top","right","bottom","left"];if(r.some(o=>t[o])){const i={};if(r.forEach(r=>{const n=t[r];if(n&&(n.color||n.width||n.style)){const t=n.width||o.width,l=n.style||o.style,s=n.color||o.color;i[`${e}border-${r}`]=`${t} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style}}(D),o={"--wp--custom--priority-plus-navigation--dropdown--background-color":$,"--wp--custom--priority-plus-navigation--dropdown--border-radius":M(N),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":R,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":B(W),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":E,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":L,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":V,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(r=j,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,...t};var r;return e.fontFamily&&(o.fontFamily=e.fontFamily),e.fontSize&&(o.fontSize=e.fontSize),e.fontWeight&&(o.fontWeight=e.fontWeight),e.fontStyle&&(o.fontStyle=e.fontStyle),o},[$,D,N,R,W,E,L,V,j,O,q,Z,G,J,e]);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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,t.__)("Don't forget to test nav item the hover effect!","priority-plus-navigation")})})]})}function j({attributes:o,setAttributes:e}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:s,priorityPlusMenuItemHoverTextColor:a}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||l,onChange:t=>e({priorityPlusMenuBackgroundColor:t||l}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:t=>e({priorityPlusMenuItemHoverBackground:t||y}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:s||d,onChange:t=>e({priorityPlusMenuItemTextColor:t||d}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:a||g,onChange:t=>e({priorityPlusMenuItemHoverTextColor:t||g}),enableAlpha:!0}]})}function k({attributes:o,setAttributes:e}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:l,priorityPlusSubmenuItemHoverTextColor:s}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Submenu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||h,onChange:t=>e({priorityPlusSubmenuBackgroundColor:t||h}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||v,onChange:t=>e({priorityPlusSubmenuItemHoverBackground:t||v}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:l||P,onChange:t=>e({priorityPlusSubmenuItemTextColor:t||P}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:s||b,onChange:t=>e({priorityPlusSubmenuItemHoverTextColor:t||b}),enableAlpha:!0}]})}function F({value:o,onChange:e}){const i=(0,f.useSetting)("shadow.presets.theme"),n=(0,f.useSetting)("shadow.presets.default"),l=(0,_.useMemo)(()=>{const o=i||[],e=n||[],r=[{value:"none",label:(0,t.__)("None","priority-plus-navigation")},{value:u,label:(0,t.__)("Default","priority-plus-navigation")}];return o.length>0&&o.forEach(t=>{r.push({value:t.shadow,label:t.name})}),e.length>0&&e.forEach(t=>{r.push({value:t.shadow,label:t.name})}),r},[i,n]),[s,a]=(0,_.useState)(l);return(0,r.jsx)(x.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Shadow","priority-plus-navigation"),value:o,onChange:t=>{e(t)},options:s,onFilterValueChange:t=>{if(!t)return void a(l);const o=t.toLowerCase();a(l.filter(t=>t.label.toLowerCase().includes(o)))}})}function H({attributes:o,setAttributes:e}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=o,p=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=i)&&(!!(t.color||t.width||t.style)||["top","right","bottom","left"].some(o=>{const e=t[o];return e&&(e.color||e.width||e.style)}));var t},label:(0,t.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderBoxControl,{label:(0,t.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:t=>e({priorityPlusMenuBorder:t}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("string"==typeof t?""!==t:"object"==typeof t&&Object.values(t).some(t=>t&&""!==t));var t},label:(0,t.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,t.__)("Border Radius","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuBorderRadius:t})})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,t.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,r.jsx)(F,{value:l||u,onChange:t=>e({priorityPlusMenuBoxShadow:t})})})]})}function A({attributes:o,setAttributes:e,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l,priorityPlusMenuItemSeparator:s}=o,a=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:c,priorityPlusMenuItemSeparator:m})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=s)&&!!(t.color||t.width||t.style);var t},label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemSeparator:m}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderControl,{__next40pxDefaultSize:!0,label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),colors:a,value:s||m,onChange:t=>e({priorityPlusMenuItemSeparator:t}),enableAlpha:!0,enableStyle:!0,withSlider:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("object"==typeof t?Object.values(t).some(t=>t&&""!==t):!!t);var t},label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:i.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=l)&&("object"==typeof t?t.left&&""!==t.left:!!t);var t},label:(0,t.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuSubmenuIndent:{left:c}}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalSpacingSizesControl,{label:(0,t.__)("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:t=>e({priorityPlusMenuSubmenuIndent:t}),sides:["left"]})})]});var u}function z({attributes:o,setAttributes:e,onClose:i}){const n=(0,f.useSetting)("typography.fontSizes")||[],w=(0,f.useSetting)("typography.fontFamilies")||[],_={};if(o.priorityPlusTypographyFontFamily){let t=[];w&&"object"==typeof w&&!Array.isArray(w)?(w.theme&&Array.isArray(w.theme)&&(t=t.concat(w.theme)),w.custom&&Array.isArray(w.custom)&&(t=t.concat(w.custom))):Array.isArray(w)&&w.forEach(o=>{o.fontFamilies&&Array.isArray(o.fontFamilies)?t=t.concat(o.fontFamilies):o.slug&&o.fontFamily&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontFamily);e&&(_.fontFamily=e.fontFamily)}if(o.priorityPlusTypographyFontSize){let t=[];Array.isArray(n)&&n.forEach(o=>{o.sizes&&Array.isArray(o.sizes)?t=t.concat(o.sizes):o.slug&&o.size&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontSize);e&&(_.fontSize=e.size)}o.priorityPlusTypographyFontWeight&&(_.fontWeight=o.priorityPlusTypographyFontWeight),o.priorityPlusTypographyFontStyle&&(_.fontStyle=o.priorityPlusTypographyFontStyle);const S=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(x.Modal,{title:(0,t.__)("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)(j,{attributes:o,setAttributes:e}),(0,r.jsx)(H,{attributes:o,setAttributes:e}),(0,r.jsx)(k,{attributes:o,setAttributes:e}),(0,r.jsx)(A,{attributes:o,setAttributes:e,spacingSizes:S})]}),(0,r.jsx)("div",{className:"dropdown-customizer-preview",children:(0,r.jsx)(I,{attributes:o,typographyStyles:_})})]}),(0,r.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,r.jsx)(x.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({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:P,priorityPlusSubmenuItemHoverTextColor:b})},children:(0,t.__)("Reset to Defaults","priority-plus-navigation")}),(0,r.jsx)(x.Button,{variant:"primary",onClick:i,children:(0,t.__)("Done","priority-plus-navigation")})]})]})}const $=(0,w.createHigherOrderComponent)(t=>o=>{const{name:e,attributes:i}=o;if("core/navigation"!==e)return(0,r.jsx)(t,{...o});const n=(i.className||"").includes("is-style-priority-plus-navigation")||!0===i.priorityPlusEnabled;return(0,_.useEffect)(()=>{if(!n)return;const t=document.querySelector(".block-editor-block-inspector");if(!t)return;const o=t.querySelector('.components-toggle-group-control-option-base[data-value="always"]');o&&(o.style.opacity="0.4",o.style.pointerEvents="none",o.style.textDecoration="line-through",o.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,r.jsx)(t,{...o})},"addDisableAlwaysOption"),D=(0,w.createHigherOrderComponent)(o=>e=>{const{name:i,attributes:n,setAttributes:w}=e;if("core/navigation"!==i)return(0,r.jsx)(o,{...e});const S=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!S)return(0,r.jsx)(o,{...e});const{priorityPlusToggleLabel:T,priorityPlusToggleBackgroundColor:M,priorityPlusToggleBackgroundColorHover:B,priorityPlusToggleTextColor:I,priorityPlusToggleTextColorHover:j,priorityPlusTogglePadding:k,overlayMenu:F}=n,H=(0,_.useRef)(null),[A,$]=(0,_.useState)(!1);(0,_.useEffect)(()=>{S&&"always"===F&&w({overlayMenu:"mobile"})},[S,F,w]),(0,_.useEffect)(()=>{if(!S)return;const t=n.style?.typography?.fontWeight,o=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&t===n.priorityPlusTypographyFontWeight&&o===n.priorityPlusTypographyFontStyle||w({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:t,priorityPlusTypographyFontStyle:o})},[S,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,w]);const D=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"priority-plus-navigation-editor-wrapper",ref:H,children:[(0,r.jsx)(o,{...e}),(0,r.jsx)(C,{attributes:n,wrapperRef:H})]}),(0,r.jsx)(f.InspectorControls,{group:"settings",children:(0,r.jsx)(x.Notice,{status:"info",isDismissible:!1,children:(0,t.__)('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,t.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>w({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:P,priorityPlusSubmenuItemHoverTextColor:b}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!T,label:(0,t.__)("Button Label","priority-plus-navigation"),onDeselect:()=>w({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,r.jsx)(x.TextControl,{label:(0,t.__)("Button Label","priority-plus-navigation"),value:T,onChange:t=>w({priorityPlusToggleLabel:t}),help:(0,t.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:t,priorityPlusMenuBorder:o,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:r,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(t||o||e||r||i||l||s||a)},label:(0,t.__)("Custom Dropdown","priority-plus-navigation"),onDeselect:()=>w({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:P,priorityPlusSubmenuItemHoverTextColor:b}),isShownByDefault:!0,children:(0,r.jsx)(x.Button,{variant:"primary",onClick:()=>$(!0),children:(0,t.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Text Color","priority-plus-navigation"),value:I,onChange:t=>w({priorityPlusToggleTextColor:t||void 0}),clearable:!0},{label:(0,t.__)("Text Hover Color","priority-plus-navigation"),value:j,onChange:t=>w({priorityPlusToggleTextColorHover:t||void 0}),clearable:!0},{label:(0,t.__)("Background Color","priority-plus-navigation"),value:M,onChange:t=>w({priorityPlusToggleBackgroundColor:t||void 0}),clearable:!0},{label:(0,t.__)("Background Hover Color","priority-plus-navigation"),value:B,onChange:t=>w({priorityPlusToggleBackgroundColorHover:t||void 0}),clearable:!0,enableAlpha:!0}]}),(0,r.jsx)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Plus Button Spacing","priority-plus-navigation"),resetAll:()=>w({priorityPlusTogglePadding:void 0}),children:(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!k&&Object.keys(k).length>0,label:(0,t.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>w({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:D.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:k,onChange:t=>w({priorityPlusTogglePadding:t}),label:(0,t.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Button Padding","priority-plus-navigation"),values:k,onChange:t=>w({priorityPlusTogglePadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]}),A&&(0,r.jsx)(z,{attributes:n,setAttributes:w,onClose:()=>$(!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",D,10)})(); \ No newline at end of file diff --git a/src/styles/editor.scss b/src/styles/editor.scss index 06d5a41..385b024 100755 --- a/src/styles/editor.scss +++ b/src/styles/editor.scss @@ -314,12 +314,39 @@ } } -.editor-styles-wrapper .priority-plus-navigation-editor-wrapper nav { - display: flex; - flex-wrap: nowrap; - align-items: center; - width: 100%; - border: 2px solid #008000 !important; +// Editor wrapper: flex container that clips nav items and shows the fake More button +.priority-plus-navigation-editor-wrapper { + display: flex; + flex-wrap: nowrap; + align-items: center; + width: 100%; + + // Let the nav block fill available space but allow it to shrink + > .block-editor-block-list__block, + > [data-block] { + flex: 1; + min-width: 0; + overflow: hidden; + } + + // Override right/center justification so items flow left-to-right + // and overflow clips on the right side (where the More button lives) + .wp-block-navigation__container { + flex-wrap: nowrap !important; + justify-content: flex-start !important; + } + + .wp-block-navigation-item { + flex-shrink: 0; + white-space: nowrap; + } + + // Fake More button - inherits nav typography via computed styles + .priority-plus-navigation-editor-more-button { + flex-shrink: 0; + // Match the gap used between nav items + margin-left: 0.75em; + } } // Disable the "Always" option in overlay menu settings for Priority+ nav @@ -332,37 +359,3 @@ cursor: not-allowed; } } - -// Editor-only styles for Priority Nav -// .editor-styles-wrapper { -// .priority-plus-navigation-editor-wrapper { -// display: flex; -// flex-wrap: nowrap; -// align-items: center; -// width: 100%; -// border: 2px solid green !important; - -// .wp-block-navigation { -// flex: 1; -// overflow: hidden; -// min-width: 0; -// } - -// .wp-block-navigation__responsive-container { -// overflow: hidden; -// justify-content: flex-start; -// } - -// .wp-block-navigation__container { -// display: flex; -// flex-wrap: nowrap; -// overflow: hidden; -// white-space: nowrap; -// } - -// .wp-block-navigation-item { -// flex-shrink: 0; -// white-space: nowrap; -// } -// } -// } diff --git a/src/variation/components/more-button-preview.js b/src/variation/components/more-button-preview.js new file mode 100644 index 0000000..f464da7 --- /dev/null +++ b/src/variation/components/more-button-preview.js @@ -0,0 +1,130 @@ +/** + * WordPress dependencies + */ +import { __ } from '@wordpress/i18n'; +import { useEffect, useRef, useState } from '@wordpress/element'; + +/** + * Convert WordPress preset value format to CSS custom property format. + * e.g. "var:preset|spacing|30" → "var(--wp--preset--spacing--30)" + * + * @param {string} value - The preset value string + * @return {string} Converted CSS custom property or original value + */ +function convertPresetValue(value) { + if (!value || typeof value !== 'string') { + return value; + } + + if (value.startsWith('var:preset|')) { + const matches = value.match(/^var:preset\|([^|]+)\|(.+)$/); + if (matches) { + return `var(--wp--preset--${matches[1]}--${matches[2]})`; + } + } + + return value; +} + +/** + * A fake "More" button rendered in the editor to visually represent + * the Priority Plus pattern. Reads computed styles from the actual + * nav items so the button matches their typography exactly. + */ +export const MoreButtonPreview = ({ attributes, wrapperRef }) => { + const { + priorityPlusToggleLabel, + priorityPlusToggleBackgroundColor, + priorityPlusToggleTextColor, + priorityPlusTogglePadding, + } = attributes; + + const buttonRef = useRef(null); + const [navFont, setNavFont] = useState({}); + + // Read computed font styles from an actual nav item + useEffect(() => { + if (!wrapperRef?.current) { + return; + } + + const readNavFont = () => { + const navItem = wrapperRef.current.querySelector( + '.wp-block-navigation-item__content' + ); + if (!navItem) { + return; + } + + const computed = window.getComputedStyle(navItem); + setNavFont({ + fontSize: computed.fontSize, + fontFamily: computed.fontFamily, + fontWeight: computed.fontWeight, + fontStyle: computed.fontStyle, + lineHeight: computed.lineHeight, + }); + }; + + // Read once and again after a short delay for editor paint + readNavFont(); + const timer = setTimeout(readNavFont, 200); + return () => clearTimeout(timer); + }, [ + wrapperRef, + attributes.fontSize, + attributes.fontFamily, + attributes.style?.typography?.fontSize, + attributes.style?.typography?.fontWeight, + attributes.style?.typography?.fontStyle, + ]); + + const buttonStyle = { + display: 'flex', + alignItems: 'center', + gap: '0.25em', + whiteSpace: 'nowrap', + cursor: 'default', + border: 'none', + background: priorityPlusToggleBackgroundColor || 'transparent', + color: priorityPlusToggleTextColor || 'inherit', + paddingTop: + convertPresetValue(priorityPlusTogglePadding?.top) || undefined, + paddingRight: + convertPresetValue(priorityPlusTogglePadding?.right) || undefined, + paddingBottom: + convertPresetValue(priorityPlusTogglePadding?.bottom) || undefined, + paddingLeft: + convertPresetValue(priorityPlusTogglePadding?.left) || undefined, + fontSize: navFont.fontSize || 'inherit', + fontFamily: navFont.fontFamily || 'inherit', + fontWeight: navFont.fontWeight || 'inherit', + fontStyle: navFont.fontStyle || 'inherit', + lineHeight: navFont.lineHeight || 'inherit', + }; + + return ( + + ); +}; diff --git a/src/variation/controls.js b/src/variation/controls.js index 7c40b96..073bb82 100644 --- a/src/variation/controls.js +++ b/src/variation/controls.js @@ -19,11 +19,12 @@ import { __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; import { createHigherOrderComponent } from '@wordpress/compose'; -import { useEffect, useState } from '@wordpress/element'; +import { useEffect, useRef, useState } from '@wordpress/element'; /** * Internal dependencies */ +import { MoreButtonPreview } from './components/more-button-preview'; import { DropdownCustomizerModal } from './components/dropdown-customizer-modal'; import { DEFAULT_MENU_BACKGROUND_COLOR, @@ -123,6 +124,9 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { overlayMenu, } = attributes; + // Ref for the editor wrapper so the MoreButtonPreview can read nav item styles + const wrapperRef = useRef(null); + // State for dropdown customizer modal const [isDropdownCustomizerOpen, setIsDropdownCustomizerOpen] = useState(false); @@ -187,7 +191,16 @@ const withPriorityPlusControls = createHigherOrderComponent((BlockEdit) => { return ( <> - +
+ + +
From ae2f54b7c05f590ca54a4c2ad14a0faf71be8f2e Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Mon, 16 Mar 2026 15:28:26 -0400 Subject: [PATCH 3/7] update changelog --- CHANGELOG.md | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 CHANGELOG.md diff --git a/CHANGELOG.md b/CHANGELOG.md new file mode 100644 index 0000000..1040380 --- /dev/null +++ b/CHANGELOG.md @@ -0,0 +1,65 @@ +# Changelog + +All notable changes to this project will be documented in this file. + +The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), +and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). + +Prefix the change with one of these keywords: + +- _Added_: for new features. +- _Changed_: for changes in existing functionality. +- _Deprecated_: for soon-to-be removed features. +- _Removed_: for now removed features. +- _Fixed_: for any bug fixes. +- _Security_: in case of vulnerabilities. + +## [Unreleased] + +- _Added_: Editor preview of the More button that reflects label, colors, and padding settings +- _Added_: Transform to convert Priority Plus Navigation back to standard Navigation block +- _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 + +## [1.0.0] + +### Core + +- _Added_: Priority Plus Navigation as a block variation of the core Navigation block +- _Added_: Automatic overflow detection using ResizeObserver to show/hide items based on available space +- _Added_: Dynamic "More" dropdown that collects overflow navigation items +- _Added_: Support for multiple Priority Plus Navigation instances on the same page +- _Added_: Width caching and requestAnimationFrame for performant resize calculations + +### Editor Controls + +- _Added_: Customizable "More" button label +- _Added_: Button color controls for text, background, and hover states +- _Added_: Button padding controls with theme spacing size support +- _Added_: Dropdown customizer modal with live preview +- _Added_: Dropdown menu color controls (background, item text, hover states) +- _Added_: Dropdown border controls with per-side support, radius, and box shadow +- _Added_: Dropdown item padding and separator styling +- _Added_: Submenu color controls (background, text, hover states) +- _Added_: Submenu indentation control for nested menu levels +- _Added_: Reset to defaults for all dropdown styles + +### Submenu & Accordion Support + +- _Added_: Accordion pattern for nested submenus within the dropdown +- _Added_: Click mode (full button toggle) and arrow mode (separate toggle button) based on core submenu settings +- _Added_: Keyboard navigation with Escape key to close dropdowns and accordions +- _Added_: Full ARIA support for accordion expand/collapse states + +### Overlay Menu Compatibility + +- _Added_: Automatic detection of WordPress overlay/hamburger menu state +- _Added_: Priority Plus disables when hamburger menu is active, re-enables on desktop +- _Changed_: "Always" overlay option is prevented and auto-converted to "Mobile" with editor notice + +### Theme Integration + +- _Added_: theme.json support via `settings.custom.priorityPlusNavigation.dropdown` path +- _Added_: CSS custom properties for all styling options +- _Added_: WordPress preset value support (spacing sizes, colors) +- _Added_: Block-level overrides that take precedence over theme.json defaults \ No newline at end of file From 5fb73f5e193efd8511f7fe82672cb36f1225fcb9 Mon Sep 17 00:00:00 2001 From: Troy Chaplin Date: Mon, 16 Mar 2026 17:41:25 -0400 Subject: [PATCH 4/7] fix single item display --- CHANGELOG.md | 3 ++ build/priority-plus-nav-editor.asset.php | 2 +- build/priority-plus-nav-editor.js | 2 +- build/priority-plus-navigation.asset.php | 2 +- build/priority-plus-navigation.js | 2 +- classes/class-block-renderer.php | 8 ++++-- src/core/PriorityNav.js | 36 ++++++++++++++++++++---- src/utils/constants.js | 2 ++ src/variation/block.js | 5 ++++ src/variation/controls.js | 34 ++++++++++++++++++++++ 10 files changed, 85 insertions(+), 11 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 1040380..9a42adf 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,8 +18,11 @@ Prefix the change with one of these keywords: - _Added_: Editor preview of the More button that reflects label, colors, and padding settings - _Added_: Transform to convert Priority Plus Navigation back to standard Navigation block +- _Added_: Mobile collapse option to collapse all items into the toggle button at the mobile breakpoint (enabled by default) +- _Changed_: All items can now move into the dropdown when space is insufficient, removing the forced minimum of one visible item - _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 ## [1.0.0] diff --git a/build/priority-plus-nav-editor.asset.php b/build/priority-plus-nav-editor.asset.php index 7a8f1e2..42e5bb0 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' => '0236540fec4384eb895d'); + array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => '974c481307b04845b57c'); diff --git a/build/priority-plus-nav-editor.js b/build/priority-plus-nav-editor.js index 6139d8c..71de7f6 100644 --- a/build/priority-plus-nav-editor.js +++ b/build/priority-plus-nav-editor.js @@ -1 +1 @@ -(()=>{"use strict";const t=window.wp.i18n,o=window.wp.blocks,e=window.wp.primitives,r=window.ReactJSXRuntime;var i=(0,r.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,r.jsx)(e.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)",P="#191919",b="#191919";(0,o.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,t.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,t.__)('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:(t,o)=>t.className?.includes(o.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(t,o)=>"core/navigation"!==o?t:{...t,attributes:{...t.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},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:P},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:b},priorityPlusTypographyFontFamily:{type:"string"},priorityPlusTypographyFontSize:{type:"string"},priorityPlusTypographyFontWeight:{type:"string"},priorityPlusTypographyFontStyle:{type:"string"}}});const f=window.wp.blockEditor,x=window.wp.components,w=window.wp.compose,_=window.wp.element;function S(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t}const C=({attributes:o,wrapperRef:e})=>{const{priorityPlusToggleLabel:i,priorityPlusToggleBackgroundColor:n,priorityPlusToggleTextColor:l,priorityPlusTogglePadding:s}=o,a=(0,_.useRef)(null),[u,p]=(0,_.useState)({});(0,_.useEffect)(()=>{if(!e?.current)return;const t=()=>{const t=e.current.querySelector(".wp-block-navigation-item__content");if(!t)return;const o=window.getComputedStyle(t);p({fontSize:o.fontSize,fontFamily:o.fontFamily,fontWeight:o.fontWeight,fontStyle:o.fontStyle,lineHeight:o.lineHeight})};t();const o=setTimeout(t,200);return()=>clearTimeout(o)},[e,o.fontSize,o.fontFamily,o.style?.typography?.fontSize,o.style?.typography?.fontWeight,o.style?.typography?.fontStyle]);const y={display:"flex",alignItems:"center",gap:"0.25em",whiteSpace:"nowrap",cursor:"default",border:"none",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:u.fontSize||"inherit",fontFamily:u.fontFamily||"inherit",fontWeight:u.fontWeight||"inherit",fontStyle:u.fontStyle||"inherit",lineHeight:u.lineHeight||"inherit"};return(0,r.jsxs)("span",{ref:a,className:"priority-plus-navigation-editor-more-button",style:y,"aria-hidden":"true",children:[(0,r.jsx)("span",{children:i||(0,t.__)("More","priority-plus-navigation")}),(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(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t.startsWith("var("),t}function M(t){if(!t)return a;if("string"==typeof t)return t;if("object"==typeof t){const{topLeft:o,topRight:e,bottomRight:r,bottomLeft:i}=t;return o===e&&e===r&&r===i&&o?o:`${o||"0"} ${e||"0"} ${r||"0"} ${i||"0"}`}return a}function B(t){const o=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!t)return o;if("string"==typeof t)return T(t);if("object"==typeof t){if(0===Object.keys(t).length)return o;const{top:e,right:r,bottom:i,left:n}=t;if(!(e&&""!==e&&"0"!==e||r&&""!==r&&"0"!==r||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return o;const l=T(e)||"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 o}function I({attributes:o,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:f,priorityPlusMenuBoxShadow:x,priorityPlusMenuItemPadding:w,priorityPlusMenuItemHoverBackground:S,priorityPlusMenuItemTextColor:C,priorityPlusMenuItemHoverTextColor:I,priorityPlusMenuSubmenuIndent:j,priorityPlusMenuItemSeparator:k,priorityPlusSubmenuBackgroundColor:F,priorityPlusSubmenuItemHoverBackground:H,priorityPlusSubmenuItemTextColor:A,priorityPlusSubmenuItemHoverTextColor:z}=o,$=i||l,D=n||s,N=f||a,R=x||u,W=w||p,E=S||y,L=C||d,V=I||g,O=k||m,q=F||h,Z=H||v,G=A||P,J=z||b,[X,K]=(0,_.useState)(!0),Q=(0,_.useMemo)(()=>{const t=function(t){const o=s,e="--wp--custom--priority-plus-navigation--dropdown--";if(!t)return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style};if(t.color||t.width||t.style)return{[`${e}border-color`]:t.color||o.color,[`${e}border-width`]:t.width||o.width,[`${e}border-style`]:t.style||o.style};const r=["top","right","bottom","left"];if(r.some(o=>t[o])){const i={};if(r.forEach(r=>{const n=t[r];if(n&&(n.color||n.width||n.style)){const t=n.width||o.width,l=n.style||o.style,s=n.color||o.color;i[`${e}border-${r}`]=`${t} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style}}(D),o={"--wp--custom--priority-plus-navigation--dropdown--background-color":$,"--wp--custom--priority-plus-navigation--dropdown--border-radius":M(N),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":R,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":B(W),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":E,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":L,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":V,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(r=j,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,...t};var r;return e.fontFamily&&(o.fontFamily=e.fontFamily),e.fontSize&&(o.fontSize=e.fontSize),e.fontWeight&&(o.fontWeight=e.fontWeight),e.fontStyle&&(o.fontStyle=e.fontStyle),o},[$,D,N,R,W,E,L,V,j,O,q,Z,G,J,e]);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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,t.__)("Don't forget to test nav item the hover effect!","priority-plus-navigation")})})]})}function j({attributes:o,setAttributes:e}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:s,priorityPlusMenuItemHoverTextColor:a}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||l,onChange:t=>e({priorityPlusMenuBackgroundColor:t||l}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:t=>e({priorityPlusMenuItemHoverBackground:t||y}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:s||d,onChange:t=>e({priorityPlusMenuItemTextColor:t||d}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:a||g,onChange:t=>e({priorityPlusMenuItemHoverTextColor:t||g}),enableAlpha:!0}]})}function k({attributes:o,setAttributes:e}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:l,priorityPlusSubmenuItemHoverTextColor:s}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Submenu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||h,onChange:t=>e({priorityPlusSubmenuBackgroundColor:t||h}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||v,onChange:t=>e({priorityPlusSubmenuItemHoverBackground:t||v}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:l||P,onChange:t=>e({priorityPlusSubmenuItemTextColor:t||P}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:s||b,onChange:t=>e({priorityPlusSubmenuItemHoverTextColor:t||b}),enableAlpha:!0}]})}function F({value:o,onChange:e}){const i=(0,f.useSetting)("shadow.presets.theme"),n=(0,f.useSetting)("shadow.presets.default"),l=(0,_.useMemo)(()=>{const o=i||[],e=n||[],r=[{value:"none",label:(0,t.__)("None","priority-plus-navigation")},{value:u,label:(0,t.__)("Default","priority-plus-navigation")}];return o.length>0&&o.forEach(t=>{r.push({value:t.shadow,label:t.name})}),e.length>0&&e.forEach(t=>{r.push({value:t.shadow,label:t.name})}),r},[i,n]),[s,a]=(0,_.useState)(l);return(0,r.jsx)(x.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Shadow","priority-plus-navigation"),value:o,onChange:t=>{e(t)},options:s,onFilterValueChange:t=>{if(!t)return void a(l);const o=t.toLowerCase();a(l.filter(t=>t.label.toLowerCase().includes(o)))}})}function H({attributes:o,setAttributes:e}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=o,p=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=i)&&(!!(t.color||t.width||t.style)||["top","right","bottom","left"].some(o=>{const e=t[o];return e&&(e.color||e.width||e.style)}));var t},label:(0,t.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderBoxControl,{label:(0,t.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:t=>e({priorityPlusMenuBorder:t}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("string"==typeof t?""!==t:"object"==typeof t&&Object.values(t).some(t=>t&&""!==t));var t},label:(0,t.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,t.__)("Border Radius","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuBorderRadius:t})})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,t.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,r.jsx)(F,{value:l||u,onChange:t=>e({priorityPlusMenuBoxShadow:t})})})]})}function A({attributes:o,setAttributes:e,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l,priorityPlusMenuItemSeparator:s}=o,a=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:c,priorityPlusMenuItemSeparator:m})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=s)&&!!(t.color||t.width||t.style);var t},label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemSeparator:m}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderControl,{__next40pxDefaultSize:!0,label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),colors:a,value:s||m,onChange:t=>e({priorityPlusMenuItemSeparator:t}),enableAlpha:!0,enableStyle:!0,withSlider:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("object"==typeof t?Object.values(t).some(t=>t&&""!==t):!!t);var t},label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:i.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=l)&&("object"==typeof t?t.left&&""!==t.left:!!t);var t},label:(0,t.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuSubmenuIndent:{left:c}}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalSpacingSizesControl,{label:(0,t.__)("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:t=>e({priorityPlusMenuSubmenuIndent:t}),sides:["left"]})})]});var u}function z({attributes:o,setAttributes:e,onClose:i}){const n=(0,f.useSetting)("typography.fontSizes")||[],w=(0,f.useSetting)("typography.fontFamilies")||[],_={};if(o.priorityPlusTypographyFontFamily){let t=[];w&&"object"==typeof w&&!Array.isArray(w)?(w.theme&&Array.isArray(w.theme)&&(t=t.concat(w.theme)),w.custom&&Array.isArray(w.custom)&&(t=t.concat(w.custom))):Array.isArray(w)&&w.forEach(o=>{o.fontFamilies&&Array.isArray(o.fontFamilies)?t=t.concat(o.fontFamilies):o.slug&&o.fontFamily&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontFamily);e&&(_.fontFamily=e.fontFamily)}if(o.priorityPlusTypographyFontSize){let t=[];Array.isArray(n)&&n.forEach(o=>{o.sizes&&Array.isArray(o.sizes)?t=t.concat(o.sizes):o.slug&&o.size&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontSize);e&&(_.fontSize=e.size)}o.priorityPlusTypographyFontWeight&&(_.fontWeight=o.priorityPlusTypographyFontWeight),o.priorityPlusTypographyFontStyle&&(_.fontStyle=o.priorityPlusTypographyFontStyle);const S=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(x.Modal,{title:(0,t.__)("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)(j,{attributes:o,setAttributes:e}),(0,r.jsx)(H,{attributes:o,setAttributes:e}),(0,r.jsx)(k,{attributes:o,setAttributes:e}),(0,r.jsx)(A,{attributes:o,setAttributes:e,spacingSizes:S})]}),(0,r.jsx)("div",{className:"dropdown-customizer-preview",children:(0,r.jsx)(I,{attributes:o,typographyStyles:_})})]}),(0,r.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,r.jsx)(x.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({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:P,priorityPlusSubmenuItemHoverTextColor:b})},children:(0,t.__)("Reset to Defaults","priority-plus-navigation")}),(0,r.jsx)(x.Button,{variant:"primary",onClick:i,children:(0,t.__)("Done","priority-plus-navigation")})]})]})}const $=(0,w.createHigherOrderComponent)(t=>o=>{const{name:e,attributes:i}=o;if("core/navigation"!==e)return(0,r.jsx)(t,{...o});const n=(i.className||"").includes("is-style-priority-plus-navigation")||!0===i.priorityPlusEnabled;return(0,_.useEffect)(()=>{if(!n)return;const t=document.querySelector(".block-editor-block-inspector");if(!t)return;const o=t.querySelector('.components-toggle-group-control-option-base[data-value="always"]');o&&(o.style.opacity="0.4",o.style.pointerEvents="none",o.style.textDecoration="line-through",o.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,r.jsx)(t,{...o})},"addDisableAlwaysOption"),D=(0,w.createHigherOrderComponent)(o=>e=>{const{name:i,attributes:n,setAttributes:w}=e;if("core/navigation"!==i)return(0,r.jsx)(o,{...e});const S=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!S)return(0,r.jsx)(o,{...e});const{priorityPlusToggleLabel:T,priorityPlusToggleBackgroundColor:M,priorityPlusToggleBackgroundColorHover:B,priorityPlusToggleTextColor:I,priorityPlusToggleTextColorHover:j,priorityPlusTogglePadding:k,overlayMenu:F}=n,H=(0,_.useRef)(null),[A,$]=(0,_.useState)(!1);(0,_.useEffect)(()=>{S&&"always"===F&&w({overlayMenu:"mobile"})},[S,F,w]),(0,_.useEffect)(()=>{if(!S)return;const t=n.style?.typography?.fontWeight,o=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&t===n.priorityPlusTypographyFontWeight&&o===n.priorityPlusTypographyFontStyle||w({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:t,priorityPlusTypographyFontStyle:o})},[S,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,w]);const D=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"priority-plus-navigation-editor-wrapper",ref:H,children:[(0,r.jsx)(o,{...e}),(0,r.jsx)(C,{attributes:n,wrapperRef:H})]}),(0,r.jsx)(f.InspectorControls,{group:"settings",children:(0,r.jsx)(x.Notice,{status:"info",isDismissible:!1,children:(0,t.__)('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,t.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>w({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:P,priorityPlusSubmenuItemHoverTextColor:b}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!T,label:(0,t.__)("Button Label","priority-plus-navigation"),onDeselect:()=>w({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,r.jsx)(x.TextControl,{label:(0,t.__)("Button Label","priority-plus-navigation"),value:T,onChange:t=>w({priorityPlusToggleLabel:t}),help:(0,t.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{const{priorityPlusMenuBackgroundColor:t,priorityPlusMenuBorder:o,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:r,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(t||o||e||r||i||l||s||a)},label:(0,t.__)("Custom Dropdown","priority-plus-navigation"),onDeselect:()=>w({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:P,priorityPlusSubmenuItemHoverTextColor:b}),isShownByDefault:!0,children:(0,r.jsx)(x.Button,{variant:"primary",onClick:()=>$(!0),children:(0,t.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Text Color","priority-plus-navigation"),value:I,onChange:t=>w({priorityPlusToggleTextColor:t||void 0}),clearable:!0},{label:(0,t.__)("Text Hover Color","priority-plus-navigation"),value:j,onChange:t=>w({priorityPlusToggleTextColorHover:t||void 0}),clearable:!0},{label:(0,t.__)("Background Color","priority-plus-navigation"),value:M,onChange:t=>w({priorityPlusToggleBackgroundColor:t||void 0}),clearable:!0},{label:(0,t.__)("Background Hover Color","priority-plus-navigation"),value:B,onChange:t=>w({priorityPlusToggleBackgroundColorHover:t||void 0}),clearable:!0,enableAlpha:!0}]}),(0,r.jsx)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Plus Button Spacing","priority-plus-navigation"),resetAll:()=>w({priorityPlusTogglePadding:void 0}),children:(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!k&&Object.keys(k).length>0,label:(0,t.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>w({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:D.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:k,onChange:t=>w({priorityPlusTogglePadding:t}),label:(0,t.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Button Padding","priority-plus-navigation"),values:k,onChange:t=>w({priorityPlusTogglePadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]}),A&&(0,r.jsx)(z,{attributes:n,setAttributes:w,onClose:()=>$(!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",D,10)})(); \ No newline at end of file +(()=>{"use strict";const t=window.wp.i18n,o=window.wp.blocks,e=window.wp.primitives,r=window.ReactJSXRuntime;var i=(0,r.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,r.jsx)(e.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)",g="#191919",d="#191919",c="1.25rem",m={color:"#f0f0f0",width:"1px",style:"solid"},h="#ffffff",v="rgba(0, 0, 0, 0.05)",P="#191919",b="#191919";(0,o.registerBlockVariation)("core/navigation",{name:"priority-plus-navigation",title:(0,t.__)("Priority Plus Navigation","priority-plus-navigation"),description:(0,t.__)('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:(t,o)=>t.className?.includes(o.className)}),(0,n.addFilter)("blocks.registerBlockType","priority-plus-navigation/extend-core-navigation",(t,o)=>"core/navigation"!==o?t:{...t,attributes:{...t.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},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:g},priorityPlusMenuItemHoverTextColor:{type:"string",default:d},priorityPlusMenuSubmenuIndent:{type:"string",default:c},priorityPlusMenuItemSeparator:{type:"object",default:m},priorityPlusSubmenuBackgroundColor:{type:"string",default:h},priorityPlusSubmenuItemHoverBackground:{type:"string",default:v},priorityPlusSubmenuItemTextColor:{type:"string",default:P},priorityPlusSubmenuItemHoverTextColor:{type:"string",default:b},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(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t}const C=({attributes:o,wrapperRef:e})=>{const{priorityPlusToggleLabel:i,priorityPlusToggleBackgroundColor:n,priorityPlusToggleTextColor:l,priorityPlusTogglePadding:s}=o,a=(0,w.useRef)(null),[u,p]=(0,w.useState)({});(0,w.useEffect)(()=>{if(!e?.current)return;const t=()=>{const t=e.current.querySelector(".wp-block-navigation-item__content");if(!t)return;const o=window.getComputedStyle(t);p({fontSize:o.fontSize,fontFamily:o.fontFamily,fontWeight:o.fontWeight,fontStyle:o.fontStyle,lineHeight:o.lineHeight})};t();const o=setTimeout(t,200);return()=>clearTimeout(o)},[e,o.fontSize,o.fontFamily,o.style?.typography?.fontSize,o.style?.typography?.fontWeight,o.style?.typography?.fontStyle]);const y={display:"flex",alignItems:"center",gap:"0.25em",whiteSpace:"nowrap",cursor:"default",border:"none",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:u.fontSize||"inherit",fontFamily:u.fontFamily||"inherit",fontWeight:u.fontWeight||"inherit",fontStyle:u.fontStyle||"inherit",lineHeight:u.lineHeight||"inherit"};return(0,r.jsxs)("span",{ref:a,className:"priority-plus-navigation-editor-more-button",style:y,"aria-hidden":"true",children:[(0,r.jsx)("span",{children:i||(0,t.__)("More","priority-plus-navigation")}),(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 M(t){if(!t||"string"!=typeof t)return t;if(t.startsWith("var:preset|")){const o=t.match(/^var:preset\|([^|]+)\|(.+)$/);if(o)return`var(--wp--preset--${o[1]}--${o[2]})`}return t.startsWith("var("),t}function T(t){if(!t)return a;if("string"==typeof t)return t;if("object"==typeof t){const{topLeft:o,topRight:e,bottomRight:r,bottomLeft:i}=t;return o===e&&e===r&&r===i&&o?o:`${o||"0"} ${e||"0"} ${r||"0"} ${i||"0"}`}return a}function B(t){const o=`${p.top} ${p.right} ${p.bottom} ${p.left}`;if(!t)return o;if("string"==typeof t)return M(t);if("object"==typeof t){if(0===Object.keys(t).length)return o;const{top:e,right:r,bottom:i,left:n}=t;if(!(e&&""!==e&&"0"!==e||r&&""!==r&&"0"!==r||i&&""!==i&&"0"!==i||n&&""!==n&&"0"!==n))return o;const l=M(e)||"0",s=M(r)||"0",a=M(i)||"0",u=M(n)||"0";return l===s&&s===a&&a===u?l:l===a&&s===u?`${l} ${s}`:`${l} ${s} ${a} ${u}`}return o}function I({attributes:o,typographyStyles:e={}}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuBorder:n,priorityPlusMenuBorderRadius:f,priorityPlusMenuBoxShadow:x,priorityPlusMenuItemPadding:_,priorityPlusMenuItemHoverBackground:S,priorityPlusMenuItemTextColor:C,priorityPlusMenuItemHoverTextColor:I,priorityPlusMenuSubmenuIndent:j,priorityPlusMenuItemSeparator:k,priorityPlusSubmenuBackgroundColor:F,priorityPlusSubmenuItemHoverBackground:H,priorityPlusSubmenuItemTextColor:A,priorityPlusSubmenuItemHoverTextColor:z}=o,D=i||l,$=n||s,N=f||a,R=x||u,W=_||p,E=S||y,L=C||g,V=I||d,O=k||m,q=F||h,Z=H||v,G=A||P,J=z||b,[X,K]=(0,w.useState)(!0),Q=(0,w.useMemo)(()=>{const t=function(t){const o=s,e="--wp--custom--priority-plus-navigation--dropdown--";if(!t)return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style};if(t.color||t.width||t.style)return{[`${e}border-color`]:t.color||o.color,[`${e}border-width`]:t.width||o.width,[`${e}border-style`]:t.style||o.style};const r=["top","right","bottom","left"];if(r.some(o=>t[o])){const i={};if(r.forEach(r=>{const n=t[r];if(n&&(n.color||n.width||n.style)){const t=n.width||o.width,l=n.style||o.style,s=n.color||o.color;i[`${e}border-${r}`]=`${t} ${l} ${s}`}}),Object.keys(i).length>0)return i}return{[`${e}border-color`]:o.color,[`${e}border-width`]:o.width,[`${e}border-style`]:o.style}}($),o={"--wp--custom--priority-plus-navigation--dropdown--background-color":D,"--wp--custom--priority-plus-navigation--dropdown--border-radius":T(N),"--wp--custom--priority-plus-navigation--dropdown--box-shadow":R,"--wp--custom--priority-plus-navigation--dropdown--item-spacing":B(W),"--wp--custom--priority-plus-navigation--dropdown--item-hover-background-color":E,"--wp--custom--priority-plus-navigation--dropdown--item-text-color":L,"--wp--custom--priority-plus-navigation--dropdown--item-hover-text-color":V,"--wp--custom--priority-plus-navigation--dropdown--multi-level-indent":(r=j,r?"object"==typeof r&&r.left?M(r.left):"string"==typeof r?M(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,...t};var r;return e.fontFamily&&(o.fontFamily=e.fontFamily),e.fontSize&&(o.fontSize=e.fontSize),e.fontWeight&&(o.fontWeight=e.fontWeight),e.fontStyle&&(o.fontStyle=e.fontStyle),o},[D,$,N,R,W,E,L,V,j,O,q,Z,G,J,e]);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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("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,t.__)("Woah, submenu inception!","priority-plus-navigation")})})]})]})]})]}),(0,r.jsx)("li",{children:(0,r.jsx)("span",{className:"priority-plus-navigation-preview-link",children:(0,t.__)("Don't forget to test nav item the hover effect!","priority-plus-navigation")})})]})}function j({attributes:o,setAttributes:e}){const{priorityPlusMenuBackgroundColor:i,priorityPlusMenuItemHoverBackground:n,priorityPlusMenuItemTextColor:s,priorityPlusMenuItemHoverTextColor:a}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Menu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||l,onChange:t=>e({priorityPlusMenuBackgroundColor:t||l}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||y,onChange:t=>e({priorityPlusMenuItemHoverBackground:t||y}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:s||g,onChange:t=>e({priorityPlusMenuItemTextColor:t||g}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:a||d,onChange:t=>e({priorityPlusMenuItemHoverTextColor:t||d}),enableAlpha:!0}]})}function k({attributes:o,setAttributes:e}){const{priorityPlusSubmenuBackgroundColor:i,priorityPlusSubmenuItemHoverBackground:n,priorityPlusSubmenuItemTextColor:l,priorityPlusSubmenuItemHoverTextColor:s}=o;return(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Submenu Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Background Color","priority-plus-navigation"),value:i||h,onChange:t=>e({priorityPlusSubmenuBackgroundColor:t||h}),enableAlpha:!0},{label:(0,t.__)("Item Hover Background","priority-plus-navigation"),value:n||v,onChange:t=>e({priorityPlusSubmenuItemHoverBackground:t||v}),enableAlpha:!0},{label:(0,t.__)("Item Text Color","priority-plus-navigation"),value:l||P,onChange:t=>e({priorityPlusSubmenuItemTextColor:t||P}),enableAlpha:!0},{label:(0,t.__)("Item Hover Text Color","priority-plus-navigation"),value:s||b,onChange:t=>e({priorityPlusSubmenuItemHoverTextColor:t||b}),enableAlpha:!0}]})}function F({value:o,onChange:e}){const i=(0,f.useSetting)("shadow.presets.theme"),n=(0,f.useSetting)("shadow.presets.default"),l=(0,w.useMemo)(()=>{const o=i||[],e=n||[],r=[{value:"none",label:(0,t.__)("None","priority-plus-navigation")},{value:u,label:(0,t.__)("Default","priority-plus-navigation")}];return o.length>0&&o.forEach(t=>{r.push({value:t.shadow,label:t.name})}),e.length>0&&e.forEach(t=>{r.push({value:t.shadow,label:t.name})}),r},[i,n]),[s,a]=(0,w.useState)(l);return(0,r.jsx)(x.ComboboxControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,t.__)("Shadow","priority-plus-navigation"),value:o,onChange:t=>{e(t)},options:s,onFilterValueChange:t=>{if(!t)return void a(l);const o=t.toLowerCase();a(l.filter(t=>t.label.toLowerCase().includes(o)))}})}function H({attributes:o,setAttributes:e}){const{priorityPlusMenuBorder:i,priorityPlusMenuBorderRadius:n,priorityPlusMenuBoxShadow:l}=o,p=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Plus Menu Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=i)&&(!!(t.color||t.width||t.style)||["top","right","bottom","left"].some(o=>{const e=t[o];return e&&(e.color||e.width||e.style)}));var t},label:(0,t.__)("Menu Border","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorder:s}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderBoxControl,{label:(0,t.__)("Border","priority-plus-navigation"),colors:p,value:i,onChange:t=>e({priorityPlusMenuBorder:t}),enableAlpha:!0,enableStyle:!0,size:"__unstable-large"})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("string"==typeof t?""!==t:"object"==typeof t&&Object.values(t).some(t=>t&&""!==t));var t},label:(0,t.__)("Border Radius","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBorderRadius:a}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalBorderRadiusControl,{label:(0,t.__)("Border Radius","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuBorderRadius:t})})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!l,label:(0,t.__)("Shadow","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuBoxShadow:u}),isShownByDefault:!0,children:(0,r.jsx)(F,{value:l||u,onChange:t=>e({priorityPlusMenuBoxShadow:t})})})]})}function A({attributes:o,setAttributes:e,spacingSizes:i}){const{priorityPlusMenuItemPadding:n,priorityPlusMenuSubmenuIndent:l,priorityPlusMenuItemSeparator:s}=o,a=(0,f.useSetting)("color.palette")||[];return(0,r.jsxs)(x.__experimentalToolsPanel,{label:(0,t.__)("Priority Menu Item Styles","priority-plus-navigation"),resetAll:()=>{e({priorityPlusMenuItemPadding:p,priorityPlusMenuSubmenuIndent:c,priorityPlusMenuItemSeparator:m})},children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=s)&&!!(t.color||t.width||t.style);var t},label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemSeparator:m}),isShownByDefault:!0,children:(0,r.jsx)(x.__experimentalBorderControl,{__next40pxDefaultSize:!0,label:(0,t.__)("Menu Item Divider","priority-plus-navigation"),colors:a,value:s||m,onChange:t=>e({priorityPlusMenuItemSeparator:t}),enableAlpha:!0,enableStyle:!0,withSlider:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=n)&&("object"==typeof t?Object.values(t).some(t=>t&&""!==t):!!t);var t},label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuItemPadding:p}),isShownByDefault:!0,children:i.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Menu Item Padding","priority-plus-navigation"),values:n,onChange:t=>e({priorityPlusMenuItemPadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>{return!!(t=l)&&("object"==typeof t?t.left&&""!==t.left:!!t);var t},label:(0,t.__)("Submenu Indent","priority-plus-navigation"),onDeselect:()=>e({priorityPlusMenuSubmenuIndent:{left:c}}),isShownByDefault:!0,children:(0,r.jsx)(f.__experimentalSpacingSizesControl,{label:(0,t.__)("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:t=>e({priorityPlusMenuSubmenuIndent:t}),sides:["left"]})})]});var u}function z({attributes:o,setAttributes:e,onClose:i}){const n=(0,f.useSetting)("typography.fontSizes")||[],_=(0,f.useSetting)("typography.fontFamilies")||[],w={};if(o.priorityPlusTypographyFontFamily){let t=[];_&&"object"==typeof _&&!Array.isArray(_)?(_.theme&&Array.isArray(_.theme)&&(t=t.concat(_.theme)),_.custom&&Array.isArray(_.custom)&&(t=t.concat(_.custom))):Array.isArray(_)&&_.forEach(o=>{o.fontFamilies&&Array.isArray(o.fontFamilies)?t=t.concat(o.fontFamilies):o.slug&&o.fontFamily&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontFamily);e&&(w.fontFamily=e.fontFamily)}if(o.priorityPlusTypographyFontSize){let t=[];Array.isArray(n)&&n.forEach(o=>{o.sizes&&Array.isArray(o.sizes)?t=t.concat(o.sizes):o.slug&&o.size&&t.push(o)});const e=t.find(t=>t.slug===o.priorityPlusTypographyFontSize);e&&(w.fontSize=e.size)}o.priorityPlusTypographyFontWeight&&(w.fontWeight=o.priorityPlusTypographyFontWeight),o.priorityPlusTypographyFontStyle&&(w.fontStyle=o.priorityPlusTypographyFontStyle);const S=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(x.Modal,{title:(0,t.__)("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)(j,{attributes:o,setAttributes:e}),(0,r.jsx)(H,{attributes:o,setAttributes:e}),(0,r.jsx)(k,{attributes:o,setAttributes:e}),(0,r.jsx)(A,{attributes:o,setAttributes:e,spacingSizes:S})]}),(0,r.jsx)("div",{className:"dropdown-customizer-preview",children:(0,r.jsx)(I,{attributes:o,typographyStyles:w})})]}),(0,r.jsxs)("div",{className:"dropdown-customizer-footer",children:[(0,r.jsx)(x.Button,{variant:"tertiary",isDestructive:!0,onClick:()=>{e({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:g,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b})},children:(0,t.__)("Reset to Defaults","priority-plus-navigation")}),(0,r.jsx)(x.Button,{variant:"primary",onClick:i,children:(0,t.__)("Done","priority-plus-navigation")})]})]})}const D=(0,_.createHigherOrderComponent)(t=>o=>{const{name:e,attributes:i}=o;if("core/navigation"!==e)return(0,r.jsx)(t,{...o});const n=(i.className||"").includes("is-style-priority-plus-navigation")||!0===i.priorityPlusEnabled;return(0,w.useEffect)(()=>{if(!n)return;const t=document.querySelector(".block-editor-block-inspector");if(!t)return;const o=t.querySelector('.components-toggle-group-control-option-base[data-value="always"]');o&&(o.style.opacity="0.4",o.style.pointerEvents="none",o.style.textDecoration="line-through",o.style.cursor="not-allowed")},[n,i.overlayMenu]),(0,r.jsx)(t,{...o})},"addDisableAlwaysOption"),$=(0,_.createHigherOrderComponent)(o=>e=>{const{name:i,attributes:n,setAttributes:_}=e;if("core/navigation"!==i)return(0,r.jsx)(o,{...e});const S=(n.className||"").includes("is-style-priority-plus-navigation")||!0===n.priorityPlusEnabled;if(!S)return(0,r.jsx)(o,{...e});const{priorityPlusToggleLabel:M,priorityPlusToggleBackgroundColor:T,priorityPlusToggleBackgroundColorHover:B,priorityPlusToggleTextColor:I,priorityPlusToggleTextColorHover:j,priorityPlusTogglePadding:k,priorityPlusMobileCollapse:F=!0,overlayMenu:H}=n,A=(0,w.useRef)(null),[D,$]=(0,w.useState)(!1);(0,w.useEffect)(()=>{S&&"always"===H&&_({overlayMenu:"mobile"})},[S,H,_]),(0,w.useEffect)(()=>{if(!S)return;const t=n.style?.typography?.fontWeight,o=n.style?.typography?.fontStyle;n.fontSize===n.priorityPlusTypographyFontSize&&n.fontFamily===n.priorityPlusTypographyFontFamily&&t===n.priorityPlusTypographyFontWeight&&o===n.priorityPlusTypographyFontStyle||_({priorityPlusTypographyFontFamily:n.fontFamily,priorityPlusTypographyFontSize:n.fontSize,priorityPlusTypographyFontWeight:t,priorityPlusTypographyFontStyle:o})},[S,n.fontSize,n.fontFamily,n.style?.typography?.fontWeight,n.style?.typography?.fontStyle,n.priorityPlusTypographyFontFamily,n.priorityPlusTypographyFontSize,n.priorityPlusTypographyFontWeight,n.priorityPlusTypographyFontStyle,_]);const N=(0,f.useSetting)("spacing.spacingSizes")||[];return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"priority-plus-navigation-editor-wrapper",ref:A,children:[(0,r.jsx)(o,{...e}),(0,r.jsx)(C,{attributes:n,wrapperRef:A})]}),(0,r.jsx)(f.InspectorControls,{group:"settings",children:(0,r.jsx)(x.Notice,{status:"info",isDismissible:!1,children:(0,t.__)('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,t.__)("Priority Plus Settings","priority-plus-navigation"),resetAll:()=>_({priorityPlusToggleLabel:"More",priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:g,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b}),children:[(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!!M,label:(0,t.__)("Button Label","priority-plus-navigation"),onDeselect:()=>_({priorityPlusToggleLabel:"More"}),isShownByDefault:!0,children:(0,r.jsx)(x.TextControl,{label:(0,t.__)("Button Label","priority-plus-navigation"),value:M,onChange:t=>_({priorityPlusToggleLabel:t}),help:(0,t.__)("Text displayed on the toggle button","priority-plus-navigation")})}),(0,r.jsx)(x.__experimentalToolsPanelItem,{hasValue:()=>!0!==F,label:(0,t.__)("Mobile Collapse","priority-plus-navigation"),onDeselect:()=>_({priorityPlusMobileCollapse:!0}),isShownByDefault:!0,children:(0,r.jsx)(x.ToggleControl,{label:(0,t.__)("Collapse all items on mobile","priority-plus-navigation"),checked:F,onChange:t=>_({priorityPlusMobileCollapse:t}),help:(0,t.__)("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:t,priorityPlusMenuBorder:o,priorityPlusMenuBorderRadius:e,priorityPlusMenuBoxShadow:r,priorityPlusMenuItemPadding:i,priorityPlusMenuItemHoverBackground:l,priorityPlusMenuItemHoverTextColor:s,priorityPlusMenuSubmenuIndent:a}=n;return!!(t||o||e||r||i||l||s||a)},label:(0,t.__)("Custom Dropdown","priority-plus-navigation"),onDeselect:()=>_({priorityPlusMenuBackgroundColor:l,priorityPlusMenuBorder:s,priorityPlusMenuBorderRadius:a,priorityPlusMenuBoxShadow:u,priorityPlusMenuItemPadding:p,priorityPlusMenuItemHoverBackground:y,priorityPlusMenuItemTextColor:g,priorityPlusMenuItemHoverTextColor:d,priorityPlusMenuSubmenuIndent:{left:c},priorityPlusMenuItemSeparator:m,priorityPlusSubmenuBackgroundColor:h,priorityPlusSubmenuItemHoverBackground:v,priorityPlusSubmenuItemTextColor:P,priorityPlusSubmenuItemHoverTextColor:b}),isShownByDefault:!0,children:(0,r.jsx)(x.Button,{variant:"primary",onClick:()=>$(!0),children:(0,t.__)("Customize Dropdown Menu","priority-plus-navigation")})})]}),(0,r.jsx)(f.PanelColorSettings,{title:(0,t.__)("Priority Plus Button Colors","priority-plus-navigation"),colorSettings:[{label:(0,t.__)("Text Color","priority-plus-navigation"),value:I,onChange:t=>_({priorityPlusToggleTextColor:t||void 0}),clearable:!0},{label:(0,t.__)("Text Hover Color","priority-plus-navigation"),value:j,onChange:t=>_({priorityPlusToggleTextColorHover:t||void 0}),clearable:!0},{label:(0,t.__)("Background Color","priority-plus-navigation"),value:T,onChange:t=>_({priorityPlusToggleBackgroundColor:t||void 0}),clearable:!0},{label:(0,t.__)("Background Hover Color","priority-plus-navigation"),value:B,onChange:t=>_({priorityPlusToggleBackgroundColorHover:t||void 0}),clearable:!0,enableAlpha:!0}]}),(0,r.jsx)(x.__experimentalToolsPanel,{label:(0,t.__)("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,t.__)("Button Padding","priority-plus-navigation"),onDeselect:()=>_({priorityPlusTogglePadding:void 0}),isShownByDefault:!0,children:N.length>0?(0,r.jsx)(f.__experimentalSpacingSizesControl,{values:k,onChange:t=>_({priorityPlusTogglePadding:t}),label:(0,t.__)("Button Padding","priority-plus-navigation"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,r.jsx)(x.BoxControl,{label:(0,t.__)("Button Padding","priority-plus-navigation"),values:k,onChange:t=>_({priorityPlusTogglePadding:t}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]}),D&&(0,r.jsx)(z,{attributes:n,setAttributes:_,onClose:()=>$(!1)})]})},"withPriorityPlusControls");(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-disable-always-option",D,5),(0,n.addFilter)("editor.BlockEdit","priority-plus-navigation/add-priority-plus-navigation-controls",$,10)})(); \ No newline at end of file diff --git a/build/priority-plus-navigation.asset.php b/build/priority-plus-navigation.asset.php index 16b4590..5f13c8a 100644 --- a/build/priority-plus-navigation.asset.php +++ b/build/priority-plus-navigation.asset.php @@ -1 +1 @@ - array(), 'version' => '874dfb5c427f37e2a56b'); + array(), 'version' => '276687636cd44ad78f29'); diff --git a/build/priority-plus-navigation.js b/build/priority-plus-navigation.js index dd3d995..7656151 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